@charset "UTF-8";
/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com
*/
/*#8C8C8C;*/
/*#FCFCFC;*/
@font-face {
  font-family: "Roboto-Medium";
  src: url("../Fonts/Roboto/Roboto-Medium.ttf");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../Fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
  font-family: "Roboto-Light";
  src: url("../Fonts/Roboto/Roboto-Light.ttf");
}
@font-face {
  font-family: "VialogLTCom-Medium";
  src: url("../Fonts/5117619/46ee2ec4-3bba-4585-9e2a-57bd8583cd6a.eot?#iefix");
  src: url("../Fonts/5117619/46ee2ec4-3bba-4585-9e2a-57bd8583cd6a.eot?#iefix") format("eot"), url("../Fonts/5117619/5dd610ae-295e-4aee-a8a7-2257f94b4e86.woff2") format("woff2"), url("../Fonts/5117619/345790d6-ffcb-4b48-916c-efe7815cb3fc.woff") format("woff"), url("../Fonts/5117619/ec681593-0682-43c5-b25a-79825f9e6ada.ttf") format("truetype");
}
@font-face {
  font-family: "VialogLTCom-Regular";
  src: url("../Fonts/5687019/b40ab740-bf52-4181-a1cc-f1706467f7c0.eot?#iefix");
  src: url("../Fonts/5687019/b40ab740-bf52-4181-a1cc-f1706467f7c0.eot?#iefix") format("eot"), url("../Fonts/5687019/9b195fb4-dc4f-46ed-81cd-00f504fb55c6.woff2") format("woff2"), url("../Fonts/5687019/4f4f5c54-b7be-40bb-8572-e61f2073f71e.woff") format("woff"), url("../Fonts/5687019/8026417a-0867-4926-b18a-6cc2af45fc26.ttf") format("truetype");
}
@font-face {
  font-family: 'fontello';
  src: url("../css/font/fontello.eot?70286164");
  src: url("../css/font/fontello.eot?70286164#iefix") format("embedded-opentype"), url("../css/font/fontello.woff2?70286164") format("woff2"), url("../css/font/fontello.woff?70286164") format("woff"), url("../css/font/fontello.ttf?70286164") format("truetype"), url("../css/font/fontello.svg?70286164#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?37289115#fontello') format('svg');
  }
}
*/
.pi-info-circle:before {
  font-style: normal;
  font-weight: normal;
  color: #40A3D6;
  line-height: 1em;
  width: 1em;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ui-icon-"]:before,
[class*=" ui-icon-"]:before,
[class*="pi-sort"]:before,
.p-checkbox-icon:before,
.p-radiobutton-icon:before,
.pi-angle-up:before,
.pi-angle-down:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  color: #40A3D6;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.ui-icon-pencil:before {
  content: '\e800';
}

.ui-icon-trash:before {
  content: '\e801';
}

.ui-icon-search:before, body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch + label.filter-search:before, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch + label.filter-search:before {
  content: '\e802';
}

.ui-icon-cancel-circled:before, body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch:checked + label.filter-search:before, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch:checked + label.filter-search:before {
  content: '\e803';
}

.ui-icon-seek-prev:before {
  content: '\e804';
}

.ui-icon-seek-first:before {
  content: "";
}

.ui-icon-arrowthick-1-w {
  content: '\e804';
}

.ui-icon-seek-next:before {
  content: '\e813';
}

.ui-icon-seek-end:before {
  content: "";
}

.ui-icon-arrowthick-1-e {
  content: '\e813';
}

.ui-icon-carat-2-n-s:before, .pi-sort-alt:before {
  content: '\f0dc';
}

.ui-icon-triangle-1-s:before, .pi-sort-amount-down:before {
  content: '\f0dd';
}

.ui-icon-triangle-1-n:before, .pi-sort-amount-up-alt:before {
  content: '\f0de';
}

.ui-icon-toggle-off:before {
  content: '\f204';
}

.ui-icon-toggle-on:before {
  content: '\f205';
}

.ui-icon-ok-circled:before {
  content: '\e806';
}

.ui-icon-ok:before {
  content: '\e80a';
}

.ui-icon-cancel:before {
  content: '\e80b';
}

.ui-icon-block:before {
  content: '\e807';
}

.ui-icon-hourglass-o:before {
  content: '\f250';
}

.ui-icon-up-open:before {
  content: '\e814';
}

.ui-icon-down-open:before {
  content: '\e811';
}

.ui-chkbox-icon.ui-icon-blank:before {
  content: '\f096';
}

.ui-chkbox-icon.ui-icon-check:before {
  content: '\e80c';
}

.ui-icon-upload:before {
  content: '\e80d';
  font-size: 36px;
}

.ui-icon-upload-small:before {
  content: '\e80d';
  font-size: 15px;
  vertical-align: middle;
}

.icon-upload-box:before {
  content: '\e80f';
}

.ui-icon-arrowstop-1-w:before {
  content: '\f100';
  color: #FFFFFF;
}

.ui-icon-arrowstop-1-e:before {
  content: '\f101';
  color: #FFFFFF;
}

.ui-icon-arrow-1-w:before {
  content: '\f104';
  color: #FFFFFF;
}

.ui-icon-arrow-1-e:before {
  content: '\f105';
  color: #FFFFFF;
}

.ui-icon-circle-triangle-e:before {
  content: '\f105';
}

.ui-icon-circle-triangle-w:before {
  content: '\f104';
}

.ui-icon-circle-triangle-s:before {
  content: '\f107';
  font-size: 18px;
}

.ui-icon-transfer:before {
  content: '\f0ec';
}

.ui-icon-download:before {
  content: '\e80e';
}

.ui-radiobutton-icon.ui-icon-blank:before {
  content: '\f10c';
}

.ui-radiobutton-icon.ui-icon-bullet:before {
  content: '\f192';
}

.p-radiobutton-box > .p-radiobutton-icon {
  visibility: visible;
  transform: translateZ(0) scale(1, 1);
}

.p-radiobutton-icon:before {
  content: '\f10c';
}

.p-radiobutton-checked .p-radiobutton-icon:before {
  content: '\f192';
}

.ui-icon-angle-up:before {
  content: '\f107';
  color: #40A3D6;
  font-size: 28px;
}

.ui-icon-angle-down:before, body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch + label.filter-arrow-down:before, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch + label.filter-arrow-down:before {
  content: '\f106';
  color: #40A3D6;
  font-size: 28px;
}

.ui-icon-arrow-up:before {
  content: '\f107';
}

.ui-icon-arrow-down:before {
  content: '\f106';
}

.ui-icon-next:before {
  content: '\f105';
  font-size: 28px;
}

.ui-icon-status:before {
  content: '\f21e';
}

.ui-icon-post:before {
  content: '\e810';
}

.ui-icon-doc:before {
  content: '\e805';
  color: #FFFFFF;
}

.ui-icon-docs:before {
  content: '\f0c5';
  color: #FFFFFF;
}

.ui-icon-eye-open:before {
  content: '\e808';
}

.ui-icon-eye-closed:before {
  content: '\e809';
}

.ui-icon-circle-filled:before {
  content: '\f111';
}

.ui-icon-circle-filled-grey:before {
  content: '\f111';
  color: #E5E5E5;
}

.ui-icon-plus:before {
  content: '\e812';
}

.ui-icon-minus:before {
  content: "";
}

.ui-icon-info:before {
  content: '\e815';
  color: #40A3D6;
}

.customicon-modules:before {
  content: url(../icons/compatibility/icon-module.svg);
}

.customicon-components:before {
  content: url(../icons/compatibility/icon-components-01.svg);
}

.customicon-components-extended:before {
  content: url(../icons/compatibility/icon-components-02.svg);
}

.customicon-canceled:before {
  content: url(../icons/conformance/ico-ctest-canceled.svg);
}

.customicon-generated:before {
  content: url(../icons/conformance/ico-ctest-generated.svg);
}

.customicon-pki-certified:before {
  content: url(../icons/conformance/ico-ctest-pki-certified.svg);
}

.customicon-requested:before {
  content: url(../icons/conformance/ico-ctest-requested.svg);
}

.customicon-rescheduled:before {
  content: url(../icons/conformance/ico-ctest-rescheduled.svg);
}

.customicon-scheduled:before {
  content: url(../icons/conformance/ico-ctest-scheduled.svg);
}

.customicon-tested:before {
  content: url(../icons/conformance/ico-ctest-tested.svg);
}

.customicon-imported:before {
  content: url(../icons/conformance/ico-ctest-imported.svg);
}

.customicon-info:before {
  content: url(../icons/conformance/ico-ctest-info.svg);
}

.customicon-pending-approval:before {
  content: url(../icons/conformance/ico-ctest-pending-approval.svg);
}

.customicon-failed:before {
  content: url(../icons/conformance/ico-ctest-failed.svg);
}

.customicon-action-accept:before {
  content: url(../icons/conformance/ico-ctest-action-accept.svg);
}

.customicon-action-allocate:before {
  content: url(../icons/conformance/ico-ctest-action-allocate.svg);
}

.customicon-action-approve:before {
  content: url(../icons/conformance/ico-ctest-action-approve.svg);
}

.customicon-action-cancel:before {
  content: url(../icons/conformance/ico-ctest-action-cancel.svg);
}

.customicon-action-delete:before {
  content: url(../icons/conformance/ico-ctest-action-delete.svg);
}

.customicon-action-edit:before {
  content: url(../icons/conformance/ico-ctest-action-edit.svg);
}

.customicon-action-overview:before {
  content: url(../icons/conformance/ico-ctest-action-overview.svg);
}

.customicon-action-overview-aefblue:before {
  content: url(../icons/conformance/ico-ctest-action-overview-aefblue.svg);
}

.customicon-action-requesttest:before {
  content: url(../icons/conformance/ico-ctest-action-requesttest.svg);
}

.customicon-action-retest:before {
  content: url(../icons/conformance/ico-ctest-action-retest.svg);
}

.customicon-action-schedule:before {
  content: url(../icons/conformance/ico-ctest-action-schedule.svg);
}

.customicon-action-show:before {
  content: url(../icons/conformance/ico-ctest-action-show.svg);
}

.customicon-action-upload:before {
  content: url(../icons/conformance/ico-ctest-action-upload.svg);
}

.customicon-download-createpdf:before {
  content: url(../icons/conformance/ico-ctest-dl-createpdf.svg);
}

.customicon-download-pkiresult:before {
  content: url(../icons/conformance/ico-ctest-dl-pkiresult.svg);
}

.customicon-download-testdescription:before {
  content: url(../icons/conformance/ico-ctest-dl-testdescription.svg);
}

.customicon-download-testreport:before {
  content: url(../icons/conformance/ico-ctest-dl-testreport.svg);
}

.customicon-download-testresult:before {
  content: url(../icons/conformance/ico-ctest-dl-testresult.svg);
}

.customicon-download-selfdeclaration:before {
  content: url(../icons/conformance/ico-ctest-dl-selfdeclaration.svg);
}

.customicon-request-pending:before {
  content: url(../icons/conformance/ico-ctest-request-pending.svg);
}

.customicon-status-allocated:before {
  content: url(../icons/conformance/ico-ctest-allocated.svg);
}

/* reset */
*, body header > .inner > nav .ui-widget:not(.blue):not(.orange):not(.outline), body header > .inner > nav .ui-widget-content, body header > .inner > nav .ui-widget-header,
body .headline-background .ui-widget:not(.blue):not(.orange):not(.outline),
body .headline-background .ui-widget-content,
body .headline-background .ui-widget-header,
body #actions .ui-widget:not(.blue):not(.orange):not(.outline),
body #actions .ui-widget-content,
body #actions .ui-widget-header, body .content .site-content #billingContent.ui-panel,
body .content .site-content #billingContent .ui-panel,
body .content .site-content #billingContent .ui-panel-content,
body .content .site-content #billingContent .billing-data,
body .content .site-content #billingContent .license-panel {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body, body input[type=text],
body input[type=password], body .ticket-output-summary, body div.labeled-input > input[type=text], body div.labeled-input > input[type=password], body div.labeled-input > span > input[type=text], body div.labeled-input > textarea, body div.ui-selectonemenu > input[type=text], body div.p-dropdown > input[type=text], body div.p-multiselect > input[type=text], body div.ui-selectonemenu > label.ui-selectonemenu-label, body div.ui-selectonemenu > span.p-dropdown-label, body div.ui-selectonemenu > div.p-multiselect-label-container, body div.p-dropdown > label.ui-selectonemenu-label, body div.p-dropdown > span.p-dropdown-label, body div.p-dropdown > div.p-multiselect-label-container, body div.p-multiselect > label.ui-selectonemenu-label, body div.p-multiselect > span.p-dropdown-label, body div.p-multiselect > div.p-multiselect-label-container, body .content #login #login-area input[type=text],
body .content #login #login-area input[type=password], body .content .site-content .ui-datatable thead th .ui-column-customfilter > div.ui-selectonemenu > label.ui-selectonemenu-label, body .content .site-content .p-datatable thead th .ui-column-customfilter > div.ui-selectonemenu > label.ui-selectonemenu-label, body div.labeled-input > label {
  font-family: VialogLTCom-Regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body, body input[type=text],
body input[type=password], body .ticket-output-summary, body div.labeled-input > input[type=text], body div.labeled-input > input[type=password], body div.labeled-input > span > input[type=text], body div.labeled-input > textarea, body div.ui-selectonemenu > input[type=text], body div.p-dropdown > input[type=text], body div.p-multiselect > input[type=text], body div.ui-selectonemenu > label.ui-selectonemenu-label, body div.ui-selectonemenu > span.p-dropdown-label, body div.ui-selectonemenu > div.p-multiselect-label-container, body div.p-dropdown > label.ui-selectonemenu-label, body div.p-dropdown > span.p-dropdown-label, body div.p-dropdown > div.p-multiselect-label-container, body div.p-multiselect > label.ui-selectonemenu-label, body div.p-multiselect > span.p-dropdown-label, body div.p-multiselect > div.p-multiselect-label-container, body .content #login #login-area input[type=text],
body .content #login #login-area input[type=password], body .content .site-content .ui-datatable thead th .ui-column-customfilter > div.ui-selectonemenu > label.ui-selectonemenu-label, body .content .site-content .p-datatable thead th .ui-column-customfilter > div.ui-selectonemenu > label.ui-selectonemenu-label {
  color: #3E3E3E;
  opacity: 1.0;
  font-size: 18px;
  line-height: 22.2px;
}

.customicon-modules, .customicon-components, .customicon-components-extended, .customicon-canceled, .customicon-generated, .customicon-pki-certified, .customicon-requested, .customicon-rescheduled, .customicon-scheduled, .customicon-tested, .customicon-imported, .customicon-info, .customicon-pending-approval, .customicon-failed, .customicon-action-accept, .customicon-action-allocate, .customicon-action-approve, .customicon-action-cancel, .customicon-action-delete, .customicon-action-edit, .customicon-action-overview, .customicon-action-overview-aefblue, .customicon-action-requesttest, .customicon-action-retest, .customicon-action-schedule, .customicon-action-show, .customicon-action-upload, .customicon-download-createpdf, .customicon-download-pkiresult, .customicon-download-testdescription, .customicon-download-testreport, .customicon-download-testresult, .customicon-download-selfdeclaration, .customicon-request-pending, .customicon-status-allocated {
  margin: 0;
  left: 0;
  top: 0;
}
.customicon-modules:before, .customicon-components:before, .customicon-components-extended:before, .customicon-canceled:before, .customicon-generated:before, .customicon-pki-certified:before, .customicon-requested:before, .customicon-rescheduled:before, .customicon-scheduled:before, .customicon-tested:before, .customicon-imported:before, .customicon-info:before, .customicon-pending-approval:before, .customicon-failed:before, .customicon-action-accept:before, .customicon-action-allocate:before, .customicon-action-approve:before, .customicon-action-cancel:before, .customicon-action-delete:before, .customicon-action-edit:before, .customicon-action-overview:before, .customicon-action-overview-aefblue:before, .customicon-action-requesttest:before, .customicon-action-retest:before, .customicon-action-schedule:before, .customicon-action-show:before, .customicon-action-upload:before, .customicon-download-createpdf:before, .customicon-download-pkiresult:before, .customicon-download-testdescription:before, .customicon-download-testreport:before, .customicon-download-testresult:before, .customicon-download-selfdeclaration:before, .customicon-request-pending:before, .customicon-status-allocated:before {
  line-height: 0;
  font-size: 0;
  display: block;
}

body {
  /* PrimeFaces aka. JQuery UI resets */
  	/*input[type=text],
  	input[type=password],
  	button,
  	div.ui-selectonemenu {
  		&:not(.ui-button) { // FIXME: this is only until internal layout is consolidated
  			height: 46px;
  			margin-bottom: 6px;
  
  			&.error {
  				box-shadow: inset 0 0 2px 1px $error-color;
  			}
  		}
  	}*/
}
body header > .inner > nav .ui-widget:not(.blue):not(.orange):not(.outline),
body .headline-background .ui-widget:not(.blue):not(.orange):not(.outline),
body #actions .ui-widget:not(.blue):not(.orange):not(.outline), body h1, body h2, body h3, body h4, body .content #target-group .ui-tabs .ui-tabs-nav li a, body nav ul, body button,
body input[type=button],
body input[type=submit],
body input[type=reset], body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header, body .content .site-content .dashed-border > div.column.right .bold, body .content .site-content .tile-container.registration-type .tile-content > .content-wrapper, body .content .site-content .tile-container.event-meeting .tile-footer, body .content .site-content .tile-container.event-meeting.meeting .tile-extension, body .content .site-content .bottom-margined .summary-box-right, body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose {
  font-family: VialogLTCom-Medium, Arial Bold, Gadget, sans-serif;
  font-weight: normal;
}
body header > .inner > nav .ui-widget:not(.blue):not(.orange):not(.outline),
body header > .inner > nav #actions .ui-widget:not(.blue):not(.orange):not(.outline),
body #actions header > .inner > nav .ui-widget:not(.blue):not(.orange):not(.outline), body header > .inner > nav .ui-widget-content,
body header > .inner > nav #actions .ui-widget-content,
body #actions header > .inner > nav .ui-widget-content, body header > .inner > nav .ui-widget-header,
body header > .inner > nav #actions .ui-widget-header,
body #actions header > .inner > nav .ui-widget-header,
body .headline-background header > .inner > nav .ui-widget:not(.blue):not(.orange):not(.outline),
body header > .inner > nav .headline-background .ui-widget:not(.blue):not(.orange):not(.outline),
body .headline-background .ui-widget:not(.blue):not(.orange):not(.outline),
body .headline-background #actions .ui-widget:not(.blue):not(.orange):not(.outline),
body #actions .headline-background .ui-widget:not(.blue):not(.orange):not(.outline),
body .headline-background header > .inner > nav .ui-widget-content,
body header > .inner > nav .headline-background .ui-widget-content,
body .headline-background .ui-widget-content,
body .headline-background #actions .ui-widget-content,
body #actions .headline-background .ui-widget-content,
body .headline-background header > .inner > nav .ui-widget-header,
body header > .inner > nav .headline-background .ui-widget-header,
body .headline-background .ui-widget-header,
body .headline-background #actions .ui-widget-header,
body #actions .headline-background .ui-widget-header,
body #actions .ui-widget:not(.blue):not(.orange):not(.outline),
body #actions .ui-widget-content,
body #actions .ui-widget-header {
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent none;
  color: inherit;
}
body header > .inner > nav .ui-widget-header,
body .headline-background
.ui-widget-header,
body #actions .ui-widget-header {
  font-weight: bold;
}
body h1 {
  font-size: 55px;
  line-height: 57px;
}
body h2 {
  font-size: 45px;
  line-height: 51px;
}
body h3 {
  font-size: 23px;
  line-height: 25.2px;
}
body h4, body .content #target-group .ui-tabs .ui-tabs-nav li a {
  font-size: 20px;
  line-height: 25.2px;
}
body h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22.2px;
  margin-bottom: 16px;
}
body p.intro {
  font-size: 23px;
  line-height: 34px;
}
body a {
  color: #40A3D6;
  text-decoration: none;
}
body .ui-selectonemenu-trigger.ui-state-error {
  border: none !important;
}
body .ui-outputlabel.ui-state-error {
  border: none !important;
}
body nav ul {
  padding-left: 0;
  color: #FFFFFF;
  background-color: #40A3D6;
  font-size: 19px;
  line-height: 47px;
}
body nav ul li {
  list-style: none;
  text-transform: uppercase;
  /* border-top: 1px solid $nav-background; */
}
body nav ul li a, body nav ul li a.ui-widget {
  color: #FFFFFF;
}
body nav ul li:first-child {
  background-color: #3C99C8;
}
body nav ul li:nth-child(2) {
  background-color: #469ECB;
}
body nav ul li:nth-child(3) {
  background-color: #4FA3CD;
}
body nav ul li:nth-child(4) {
  background-color: #59A8D0;
}
body nav ul li:nth-child(5) {
  background-color: #63ADD3;
}
body nav ul li:nth-child(6) {
  background-color: #6DB3D6;
}
body nav ul li:nth-child(7) {
  background-color: #76B7D8;
}
body nav ul li:nth-child(8) {
  background-color: #80BDDB;
}
body nav ul li:nth-child(9) {
  background-color: #8AC2DE;
}
body nav ul li:hover {
  background-color: #3D90BA;
}
body button.blue,
body input[type=button].blue,
body input[type=submit].blue,
body input[type=reset].blue, body button.blueButtonUpload,
body input[type=button].blueButtonUpload,
body input[type=submit].blueButtonUpload,
body input[type=reset].blueButtonUpload, body button.orange,
body input[type=button].orange,
body input[type=submit].orange,
body input[type=reset].orange, body button.outline,
body input[type=button].outline,
body input[type=submit].outline,
body input[type=reset].outline, body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions button,
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=button],
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=submit],
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=reset], body .ui-fileupload-simple, body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose,
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-upload,
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-cancel {
  height: 46px;
  padding-left: 24px;
  padding-right: 24px;
  border: none;
  color: #FFFFFF;
}
body button,
body input[type=button],
body input[type=submit],
body input[type=reset] {
  font-size: 18px;
  line-height: 22.2px;
}
body button.blue,
body input[type=button].blue,
body input[type=submit].blue,
body input[type=reset].blue {
  background-color: #40A3D6;
}
body button.blue.marginbuttonright,
body input[type=button].blue.marginbuttonright,
body input[type=submit].blue.marginbuttonright,
body input[type=reset].blue.marginbuttonright {
  margin-right: 16px;
}
body button.blue.left-arrow > span.ui-button-text:before,
body input[type=button].blue.left-arrow > span.ui-button-text:before,
body input[type=submit].blue.left-arrow > span.ui-button-text:before,
body input[type=reset].blue.left-arrow > span.ui-button-text:before {
  display: inline-block;
  margin-right: 10px;
  content: url("../imgs/ico-right-arrow.svg");
  transform: rotate(180deg);
}
body button.blue.right-arrow > span.ui-button-text:after,
body input[type=button].blue.right-arrow > span.ui-button-text:after,
body input[type=submit].blue.right-arrow > span.ui-button-text:after,
body input[type=reset].blue.right-arrow > span.ui-button-text:after {
  display: inline-block;
  margin-left: 10px;
  content: url("../imgs/ico-right-arrow.svg");
}
body button.blue.left-arrow:disabled > span.ui-button-text:before, body button.blue.right-arrow:disabled > span.ui-button-text:after,
body input[type=button].blue.left-arrow:disabled > span.ui-button-text:before,
body input[type=button].blue.right-arrow:disabled > span.ui-button-text:after,
body input[type=submit].blue.left-arrow:disabled > span.ui-button-text:before,
body input[type=submit].blue.right-arrow:disabled > span.ui-button-text:after,
body input[type=reset].blue.left-arrow:disabled > span.ui-button-text:before,
body input[type=reset].blue.right-arrow:disabled > span.ui-button-text:after {
  content: url("../imgs/ico-right-arrow-disabled.svg");
}
body button.blueButtonUpload,
body input[type=button].blueButtonUpload,
body input[type=submit].blueButtonUpload,
body input[type=reset].blueButtonUpload {
  background-color: #40A3D6;
}
body button.orange,
body input[type=button].orange,
body input[type=submit].orange,
body input[type=reset].orange {
  background-color: #F5A623;
}
body button.orange:hover,
body input[type=button].orange:hover,
body input[type=submit].orange:hover,
body input[type=reset].orange:hover {
  background-color: #E29D2A;
}
body button.outline,
body input[type=button].outline,
body input[type=submit].outline,
body input[type=reset].outline {
  color: #40A3D6;
  background-color: #FFFFFF;
  border: 1px solid #25A5D5;
}
body button.outline:hover,
body input[type=button].outline:hover,
body input[type=submit].outline:hover,
body input[type=reset].outline:hover {
  color: #FFFFFF;
}
body button.outline:disabled, body button.outline:hover:disabled,
body input[type=button].outline:disabled,
body input[type=button].outline:hover:disabled,
body input[type=submit].outline:disabled,
body input[type=submit].outline:hover:disabled,
body input[type=reset].outline:disabled,
body input[type=reset].outline:hover:disabled {
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
}
body button.ui-button > span.ui-button-text,
body input[type=button].ui-button > span.ui-button-text,
body input[type=submit].ui-button > span.ui-button-text,
body input[type=reset].ui-button > span.ui-button-text {
  padding: 0;
}
body button:hover, body button.selected,
body input[type=button]:hover,
body input[type=button].selected,
body input[type=submit]:hover,
body input[type=submit].selected,
body input[type=reset]:hover,
body input[type=reset].selected {
  background-color: #3D90BA;
}
body button:disabled, body button:hover:disabled, body button.disabled-look,
body input[type=button]:disabled,
body input[type=button]:hover:disabled,
body input[type=button].disabled-look,
body input[type=submit]:disabled,
body input[type=submit]:hover:disabled,
body input[type=submit].disabled-look,
body input[type=reset]:disabled,
body input[type=reset]:hover:disabled,
body input[type=reset].disabled-look {
  color: #B1B3B5;
  background-color: #E5E5E5;
}
body input[type=text],
body input[type=password] {
  /* e.g. for forgot password panel */
  height: 48px;
  color: #505559;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
}
body .ticket-output-summary {
  display: block;
  position: relative;
  margin-bottom: 6px;
  height: 50px;
  padding: 16px 12px 4px;
  color: #B1B3B5;
  width: 482px;
  /* border left-right width */
}
body div.labeled-input {
  position: relative;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
  margin-bottom: 6px;
}
body div.labeled-input.labeled-input-absolute {
  position: absolute;
}
body div.labeled-input.row {
  display: inline-block;
  vertical-align: top;
}
body div.labeled-input.row.subsequent {
  margin-left: 5px;
}
body div.labeled-input > label {
  position: absolute;
  padding-left: 12px;
  font-size: 12px;
  color: #40A3D6;
  z-index: 1;
}
body div.labeled-input.for-text-area {
  height: 400px;
}
body div.labeled-input.for-text-area > label {
  width: 458px;
  background-color: white;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  left: 2px;
  top: 2px;
  line-height: 19.2px;
}
body div.labeled-input button.input-action,
body div.labeled-input input[type=button].input-action,
body div.labeled-input input[type=submit].input-action,
body div.labeled-input input[type=reset].input-action {
  width: 32px;
  margin-right: 0;
  border: none;
  background: transparent;
}
body div.labeled-input > input[type=text], body div.labeled-input > input[type=password], body div.labeled-input > span > input[type=text], body div.labeled-input > textarea {
  /* PrimeFaces autocomplete */
  height: 50px;
  padding: 16px 12px 4px;
  color: #505559;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: none;
  outline: none;
  width: 482px;
  /* border left-right width */
}
body div.labeled-input > input[type=text].reduced-input-width, body div.labeled-input > input[type=password].reduced-input-width, body div.labeled-input > span > input[type=text].reduced-input-width, body div.labeled-input > textarea.reduced-input-width {
  width: 440px;
}
body div.labeled-input > input[type=text].reduced-input-width.alert, body div.labeled-input > input[type=password].reduced-input-width.alert, body div.labeled-input > span > input[type=text].reduced-input-width.alert, body div.labeled-input > textarea.reduced-input-width.alert {
  margin-top: 4px;
  padding-top: 4px;
}
body div.labeled-input > input[type=text]:disabled, body div.labeled-input > input[type=password]:disabled, body div.labeled-input > span > input[type=text]:disabled, body div.labeled-input > textarea:disabled {
  color: #B1B3B5;
}
body div.labeled-input > input[type=text]:disabled .error, body div.labeled-input > input[type=password]:disabled .error, body div.labeled-input > span > input[type=text]:disabled .error, body div.labeled-input > textarea:disabled .error {
  color: #D0011B;
}
body div.labeled-input > textarea {
  width: 478px;
  margin-left: 2px;
  margin-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
}
body div.labeled-input > .non-editable-input {
  height: 50px;
  padding: 16px 12px 4px;
  border-radius: 4px;
  border: none;
  outline: none;
  display: inline-block;
}
body div.labeled-input > textarea {
  height: initial;
}
body div.labeled-input span.ui-autocomplete {
  position: static;
}
body div.labeled-input.error {
  box-shadow: inset 0 0 2px 1px #D0011B !important;
}
body div.labeled-input.error > label {
  color: #D0011B !important;
}
body div.labeled-input.error > input[type=text]:disabled, body div.labeled-input.error > input[type=password]:disabled, body div.labeled-input.error > span > input[type=text]:disabled, body div.labeled-input.error > textarea:disabled {
  color: #D0011B;
}
body div.labeled-input.error > .ui-selectonemenu > .ui-selectonemenu-trigger.ui-state-error {
  width: 46px;
  height: 46px;
  top: 2px;
  right: 2px;
}
body input[type=text],
body input[type=password],
body .ui-selectonemenu label.ui-selectonemenu-label {
  /*@extend %basic-text;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid $input-border-color;
  background-color: $input-background;*/
  color: #505559;
}
body input[type=text].placeholder,
body input[type=password].placeholder,
body .ui-selectonemenu label.ui-selectonemenu-label.placeholder {
  color: #8C8C8C;
}
body input[type=text].error,
body input[type=password].error,
body .ui-selectonemenu label.ui-selectonemenu-label.error {
  color: #D0011B;
  box-shadow: inset 0 0 2px 1px #D0011B;
  border-color: #D0011B !important;
}
body input[type=text]:disabled,
body input[type=password]:disabled,
body .ui-selectonemenu label.ui-selectonemenu-label:disabled {
  color: #B1B3B5;
}
body input[type=checkbox],
body .ui-selectbooleancheckbox.ui-chkbox,
body .ui-selectlistbox-item > .ui-chkbox {
  cursor: pointer;
  margin-right: 6px;
}
body input[type=checkbox] ~ .ui-outputlabel,
body .ui-selectbooleancheckbox.ui-chkbox ~ .ui-outputlabel,
body .ui-selectlistbox-item > .ui-chkbox ~ .ui-outputlabel {
  cursor: pointer;
}
body div.ui-selectonemenu, body div.p-dropdown, body div.p-multiselect {
  border-radius: 4px;
}
body div.ui-selectonemenu > input[type=text], body div.p-dropdown > input[type=text], body div.p-multiselect > input[type=text] {
  width: 100%;
  height: 50px;
  padding: 16px 12px 4px;
  border-radius: 4px;
  border: none;
  color: #505559;
  background-color: transparent;
}
body div.ui-selectonemenu > label.ui-selectonemenu-label, body div.ui-selectonemenu > span.p-dropdown-label, body div.ui-selectonemenu > div.p-multiselect-label-container, body div.p-dropdown > label.ui-selectonemenu-label, body div.p-dropdown > span.p-dropdown-label, body div.p-dropdown > div.p-multiselect-label-container, body div.p-multiselect > label.ui-selectonemenu-label, body div.p-multiselect > span.p-dropdown-label, body div.p-multiselect > div.p-multiselect-label-container {
  height: 50px;
  line-height: 30px;
  padding: 16px 12px 4px;
  color: #505559;
  border-radius: 4px;
  border: none;
  width: 445px;
  max-width: 100%;
}
body div.ui-selectonemenu.error > label.ui-selectonemenu-label, body div.p-dropdown.error > label.ui-selectonemenu-label, body div.p-multiselect.error > label.ui-selectonemenu-label {
  color: #D0011B;
}
body div.ui-selectonemenu > div.ui-selectonemenu-trigger, body div.ui-selectonemenu > div.p-dropdown-trigger, body div.ui-selectonemenu > div.p-multiselect-trigger, body div.p-dropdown > div.ui-selectonemenu-trigger, body div.p-dropdown > div.p-dropdown-trigger, body div.p-dropdown > div.p-multiselect-trigger, body div.p-multiselect > div.ui-selectonemenu-trigger, body div.p-multiselect > div.p-dropdown-trigger, body div.p-multiselect > div.p-multiselect-trigger {
  width: 48px;
  /*border: 1px solid $input-border-color;*/
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #40A3D6;
  height: 50px;
  padding: 0;
}
body div.ui-selectonemenu > div.ui-selectonemenu-trigger:hover, body div.ui-selectonemenu > div.ui-selectonemenu-trigger.ui-state-hover, body div.ui-selectonemenu > div.p-dropdown-trigger:hover, body div.ui-selectonemenu > div.p-dropdown-trigger.ui-state-hover, body div.ui-selectonemenu > div.p-multiselect-trigger:hover, body div.ui-selectonemenu > div.p-multiselect-trigger.ui-state-hover, body div.p-dropdown > div.ui-selectonemenu-trigger:hover, body div.p-dropdown > div.ui-selectonemenu-trigger.ui-state-hover, body div.p-dropdown > div.p-dropdown-trigger:hover, body div.p-dropdown > div.p-dropdown-trigger.ui-state-hover, body div.p-dropdown > div.p-multiselect-trigger:hover, body div.p-dropdown > div.p-multiselect-trigger.ui-state-hover, body div.p-multiselect > div.ui-selectonemenu-trigger:hover, body div.p-multiselect > div.ui-selectonemenu-trigger.ui-state-hover, body div.p-multiselect > div.p-dropdown-trigger:hover, body div.p-multiselect > div.p-dropdown-trigger.ui-state-hover, body div.p-multiselect > div.p-multiselect-trigger:hover, body div.p-multiselect > div.p-multiselect-trigger.ui-state-hover {
  background-color: #3D90BA;
}
body div.ui-selectonemenu > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s, body div.ui-selectonemenu > div.p-dropdown-trigger > .ui-icon-triangle-1-s, body div.ui-selectonemenu > div.p-multiselect-trigger > .ui-icon-triangle-1-s, body div.p-dropdown > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s, body div.p-dropdown > div.p-dropdown-trigger > .ui-icon-triangle-1-s, body div.p-dropdown > div.p-multiselect-trigger > .ui-icon-triangle-1-s, body div.p-multiselect > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s, body div.p-multiselect > div.p-dropdown-trigger > .ui-icon-triangle-1-s, body div.p-multiselect > div.p-multiselect-trigger > .ui-icon-triangle-1-s {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 0;
  display: inline-block;
}
body div.ui-selectonemenu > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s:before, body div.ui-selectonemenu > div.p-dropdown-trigger > .ui-icon-triangle-1-s:before, body div.ui-selectonemenu > div.p-multiselect-trigger > .ui-icon-triangle-1-s:before, body div.p-dropdown > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s:before, body div.p-dropdown > div.p-dropdown-trigger > .ui-icon-triangle-1-s:before, body div.p-dropdown > div.p-multiselect-trigger > .ui-icon-triangle-1-s:before, body div.p-multiselect > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s:before, body div.p-multiselect > div.p-dropdown-trigger > .ui-icon-triangle-1-s:before, body div.p-multiselect > div.p-multiselect-trigger > .ui-icon-triangle-1-s:before {
  content: '\f107';
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  font-size: 25px;
  color: #FFFFFF;
}
body div.ui-selectonemenu > div.ui-selectonemenu-trigger > .pi-chevron-down, body div.ui-selectonemenu > div.p-dropdown-trigger > .pi-chevron-down, body div.ui-selectonemenu > div.p-multiselect-trigger > .pi-chevron-down, body div.p-dropdown > div.ui-selectonemenu-trigger > .pi-chevron-down, body div.p-dropdown > div.p-dropdown-trigger > .pi-chevron-down, body div.p-dropdown > div.p-multiselect-trigger > .pi-chevron-down, body div.p-multiselect > div.ui-selectonemenu-trigger > .pi-chevron-down, body div.p-multiselect > div.p-dropdown-trigger > .pi-chevron-down, body div.p-multiselect > div.p-multiselect-trigger > .pi-chevron-down {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 0;
  display: inline-block;
}
body div.ui-selectonemenu > div.ui-selectonemenu-trigger > .pi-chevron-down:before, body div.ui-selectonemenu > div.p-dropdown-trigger > .pi-chevron-down:before, body div.ui-selectonemenu > div.p-multiselect-trigger > .pi-chevron-down:before, body div.p-dropdown > div.ui-selectonemenu-trigger > .pi-chevron-down:before, body div.p-dropdown > div.p-dropdown-trigger > .pi-chevron-down:before, body div.p-dropdown > div.p-multiselect-trigger > .pi-chevron-down:before, body div.p-multiselect > div.ui-selectonemenu-trigger > .pi-chevron-down:before, body div.p-multiselect > div.p-dropdown-trigger > .pi-chevron-down:before, body div.p-multiselect > div.p-multiselect-trigger > .pi-chevron-down:before {
  font-family: "fontello";
  content: '\f107';
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  font-size: 25px;
  color: #FFFFFF;
}
body div.ui-selectonemenu[aria-expanded=true] > div.ui-selectonemenu-trigger, body div.p-dropdown[aria-expanded=true] > div.ui-selectonemenu-trigger, body div.p-multiselect[aria-expanded=true] > div.ui-selectonemenu-trigger {
  background-color: #F5A623;
}
body div.ui-selectonemenu[aria-expanded=true] > div.ui-selectonemenu-trigger:hover, body div.p-dropdown[aria-expanded=true] > div.ui-selectonemenu-trigger:hover, body div.p-multiselect[aria-expanded=true] > div.ui-selectonemenu-trigger:hover {
  background-color: #E29D2A;
}
body div.ui-selectonemenu[aria-expanded=true] > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s, body div.p-dropdown[aria-expanded=true] > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s, body div.p-multiselect[aria-expanded=true] > div.ui-selectonemenu-trigger > .ui-icon-triangle-1-s {
  animation: turn 1s ease 1 forwards;
}
@keyframes turn {
  100% {
    transform: rotate(180deg) translateX(50%) translateY(50%);
  }
}
body div.ui-selectonemenu [aria-expanded=true].p-dropdown-trigger, body div.p-dropdown [aria-expanded=true].p-dropdown-trigger, body div.p-multiselect [aria-expanded=true].p-dropdown-trigger {
  background-color: #F5A623;
}
body div.ui-selectonemenu [aria-expanded=true].p-dropdown-trigger:hover, body div.p-dropdown [aria-expanded=true].p-dropdown-trigger:hover, body div.p-multiselect [aria-expanded=true].p-dropdown-trigger:hover {
  background-color: #E29D2A;
}
body div.ui-selectonemenu [aria-expanded=true].p-dropdown-trigger > .p-dropdown-trigger-icon, body div.p-dropdown [aria-expanded=true].p-dropdown-trigger > .p-dropdown-trigger-icon, body div.p-multiselect [aria-expanded=true].p-dropdown-trigger > .p-dropdown-trigger-icon {
  animation: turn 1s ease 1 forwards;
}
@keyframes turn {
  100% {
    transform: rotate(180deg) translateX(50%) translateY(50%);
  }
}
body div.ui-selectonemenu [aria-expanded=true].p-multiselect-trigger, body div.p-dropdown [aria-expanded=true].p-multiselect-trigger, body div.p-multiselect [aria-expanded=true].p-multiselect-trigger {
  background-color: #F5A623;
}
body div.ui-selectonemenu [aria-expanded=true].p-multiselect-trigger:hover, body div.p-dropdown [aria-expanded=true].p-multiselect-trigger:hover, body div.p-multiselect [aria-expanded=true].p-multiselect-trigger:hover {
  background-color: #E29D2A;
}
body div.ui-selectonemenu [aria-expanded=true].p-multiselect-trigger > .p-multiselect-trigger-icon, body div.p-dropdown [aria-expanded=true].p-multiselect-trigger > .p-multiselect-trigger-icon, body div.p-multiselect [aria-expanded=true].p-multiselect-trigger > .p-multiselect-trigger-icon {
  animation: turn 1s ease 1 forwards;
}
@keyframes turn {
  100% {
    transform: rotate(180deg) translateX(50%) translateY(50%);
  }
}
body div.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label, body div.p-dropdown.ui-state-disabled .ui-selectonemenu-label, body div.p-multiselect.ui-state-disabled .ui-selectonemenu-label {
  color: #B1B3B5;
}
body div.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger, body div.p-dropdown.ui-state-disabled .ui-selectonemenu-trigger, body div.p-multiselect.ui-state-disabled .ui-selectonemenu-trigger {
  background-color: #E5E5E5;
}
body div.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger .ui-icon::before, body div.p-dropdown.ui-state-disabled .ui-selectonemenu-trigger .ui-icon::before, body div.p-multiselect.ui-state-disabled .ui-selectonemenu-trigger .ui-icon::before {
  color: #B1B3B5;
}
body div.ui-selectonemenu.upload-document-admin, body div.p-dropdown.upload-document-admin, body div.p-multiselect.upload-document-admin {
  background-color: #40A3D6 !important;
  margin-bottom: 50px;
  border-radius: 0;
}
body div.ui-selectonemenu.upload-document-admin > .ui-selectonemenu-label, body div.p-dropdown.upload-document-admin > .ui-selectonemenu-label, body div.p-multiselect.upload-document-admin > .ui-selectonemenu-label {
  width: auto;
  height: 46px;
  line-height: 46px;
  border: none;
  border-radius: 0;
  padding: 0 0 0 25px;
  color: #FFFFFF;
}
body div.ui-selectonemenu.upload-document-admin > .ui-selectonemenu-trigger, body div.p-dropdown.upload-document-admin > .ui-selectonemenu-trigger, body div.p-multiselect.upload-document-admin > .ui-selectonemenu-trigger {
  height: 46px;
  border-left: 1px #E0E0E0 solid;
}
body .single-line {
  margin-bottom: 4px;
}
body .single-line:first-of-type {
  margin-top: 14px;
}
body .single-line:last-of-type {
  margin-bottom: 22px;
}
body .ui-chkbox-box.ui-state-error > .ui-chkbox-icon::before {
  color: #D0011B;
}
body .transparent-light {
  background-color: rgba(0, 0, 0, 0.35);
}
body .transparent-dark {
  background-color: rgba(0, 0, 0, 0.5);
}
body header {
  z-index: 100;
  width: 100%;
  height: 79px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #FFFFFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
body header .inner > a {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 125px;
  height: 33px;
  background: url("../imgs/aef-logo.svg") center/125px 33px no-repeat;
}
body header .inner div.nav-button {
  width: 80px;
  height: 79px;
  padding-top: 37px;
  font-size: 14px;
  line-height: 42px;
  vertical-align: top;
  text-align: center;
  text-indent: 0;
  color: #40A3D6;
  background-position: 27px 19.5px;
  background-repeat: no-repeat;
  cursor: pointer;
}
body header .inner div.nav-button > a {
  display: block;
  width: 100%;
  height: 100%;
}
body header .inner div.nav-button:hover {
  color: #FFFFFF;
  background-color: #3D90BA;
}
body header .inner div.nav-button:hover > a {
  color: #FFFFFF;
}
body header .inner div.nav-button.aef {
  float: right;
  padding-top: 0;
  background-image: url("../imgs/ico-aef-01.svg");
}
body header .inner div.nav-button.aef > a {
  padding-top: 37px;
}
body header .inner div.nav-button.aef:hover {
  background-image: url("../imgs/ico-aef-02.svg");
}
body header .inner #language,
body header .inner #account,
body header .inner #main {
  float: right;
  z-index: 200;
  width: 80px;
  height: 79px;
  /*overflow: hidden;*/
}
body header .inner #language > ul,
body header .inner #account > ul,
body header .inner #main > ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0ms linear 400ms, opacity 400ms ease 0ms;
}
body header .inner #language div.nav-button {
  background-image: url("../imgs/ico-language.svg");
}
body header .inner #language ul {
  font-size: 16px;
  line-height: 46px;
}
body header .inner #language ul li {
  border-top: none;
  text-indent: 21px;
}
body header .inner #language:hover {
  /*overflow: visible;*/
  height: auto;
}
body header .inner #language:hover > ul {
  visibility: visible;
  opacity: 1;
  transition-delay: 0ms;
}
body header .inner #language:hover div.nav-button {
  color: #FFFFFF;
  background-color: #3D90BA;
  background-image: url("../imgs/ico-language-white.svg");
}
body header .inner #account {
  position: relative;
}
body header .inner #account > div.nav-button {
  padding-top: 0;
  background-image: url("../imgs/ico-account-01.svg");
}
body header .inner #account > ul {
  width: 240px;
  left: -80px;
}
body header .inner #account > ul > li > a {
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 19px;
}
body header .inner #account ul li {
  border-top: none;
  text-transform: none;
}
body header .inner #account ul li > a {
  display: block;
  padding-left: 31px;
}
body header .inner #account ul li > a.ui-widget {
  color: inherit;
  font-size: inherit;
}
body header .inner #account ul li div.nav-button {
  width: 100%;
  padding-top: 0;
  text-transform: none;
  background-color: #40A3D6;
  background-image: url("../imgs/ico-logout.svg");
  background-position: center 19.5px;
}
body header .inner #account ul li div.nav-button a {
  padding-top: 37px;
  text-indent: initial;
}
body header .inner #account ul li div.nav-button:hover {
  background-color: #3D90BA;
}
body header .inner #account:hover > div.nav-button {
  color: #FFFFFF;
  background-color: #3D90BA;
  background-image: url("../imgs/ico-account-02.svg");
}
body header .inner #main {
  position: relative;
}
body header .inner #main div.nav-button {
  padding-top: 0;
  color: #FFFFFF;
  background-color: #F5A623;
  background-image: url("../imgs/ico-navi-burger.svg");
  background-position: 20px 17.5px;
}
body header .inner #main > ul {
  width: 240px;
  right: 0;
}
body header .inner #main:hover > div.nav-button {
  background-color: #E29D2A;
}
body header .inner #account > input[type=checkbox],
body header .inner #main > input[type=checkbox] {
  display: none;
}
body header .inner #account > input[type=checkbox] ~ ul,
body header .inner #main > input[type=checkbox] ~ ul {
  /*overflow: hidden;*/
  height: 0;
}
body header .inner #account > input[type=checkbox]:checked ~ div.nav-button,
body header .inner #main > input[type=checkbox]:checked ~ div.nav-button {
  background-color: #3D90BA;
  background-image: url("../imgs/ico-navi-close.svg");
  background-position: 23px 22.5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
body header .inner #account > input[type=checkbox]:checked ~ ul,
body header .inner #main > input[type=checkbox]:checked ~ ul {
  /*overflow: visible;*/
  height: auto;
  z-index: 202;
  visibility: visible;
  opacity: 1;
  transition-delay: 0ms;
}
body header .inner #account > input[type=checkbox]:checked ~ div.transparent-dark.overlay,
body header .inner #main > input[type=checkbox]:checked ~ div.transparent-dark.overlay {
  visibility: visible;
  opacity: 1;
}
body header .inner #account > div.nav-button > label,
body header .inner #main > div.nav-button > label {
  display: block;
  padding-top: 37px;
}
body header .inner #account:hover > input[type=checkbox]:checked ~ div.nav-button,
body header .inner #main:hover > input[type=checkbox]:checked ~ div.nav-button {
  background-color: #3D90BA;
}
body header .inner #account > div.transparent-dark.overlay,
body header .inner #main > div.transparent-dark.overlay {
  visibility: hidden;
  position: fixed;
  top: 79px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 201;
  /*width: 100vw;
  height: 100vh;*/
  opacity: 0;
  transition: visibility 400ms linear 0ms, opacity 400ms ease 0ms;
}
body header .inner #account > ul,
body header .inner #main > ul {
  position: absolute;
}
body header .inner #account > ul > li > input[type=radio], body header .inner #account > ul > li > input[type=checkbox],
body header .inner #main > ul > li > input[type=radio],
body header .inner #main > ul > li > input[type=checkbox] {
  display: none;
}
body header .inner #account > ul > li > input[type=radio] ~ ul, body header .inner #account > ul > li > input[type=checkbox] ~ ul,
body header .inner #main > ul > li > input[type=radio] ~ ul,
body header .inner #main > ul > li > input[type=checkbox] ~ ul {
  max-height: 0;
  overflow: hidden;
  transition: 400ms all ease;
  /* cubic-bezier(0.730, -0.485, 0.145, 1.620) */
}
body header .inner #account > ul > li > input[type=radio]:checked + label, body header .inner #account > ul > li > input[type=checkbox]:checked + label,
body header .inner #main > ul > li > input[type=radio]:checked + label,
body header .inner #main > ul > li > input[type=checkbox]:checked + label {
  background: #3D90BA;
  cursor: default;
}
body header .inner #account > ul > li > input[type=radio]:checked + label:before, body header .inner #account > ul > li > input[type=checkbox]:checked + label:before,
body header .inner #main > ul > li > input[type=radio]:checked + label:before,
body header .inner #main > ul > li > input[type=checkbox]:checked + label:before {
  transform: rotate(90deg);
  transition: 400ms;
}
body header .inner #account > ul > li > input[type=radio]:checked ~ ul, body header .inner #account > ul > li > input[type=checkbox]:checked ~ ul,
body header .inner #main > ul > li > input[type=radio]:checked ~ ul,
body header .inner #main > ul > li > input[type=checkbox]:checked ~ ul {
  max-height: 400px;
}
body header .inner #account > ul > li > label,
body header .inner #main > ul > li > label {
  display: inline-block;
  width: 100%;
  padding-left: 15px;
}
body header .inner #account > ul > li > label:before,
body header .inner #main > ul > li > label:before {
  display: inline-block;
  margin-right: 10px;
  content: url("../imgs/ico-right-arrow.svg");
}
body header .inner #account > ul > li > label:hover,
body header .inner #main > ul > li > label:hover {
  background-color: #3B8BB3;
  cursor: pointer;
}
body header .inner #account > ul > li > ul li:nth-child(n),
body header .inner #main > ul > li > ul li:nth-child(n) {
  position: relative;
  text-transform: none;
  padding-left: 33px;
  padding-right: 33px;
  color: #D8E9F1;
  background-color: #3D90BA;
}
body header .inner #account > ul > li > ul li:nth-child(n) > a,
body header .inner #main > ul > li > ul li:nth-child(n) > a {
  display: inline-block;
  width: 100%;
  color: #D8E9F1;
  text-transform: none;
}
body header .inner #account > ul > li > ul li:nth-child(n) > a:hover,
body header .inner #main > ul > li > ul li:nth-child(n) > a:hover {
  color: #FFFFFF;
}
body header .inner #account > ul > li > ul li:nth-child(n) > a:hover:after,
body header .inner #main > ul > li > ul li:nth-child(n) > a:hover:after {
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 33px;
  content: url("../imgs/ico-right-arrow.svg");
}
body header .inner #account > ul > li > ul li:nth-child(n):not(:first-of-type) > a,
body header .inner #main > ul > li > ul li:nth-child(n):not(:first-of-type) > a {
  border-top: 1px solid #2D9FCA;
}
body header .inner #account > ul > li > ul li:nth-child(n):last-of-type,
body header .inner #main > ul > li > ul li:nth-child(n):last-of-type {
  padding-bottom: 23px;
}
body header .inner #account > ul > li > ul > li > a,
body header .inner #main > ul > li > ul > li > a {
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 19px;
}
body header .inner #account > ul > li > ul > li > a.ui-widget,
body header .inner #main > ul > li > ul > li > a.ui-widget {
  color: inherit;
  font-size: inherit;
}
body .content > section {
  width: 100%;
}
body .content button,
body .content input[type=button],
body .content input[type=submit],
body .content input[type=reset] {
  margin-right: 10px;
}
body .content #login {
  height: 100vh;
  background: url("../imgs/content-header2x.jpg") center/cover no-repeat scroll;
  overflow: hidden;
}
body .content #login .outer {
  position: relative;
  max-width: 1189px;
  height: 100%;
  padding-top: 161px;
  margin: 0 auto;
}
body .content #login h1,
body .content #login .intro {
  color: #FFFFFF;
}
body .content #login h1 {
  margin-bottom: 40px;
}
body .content #login p {
  margin-bottom: 24px;
}
body .content #login #down-arrow {
  position: relative;
  top: 160px;
  left: 24px;
  display: block;
  width: 38px;
  height: 55px;
  background: transparent url("../imgs/ico-arrow-low.svg") no-repeat;
  animation: flip 2s ease 1;
}
@keyframes flip {
  100% {
    transform: rotate(360deg);
  }
}
body .content #login #login-area {
  z-index: 50;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 541px;
  height: 100%;
  padding: 161px 95px 0;
}
@media only screen and (min-width: 1189px) {
  body .content #login #login-area {
    left: 649px;
    right: auto;
    width: 100vw;
  }
}
body .content #login #login-area .inner {
  width: 350px;
  margin: 0;
}
body .content #login #login-area input,
body .content #login #login-area button {
  width: 350px;
  margin: 0 auto 22px;
}
body .content #login #login-area input[type=text],
body .content #login #login-area input[type=password] {
  height: 48px;
  border-radius: 6px;
  border: 1px solid #E0E0E0;
  color: #505559;
  background-color: #FFFFFF;
  background-position: 10px center;
  background-repeat: no-repeat;
  text-indent: 34px;
}
body .content #login #login-area input[type=text].ui-state-error,
body .content #login #login-area input[type=password].ui-state-error {
  box-shadow: inset 0 0 2px 1px #D0011B;
  border-color: #D0011B !important;
}
body .content #login #login-area a {
  display: inline-block;
  color: #FFFFFF;
  line-height: 15.4px;
  margin-bottom: 30px;
}
body .content #login #login-area input#username,
body .content #login #login-area input#j_username,
body .content #login #login-area input#emailInputText {
  background-image: url("../imgs/ico-username.svg");
}
body .content #login #login-area input#password,
body .content #login #login-area input#j_password {
  background-image: url("../imgs/ico-password.svg");
}
body .content #target-group {
  padding: 75px 0 89px 0;
  background: url("../imgs/content-maintarget-01-2x.jpg") center top/cover no-repeat scroll;
}
body .content #target-group.dealer {
  background-image: url("../imgs/content-maintarget-02-2x.jpg");
}
body .content #target-group.manufacturer {
  background-image: url("../imgs/content-maintarget-03-2x.jpg");
}
body .content #target-group.plugfest {
  background-image: url("../imgs/content-maintarget-04-2x.jpg");
}
body .content #target-group h2 {
  color: #FFFFFF;
  margin-bottom: 47px;
}
body .content #target-group .ui-tabs {
  padding: 0;
}
body .content #target-group .ui-tabs .ui-tabs-nav {
  padding: 0;
}
body .content #target-group .ui-tabs .ui-tabs-nav li {
  margin: 0;
}
body .content #target-group .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background-color: #FFFFFF;
}
body .content #target-group .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #3E3E3E;
}
body .content #target-group .ui-tabs .ui-tabs-nav li a {
  color: #FFFFFF;
  padding: 19.9px;
}
body .content #target-group .ui-tabs .ui-tabs-panel {
  padding: 30px 22px 25px;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  body .content #target-group .ui-tabs .ui-tabs-panel {
    position: relative;
    min-height: 380px;
  }
  body .content #target-group .ui-tabs .ui-tabs-panel .bottom-buttons {
    position: absolute;
    bottom: 25px;
  }
}
@media only screen and (min-width: 800px) {
  body .content #target-group .ui-tabs .ui-tabs-panel {
    min-height: 330px;
  }
}
body .content #about-aef {
  padding: 75px 0 58px;
}
body .content #about-aef:after {
  display: table;
  clear: both;
  content: "";
}
body .content #about-aef article {
  position: relative;
  float: left;
  max-width: 484px;
  min-height: 268px;
  padding-bottom: 46px;
  margin-bottom: 31px;
}
body .content #about-aef article h3 {
  margin-bottom: 20px;
}
body .content #about-aef article .bottom-buttons {
  position: absolute;
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  body .content #about-aef #aef {
    margin-right: 31px;
  }
}
body .content #target-group p,
body .content #about-aef p {
  margin-bottom: 25px;
}
body .content #mobile-app {
  padding: 75px 0 86px;
  background-color: #F7F7F7;
  text-align: center;
}
body .content #mobile-app h2 {
  margin-bottom: 22px;
}
body .content #mobile-app #marketing {
  margin-top: 42px;
}
@media only screen and (min-width: 832px) {
  body .content #mobile-app #marketing {
    text-align: left;
  }
}
body .content #mobile-app #marketing #app-image {
  width: 100%;
  max-width: 587px;
  height: auto;
}
body .content #mobile-app #marketing #download-links {
  display: inline-block;
  max-width: 214px;
  margin-top: 31px;
  vertical-align: top;
}
@media only screen and (min-width: 832px) {
  body .content #mobile-app #marketing #download-links {
    margin-top: 0;
    margin-left: 31px;
  }
}
body .content #mobile-app #marketing #download-links > a {
  display: inline-block;
  width: 214px;
  height: 63px;
  overflow: hidden;
  background-position: left top;
  background-size: 214px 63px;
  background-repeat: no-repeat;
  margin-bottom: 19px;
}
body .content #mobile-app #marketing #download-links > a.appstore {
  background-image: url("../imgs/app_apple-store-en2x.png");
}
body .content #mobile-app #marketing #download-links > a.playstore {
  background-image: url("../imgs/app_google-play-badge-en2x.png");
}
body .content .headline-background {
  height: 196px;
  margin-top: 79px;
  background: url("../imgs/content-header-background.jpg") center/cover no-repeat scroll;
}
body .content .headline-background > .inner {
  position: relative;
  height: 196px;
}
body .content .headline-background > .inner h1 {
  line-height: 50px;
  padding: 79px 0 27px;
  font-size: 45px;
  color: #FFFFFF;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content {
  position: absolute;
  bottom: 0;
  height: 48px;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header {
  padding: 0;
  font-size: 18px;
  line-height: 20px;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default {
  list-style: none;
  margin: 0;
  padding: 0;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default > a {
  height: 48px;
  padding: 14px 17px 14px 11px;
  color: #FFFFFF;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default > a:before {
  display: inline-block;
  margin-right: 8px;
  content: url("../imgs/ico-right-arrow.svg");
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:first-child {
  background-color: #3C99C8;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:nth-child(2) {
  background-color: #469ECB;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:nth-child(3) {
  background-color: #4FA3CD;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:nth-child(4) {
  background-color: #59A8D0;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:nth-child(5) {
  background-color: #63ADD3;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:nth-child(6) {
  background-color: #6DB3D6;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:nth-child(7) {
  background-color: #76B7D8;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:nth-child(8) {
  background-color: #80BDDB;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:nth-child(9) {
  background-color: #8AC2DE;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default.ui-state-active, body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:hover {
  background-color: #F7F7F7;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default.ui-state-active > a, body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:hover > a {
  color: #505559;
}
body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default.ui-state-active > a:before, body .content .headline-background > .inner > div.ui-tabmenu.ui-widget.ui-widget-content > ul.ui-tabmenu-nav.ui-widget-header > li.ui-tabmenuitem.ui-state-default:hover > a:before {
  transform: rotate(90deg);
  transition: 400ms;
  content: url("../imgs/ico-right-arrow-black.svg");
}
body .content .headline-background > .inner .aef-web-site {
  position: absolute;
  top: 0;
  right: 80px;
  width: 129px;
  height: 63px;
  background-color: #40A3D6;
}
body .content .headline-background > .inner .aef-web-site a {
  display: block;
  height: 100%;
  padding: 9px 0;
  color: #FFFFFF;
  text-align: center;
}
body .content .headline-background > .inner .aef-web-site .down-arrow {
  height: 0;
  border-left: 65px solid transparent;
  border-right: 65px solid transparent;
  border-top: 18px solid #40A3D6;
}
body .content .site-content {
  position: relative;
  min-height: calc(100vh - 401px);
  padding: 44px 10px 0 10px;
  background-color: #F7F7F7;
}
body .content .site-content:after {
  display: table;
  clear: both;
  content: "";
}
body .content .site-content h2 {
  font-size: 23px;
  line-height: 25.2px;
}
body .content .site-content h3 {
  font-size: 20px;
  line-height: 25.2px;
}
body .content .site-content h2,
body .content .site-content h3 {
  margin-bottom: 20px;
}
body .content .site-content div.column-area {
  overflow: auto;
}
body .content .site-content div.column-area div.column {
  position: relative;
  float: left;
  width: 484px;
  max-width: 100%;
  margin-bottom: 31px;
}
body .content .site-content div.column-area div.column section:not(:last-of-type) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid #FFFFFF;
}
body .content .site-content div.column-area div.column div.labeled-input {
  max-width: 100%;
}
body .content .site-content div.column-area div.column div.labeled-inputinput[type=submit],
body .content .site-content div.column-area div.column div.labeled-input input[type=reset],
body .content .site-content div.column-area div.column div.labeled-input input[type=button],
body .content .site-content div.column-area div.column div.labeled-input button {
  width: 32px;
}
body .content .site-content div.column-area div.column div.labeled-inputinput[type=submit]:disabled,
body .content .site-content div.column-area div.column div.labeled-input input[type=reset]:disabled,
body .content .site-content div.column-area div.column div.labeled-input input[type=button]:disabled,
body .content .site-content div.column-area div.column div.labeled-input button:disabled {
  background-color: transparent;
  border: none;
}
body .content .site-content div.column-area div.column div.labeled-input input[type=text]:not(.ui-selectonemenu-label),
body .content .site-content div.column-area div.column div.labeled-input input[type=password],
body .content .site-content div.column-area div.column div.labeled-input div.ui-selectonemenu, body .content .site-content div.column-area div.column div.labeled-input div.p-dropdown, body .content .site-content div.column-area div.column div.labeled-input div.p-multiselect {
  width: 482px;
  /* substract left-right borders */
  max-width: 100%;
}
body .content .site-content div.column-area div.column div.labeled-input input[type=text]:not(.ui-selectonemenu-label).short-width,
body .content .site-content div.column-area div.column div.labeled-input input[type=password].short-width,
body .content .site-content div.column-area div.column div.labeled-input div.ui-selectonemenu.short-width, body .content .site-content div.column-area div.column div.labeled-input div.p-dropdown.short-width, body .content .site-content div.column-area div.column div.labeled-input div.p-multiselect.short-width {
  /* for postal code and country calling code */
  width: 123px;
}
body .content .site-content div.column-area div.column div.labeled-input input[type=text]:not(.ui-selectonemenu-label).long-width,
body .content .site-content div.column-area div.column div.labeled-input input[type=password].long-width,
body .content .site-content div.column-area div.column div.labeled-input div.ui-selectonemenu.long-width, body .content .site-content div.column-area div.column div.labeled-input div.p-dropdown.long-width, body .content .site-content div.column-area div.column div.labeled-input div.p-multiselect.long-width {
  /* for city and phone number */
  width: 352px;
}
body .content .site-content div.column-area div.column div.labeled-input input[type=text]:not(.ui-selectonemenu-label).reduced-input-width,
body .content .site-content div.column-area div.column div.labeled-input input[type=password].reduced-input-width,
body .content .site-content div.column-area div.column div.labeled-input div.ui-selectonemenu.reduced-input-width, body .content .site-content div.column-area div.column div.labeled-input div.p-dropdown.reduced-input-width, body .content .site-content div.column-area div.column div.labeled-input div.p-multiselect.reduced-input-width {
  width: 440px;
}
body .content .site-content div.column-area div.column .ui-chkbox-box.ui-state-disabled > .ui-icon:before {
  color: #E5E5E5;
}
body .content .site-content div.column-area div.column input[type=submit],
body .content .site-content div.column-area div.column input[type=reset],
body .content .site-content div.column-area div.column input[type=button],
body .content .site-content div.column-area div.column button {
  width: 482px;
  max-width: 100%;
  margin-right: 0;
}
body .content .site-content div.column-area div.column .action-area {
  height: 94px;
  border: 1px dashed gray;
  position: relative;
  color: #8C8C8C;
}
body .content .site-content div.column-area div.column .action-area .ui-button {
  border: none;
  margin: 0;
  background: none;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area {
  width: 100%;
  margin-top: 24px;
  text-align: center;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area > label {
  vertical-align: middle;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area > *:not(:last-child) {
  margin-right: 15px;
  margin-left: 5px;
  padding-top: 10px;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area > button {
  pointer-events: none;
  height: 36px;
  width: 36px;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area .ui-fileupload-simple {
  position: static;
  max-width: 200px;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area .ui-fileupload-simple > .ui-button {
  position: static;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area .ui-fileupload-simple > .ui-button.ui-button-text-icon-left > span.ui-button-text {
  padding: .3em .2em;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area .ui-fileupload-simple > .ui-button > input[type=file] {
  /*width: $content-column-width; commenting this in leads to pointer cursor on
  input[type=file] being replaced by default cursor without any possibility to
  overwrite */
  height: 94px;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area .ui-fileupload-simple > .ui-fileupload-filename {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: #40A3D6;
  line-height: 94px;
}
body .content .site-content div.column-area div.column .action-area > div.drop-area .ui-fileupload-simple > .ui-fileupload-filename:empty {
  visibility: hidden;
}
body .content .site-content div.column-area div.column .action-area > button {
  width: 30px;
  height: 30px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 38px;
  /* when two buttons for first button */
}
body .content .site-content div.column-area div.column .action-area > button:last-of-type {
  right: 4px;
}
body .content .site-content div.column-area div.column .action-area > button.clear-selection-button {
  display: none;
}
body .content .site-content div.column-area div.column .action-area > button.clear-selection-button > span.ui-button-icon-left.ui-icon.ui-icon-trash:before {
  color: #FFFFFF;
}
body .content .site-content div.column-area.accordionmarginbottom {
  margin-bottom: 31px;
}
body .content .site-content div.column-area.with-sticky-footer {
  position: relative;
  min-height: calc(100vh - 401px - 44px);
}
body .content .site-content hr {
  clear: both;
  margin-top: 24px;
  margin-bottom: 24px;
  border: 1px solid #FFFFFF;
}
body .content .site-content .center {
  text-align: center;
}
body .content .site-content img.responsive {
  max-width: 100%;
  height: auto;
}
body .content .site-content .ui-datatable, body .content .site-content .p-datatable, body .content .site-content .ui-datatable thead th,
body .content .site-content .ui-datatable tbody td, body .content .site-content .p-datatable thead th,
body .content .site-content .p-datatable tbody td {
  text-align: left;
  border: 0;
  border-style: none;
}
body .content .site-content .full-width-table {
  padding: 0;
}
body .content .site-content .full-width-table > .ui-panel-titlebar {
  padding: 0;
  padding-bottom: 10px;
}
body .content .site-content .full-width-table > .ui-panel-content {
  padding: 0;
}
body .content .site-content .full-width-table > .ui-panel-content > .ui-datatable {
  padding: 0;
}
body .content .site-content .ui-datatable, body .content .site-content .p-datatable {
  font-size: 15px;
  background: #ffffff;
  padding: 20px 15px;
}
body .content .site-content .ui-datatable .ui-datatable-header, body .content .site-content .p-datatable .ui-datatable-header {
  display: inline-block;
  padding: 2px 0;
  font-size: 18px;
  font-weight: 400;
  color: #3E3E3E;
  height: 32px;
  float: left;
}
body .content .site-content .ui-datatable .p-column-header-content, body .content .site-content .p-datatable .p-column-header-content {
  display: inline;
}
body .content .site-content .ui-datatable .ui-paginator, body .content .site-content .p-datatable .ui-paginator {
  text-align: right;
  color: #A8A8A6;
  font-weight: bold;
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-prev, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-next, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-first, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-last, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-prev, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-next, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-first, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-last {
  font-size: 0;
  line-height: 0;
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-prev .ui-icon-seek-next:before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-next .ui-icon-seek-next:before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-first .ui-icon-seek-next:before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-last .ui-icon-seek-next:before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-prev .ui-icon-seek-next:before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-next .ui-icon-seek-next:before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-first .ui-icon-seek-next:before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-last .ui-icon-seek-next:before {
  content: '\f105';
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-prev .ui-icon-seek-prev:before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-next .ui-icon-seek-prev:before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-first .ui-icon-seek-prev:before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-last .ui-icon-seek-prev:before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-prev .ui-icon-seek-prev:before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-next .ui-icon-seek-prev:before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-first .ui-icon-seek-prev:before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-last .ui-icon-seek-prev:before {
  content: '\f104';
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-prev span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-next span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-first span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-last span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-prev span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-next span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-first span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-last span.ui-icon::before {
  font-size: 18px;
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-prev.ui-state-hover span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-next.ui-state-hover span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-first.ui-state-hover span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-last.ui-state-hover span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-prev.ui-state-hover span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-next.ui-state-hover span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-first.ui-state-hover span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-last.ui-state-hover span.ui-icon::before {
  text-shadow: 2px 1px 3px #40A3D6;
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-prev.ui-state-disabled span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-next.ui-state-disabled span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-first.ui-state-disabled span.ui-icon::before, body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-last.ui-state-disabled span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-prev.ui-state-disabled span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-next.ui-state-disabled span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-first.ui-state-disabled span.ui-icon::before, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-last.ui-state-disabled span.ui-icon::before {
  color: #B1B3B5;
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-page, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-page {
  font-weight: normal;
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-page.ui-state-active, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-page.ui-state-active {
  font-weight: bold;
}
body .content .site-content .ui-datatable .ui-paginator a.ui-paginator-page.ui-state-hover, body .content .site-content .p-datatable .ui-paginator a.ui-paginator-page.ui-state-hover {
  text-shadow: 2px 1px 3px #40A3D6;
}
body .content .site-content .ui-datatable thead th,
body .content .site-content .ui-datatable tbody td, body .content .site-content .p-datatable thead th,
body .content .site-content .p-datatable tbody td {
  padding-left: 13px;
  padding-top: 13px;
}
body .content .site-content .ui-datatable .ui-datatable-tablewrapper, body .content .site-content .ui-datatable .p-datatable-tablewrapper, body .content .site-content .p-datatable .ui-datatable-tablewrapper, body .content .site-content .p-datatable .p-datatable-tablewrapper {
  clear: both;
}
body .content .site-content .ui-datatable .ui-datatable-tablewrapper .ui-datatable-empty-message td, body .content .site-content .ui-datatable .p-datatable-tablewrapper .ui-datatable-empty-message td, body .content .site-content .p-datatable .ui-datatable-tablewrapper .ui-datatable-empty-message td, body .content .site-content .p-datatable .p-datatable-tablewrapper .ui-datatable-empty-message td {
  line-height: 48px;
  padding: 0;
  padding-left: 17px;
}
body .content .site-content .ui-datatable thead tr, body .content .site-content .p-datatable thead tr {
  line-height: 36px;
}
body .content .site-content .ui-datatable thead tr > .no-sorting > .ui-column-title, body .content .site-content .p-datatable thead tr > .no-sorting > .ui-column-title {
  padding-left: 13px;
}
body .content .site-content .ui-datatable thead tr > .no-filtering > .ui-sortable-column-icon, body .content .site-content .p-datatable thead tr > .no-filtering > .ui-sortable-column-icon {
  display: initial;
  margin-right: 4px;
  margin-left: 13px;
}
body .content .site-content .ui-datatable thead tr > .checkbox-in-header, body .content .site-content .p-datatable thead tr > .checkbox-in-header {
  line-height: 0;
  width: 52px;
}
body .content .site-content .ui-datatable thead tr > .checkbox-in-header > .ui-chkbox, body .content .site-content .p-datatable thead tr > .checkbox-in-header > .ui-chkbox {
  padding-left: 13px;
  display: inline;
}
body .content .site-content .ui-datatable thead th, body .content .site-content .p-datatable thead th {
  padding: 0;
  position: relative;
  color: #A8A8A6;
  font-weight: normal;
}
body .content .site-content .ui-datatable thead th > span > input[type=checkbox].filter-switch, body .content .site-content .p-datatable thead th > span > input[type=checkbox].filter-switch {
  display: none;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch {
  display: none;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch + label.filter-search, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch + label.filter-search {
  position: absolute;
  right: 6px;
  font-family: fontello;
  color: #40A3D6;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch + label.filter-search:hover, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch + label.filter-search:hover {
  text-shadow: 2px 1px 3px #40A3D6;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch + label.filter-arrow-down, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch + label.filter-arrow-down {
  position: absolute;
  right: 6px;
  font-family: fontello;
  color: #40A3D6;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch + label.filter-arrow-down:hover, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch + label.filter-arrow-down:hover {
  text-shadow: 2px 1px 3px #40A3D6;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch ~ .ui-column-customfilter, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch ~ .ui-column-customfilter {
  display: none;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch ~ .ui-column-title, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch ~ .ui-column-title {
  display: inline-block;
  margin-right: 15px;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch:checked + label.filter-search, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch:checked + label.filter-search {
  position: absolute;
  right: 6px;
  font-family: fontello;
  color: #40A3D6;
  z-index: 1;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch:checked + label.filter-search:hover, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch:checked + label.filter-search:hover {
  text-shadow: 2px 1px 3px #40A3D6;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch:checked ~ .ui-column-title, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch:checked ~ .ui-column-title {
  display: none;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch:checked ~ .ui-sortable-column-icon, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch:checked ~ .ui-sortable-column-icon {
  display: none;
}
body .content .site-content .ui-datatable thead th > input[type=checkbox].filter-switch:checked ~ .ui-column-customfilter, body .content .site-content .p-datatable thead th > input[type=checkbox].filter-switch:checked ~ .ui-column-customfilter {
  display: block;
}
body .content .site-content .ui-datatable thead th > .ui-sortable-column-icon, body .content .site-content .ui-datatable thead th .p-sortable-column-icon, body .content .site-content .p-datatable thead th > .ui-sortable-column-icon, body .content .site-content .p-datatable thead th .p-sortable-column-icon {
  display: initial;
  margin-right: 4px;
  margin-left: 13px;
}
body .content .site-content .ui-datatable thead th.sortable-row-with-icon, body .content .site-content .p-datatable thead th.sortable-row-with-icon {
  width: 65px;
}
body .content .site-content .ui-datatable thead th .ui-sortable-column-icon:hover, body .content .site-content .p-datatable thead th .ui-sortable-column-icon:hover {
  text-shadow: 2px 1px 3px #40A3D6;
}
body .content .site-content .ui-datatable thead th .ui-column-customfilter > input.ui-inputfield, body .content .site-content .p-datatable thead th .ui-column-customfilter > input.ui-inputfield {
  width: 100%;
  height: initial;
  border-radius: initial;
}
body .content .site-content .ui-datatable thead th .ui-column-customfilter > div.ui-selectonemenu, body .content .site-content .p-datatable thead th .ui-column-customfilter > div.ui-selectonemenu {
  border: 1px solid #E0E0E0;
  margin-right: 25px;
}
body .content .site-content .ui-datatable thead th .ui-column-customfilter > div.ui-selectonemenu > label.ui-selectonemenu-label, body .content .site-content .p-datatable thead th .ui-column-customfilter > div.ui-selectonemenu > label.ui-selectonemenu-label {
  width: 120px;
  height: auto;
  padding: 4px;
  color: #505559;
}
body .content .site-content .ui-datatable thead th .ui-column-customfilter > div.ui-selectonemenu > div.ui-selectonemenu-trigger, body .content .site-content .p-datatable thead th .ui-column-customfilter > div.ui-selectonemenu > div.ui-selectonemenu-trigger {
  /* vertical padding */
  width: 30.2px;
  height: 30.2px;
}
body .content .site-content .ui-datatable tbody td, body .content .site-content .p-datatable tbody td {
  vertical-align: top;
}
body .content .site-content .ui-datatable tbody > tr > td.inputfield-in-table > .error, body .content .site-content .p-datatable tbody > tr > td.inputfield-in-table > .error {
  box-shadow: inset 0 0 2px 1px #D0011B;
  border-color: #D0011B;
}
body .content .site-content .ui-datatable tbody > tr > td.no-sorting.inputfield-in-table, body .content .site-content .p-datatable tbody > tr > td.no-sorting.inputfield-in-table {
  padding-top: 11px;
}
body .content .site-content .ui-datatable tbody > tr > td.no-sorting.inputfield-in-table > .ui-inputtext, body .content .site-content .p-datatable tbody > tr > td.no-sorting.inputfield-in-table > .ui-inputtext {
  padding: 0;
  height: 30px;
  width: 100%;
}
body .content .site-content .ui-datatable tbody > tr > td > .address-detail, body .content .site-content .p-datatable tbody > tr > td > .address-detail {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: all 400ms ease 0ms, visibility 0ms linear 400ms;
  line-height: 22.2px;
}
body .content .site-content .ui-datatable tbody > tr.detailedView > td > .address-detail, body .content .site-content .p-datatable tbody > tr.detailedView > td > .address-detail {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: all 400ms ease 0ms, visibility 0ms linear 400ms;
}
body .content .site-content .ui-datatable table, body .content .site-content .p-datatable table {
  border-collapse: unset;
}
body .content .site-content .ui-datatable.single-column-with-cta > .p-datatable-wrapper > table, body .content .site-content .p-datatable.single-column-with-cta > .p-datatable-wrapper > table {
  table-layout: auto;
}
body .content .site-content .ui-datatable.single-column-with-cta > .p-datatable-wrapper > table tbody > tr > td:first-child, body .content .site-content .p-datatable.single-column-with-cta > .p-datatable-wrapper > table tbody > tr > td:first-child {
  width: 100%;
}
body .content .site-content .ui-datatable.single-column-with-cta > .p-datatable-wrapper > table tbody > tr > td:nth-child(n+2), body .content .site-content .p-datatable.single-column-with-cta > .p-datatable-wrapper > table tbody > tr > td:nth-child(n+2) {
  padding: 0;
}
body .content .site-content .ui-datatable.single-column-with-cta > .p-datatable-wrapper > table tbody > tr > td .p-button, body .content .site-content .p-datatable.single-column-with-cta > .p-datatable-wrapper > table tbody > tr > td .p-button {
  margin: 0;
  height: 52px;
}
body .content .site-content .ui-datatable.three-columns-with-cta > .p-datatable-wrapper > table, body .content .site-content .p-datatable.three-columns-with-cta > .p-datatable-wrapper > table {
  table-layout: auto;
}
body .content .site-content .ui-datatable.three-columns-with-cta > .p-datatable-wrapper > table tbody > tr > td:nth-child(n+4), body .content .site-content .p-datatable.three-columns-with-cta > .p-datatable-wrapper > table tbody > tr > td:nth-child(n+4) {
  padding: 0;
  width: 52px;
}
body .content .site-content .ui-datatable.three-columns-with-cta > .p-datatable-wrapper > table tbody > tr > td .p-button, body .content .site-content .p-datatable.three-columns-with-cta > .p-datatable-wrapper > table tbody > tr > td .p-button {
  margin: 0;
  height: 52px;
}
body .content .site-content .ui-datatable.table-auto-layout > .ui-datatable-tablewrapper > table, body .content .site-content .p-datatable.table-auto-layout > .ui-datatable-tablewrapper > table {
  table-layout: auto;
}
body .content .site-content .ui-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td > a, body .content .site-content .p-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td > a {
  color: #3E3E3E;
}
body .content .site-content .ui-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td.disabled-ticket-system, body .content .site-content .p-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td.disabled-ticket-system {
  background-color: #E5E5E5;
}
body .content .site-content .ui-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td.disabled-ticket-system > a, body .content .site-content .p-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td.disabled-ticket-system > a {
  color: #B1B3B5;
}
body .content .site-content .ui-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td.disabled-ticket-system button.ui-state-hover, body .content .site-content .p-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td.disabled-ticket-system button.ui-state-hover {
  background-color: #E5E5E5;
  cursor: default;
}
body .content .site-content .ui-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td.disabled-ticket-system button > .ui-icon:before, body .content .site-content .p-datatable.table-auto-layout.ticket-table > .ui-datatable-tablewrapper > table > tbody > tr > td.disabled-ticket-system button > .ui-icon:before {
  color: #B1B3B5;
}
body .content .site-content .ui-datatable.table-auto-layout .tickets .incharge, body .content .site-content .p-datatable.table-auto-layout .tickets .incharge {
  min-width: 110px;
}
body .content .site-content .ui-datatable.table-auto-layout .tickets .changedate, body .content .site-content .p-datatable.table-auto-layout .tickets .changedate {
  min-width: 120px;
}
body .content .site-content .ui-datatable.table-auto-layout .tickets .status, body .content .site-content .p-datatable.table-auto-layout .tickets .status {
  min-width: 80px;
}
body .content .site-content .ui-datatable.table-auto-layout.abstract-product-table > .ui-datatable-tablewrapper > table > tbody > tr > td:first-child, body .content .site-content .ui-datatable.table-auto-layout.ecu-table > .ui-datatable-tablewrapper > table > tbody > tr > td:first-child, body .content .site-content .p-datatable.table-auto-layout.abstract-product-table > .ui-datatable-tablewrapper > table > tbody > tr > td:first-child, body .content .site-content .p-datatable.table-auto-layout.ecu-table > .ui-datatable-tablewrapper > table > tbody > tr > td:first-child {
  width: 100%;
}
body .content .site-content .ui-datatable.table-auto-layout.abstract-product-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(n+2), body .content .site-content .ui-datatable.table-auto-layout.ecu-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(n+2), body .content .site-content .p-datatable.table-auto-layout.abstract-product-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(n+2), body .content .site-content .p-datatable.table-auto-layout.ecu-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(n+2) {
  padding: 0;
}
body .content .site-content .ui-datatable.table-auto-layout.abstract-product-table > .ui-datatable-tablewrapper > table > tbody > tr > td .ui-button, body .content .site-content .ui-datatable.table-auto-layout.ecu-table > .ui-datatable-tablewrapper > table > tbody > tr > td .ui-button, body .content .site-content .p-datatable.table-auto-layout.abstract-product-table > .ui-datatable-tablewrapper > table > tbody > tr > td .ui-button, body .content .site-content .p-datatable.table-auto-layout.ecu-table > .ui-datatable-tablewrapper > table > tbody > tr > td .ui-button {
  margin: 0;
  height: 52px;
}
body .content .site-content .ui-datatable.table-auto-layout.abstract-product-table > .ui-datatable-tablewrapper > table > tbody > tr > td .ui-button.ui-spinner-button, body .content .site-content .ui-datatable.table-auto-layout.ecu-table > .ui-datatable-tablewrapper > table > tbody > tr > td .ui-button.ui-spinner-button, body .content .site-content .p-datatable.table-auto-layout.abstract-product-table > .ui-datatable-tablewrapper > table > tbody > tr > td .ui-button.ui-spinner-button, body .content .site-content .p-datatable.table-auto-layout.ecu-table > .ui-datatable-tablewrapper > table > tbody > tr > td .ui-button.ui-spinner-button {
  height: 30px;
}
body .content .site-content .ui-datatable.table-auto-layout .edit-functionalities-button, body .content .site-content .p-datatable.table-auto-layout .edit-functionalities-button {
  width: 24px;
  vertical-align: top;
  margin-left: 8px;
}
body .content .site-content .ui-datatable.conformancetests .min-width, body .content .site-content .p-datatable.conformancetests .min-width {
  min-width: 150px;
}
body .content .site-content .ui-datatable.conformancetests .predecessor, body .content .site-content .p-datatable.conformancetests .predecessor {
  font-style: italic;
  color: #8C8C8C;
}
body .content .site-content .ui-datatable.conformancetests .predecessor > td:first-child, body .content .site-content .p-datatable.conformancetests .predecessor > td:first-child {
  border-left: 2px solid #40A3D6;
}
body .content .site-content .ui-datatable.conformancetests .ui-shadow, body .content .site-content .p-datatable.conformancetests .ui-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .content .site-content .ui-datatable.conformancetests .action-toggle, body .content .site-content .p-datatable.conformancetests .action-toggle {
  padding: 0;
  background-color: transparent !important;
}
body .content .site-content .ui-datatable.conformancetests .action-toggle.ui-state-hover, body .content .site-content .ui-datatable.conformancetests .action-toggle.ui-state-active, body .content .site-content .p-datatable.conformancetests .action-toggle.ui-state-hover, body .content .site-content .p-datatable.conformancetests .action-toggle.ui-state-active {
  background-color: #40A3D6 !important;
}
body .content .site-content .ui-datatable.conformancetests .action-toggle.ui-state-hover .customicon-action-overview-aefblue:before, body .content .site-content .ui-datatable.conformancetests .action-toggle.ui-state-active .customicon-action-overview-aefblue:before, body .content .site-content .p-datatable.conformancetests .action-toggle.ui-state-hover .customicon-action-overview-aefblue:before, body .content .site-content .p-datatable.conformancetests .action-toggle.ui-state-active .customicon-action-overview-aefblue:before {
  content: url(../icons/conformance/ico-ctest-action-overview.svg);
}
body .content .site-content .ui-datatable.conformancetests .ui-overlaypanel-content, body .content .site-content .p-datatable.conformancetests .ui-overlaypanel-content {
  padding: 0;
}
body .content .site-content .ui-datatable.conformancetests .actions .ui-button-icon-only, body .content .site-content .p-datatable.conformancetests .actions .ui-button-icon-only {
  background-color: #40A3D6;
}
body .content .site-content .ui-datatable.conformancetests .actions .ui-button-icon-only.ui-state-hover, body .content .site-content .p-datatable.conformancetests .actions .ui-button-icon-only.ui-state-hover {
  background-color: #3D90BA;
}
body .content .site-content .ui-datatable.conformancetests .actions .ui-button-icon-only.disabled-look, body .content .site-content .p-datatable.conformancetests .actions .ui-button-icon-only.disabled-look {
  color: #B1B3B5;
  background-color: #E5E5E5;
}
body .content .site-content .ui-datatable.conformancetests .actions .ui-button-icon-only .ui-button-text, body .content .site-content .p-datatable.conformancetests .actions .ui-button-icon-only .ui-button-text {
  display: none;
}
body .content .site-content .ui-datatable.conformancetests .actions .ui-button-icon-only-transparent-to-blue, body .content .site-content .p-datatable.conformancetests .actions .ui-button-icon-only-transparent-to-blue {
  background-color: transparent;
}
body .content .site-content .ui-datatable.conformancetests .actions .ui-button-icon-only-transparent-to-blue.ui-state-hover, body .content .site-content .p-datatable.conformancetests .actions .ui-button-icon-only-transparent-to-blue.ui-state-hover {
  background-color: #40A3D6;
}
body .content .site-content .ui-datatable.conformancetests .actions .ui-button-icon-only-transparent-to-blue.disabled-look, body .content .site-content .p-datatable.conformancetests .actions .ui-button-icon-only-transparent-to-blue.disabled-look {
  color: #B1B3B5;
  background-color: #E5E5E5;
}
body .content .site-content .ui-datatable.conformancetests .status, body .content .site-content .p-datatable.conformancetests .status {
  text-align: center;
  min-width: 110px;
}
body .content .site-content .ui-datatable.conformancetests .certification, body .content .site-content .p-datatable.conformancetests .certification {
  min-width: 150px;
}
body .content .site-content .ui-datatable .ui-datatable-sticky, body .content .site-content .p-datatable .ui-datatable-sticky {
  table-layout: auto;
}
body .content .site-content .ui-datatable .actions, body .content .site-content .p-datatable .actions {
  padding: 0;
}
body .content .site-content .ui-datatable .actions.no-width.two, body .content .site-content .p-datatable .actions.no-width.two {
  width: 104px;
}
body .content .site-content .ui-datatable .actions.no-width.one, body .content .site-content .p-datatable .actions.no-width.one {
  width: 52px;
}
body .content .site-content .ui-datatable .actions .brand-button-status, body .content .site-content .p-datatable .actions .brand-button-status {
  margin: 0;
  width: 52px;
  height: 52px;
}
body .content .site-content .ui-datatable .actions .brand-button-status.plain-icon-button, body .content .site-content .p-datatable .actions .brand-button-status.plain-icon-button {
  cursor: default;
}
body .content .site-content .ui-datatable .actions .brand-button-status.plain-icon-button:focus, body .content .site-content .p-datatable .actions .brand-button-status.plain-icon-button:focus {
  outline: 0;
}
body .content .site-content .ui-datatable .actions .brand-button-status.plain-icon-button.ui-state-hover, body .content .site-content .p-datatable .actions .brand-button-status.plain-icon-button.ui-state-hover {
  background-color: transparent;
}
body .content .site-content .ui-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon, body .content .site-content .p-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 18px;
  left: 0;
  top: 0;
}
body .content .site-content .ui-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon::before, body .content .site-content .p-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon::before {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  font-size: 25px;
}
body .content .site-content .ui-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon.ui-icon-ok-circled::before, body .content .site-content .p-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon.ui-icon-ok-circled::before {
  color: #7BD32C;
}
body .content .site-content .ui-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon.ui-icon-hourglass-o::before, body .content .site-content .p-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon.ui-icon-hourglass-o::before {
  color: #EBAD13;
}
body .content .site-content .ui-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon.ui-icon-block::before, body .content .site-content .p-datatable .actions .brand-button-status.ui-button-icon-only > .ui-icon.ui-icon-block::before {
  color: #F74635;
}
body .content .site-content .ui-datatable .actions > table, body .content .site-content .p-datatable .actions > table {
  width: auto;
  border-collapse: collapse;
  table-layout: auto;
}
body .content .site-content .ui-datatable .actions > table tbody td, body .content .site-content .p-datatable .actions > table tbody td {
  padding: 0;
  line-height: 0;
}
body .content .site-content .ui-datatable .actions button,
body .content .site-content .ui-datatable .actions input[type=button],
body .content .site-content .ui-datatable .actions input[type=submit],
body .content .site-content .ui-datatable .actions input[type=reset], body .content .site-content .p-datatable .actions button,
body .content .site-content .p-datatable .actions input[type=button],
body .content .site-content .p-datatable .actions input[type=submit],
body .content .site-content .p-datatable .actions input[type=reset] {
  width: 52px !important;
  height: 52px;
  margin-right: 0;
}
body .content .site-content .ui-datatable .actions button:focus,
body .content .site-content .ui-datatable .actions input[type=button]:focus,
body .content .site-content .ui-datatable .actions input[type=submit]:focus,
body .content .site-content .ui-datatable .actions input[type=reset]:focus, body .content .site-content .p-datatable .actions button:focus,
body .content .site-content .p-datatable .actions input[type=button]:focus,
body .content .site-content .p-datatable .actions input[type=submit]:focus,
body .content .site-content .p-datatable .actions input[type=reset]:focus {
  outline: 0;
}
body .content .site-content .ui-datatable .actions button.ui-button.ui-button-icon-only.blue,
body .content .site-content .ui-datatable .actions input[type=button].ui-button.ui-button-icon-only.blue,
body .content .site-content .ui-datatable .actions input[type=submit].ui-button.ui-button-icon-only.blue,
body .content .site-content .ui-datatable .actions input[type=reset].ui-button.ui-button-icon-only.blue, body .content .site-content .p-datatable .actions button.ui-button.ui-button-icon-only.blue,
body .content .site-content .p-datatable .actions input[type=button].ui-button.ui-button-icon-only.blue,
body .content .site-content .p-datatable .actions input[type=submit].ui-button.ui-button-icon-only.blue,
body .content .site-content .p-datatable .actions input[type=reset].ui-button.ui-button-icon-only.blue {
  background-color: #40A3D6;
}
body .content .site-content .ui-datatable .actions button.ui-button.ui-button-icon-only > .ui-icon,
body .content .site-content .ui-datatable .actions input[type=button].ui-button.ui-button-icon-only > .ui-icon,
body .content .site-content .ui-datatable .actions input[type=submit].ui-button.ui-button-icon-only > .ui-icon,
body .content .site-content .ui-datatable .actions input[type=reset].ui-button.ui-button-icon-only > .ui-icon, body .content .site-content .p-datatable .actions button.ui-button.ui-button-icon-only > .ui-icon,
body .content .site-content .p-datatable .actions input[type=button].ui-button.ui-button-icon-only > .ui-icon,
body .content .site-content .p-datatable .actions input[type=submit].ui-button.ui-button-icon-only > .ui-icon,
body .content .site-content .p-datatable .actions input[type=reset].ui-button.ui-button-icon-only > .ui-icon {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 18px;
  left: 0;
  top: 0;
}
body .content .site-content .ui-datatable .actions button.ui-button.ui-button-icon-only > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=button].ui-button.ui-button-icon-only > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=submit].ui-button.ui-button-icon-only > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=reset].ui-button.ui-button-icon-only > .ui-icon::before, body .content .site-content .p-datatable .actions button.ui-button.ui-button-icon-only > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=button].ui-button.ui-button-icon-only > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=submit].ui-button.ui-button-icon-only > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=reset].ui-button.ui-button-icon-only > .ui-icon::before {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
body .content .site-content .ui-datatable .actions button.ui-button.ui-button-icon-only.ui-state-hover:not(.no-background),
body .content .site-content .ui-datatable .actions input[type=button].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background),
body .content .site-content .ui-datatable .actions input[type=submit].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background),
body .content .site-content .ui-datatable .actions input[type=reset].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background), body .content .site-content .p-datatable .actions button.ui-button.ui-button-icon-only.ui-state-hover:not(.no-background),
body .content .site-content .p-datatable .actions input[type=button].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background),
body .content .site-content .p-datatable .actions input[type=submit].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background),
body .content .site-content .p-datatable .actions input[type=reset].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) {
  background-color: #40A3D6;
}
body .content .site-content .ui-datatable .actions button.ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=button].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=submit].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=reset].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) > .ui-icon::before, body .content .site-content .p-datatable .actions button.ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=button].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=submit].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=reset].ui-button.ui-button-icon-only.ui-state-hover:not(.no-background) > .ui-icon::before {
  color: white;
}
body .content .site-content .ui-datatable .actions button.ui-button.ui-button-icon-only:disabled:not(.no-background),
body .content .site-content .ui-datatable .actions input[type=button].ui-button.ui-button-icon-only:disabled:not(.no-background),
body .content .site-content .ui-datatable .actions input[type=submit].ui-button.ui-button-icon-only:disabled:not(.no-background),
body .content .site-content .ui-datatable .actions input[type=reset].ui-button.ui-button-icon-only:disabled:not(.no-background), body .content .site-content .p-datatable .actions button.ui-button.ui-button-icon-only:disabled:not(.no-background),
body .content .site-content .p-datatable .actions input[type=button].ui-button.ui-button-icon-only:disabled:not(.no-background),
body .content .site-content .p-datatable .actions input[type=submit].ui-button.ui-button-icon-only:disabled:not(.no-background),
body .content .site-content .p-datatable .actions input[type=reset].ui-button.ui-button-icon-only:disabled:not(.no-background) {
  background-color: #E5E5E5;
}
body .content .site-content .ui-datatable .actions button.ui-button.ui-button-icon-only:disabled > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=button].ui-button.ui-button-icon-only:disabled > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=submit].ui-button.ui-button-icon-only:disabled > .ui-icon::before,
body .content .site-content .ui-datatable .actions input[type=reset].ui-button.ui-button-icon-only:disabled > .ui-icon::before, body .content .site-content .p-datatable .actions button.ui-button.ui-button-icon-only:disabled > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=button].ui-button.ui-button-icon-only:disabled > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=submit].ui-button.ui-button-icon-only:disabled > .ui-icon::before,
body .content .site-content .p-datatable .actions input[type=reset].ui-button.ui-button-icon-only:disabled > .ui-icon::before {
  color: #B1B3B5;
}
body .content .site-content .ui-datatable .actions .ui-selectbooleanbutton, body .content .site-content .p-datatable .actions .ui-selectbooleanbutton {
  height: 52px;
  width: 52px;
  margin: 0;
}
body .content .site-content .ui-datatable .actions .ui-selectbooleanbutton > .ui-helper-hidden-accessible, body .content .site-content .p-datatable .actions .ui-selectbooleanbutton > .ui-helper-hidden-accessible {
  display: none;
}
body .content .site-content .ui-datatable .actions .ui-selectbooleanbutton > .ui-icon, body .content .site-content .p-datatable .actions .ui-selectbooleanbutton > .ui-icon {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 18px;
  left: 0;
  top: 0;
}
body .content .site-content .ui-datatable .actions .ui-selectbooleanbutton > .ui-icon::before, body .content .site-content .p-datatable .actions .ui-selectbooleanbutton > .ui-icon::before {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
body .content .site-content .ui-datatable .actions .ui-selectbooleanbutton.ui-state-hover, body .content .site-content .p-datatable .actions .ui-selectbooleanbutton.ui-state-hover {
  background-color: #40A3D6;
}
body .content .site-content .ui-datatable .actions .ui-selectbooleanbutton.ui-state-hover > .ui-icon::before, body .content .site-content .p-datatable .actions .ui-selectbooleanbutton.ui-state-hover > .ui-icon::before {
  color: white;
}
body .content .site-content .ui-datatable .ui-button, body .content .site-content .ui-datatable .p-button, body .content .site-content .p-datatable .ui-button, body .content .site-content .p-datatable .p-button {
  border: none;
  background: none;
}
body .content .site-content .ui-datatable .image-in-table, body .content .site-content .p-datatable .image-in-table {
  padding: 0;
  width: 1%;
}
body .content .site-content .ui-datatable .image-in-table > img, body .content .site-content .p-datatable .image-in-table > img {
  vertical-align: middle;
}
body .content .site-content .dealer-overlay {
  width: 302px;
  background: #FFFFFF;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content {
  padding: 15px;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > .ui-selectmanymenu {
  width: 100%;
  padding: 0;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > .ui-selectmanymenu .ui-selectlistbox-filter-container {
  margin-bottom: 8px;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
  line-height: 0;
  padding-right: 8px;
  height: 23px;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter {
  height: 35px;
  width: 100%;
  border-radius: 0;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > .ui-selectmanymenu .ui-selectlistbox-item {
  line-height: 46px;
  color: #40A3D6;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > .ui-selectmanymenu .ui-selectlistbox-item.ui-state-highlight {
  background-color: #FBFBFB;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions {
  text-align: right;
  margin-top: 15px;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions button,
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=button],
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=submit],
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=reset] {
  margin: 0;
  width: 98px;
  background-color: #40A3D6;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions button:not(:last-child),
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=button]:not(:last-child),
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=submit]:not(:last-child),
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=reset]:not(:last-child) {
  margin-right: 16px;
}
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions button:hover,
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=button]:hover,
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=submit]:hover,
body .content .site-content .dealer-overlay > .ui-overlaypanel-content > div.dialog-actions input[type=reset]:hover {
  background-color: #3D90BA;
}
body .content .site-content .ui-command-link {
  float: right;
  padding-top: 15px;
  padding-bottom: 15px;
}
body .content .site-content .checkboxPanelGrid tbody > tr:first-of-type > td:first-of-type {
  width: 1%;
}
body .content .site-content .checkboxPanelGrid tbody > tr > td > .ui-chkbox {
  margin-right: 13px;
}
body .content .site-content .checkboxPanelGrid tbody tr:last-of-type > td {
  padding-top: 15px;
}
body .content .site-content table > tbody > tr > td > .ui-chkbox {
  margin-right: 13px;
}
body .content .site-content #billingContent #serviceChargePanel td.ui-panelgrid-cell.ui-widget-header, body .content .site-content #billingContent .license-panel .standard-cttool-panel td.ui-panelgrid-cell.ui-widget-header, body .content .site-content #billingContent .license-panel .flatrate-panel td.ui-panelgrid-cell.ui-widget-header {
  padding: 0;
}
body .content .site-content #billingContent #serviceChargePanel td.ui-panelgrid-cell, body .content .site-content #billingContent .license-panel .standard-cttool-panel td.ui-panelgrid-cell, body .content .site-content #billingContent .license-panel .flatrate-panel td.ui-panelgrid-cell {
  border: solid #FFFFFF;
  border-width: 0 2px;
  padding: 0 10px;
}
body .content .site-content #billingContent #serviceChargePanel thead > tr, body .content .site-content #billingContent .license-panel .standard-cttool-panel thead > tr, body .content .site-content #billingContent .license-panel .flatrate-panel thead > tr {
  color: #A8A8A6;
  font-weight: normal;
  text-align: left;
  line-height: 36px;
}
body .content .site-content #billingContent #serviceChargePanel tbody > tr, body .content .site-content #billingContent .license-panel .standard-cttool-panel tbody > tr, body .content .site-content #billingContent .license-panel .flatrate-panel tbody > tr {
  line-height: 52px;
  background-color: #F7F7F7;
}
body .content .site-content #billingContent #serviceChargePanel tbody > td, body .content .site-content #billingContent .license-panel .standard-cttool-panel tbody > td, body .content .site-content #billingContent .license-panel .flatrate-panel tbody > td {
  padding: 0 16px;
}
body .content .site-content #billingContent .warning-span {
  margin-top: 20px;
  padding-left: 5px;
  display: inline-block;
}
body .content .site-content #billingContent .ui-panel-titlebar {
  padding: 0 0 10px 0;
}
body .content .site-content #billingContent .panel-wrapper {
  background-color: #FFFFFF;
  padding: 20px 15px;
}
body .content .site-content #billingContent .selection-box {
  width: 45px;
  margin-top: 25px;
}
body .content .site-content #billingContent #serviceChargePanel table.ui-panelgrid {
  font-size: 15px;
}
body .content .site-content #billingContent #serviceChargePanel td:nth-child(1) {
  width: auto;
}
body .content .site-content #billingContent #serviceChargePanel td:nth-child(2) {
  width: 410px;
}
body .content .site-content #billingContent #serviceChargePanel td:nth-child(3) {
  width: 96px;
}
body .content .site-content #billingContent #selectUseLicense thead th:nth-child(2) {
  width: auto;
}
body .content .site-content #billingContent #selectUseLicense thead th:nth-child(3) {
  width: 410px;
}
body .content .site-content #billingContent #selectUseLicense thead th:nth-child(4) {
  width: 96px;
}
body .content .site-content #billingContent .c-ref-number {
  width: 484px;
  margin-top: 20px;
}
body .content .site-content #billingContent .c-ref-number :first-child {
  width: 482px;
}
body .content .site-content #billingContent #ctToolListPanel h3 {
  padding-top: 20px;
}
body .content .site-content #billingContent .license-panel {
  background-color: #FFFFFF;
  font-size: 15px;
  border-collapse: separate;
  padding: 20px 15px;
  width: 100%;
}
body .content .site-content #billingContent .license-panel .standard-cttool-panel td {
  vertical-align: top;
}
body .content .site-content #billingContent .license-panel .standard-cttool-panel td:nth-child(2) {
  width: 240px;
}
body .content .site-content #billingContent .license-panel .standard-cttool-panel td:nth-child(3) {
  width: 250px;
}
body .content .site-content #billingContent .license-panel .standard-cttool-panel td:nth-child(4) {
  width: 110px;
  text-align: center;
}
body .content .site-content #billingContent .license-panel .standard-cttool-panel td:nth-child(6) {
  width: 96px;
}
body .content .site-content #billingContent .license-panel .standard-cttool-panel table {
  padding: 0 16px;
}
body .content .site-content #billingContent .license-panel .flatrate-panel td:nth-child(2) {
  width: 830px;
}
body .content .site-content #billingContent .license-panel .flatrate-panel table {
  padding: 0 16px;
}
body .content .site-content #billingContent .license-panel .flatrate-panel.ui-panelgrid-cell {
  font-size: 15px;
}
body .content .site-content #billingContent .buy-license-dialog .dialog-actions {
  text-align: center;
}
body .content .site-content #billingContent .buy-license-dialog .ui-dialog-titlebar {
  text-align: center;
}
body .content .site-content #billingContent .buy-license-dialog .ui-dialog-title {
  font-size: 20px;
  font-weight: bold;
}
body .content .site-content #billingContent .buy-license-dialog .ui-button {
  width: 100px;
  margin: 10px;
}
body .content .site-content .ui-datatable-even {
  background: #FAFAFA;
}
body .content .site-content tbody [role="row"]:not(.p-row-odd) {
  background: #FAFAFA;
}
body .content .site-content .ui-sortable-column-icon, body .content .site-content .p-sortable-column-icon {
  float: left;
  top: 10px;
  margin: 0;
}
body .content .site-content .ui-tabs {
  padding: 0;
}
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel {
  overflow: auto;
}
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column {
  width: 469px;
}
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input input[type=text]:not(.ui-selectonemenu-label),
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input input[type=password],
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input textarea,
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input div.ui-selectonemenu {
  width: 467px;
}
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input input[type=text]:not(.ui-selectonemenu-label).short-width,
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input input[type=password].short-width,
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input textarea.short-width,
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input div.ui-selectonemenu.short-width {
  /* for postal code and country calling code */
  width: 123px;
}
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input input[type=text]:not(.ui-selectonemenu-label).long-width,
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input input[type=password].long-width,
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input textarea.long-width,
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input div.ui-selectonemenu.long-width {
  /* for city and phone number */
  width: 337px;
}
body .content .site-content .inner-tab-view > .ui-tabs-panels > .ui-tabs-panel div.column > section > .labeled-input div.ui-selectonemenu > label.ui-selectonemenu-label {
  width: 430px;
}
body .content .site-content .upload-image {
  display: flex;
  flex-direction: column-reverse;
  color: #8C8C8C;
}
body .content .site-content .upload-image .ui-button {
  width: initial;
  border: none;
  margin: 0;
  background: none;
}
body .content .site-content .upload-image .column label.preview-image-label {
  display: inline-block;
  /* h3 line height + h3 bottom margin */
  height: 45.2px;
  line-height: 45.2px;
}
body .content .site-content .upload-image .column .preview-area {
  position: relative;
  height: 94px;
  background-color: #FFFFFF;
  text-align: center;
}
body .content .site-content .upload-image .column .preview-area button.ui-button-icon-only {
  width: 30px;
  height: 30px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 38px;
  /* when two buttons for first button */
}
body .content .site-content .upload-image .column .preview-area button.ui-button-icon-only:last-of-type {
  right: 4px;
}
body .content .site-content .upload-image .column .preview-area .prod-img {
  height: 94px;
  width: auto;
}
@media only screen and (min-width: 768px) {
  body .content .site-content div.column:not(:last-of-type) {
    margin-right: 31px;
  }
}
@media only screen and (min-width: 999px) {
  body .content .site-content .upload-image {
    display: block;
  }
}
body .content .site-content .inputfield-above-table {
  padding-left: 15px;
}
body .content .site-content .inputfield-above-table > .ui-inputtext {
  padding: 0;
  height: 30px;
  margin-left: 15px;
  width: 300px;
}
body .content .site-content .module-compatibility {
  /* use for div oder hr to clear floats */
}
body .content .site-content .module-compatibility .module-compatibility-details-table .rt {
  float: right;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table {
  width: 100%;
  border-collapse: collapse;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable {
  position: relative;
  padding: 16px 13px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable.component {
  padding: 16px 13px 16px 45px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-l,
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-r {
  border: none;
  height: 51px;
  width: 16px;
  display: inline;
  position: absolute;
  margin: 0;
  background-color: #40A3D6;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-l:hover,
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-r:hover {
  background-color: #3D90BA;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-l:disabled,
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-r:disabled {
  background-color: #E5E5E5;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-l:disabled > .ui-icon::before,
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-r:disabled > .ui-icon::before {
  color: #B1B3B5;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-l > .ui-icon,
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-r > .ui-icon {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 18px;
  left: 0;
  top: 0;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-l > .ui-icon::before,
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-r > .ui-icon::before {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  font-size: 25px;
  color: #FFFFFF;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-r {
  bottom: 16px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .compatibility-product-skip-l {
  top: 16px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable table {
  margin-left: 16px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-product-skippable .ui-datatable-tablewrapper > table {
  margin-left: inherit;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities {
  position: relative;
  padding: 16px 0 16px 21px;
  height: 136px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities .product-functionalities-text {
  line-height: 15px;
  font-size: 14px;
  position: absolute;
  width: 100%;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities .product-functionalities-text .info-button-compatibilitycheck {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  top: 1px;
  position: absolute;
  right: 30px;
  width: 14px;
  height: 14px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities .product-functionalities-text .info-button-compatibilitycheck .ui-icon {
  margin: 0;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  line-height: 14px;
  font-size: 14px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities .product-functionalities-text .ui-dialog-content .functionality_info_header {
  font-size: 23px;
  line-height: 25.2px;
  padding-bottom: 18px;
  display: block;
  padding-top: 13px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities .product-functionalities-text .ui-dialog-content .functionality_info_text {
  display: block;
  padding-bottom: 12px;
  text-align: left;
  position: relative;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities .product-functionalities-text .ui-dialog-content .functionality_info_text .info_text {
  position: absolute;
  top: 25%;
  padding-left: 18px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities .isobus-lvl {
  display: inline-block;
  line-height: 0;
  position: absolute;
  top: 40px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility-functionalities .isobus-lvl .ui-commandlink {
  display: inline-block;
  line-height: 0;
  padding-right: 3px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td.compatibility_column {
  width: 550px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td h3 {
  font-size: 15px;
  color: #505559;
  line-height: 18px;
  margin: 0;
  padding-left: 15px;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td tr {
  line-height: 0;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td tr img {
  height: 104px;
  width: auto;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility_product_name {
  display: inline-block;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility_product_name a {
  color: #40A3D6 !important;
  text-decoration: none;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility_product_name a > h3 {
  color: #40A3D6 !important;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility_product_name a > h3:hover {
  text-decoration: underline;
}
body .content .site-content .module-compatibility .module-compatibility-details-table table td .compatibility_product_name > .compatibility_show_versions_button {
  display: block;
  position: absolute;
  bottom: 16px;
  margin-right: 0;
  margin-left: 15px;
}
body .content .site-content .module-compatibility .module-compatibility-row {
  page-break-inside: avoid;
  margin-bottom: 14px;
  clear: both;
}
body .content .site-content .module-compatibility .module-compatibility-row.top-level {
  margin-bottom: 20px !important;
}
body .content .site-content .module-compatibility .module-compatibility-row > .extended > .module-compatibility-row > .module-compatibility-details {
  border-right: 2px solid #40A3D6;
}
body .content .site-content .module-compatibility .module-compatibility-row > .extended > .extended_productversions > .module-compatibility-row > .module-compatibility-details {
  border-right: 2px solid #40A3D6;
  background-color: #FDFDFD;
}
body .content .site-content .module-compatibility .module-compatibility-row.expanded {
  margin-top: -19px;
  height: auto !important;
  background-color: #FFFFFF;
}
body .content .site-content .module-compatibility .module-compatibility-row .ui-commandlink.tooltip-top-large {
  display: block;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion {
  width: 999px;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto;
  margin-right: auto;
  max-height: 300px;
  overflow: auto;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion.ui-overlay-hidden {
  display: none;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion > .ui-overlaypanel-content {
  padding: 0;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion > .ui-overlaypanel-content > .ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td {
  padding: 6px;
  vertical-align: inherit;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion > .ui-overlaypanel-content > .ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td > a {
  display: block;
  line-height: 44px;
  width: 100%;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion > .ui-overlaypanel-content > .ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td > .current {
  color: #505559;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion > .ui-overlaypanel-content > .ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td > .isobus-lvl {
  height: 44px;
  display: block;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion > .ui-overlaypanel-content > .ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td > .isobus-lvl > img {
  height: 44px;
}
body .content .site-content .module-compatibility .compatibility_selectable_productversion > .ui-overlaypanel-content > .ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td > .isobus-lvl > img:not(:last-child) {
  padding-left: 3px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer {
  width: 97%;
  height: 48px;
  position: relative;
  background: #FFFFFF;
  margin-bottom: 20px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer:before {
  content: "";
  position: absolute;
  right: -24px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 24px solid #FFFFFF;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .del {
  float: right;
  border-left: 1px solid #F7F7F7;
  margin-right: -30px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .del.with-modules {
  margin-right: 31px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .del .ui-button-icon-only {
  width: 48px;
  height: 48px;
  border: none;
  margin: 0;
  background-color: #FFFFFF;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .del .ui-button-icon-only.ui-state-hover {
  background-color: #40A3D6;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .del .ui-button-icon-only.ui-state-hover .ui-icon::before {
  color: #FFFFFF;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .del .ui-button-icon-only > .ui-icon {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 18px;
  left: 0;
  top: 0;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .del .ui-button-icon-only > .ui-icon::before {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  font-size: 25px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules {
  float: right;
  border-left: 1px solid #F7F7F7;
  margin-right: -110px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .ui-button {
  border: none;
  margin: 0;
  background-color: #40A3D6;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .ui-button.extended {
  background-color: #3D90BA;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .ui-button.ui-state-hover {
  background-color: #3D90BA;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .ui-button.ui-state-hover .ui-icon::before {
  color: #FFFFFF;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .ui-button > .ui-icon {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 18px;
  left: 0;
  top: 0;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .ui-button > .ui-icon::before {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  font-size: 25px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .ui-button > .ui-button-text {
  font-size: 12px;
  color: white;
  vertical-align: bottom;
  width: 100%;
  position: absolute;
  bottom: 2px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .module-icon {
  width: 60px;
  height: 48px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .module-icon > .ui-icon {
  height: 30px;
  top: 2px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .updown {
  width: 10px;
  height: 48px;
}
body .content .site-content .module-compatibility .module-compatibility-input-backgroundlayer .modules > .updown > .ui-icon:before {
  color: #FFFFFF;
  font-size: 12px;
}
body .content .site-content .module-compatibility .module-compatibility-input {
  float: left;
  position: relative;
  line-height: 30px;
  padding-left: 31px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 0;
}
body .content .site-content .module-compatibility .module-compatibility-input a {
  line-height: 48px;
}
body .content .site-content .module-compatibility .module-compatibility-input span a,
body .content .site-content .module-compatibility .module-compatibility-input .select-text {
  line-height: 48px;
  display: block;
  float: left;
}
body .content .site-content .module-compatibility .module-compatibility-input span.right a {
  display: none;
}
body .content .site-content .module-compatibility .module-compatibility-input span.down a {
  display: none;
}
body .content .site-content .module-compatibility .module-compatibility-input .max,
body .content .site-content .module-compatibility .module-compatibility-input .min {
  float: left;
  display: block;
  margin: 4px 5px 0 0;
}
body .content .site-content .module-compatibility .module-compatibility-input .close {
  float: left;
  margin-top: 4px;
  display: block;
}
body .content .site-content .module-compatibility .module-compatibility-input.act {
  /* for PDF creation via Flying Saucer, once again the same rules, but CSS 2.1 compliant, with distinct style classes */
}
body .content .site-content .module-compatibility .module-compatibility-input.act .ui-commandlink {
  color: #FFFFFF;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:before {
  content: "";
  position: absolute;
  right: -24px;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(1) {
  background-color: #3C99C8;
  z-index: 99;
  padding-left: 14px;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(1):before {
  border-left: 24px solid #3C99C8;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(2) {
  background-color: #4FA3CD;
  z-index: 98;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(2):before {
  border-left: 24px solid #4FA3CD;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(3) {
  background-color: #63ADD3;
  z-index: 97;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(3):before {
  border-left: 24px solid #63ADD3;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(4) {
  background-color: #76B7D8;
  z-index: 96;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(4):before {
  border-left: 24px solid #76B7D8;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(5) {
  background-color: #8AC2DE;
  z-index: 95;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(5):before {
  border-left: 24px solid #8AC2DE;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(6) {
  background-color: #A1CEE5;
  z-index: 94;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(6):before {
  border-left: 24px solid #A1CEE5;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(7) {
  background-color: #B4D8EA;
  z-index: 93;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:nth-of-type(7):before {
  border-left: 24px solid #B4D8EA;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:last-of-type {
  background-color: #FFFFFF !important;
  z-index: 1;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:last-of-type:before {
  display: none;
}
body .content .site-content .module-compatibility .module-compatibility-input.act:last-of-type .ui-commandlink {
  color: #505559;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.first {
  background-color: #3C99C8;
  z-index: 99;
  padding-left: 14px;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.first:before {
  border-left: 24px solid #3C99C8;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.second {
  background-color: #4FA3CD;
  z-index: 98;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.second:before {
  border-left: 24px solid #4FA3CD;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.third {
  background-color: #63ADD3;
  z-index: 97;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.third:before {
  border-left: 24px solid #63ADD3;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.fourth {
  background-color: #76B7D8;
  z-index: 96;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.fourth:before {
  border-left: 24px solid #76B7D8;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.fifth {
  background-color: #8AC2DE;
  z-index: 95;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.fifth:before {
  border-left: 24px solid #8AC2DE;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.sixth {
  background-color: #A1CEE5;
  z-index: 94;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.sixth:before {
  border-left: 24px solid #A1CEE5;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.seventh {
  background-color: #B4D8EA;
  z-index: 93;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.seventh:before {
  border-left: 24px solid #B4D8EA;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.last {
  background-color: #FFFFFF !important;
  z-index: 1;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.last:before {
  display: none;
}
body .content .site-content .module-compatibility .module-compatibility-input.act.last .ui-commandlink {
  color: #505559;
}
body .content .site-content .module-compatibility .module-compatibility-input.rt {
  display: none;
}
body .content .site-content .module-compatibility .floatleft {
  float: left;
}
body .content .site-content .module-compatibility .clear {
  clear: both;
  border: 0;
  height: 0;
}
body .content .site-content .module-compatibility .noborder {
  border: none !important;
}
body .content .site-content .module-compatibility .module-compatibility-details {
  width: 100%;
  text-align: left;
  clear: both;
  overflow: hidden;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-simple {
  margin: 0;
  padding: 0;
  display: contents;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-simple .ui-fileupload-buttonbar {
  padding: 0;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-simple .ui-fileupload-buttonbar .ui-button {
  padding: 0;
  margin: 0;
  width: 208px;
  height: 52px;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-simple .ui-fileupload-buttonbar .ui-button > .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 18px;
  left: 0;
  top: 0;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-simple .ui-fileupload-buttonbar .ui-button > .ui-icon::before {
  content: '\e80f';
  color: #FFFFFF;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-simple > .ui-fileupload-filename {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: #40A3D6;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-simple > .ui-fileupload-filename:empty {
  visibility: hidden;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-content {
  padding: 0;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-content > .ui-fileupload-files {
  background-color: #B1B3B5;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-content > .ui-fileupload-files .ui-fileupload-cancel {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}
body .content .site-content .module-compatibility .module-compatibility-details .ui-fileupload-content > .ui-fileupload-files .ui-fileupload-cancel > .ui-icon-close:before {
  content: '\e803';
}
body .content .site-content .module-compatibility .module-compatibility-details-text .clear {
  height: auto !important;
  /* ie7 fix*/
}
body .content .site-content .module-compatibility .module-compatibility-details-text .hdl,
body .content .site-content .module-compatibility .module-compatibility-details-text h3 {
  font-size: 18px;
  color: #505559;
  font-weight: 500;
  margin: 0;
  line-height: 48px;
  padding-left: 14px;
}
body .content .site-content .module-compatibility .box-compatibility-selection {
  padding: 0 20.5px;
  width: 180px;
  height: 148px;
  background: #FFFFFF;
  margin: 0;
  margin-right: 24px;
  margin-bottom: 20px;
  display: inline-block;
}
body .content .site-content .module-compatibility .box-compatibility-selection.no-height {
  height: 104px;
}
body .content .site-content .module-compatibility .box-compatibility-selection.adjust-in-middle .bg.border-all {
  margin-top: 22px;
}
body .content .site-content .module-compatibility .box-compatibility-selection .bg,
body .content .site-content .module-compatibility .box-compatibility-selection .bgselected {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
body .content .site-content .module-compatibility .box-compatibility-selection p {
  padding: 0 0 10px 0;
}
body .content .site-content .module-compatibility .box-compatibility-selection a {
  display: block;
}
body .content .site-content .module-compatibility .box-compatibility-selection .bg,
body .content .site-content .module-compatibility .box-compatibility-selection .border-all {
  padding: 0;
  line-height: 0;
  display: table;
}
body .content .site-content .module-compatibility .box-compatibility-selection .bg .ui-commandlink,
body .content .site-content .module-compatibility .box-compatibility-selection .border-all .ui-commandlink {
  display: table-row;
  line-height: 0;
  font-size: 0;
  vertical-align: top;
}
body .content .site-content .module-compatibility .box-compatibility-selection .bg .ui-commandlink .prod-img,
body .content .site-content .module-compatibility .box-compatibility-selection .border-all .ui-commandlink .prod-img {
  margin: 0;
  vertical-align: bottom;
}
body .content .site-content .module-compatibility .box-compatibility-selection .category-label {
  display: block;
  line-height: 16px;
  font-size: 15px;
  padding-top: 14px;
  color: #505559;
}
@media (min-width: 996px) {
  body .content .site-content .module-compatibility .box-compatibility-selection:nth-child(5n) {
    margin-right: 0;
  }
  body .content .site-content .module-compatibility .box-compatibility-selection:nth-child(5n-1),
  body .content .site-content .module-compatibility .box-compatibility-selection:nth-child(5n-2),
  body .content .site-content .module-compatibility .box-compatibility-selection:nth-child(5n-3) {
    margin-right: 25px;
  }
}
@media (min-width: 792px) and (max-width: 995px) {
  body .content .site-content .module-compatibility .box-compatibility-selection:nth-child(4n) {
    margin-right: 0;
  }
}
@media (min-width: 588px) and (max-width: 791px) {
  body .content .site-content .module-compatibility .box-compatibility-selection:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 384px) and (max-width: 587px) {
  body .content .site-content .module-compatibility .box-compatibility-selection:nth-child(2n) {
    margin-right: 0;
  }
}
body .content .site-content .module-compatibility .box-level {
  margin-bottom: 10px;
  clear: both;
}
body .content .site-content .module-compatibility .box-level:after {
  content: "\0020";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
}
body .content .site-content .module-compatibility .box-level .icon {
  float: left;
  width: 29px;
  margin-right: 5px;
}
body .content .site-content .module-compatibility .box-level .cnt {
  float: left;
  width: 160px;
}
body .content .site-content .module-compatibility .no-manufacturer-image-new {
  width: 139px;
  height: 104px;
  display: inline-block;
  line-height: 93px;
  text-align: center;
  background: #f2f2f2;
  font-size: 10px;
  vertical-align: bottom;
}
body .content .site-content .module-compatibility .compatibility_product_image_small {
  border: none !important;
  padding: 0 !important;
  width: 49px;
}
body .content .site-content .module-compatibility .compatibility_product_image_large {
  border: none !important;
  padding: 0 !important;
  width: 124px;
}
body .content .site-content .module-compatibility .compatibility_product_name {
  border: none !important;
  padding: 0 !important;
}
body .content .site-content .module-compatibility-add {
  width: 255px;
  margin: auto;
}
body .content .site-content .compatibility-add-component,
body .content .site-content .compatibility-switch-component {
  width: 100%;
  height: 50px;
  border: none;
  margin: auto;
  background-color: #F5A623;
  border-radius: 0;
}
body .content .site-content .compatibility-add-component.ui-state-disabled,
body .content .site-content .compatibility-switch-component.ui-state-disabled {
  border: none;
  background-color: #E5E5E5;
}
body .content .site-content .compatibility-add-component.ui-state-disabled .ui-selectonemenu-label,
body .content .site-content .compatibility-switch-component.ui-state-disabled .ui-selectonemenu-label {
  color: #B1B3B5;
}
body .content .site-content .compatibility-add-component.ui-state-disabled .ui-selectonemenu-trigger,
body .content .site-content .compatibility-switch-component.ui-state-disabled .ui-selectonemenu-trigger {
  background-color: #E5E5E5;
}
body .content .site-content .compatibility-add-component.ui-state-disabled .ui-selectonemenu-trigger .ui-icon::before,
body .content .site-content .compatibility-switch-component.ui-state-disabled .ui-selectonemenu-trigger .ui-icon::before {
  color: #B1B3B5;
}
body .content .site-content .compatibility-add-component .ui-selectonemenu-label,
body .content .site-content .compatibility-switch-component .ui-selectonemenu-label {
  text-align: center;
  width: 207px;
  height: 100%;
  padding: 0;
  vertical-align: middle;
  display: table-cell;
  line-height: 50px;
  color: #FFFFFF;
}
body .content .site-content .compatibility-add-component .ui-selectonemenu-trigger,
body .content .site-content .compatibility-switch-component .ui-selectonemenu-trigger {
  background-color: #ED9300;
}
body .content .site-content .compatibility-add-component .ui-selectonemenu-trigger:hover,
body .content .site-content .compatibility-switch-component .ui-selectonemenu-trigger:hover {
  background-color: #E29D2A;
}
body .content .site-content .compatibility-switch-component {
  margin-bottom: 16px;
}
body .content .site-content .compatibility-switch-component .ui-selectonemenu-label {
  text-align: left;
  padding-left: 32px;
  color: white;
  width: 100%;
  display: block;
}
body .content .site-content .result-report-dialog {
  background-color: #F7F7F7;
  box-shadow: none;
}
body .content .site-content .result-report-dialog .result-report-popup-tab {
  text-align: left;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-header {
  line-height: 25.2px;
  font-size: 20px;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-header.ui-state-active > a {
  color: #3E3E3E;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-panels {
  line-height: 22.2px;
  height: 459px;
  overflow-y: scroll;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-panels .ui-tabs-panel {
  padding: 34px 41px 50px 23px;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-panelgrid-even {
  background: #FAFAFA;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-panels .ui-tabs-panel tr {
  line-height: 18px;
  font-size: 15px;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-panels .ui-tabs-panel td {
  padding-left: 12px !important;
  padding-top: 14px !important;
  padding-bottom: 12px !important;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-panels .ui-tabs-panel .report-header {
  background: none;
  border: none;
  color: #8C8C8C;
  text-align: left;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-panels .ui-tabs-panel thead td {
  background: none;
  border: none;
  color: #8C8C8C;
  text-align: left;
}
body .content .site-content .result-report-dialog .result-report-popup-tab .ui-tabs-panels .ui-tabs-panel tbody td {
  color: #505559;
  border-left: 1px solid #FFFFFF;
}
body .content .site-content .compatibility-popup {
  background-color: #F7F7F7;
  box-shadow: none;
}
body .content .site-content .compatibility-popup .ui-dialog-content > .productImage {
  height: auto;
  width: 800px;
}
body .content .site-content .compatibility-popup .image-description {
  display: block;
  line-height: 22.2px;
  margin-top: 10px;
}
body .content .site-content .compatibility-popup .ui-dialog-titlebar {
  padding: 0;
}
body .content .site-content .compatibility-popup .ui-dialog-content {
  padding: 0 46px;
  overflow: hidden;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab {
  text-align: left;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-header {
  line-height: 25.2px;
  font-size: 20px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-header.ui-state-active > a {
  color: #3E3E3E;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels {
  line-height: 22.2px;
  height: 459px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel {
  padding: 34px 41px 50px 23px;
  overflow-y: hidden;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .description-box td {
  border: none;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .description-box tr td:nth-child(2) {
  display: inline-block;
  margin-left: 18px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .description-box .description {
  line-height: 22.2px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .description-box .header {
  display: block;
  line-height: 25.2px;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 13px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .options-box {
  max-height: 100%;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .options-box .header {
  line-height: 25.2px;
  font-size: 23px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .options-box .ui-row-toggler {
  float: right;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable {
  padding: 0;
  height: 400px;
  max-width: 780px !important;
  overflow: auto !important;
  width: auto !important;
  border: none;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable .ui-column-title,
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable table[role=grid] {
  width: unset !important;
  min-width: 100% !important;
  max-width: 780px !important;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable td {
  padding-left: 12px !important;
  padding-top: 14px !important;
  padding-bottom: 12px !important;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable .ui-column-title {
  display: block;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable tr {
  line-height: 18px;
  font-size: 15px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable th {
  border: none;
  background-color: white;
  color: #8C8C8C;
  position: sticky;
  top: 0;
  z-index: 300;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable th:first-child {
  left: 0;
  z-index: 301;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable td {
  color: #505559;
  border-left: 1px solid #FFFFFF;
  min-width: 5rem;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable td:first-child {
  position: sticky;
  left: 0;
  z-index: 200;
  min-width: 10rem;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable tr:nth-child(odd) > td:first-child {
  background-color: #FAFAFA;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable tr:nth-child(even) > td:first-child {
  background-color: white;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .ui-datatable-even {
  background: #FAFAFA;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility-options-table tr th:last-child {
  width: 90px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility-options-table tr th:last-child .ui-column-title {
  padding-left: 4px !important;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility-options-table tr th:not(:first-child):not(:last-child) {
  text-align: center;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility-options-table tr td:not(:first-child):not(:last-child) {
  text-align: center;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility-options-table tr td:last-child .compatibility_option_icon {
  left: 34px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .functionality_option_table .ui-icon {
  margin-left: 0;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .downloadTable_functionality td .ui-button {
  position: relative;
  right: auto;
  bottom: auto;
  width: auto;
  left: 30px;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility_option_icon {
  position: relative;
  width: auto;
  bottom: 0;
  margin: 0;
  right: auto;
  height: auto;
  padding: 0;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility_option_icon.green > .ui-icon::before {
  color: #8FCA55;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility_option_icon.yellow > .ui-icon::before {
  color: #D6AE48;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility_option_icon.red > .ui-icon::before {
  color: #CC5547;
}
body .content .site-content .compatibility-popup .ui-dialog-content .compatibility-popup-tab .ui-tabs-panels .ui-tabs-panel .compatibility_option_icon.grey > .ui-icon::before {
  color: #B1B3B5;
}
body .content .site-content .compatibility-popup .ui-dialog-content .ui-button {
  position: absolute;
  right: 46px;
  bottom: 0;
  margin: 0;
  width: 114px;
}
body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item.ui-state-highlight, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item.p-highlight, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item.ui-state-highlight, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item.p-highlight, body .content .site-content .p-steps .ui-steps-item.ui-state-highlight, body .content .site-content .p-steps .ui-steps-item.p-highlight, body .content .site-content .p-steps .p-steps-item.ui-state-highlight, body .content .site-content .p-steps .p-steps-item.p-highlight {
  background-color: #40A3D6;
}
body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .ui-menuitem-link .ui-steps-number:before, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .p-menuitem-link .p-steps-number:before, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .ui-menuitem-link .ui-steps-number:before, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .p-menuitem-link .p-steps-number:before, body .content .site-content .p-steps .ui-steps-item .ui-menuitem-link .ui-steps-number:before, body .content .site-content .p-steps .ui-steps-item .p-menuitem-link .p-steps-number:before, body .content .site-content .p-steps .p-steps-item .ui-menuitem-link .ui-steps-number:before, body .content .site-content .p-steps .p-steps-item .p-menuitem-link .p-steps-number:before {
  content: '0';
}
body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item:last-child, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item:last-child, body .content .site-content .p-steps .ui-steps-item:last-child, body .content .site-content .p-steps .p-steps-item:last-child {
  flex-basis: auto;
  flex-grow: 1;
}
body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .ui-menuitem-link, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .p-menuitem-link, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .ui-menuitem-link, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .p-menuitem-link, body .content .site-content .p-steps .ui-steps-item .ui-menuitem-link, body .content .site-content .p-steps .ui-steps-item .p-menuitem-link, body .content .site-content .p-steps .p-steps-item .ui-menuitem-link, body .content .site-content .p-steps .p-steps-item .p-menuitem-link {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  grid-template-rows: 20px 20px;
  width: 100%;
}
body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .ui-menuitem-link .ui-steps-number, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .ui-menuitem-link .p-steps-number, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .p-menuitem-link .ui-steps-number, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .p-menuitem-link .p-steps-number, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .ui-menuitem-link .ui-steps-number, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .ui-menuitem-link .p-steps-number, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .p-menuitem-link .ui-steps-number, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .p-menuitem-link .p-steps-number, body .content .site-content .p-steps .ui-steps-item .ui-menuitem-link .ui-steps-number, body .content .site-content .p-steps .ui-steps-item .ui-menuitem-link .p-steps-number, body .content .site-content .p-steps .ui-steps-item .p-menuitem-link .ui-steps-number, body .content .site-content .p-steps .ui-steps-item .p-menuitem-link .p-steps-number, body .content .site-content .p-steps .p-steps-item .ui-menuitem-link .ui-steps-number, body .content .site-content .p-steps .p-steps-item .ui-menuitem-link .p-steps-number, body .content .site-content .p-steps .p-steps-item .p-menuitem-link .ui-steps-number, body .content .site-content .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  margin: auto;
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row: 1;
}
body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .ui-menuitem-link .ui-steps-title, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .ui-menuitem-link .p-steps-title, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .p-menuitem-link .ui-steps-title, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .p-menuitem-link .p-steps-title, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .ui-menuitem-link .ui-steps-title, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .ui-menuitem-link .p-steps-title, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .p-menuitem-link .ui-steps-title, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .p-menuitem-link .p-steps-title, body .content .site-content .p-steps .ui-steps-item .ui-menuitem-link .ui-steps-title, body .content .site-content .p-steps .ui-steps-item .ui-menuitem-link .p-steps-title, body .content .site-content .p-steps .ui-steps-item .p-menuitem-link .ui-steps-title, body .content .site-content .p-steps .ui-steps-item .p-menuitem-link .p-steps-title, body .content .site-content .p-steps .p-steps-item .ui-menuitem-link .ui-steps-title, body .content .site-content .p-steps .p-steps-item .ui-menuitem-link .p-steps-title, body .content .site-content .p-steps .p-steps-item .p-menuitem-link .ui-steps-title, body .content .site-content .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  margin: auto;
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row: 2;
}
body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .ui-steps-item .p-menuitem-link, body .content .site-content .ui-steps.productsteps.zero-prefixed-step-number .p-steps-item .p-menuitem-link, body .content .site-content .p-steps .ui-steps-item .p-menuitem-link, body .content .site-content .p-steps .p-steps-item .p-menuitem-link {
  overflow: visible;
}
body .content .site-content .dashed-border {
  border: #E0E0E0 2px dashed;
  margin-bottom: 32px;
}
body .content .site-content .dashed-border > div.column {
  display: inline-block;
  width: 50%;
  margin: 0;
  border: 0;
  padding: 24px;
  vertical-align: top;
}
body .content .site-content .dashed-border > div.column.left {
  color: #505559;
}
body .content .site-content .dashed-border > div.column.left > img {
  vertical-align: top;
}
body .content .site-content .dashed-border > div.column.right {
  padding-left: 43px;
  color: #3E3E3E;
}
body .content .site-content .dashed-border > div.column.right .ui-dialog div.ui-dialog-content {
  text-align: start;
}
body .content .site-content .dashed-border > div.column.right .ui-dialog div.ui-dialog-content .ui-button {
  float: right;
  margin-right: 0;
}
body .content .site-content .dashed-border > div.column .right-aside-image {
  display: inline-block;
  margin-left: 20px;
}
body .content .site-content .dashed-border > div.column button {
  margin-top: 16px;
}
body .content .site-content .dashed-border > div.column.simple-left {
  padding-right: 14px;
}
body .content .site-content .dashed-border > div.column.simple-right {
  padding-left: 14px;
}
body .content .site-content .dashed-border > div.column .labeled-input > input {
  width: 459px;
}
body .content .site-content .dashed-border .light-colored-text {
  padding: 24px 0 0 24px;
  margin-bottom: 0;
}
body .content .site-content .hsiComponents > .hsiComponentHead {
  display: block;
  font-size: 19px;
}
body .content .site-content .hsiComponents > .hsiComponentChildren > .ui-outputlabel {
  padding: 5px;
  padding-left: 20px;
}
body .content .site-content .hsiComponents > .hsiComponentChildren > .ui-inputfield {
  height: 30px;
}
body .content .site-content .hsiComponents > .hsiComponentChildren > .free-text-field {
  width: 343px;
  height: 40px;
}
body .content .site-content .tile-container {
  position: relative;
  display: inline-block;
  margin-bottom: 32px;
  transition: 400ms;
}
body .content .site-content .tile-container .tile-action {
  display: inline-block;
  width: 100%;
}
body .content .site-content .tile-container.registration-type.large {
  width: 484px;
  margin-right: 31px;
}
@media all and (min-width: 999px) {
  body .content .site-content .tile-container.registration-type.large.last-in-line {
    margin-right: 0;
  }
}
body .content .site-content .tile-container.registration-type.large .tile-content {
  height: 278px;
  line-height: 278px;
}
body .content .site-content .tile-container.registration-type.large .tile-footer {
  height: 42px;
  line-height: 42px;
}
body .content .site-content .tile-container.registration-type.large.selected .tile-footer {
  padding-right: 24px;
}
body .content .site-content .tile-container.registration-type.small {
  width: 311px;
  margin-right: 33px;
}
@media all and (min-width: 999px) {
  body .content .site-content .tile-container.registration-type.small.last-in-line {
    margin-right: 0;
  }
}
body .content .site-content .tile-container.registration-type.small .tile-content {
  height: 179px;
  line-height: 179px;
}
body .content .site-content .tile-container.registration-type.small .tile-footer {
  height: 42px;
  line-height: 42px;
}
body .content .site-content .tile-container.registration-type .tile-content > .content-wrapper {
  vertical-align: middle;
  padding: 0 32px;
}
body .content .site-content .tile-container.registration-type .tile-content > .content-wrapper p {
  white-space: pre-wrap;
}
body .content .site-content .tile-container.registration-type .tile-footer {
  text-align: right;
  padding-right: 16px;
}
body .content .site-content .tile-container.event-meeting {
  width: 311px;
  margin-right: 33px;
  /*&.selected {
  	height: 448px;
  }*/
}
@media all and (min-width: 999px) {
  body .content .site-content .tile-container.event-meeting.last-in-line {
    margin-right: 0;
  }
}
body .content .site-content .tile-container.event-meeting .tile-content {
  height: 231px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
body .content .site-content .tile-container.event-meeting .tile-content > img {
  clear: both;
  margin: 32px 0 9px;
}
body .content .site-content .tile-container.event-meeting .tile-content > .content-wrapper > h2 {
  padding: 0 22px;
  white-space: pre-wrap;
  margin-bottom: 10px;
}
body .content .site-content .tile-container.event-meeting .tile-content > .content-wrapper > p {
  font-size: 15px;
  line-height: 18px;
}
body .content .site-content .tile-container.event-meeting .tile-footer {
  height: 69px;
  padding: 10px 15px 0 18px;
}
body .content .site-content .tile-container.event-meeting .tile-footer > .floating-right {
  float: right;
  font-size: 18px;
}
body .content .site-content .tile-container.event-meeting .tile-footer > .icon-only-button {
  background: none;
  border: none;
  margin-left: -5px;
  float: right;
}
body .content .site-content .tile-container.event-meeting .tile-footer > .icon-only-button > .ui-icon {
  font-size: 30px;
  margin-top: 1px;
}
body .content .site-content .tile-container.event-meeting .tile-footer > .ui-dialog > .ui-dialog-content {
  text-align: left;
  padding-left: 50px;
}
body .content .site-content .tile-container.event-meeting.meeting .tile-extension {
  height: 147px;
  padding: 12px 15px 0 18px;
  font-size: 15px;
  line-height: 18px;
}
body .content .site-content .tile-container.event-meeting.meeting .tile-extension .top-aligned {
  vertical-align: top;
}
body .content .site-content .tile-container.event-meeting.meeting .tile-extension .top-aligned .ui-radiobutton.large-radio-circle {
  width: 22px;
  line-height: 22px;
  font-size: 22px;
}
body .content .site-content .tile-container.event-meeting.meeting .tile-extension .top-aligned .ui-radiobutton.large-radio-circle .ui-radiobutton-box {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
body .content .site-content .tile-container.event-meeting.meeting .tile-extension .top-left-padded {
  padding: 6px 0 0 6px;
}
body .content .site-content .tile-container.selected, body .content .site-content .tile-container:hover:not(.disabled) {
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  transition: 400ms;
}
body .content .site-content .tile-container.selected .tile-content, body .content .site-content .tile-container:hover:not(.disabled) .tile-content {
  background-color: #3D90BA;
}
body .content .site-content .tile-container.selected .tile-content.participant-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.participant-background {
  background-image: url("../imgs/01-teaser-participant-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.late_participant-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.late_participant-background {
  background-image: url("../imgs/05-teaser-meeting-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.virtual_participant-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.virtual_participant-background {
  background-image: url("../imgs/02-teaser-virtual-participant-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.visitor-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.visitor-background {
  background-image: url("../imgs/03-teaser-visitor-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.hsi_participant-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.hsi_participant-background {
  background-image: url("../imgs/03-teaser-visitor-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.late_hsi_participant-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.late_hsi_participant-background {
  background-image: url("../imgs/04-teaser-dinnerguest-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.late_visitor-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.late_visitor-background {
  background-image: url("../imgs/04-teaser-dinnerguest-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.dinnerguest-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.dinnerguest-background {
  background-image: url("../imgs/04-teaser-dinnerguest-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.meetingsonly-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.meetingsonly-background {
  background-image: url("../imgs/05-teaser-meeting-02.jpg");
}
body .content .site-content .tile-container.selected .tile-content.conference_day-background, body .content .site-content .tile-container:hover:not(.disabled) .tile-content.conference_day-background {
  background-image: url("../imgs/05-teaser-meeting-02.jpg");
}
body .content .site-content .tile-container.disabled {
  opacity: 0.4;
  background-color: rgba(0, 0, 0, 0.5);
  mix-blend-mode: luminosity;
}
body .content .site-content .tile-container.disabled .tile-content.participant-background {
  background-image: url("../imgs/01-teaser-participant-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.late_participant-background {
  background-image: url("../imgs/05-teaser-meeting-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.virtual_participant-background {
  background-image: url("../imgs/02-teaser-virtual-participant-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.visitor-background {
  background-image: url("../imgs/03-teaser-visitor-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.hsi_participant-background {
  background-image: url("../imgs/03-teaser-visitor-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.late_hsi_participant-background {
  background-image: url("../imgs/04-teaser-dinnerguest-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.late_visitor-background {
  background-image: url("../imgs/04-teaser-dinnerguest-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.dinnerguest-background {
  background-image: url("../imgs/04-teaser-dinnerguest-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.meetingsonly-background {
  background-image: url("../imgs/05-teaser-meeting-03.jpg");
}
body .content .site-content .tile-container.disabled .tile-content.conference_day-background {
  background-image: url("../imgs/05-teaser-meeting-03.jpg");
}
body .content .site-content .tile-container .tile-selection {
  position: absolute;
  top: 16px;
  right: 16px;
  					/*font-size: 42px;
  
  					&:before {
  						color: $white;
  					}*/
}
body .content .site-content .tile-container .tile-content {
  background-color: #40A3D6;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #FFFFFF;
}
body .content .site-content .tile-container .tile-content > .content-wrapper {
  display: inline-block;
  line-height: 22.2px;
  min-width: 300px;
}
body .content .site-content .tile-container .tile-content > .content-wrapper h2 {
  margin-bottom: 6px;
}
body .content .site-content .tile-container .tile-content.participant-background {
  background-image: url("../imgs/01-teaser-participant-01.jpg");
}
body .content .site-content .tile-container .tile-content.late_participant-background {
  background-image: url("../imgs/05-teaser-meeting-01.jpg");
}
body .content .site-content .tile-container .tile-content.virtual_participant-background {
  background-image: url("../imgs/02-teaser-virtual-participant-01.jpg");
}
body .content .site-content .tile-container .tile-content.visitor-background {
  background-image: url("../imgs/03-teaser-visitor-01.jpg");
}
body .content .site-content .tile-container .tile-content.hsi_participant-background {
  background-image: url("../imgs/03-teaser-visitor-01.jpg");
}
body .content .site-content .tile-container .tile-content.late_hsi_participant-background {
  background-image: url("../imgs/04-teaser-dinnerguest-01.jpg");
}
body .content .site-content .tile-container .tile-content.late_visitor-background {
  background-image: url("../imgs/04-teaser-dinnerguest-01.jpg");
}
body .content .site-content .tile-container .tile-content.dinnerguest-background {
  background-image: url("../imgs/04-teaser-dinnerguest-01.jpg");
}
body .content .site-content .tile-container .tile-content.meetingsonly-background {
  background-image: url("../imgs/05-teaser-meeting-01.jpg");
}
body .content .site-content .tile-container .tile-content.conference_day-background {
  background-image: url("../imgs/05-teaser-meeting-01.jpg");
}
body .content .site-content .tile-container .tile-footer {
  background-color: #FFFFFF;
  color: #505559;
  /*@extend %font-m;*/
  font-weight: bold;
}
body .content .site-content .tile-container .tile-extension {
  background-color: #FFFFFF;
  color: #505559;
}
body .content .site-content .tile-container .tile-extension .ui-outputlabel {
  cursor: pointer;
}
body .content .site-content .tile-container::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../imgs/01-teaser-participant-02.jpg") url("../imgs/02-teaser-virtual-participant-02.jpg") url("../imgs/03-teaser-visitor-02.jpg") url("../imgs/04-teaser-dinnerguest-02.jpg") url("../imgs/05-teaser-meeting-02.jpg");
}
body .content .site-content .bottom-margined {
  margin-bottom: 52px;
  overflow: visible;
}
body .content .site-content .bottom-margined .summary-box-right {
  width: 400px;
  float: right;
  clear: both;
  /*direction: rtl;*/
  color: #505559;
  text-align: right;
}
body .content .site-content .bottom-margined .summary-box-right .top-bordered {
  border-top: 2px solid #FFFFFF;
}
body .content .site-content .bottom-margined .summary-box-right .bottom-bordered {
  border-bottom: 2px solid #FFFFFF;
}
body .content .site-content .bottom-margined .summary-box-right .bottom-bordered.total {
  padding-bottom: 23px;
  margin-bottom: 23px;
}
body .content .site-content .bottom-margined .summary-box-right .condensed {
  padding-bottom: 15px;
  font-size: 15px;
}
body .content .site-content .bottom-margined .summary-box-right .enlarged {
  display: block;
  padding: 24px 0 8px;
  font-size: 35px;
  line-height: 27px;
}
body .content .site-content .bottom-margined .ui-accordion,
body .content .site-content .vertically-scrollable .ui-accordion {
  margin-bottom: 56px;
}
body .content .site-content .bottom-margined .ui-accordion .accordionpanel.no-content > span.ui-icon,
body .content .site-content .vertically-scrollable .ui-accordion .accordionpanel.no-content > span.ui-icon {
  display: none;
}
body .content .site-content .bottom-margined .ui-accordion .accordionpanel.no-content ~ .ui-accordion-content,
body .content .site-content .vertically-scrollable .ui-accordion .accordionpanel.no-content ~ .ui-accordion-content {
  padding-bottom: 0;
}
body .content .site-content .bottom-margined .ui-accordion .accordionpanel ~ .ui-accordion-content,
body .content .site-content .vertically-scrollable .ui-accordion .accordionpanel ~ .ui-accordion-content {
  padding-bottom: 56px;
}
body .content .site-content .bottom-margined .ui-accordion .accordionpanel ~ .ui-accordion-content .left-margined-13,
body .content .site-content .vertically-scrollable .ui-accordion .accordionpanel ~ .ui-accordion-content .left-margined-13 {
  margin-left: 13px;
}
body .content .site-content .bottom-margined .bold,
body .content .site-content .vertically-scrollable .bold {
  font-weight: bold;
}
body .content .site-content .bottom-margined .bottom-margined-30,
body .content .site-content .vertically-scrollable .bottom-margined-30 {
  margin-bottom: 30px;
}
body .content .site-content .bottom-margined ul.top-left-margined,
body .content .site-content .vertically-scrollable ul.top-left-margined {
  margin-top: 30px;
  margin-left: 20px;
}
body .content .site-content .light-colored-text {
  display: inline-block;
  margin-bottom: 14px;
  color: #8C8C8C;
}
body .content .site-content .left-icon-at-text > .ui-button-icon-left.ui-icon {
  position: static;
  display: inline-block;
  margin: 0 6px 0 0;
  vertical-align: middle;
}
body .content .site-content .left-icon-at-text > .ui-button-icon-left.ui-icon:before {
  color: white;
}
body .content .site-content .left-icon-at-text > .ui-button-text {
  display: inline-block;
  vertical-align: middle;
}
body .content .site-content .select-grid-first,
body .content .site-content .select-grid-second {
  padding-top: 15px;
}
body .content .site-content .select-grid-first {
  padding-left: 30px;
  vertical-align: top;
}
body .content .site-content .select-grid-second {
  padding-left: 11px;
}
body .content .site-content .select-grid-second label.ui-outputlabel {
  cursor: pointer;
}
body .content .site-content table > tbody > tr > td.select-grid-first > .ui-chkbox {
  margin-right: 0;
}
body .content .site-content .light-colored-background {
  width: 100%;
  background-color: #FAFAFA;
  color: #505559;
  padding: 14px 0 14px 11px;
  margin-bottom: 38px;
}
body .content .site-content .position-anchor {
  position: relative;
  min-height: 48px;
}
body .content .site-content .top-right-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  border: 0;
  margin-right: 0;
}
body .content .site-content .top-right-corner.ui-state-hover:not(.no-background) {
  background-color: #40A3D6;
}
body .content .site-content .top-right-corner.ui-state-hover:not(.no-background) > .ui-icon::before {
  color: white;
}
body .content .site-content .ui-datatable.full-width {
  padding: 0;
  margin-bottom: 31px;
  background-color: transparent;
}
body .content .site-content .ui-datatable.full-width .ui-datatable-odd {
  background-color: #FFFFFF;
}
body .content .site-content .cleared {
  clear: both;
}
body .content .site-content .dashed-border.half-width {
  display: inline-block;
  width: 484px;
  height: 165px;
  vertical-align: top;
}
body .content .site-content .dashed-border.half-width > div.column {
  width: 100%;
}
body .content .site-content .dashed-border.half-width.last {
  line-height: 161px;
  text-align: center;
}
body .content .site-content .dashed-border.half-width.last input[type=submit],
body .content .site-content .dashed-border.half-width.last input[type=reset],
body .content .site-content .dashed-border.half-width.last input[type=button],
body .content .site-content .dashed-border.half-width.last button {
  width: 423px;
  margin-right: 0;
}
@media all and (min-width: 999px) {
  body .content .site-content .dashed-border.half-width:not(.last) {
    margin-right: 31px;
  }
}
body .content .site-content div.ui-dialog.left-aligned div.ui-dialog-content {
  text-align: left;
  overflow: hidden;
  padding-bottom: 21px;
}
body .content .site-content div.ui-dialog.left-aligned div.ui-dialog-content .vertically-scrollable {
  height: 540px;
  overflow-y: scroll;
}
body .content .site-content div.ui-dialog.left-aligned div.ui-dialog-content .vertically-scrollable .dashed-border > div.column .labeled-input > input {
  width: 411px;
}
body .content .site-content .right-aligned {
  float: right;
  margin-right: 0;
  margin-top: 21px;
}
body .content .site-content .sut_expandable_area {
  padding: 20px 15px;
  display: block;
}
body .content .site-content .sut_expandable_area > .column-area > .column {
  width: 48%;
}
body .content .site-content .sut_expandable_area > .column-area > .column .left {
  float: left;
}
body .content .site-content .sut_expandable_area > .column-area > .column .right {
  float: right;
}
body .content .site-content .sut_editor_version_info {
  display: block;
  width: 100%;
  padding: 10px 0;
  background-color: #F7F7F7;
  text-align: center;
  font-weight: normal;
  text-transform: none;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
body .content .site-content .ui-calendar {
  position: initial;
}
body footer {
  max-width: 100%;
  background-color: #505559;
}
body footer #actions {
  position: relative;
  background: #F7F7F7;
  overflow: auto;
}
body footer #actions .ui-toolbar {
  margin-top: 0;
}
body footer #actions button,
body footer #actions input[type=button],
body footer #actions input[type=submit],
body footer #actions input[type=reset],
body footer #actions .ui-selectonemenu {
  margin: 16px 0;
}
body footer #actions button:not(:last-child),
body footer #actions input[type=button]:not(:last-child),
body footer #actions input[type=submit]:not(:last-child),
body footer #actions input[type=reset]:not(:last-child),
body footer #actions .ui-selectonemenu:not(:last-child) {
  margin-right: 16px;
}
body footer #actions .ui-selectonemenu {
  height: 46px;
}
body footer #workflow-actions {
  display: inline-block;
  float: left;
}
body footer #form-actions {
  display: inline-block;
  float: right;
}
body footer #form-actions .action-area {
  height: 94px;
  border: 1px dashed gray;
  position: relative;
  color: #8C8C8C;
}
body footer #form-actions .action-area .ui-button {
  border: none;
  margin: 0;
  background: none;
}
body footer #form-actions .action-area > div.drop-area {
  width: 100%;
  margin-top: 24px;
  text-align: center;
}
body footer #form-actions .action-area > div.drop-area > label {
  vertical-align: middle;
}
body footer #form-actions .action-area > div.drop-area > *:not(:last-child) {
  margin-right: 15px;
  margin-left: 5px;
  padding-top: 10px;
}
body footer #form-actions .action-area > div.drop-area > button {
  pointer-events: none;
  height: 36px;
  width: 36px;
}
body footer #form-actions .action-area > div.drop-area .ui-fileupload-simple {
  position: static;
  max-width: 200px;
}
body footer #form-actions .action-area > div.drop-area .ui-fileupload-simple > .ui-button {
  position: static;
}
body footer #form-actions .action-area > div.drop-area .ui-fileupload-simple > .ui-button.ui-button-text-icon-left > span.ui-button-text {
  padding: .3em .2em;
}
body footer #form-actions .action-area > div.drop-area .ui-fileupload-simple > .ui-button > input[type=file] {
  								/*width: $content-column-width; commenting this in leads to pointer cursor on
                                  input[type=file] being replaced by default cursor without any possibility to
                                  overwrite */
  height: 94px;
}
body footer #form-actions .action-area > div.drop-area .ui-fileupload-simple > .ui-fileupload-filename {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: #40A3D6;
  line-height: 94px;
}
body footer #form-actions .action-area > div.drop-area .ui-fileupload-simple > .ui-fileupload-filename:empty {
  visibility: hidden;
}
body footer #form-actions .action-area > button {
  width: 30px;
  height: 30px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 38px;
  /* when two buttons for first button */
}
body footer #form-actions .action-area > button:last-of-type {
  right: 4px;
}
body footer #form-actions .action-area > button.clear-selection-button {
  display: none;
}
body footer #form-actions .action-area > button.clear-selection-button > span.ui-button-icon-left.ui-icon.ui-icon-trash:before {
  color: #FFFFFF;
}
body footer > .inner {
  height: 48px;
  line-height: 16px;
  padding: 16px 0;
}
body footer a {
  margin-right: 31px;
  text-transform: uppercase;
}
body footer a.ui-widget {
  font-family: inherit;
  font-size: inherit;
}
body footer span#copyright {
  float: right;
  color: #FFFFFF;
}
body div.forgot-password-panel {
  background-color: #FFFFFF;
}
body div.forgot-password-panel.ui-overlaypanel {
  top: 0;
  left: 0;
}
body div.forgot-password-panel div.ui-overlaypanel-content {
  box-sizing: content-box;
  width: 400px;
  padding: 20px 28px;
}
body div.forgot-password-panel div.ui-overlaypanel-content input[type=text] {
  width: 398px;
}
body div.forgot-password-panel div.ui-overlaypanel-content p.password-hint-text {
  margin-top: 18px;
}
body .ui-dialog, body .p-dialog {
  background-color: #FFFFFF;
}
body .ui-dialog .ui-dialog-content > table > tbody > tr > td > .verification-input, body .p-dialog .ui-dialog-content > table > tbody > tr > td > .verification-input {
  position: inherit;
  text-align: left;
  color: black;
  background-color: white;
  height: auto;
  line-height: normal;
}
body .ui-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close,
body .ui-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
body .ui-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close:focus, body .p-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close,
body .p-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
body .p-dialog div.ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
  padding: 0;
}
body .ui-dialog div.ui-dialog-titlebar .ui-icon.ui-icon-closethick, body .p-dialog div.ui-dialog-titlebar .ui-icon.ui-icon-closethick {
  width: 46px;
  height: 46px;
  background: #40A3D6 url("../imgs/ico-navi-close.svg") center/26px 26px no-repeat;
}
body .ui-dialog div.ui-dialog-titlebar .ui-icon.ui-icon-closethick:hover, body .p-dialog div.ui-dialog-titlebar .ui-icon.ui-icon-closethick:hover {
  background-color: #3D90BA;
}
body .ui-dialog div.ui-dialog-content, body .ui-dialog div.p-dialog-content, body .p-dialog div.ui-dialog-content, body .p-dialog div.p-dialog-content {
  padding: 20px 28px;
  text-align: center;
}
body .ui-dialog div.ui-dialog-content h3, body .ui-dialog div.p-dialog-content h3, body .p-dialog div.ui-dialog-content h3, body .p-dialog div.p-dialog-content h3 {
  margin-top: 18px;
  margin-bottom: 18px;
}
body .ui-dialog div.ui-dialog-content div.dialog-actions, body .ui-dialog div.p-dialog-content div.dialog-actions, body .p-dialog div.ui-dialog-content div.dialog-actions, body .p-dialog div.p-dialog-content div.dialog-actions {
  text-align: right;
  margin-top: 18px;
}
body .ui-dialog div.ui-dialog-content div.dialog-actions button,
body .ui-dialog div.ui-dialog-content div.dialog-actions input[type=button],
body .ui-dialog div.ui-dialog-content div.dialog-actions input[type=submit],
body .ui-dialog div.ui-dialog-content div.dialog-actions input[type=reset], body .ui-dialog div.p-dialog-content div.dialog-actions button,
body .ui-dialog div.p-dialog-content div.dialog-actions input[type=button],
body .ui-dialog div.p-dialog-content div.dialog-actions input[type=submit],
body .ui-dialog div.p-dialog-content div.dialog-actions input[type=reset], body .p-dialog div.ui-dialog-content div.dialog-actions button,
body .p-dialog div.ui-dialog-content div.dialog-actions input[type=button],
body .p-dialog div.ui-dialog-content div.dialog-actions input[type=submit],
body .p-dialog div.ui-dialog-content div.dialog-actions input[type=reset], body .p-dialog div.p-dialog-content div.dialog-actions button,
body .p-dialog div.p-dialog-content div.dialog-actions input[type=button],
body .p-dialog div.p-dialog-content div.dialog-actions input[type=submit],
body .p-dialog div.p-dialog-content div.dialog-actions input[type=reset] {
  margin: 16px 0 0;
}
body .ui-dialog div.ui-dialog-content div.dialog-actions button:not(:last-child),
body .ui-dialog div.ui-dialog-content div.dialog-actions input[type=button]:not(:last-child),
body .ui-dialog div.ui-dialog-content div.dialog-actions input[type=submit]:not(:last-child),
body .ui-dialog div.ui-dialog-content div.dialog-actions input[type=reset]:not(:last-child), body .ui-dialog div.p-dialog-content div.dialog-actions button:not(:last-child),
body .ui-dialog div.p-dialog-content div.dialog-actions input[type=button]:not(:last-child),
body .ui-dialog div.p-dialog-content div.dialog-actions input[type=submit]:not(:last-child),
body .ui-dialog div.p-dialog-content div.dialog-actions input[type=reset]:not(:last-child), body .p-dialog div.ui-dialog-content div.dialog-actions button:not(:last-child),
body .p-dialog div.ui-dialog-content div.dialog-actions input[type=button]:not(:last-child),
body .p-dialog div.ui-dialog-content div.dialog-actions input[type=submit]:not(:last-child),
body .p-dialog div.ui-dialog-content div.dialog-actions input[type=reset]:not(:last-child), body .p-dialog div.p-dialog-content div.dialog-actions button:not(:last-child),
body .p-dialog div.p-dialog-content div.dialog-actions input[type=button]:not(:last-child),
body .p-dialog div.p-dialog-content div.dialog-actions input[type=submit]:not(:last-child),
body .p-dialog div.p-dialog-content div.dialog-actions input[type=reset]:not(:last-child) {
  margin-right: 16px;
}
body #popup_image {
  width: 108px;
}
body .ui-widget-overlay, body .ui-widget-overlay.ui-dialog-mask, body .ui-widget-overlay.ui-overlaypanel-mask, body .p-dialog-mask, body .p-dialog-mask.ui-dialog-mask, body .p-dialog-mask.ui-overlaypanel-mask {
  background-color: rgba(0, 0, 0, 0.5);
}
body .inner {
  max-width: 999px;
  margin: 0 auto;
  overflow: visible;
}
body .ui-selectonemenu-panel {
  width: 482px;
  box-shadow: none;
  border: 1px solid #E0E0E0;
  color: #505559;
  background-color: #FFFFFF;
}
body .ui-selectonemenu-panel.table-column-filter {
  width: auto;
}
body .ui-selectonemenu-panel.selectonemenu-smallPanel {
  width: 344px;
}
body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-list-item, body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row {
  color: #8C8C8C;
}
body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-noselection-option, body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-noselection-option.ui-state-highlight, body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row.ui-noselection-option, body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row.ui-noselection-option.ui-state-highlight {
  color: #8C8C8C;
}
body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-highlight, body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row.ui-state-highlight {
  color: #505559;
}
body .ui-selectonemenu-panel > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items.ui-selectonemenu-table td {
  border: none;
}
body .ui-selectonemenu-panel.hide-noselection-option > div.ui-selectonemenu-items-wrapper > .ui-selectonemenu-items > .ui-selectonemenu-item.ui-noselection-option {
  display: none;
}
body .ui-selectonemenu-panel .placeholder {
  color: #8C8C8C;
}
body .ui-password-panel {
  width: 231px;
  height: 103px;
  padding: 10px 10px 10px 20px;
  background: transparent url(../imgs/tooltip-right-large-redesign.png);
  color: black;
}
body .ui-password-panel.ui-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body .ui-password-panel > .ui-password-meter {
  background-size: 201px 40px;
}
body .ui-autocomplete-panel {
  color: #505559;
  background-color: #FFFFFF;
}
body .ui-toolbar {
  margin-top: 18px;
  padding: 0;
}
body .ui-toolbar button,
body .ui-toolbar input[type=submit],
body .ui-toolbar input[type=reset],
body .ui-toolbar input[type=button] {
  margin-right: 0;
  margin-bottom: 0;
}
body .ui-spinner-up {
  bottom: 14px;
  top: unset;
}
body .ui-messages-info,
body .ui-messages-warn,
body .ui-messages-error,
body .ui-messages-fatal {
  color: #3E3E3E;
  background-color: transparent;
  border: none;
}
body .ui-messages-info > .ui-messages-info-icon, body .ui-messages-info > .ui-messages-warn-icon, body .ui-messages-info > .ui-messages-error-icon, body .ui-messages-info > .ui-messages-fatal-icon,
body .ui-messages-warn > .ui-messages-info-icon,
body .ui-messages-warn > .ui-messages-warn-icon,
body .ui-messages-warn > .ui-messages-error-icon,
body .ui-messages-warn > .ui-messages-fatal-icon,
body .ui-messages-error > .ui-messages-info-icon,
body .ui-messages-error > .ui-messages-warn-icon,
body .ui-messages-error > .ui-messages-error-icon,
body .ui-messages-error > .ui-messages-fatal-icon,
body .ui-messages-fatal > .ui-messages-info-icon,
body .ui-messages-fatal > .ui-messages-warn-icon,
body .ui-messages-fatal > .ui-messages-error-icon,
body .ui-messages-fatal > .ui-messages-fatal-icon {
  background: none;
}
body .ui-datatable.no-table-header table thead tr {
  display: none;
}
body table.ui-panelgrid {
  border: none;
}
body table.ui-panelgrid td.ui-panelgrid-cell {
  border: none;
  padding: 0;
  /*	&.value {
  		padding: 5px 10px;
  	}*/
}
body .error {
  color: #D0011B;
}
body .ui-icon {
  text-indent: 0;
  position: static;
}
body .ui-tabs-nav .ui-state-active {
  background: #FFFFFF;
}
body .content-three-columns.content-form.no-padding-style.no-padding-style.ui-tabs.ui-tabs-panel {
  padding: 0;
}
body .ui-tabs .ui-tabs-panel {
  padding: 15px;
  background: #FFFFFF;
}
body #j_idt94\:j_idt95\:j_idt97\:billingAddress\:cityInputText_0 {
  width: 335px;
}
body #j_idt94\:j_idt95\:j_idt191\:billingAddress\:cityInputText_0 {
  width: 335px;
}
body #j_idt94\:j_idt95\:j_idt147\:billingAddress\:cityInputText_0 {
  width: 335px;
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav {
  padding: 0;
}
body .ui-tabs .ui-tabs-nav li a {
  padding: 15px;
}
body .content-form-row-command-button .backgroundColorWhite {
  background-color: #FFFFFF;
}
body .content-form-row .backgroundColorWhite {
  background-color: #FFFFFF;
}
body .ui-fileupload-simple .ui-button {
  padding-right: 5px;
  padding-top: 7px;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose,
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-upload,
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-cancel {
  background-color: #40A3D6;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose {
  font-size: 18px;
  line-height: 22.2px;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
  padding: 0;
  line-height: 46px;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose:hover {
  background-color: #3D90BA;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-upload:hover,
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-cancel:hover {
  background-color: #3D90BA;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-upload:disabled, body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-upload:hover:disabled, body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-upload.disabled-look,
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-cancel:disabled,
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-cancel:hover:disabled,
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-cancel.disabled-look {
  color: #B1B3B5;
  background-color: #E5E5E5;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-cancel > .ui-icon-cancel:before {
  display: none;
}
body .ui-fileupload .ui-fileupload-content .ui-fileupload-files {
  font-size: 15px;
  background: #ffffff;
  padding: 20px 15px;
}
body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row:nth-of-type(even) {
  background: #FAFAFA;
}
body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-preview {
  display: none;
}
body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-cancel {
  height: 48px;
  width: 48px;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
}
body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-cancel.ui-state-hover {
  background-color: #40A3D6;
}
body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-cancel.ui-state-hover > .ui-icon::before {
  color: #FFFFFF;
}
body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row .ui-fileupload-cancel > .ui-icon-close:before {
  content: '\e803';
}
body .ui-button-text-icon-left {
  background-color: #40A3D6;
  margin-right: 25px;
}
body .ui-lightbox-caption {
  background-color: #FFFFFF;
}
body .delete-overlay-background {
  background-image: url("../imgs/delete_overlay.png");
}
body .ui-picklist.error > .ui-picklist-list-wrapper > .ui-picklist-list.ui-picklist-target {
  box-shadow: inset 0 0 2px 1px #D0011B !important;
}
body .ui-picklist .ui-picklist-buttons .ui-button {
  background-color: #40A3D6;
  color: #ffffff;
  border: 1px solid #40A3D6;
  padding: 0 0.429em 0 0.429em;
}
body .ui-picklist.ui-picklist-responsive * {
  margin-top: 5px;
}
body .ui-picklist .ui-picklist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}
body .ui-picklist .ui-picklist-caption {
  color: #A8A8A6;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
  background-color: #40A3D6;
  color: #ffffff;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover {
  background-color: #eaeaea;
  color: #333333;
}
body .ui-button-icon-only .ui-icon {
  margin-top: -10px;
}
body .wbt-frame {
  border: none;
  -moz-transform: scale(0.9048913043);
  -moz-transform-origin: 0 0;
  -webkit-transform: scale(0.9048913043);
  -webkit-transform-origin: 0 0;
  transform: scale(0.9048913043);
  transform-origin: 0 0;
}
body .ui-tooltip > .ui-tooltip-text {
  border-radius: 4px;
  padding: 14px 10px;
  background-color: #e4e4e4;
  color: #000;
}
body .ui-tooltip.tooltip-error > .ui-tooltip-text {
  background-color: #D0011B;
  color: #fff;
}
body .ui-tooltip > .ui-shadow {
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
body .ui-tooltip-right > .ui-tooltip-arrow {
  border-right-color: #e4e4e4;
}
body .ui-tooltip-right.tooltip-error > .ui-tooltip-arrow {
  border-right-color: #D0011B;
}
body .ui-tooltip-bottom > .ui-tooltip-arrow {
  border-bottom-color: #e4e4e4;
}
body .ui-tooltip-bottom.tooltip-error > .ui-tooltip-arrow {
  border-bottom-color: #D0011B;
}
body .ui-tooltip-top > .ui-tooltip-arrow {
  border-top-color: #e4e4e4;
}
body .ui-tooltip-top.tooltip-error > .ui-tooltip-arrow {
  border-top-color: #D0011B;
}
body .ui-tooltip-left > .ui-tooltip-arrow {
  border-left-color: #e4e4e4;
}
body .ui-tooltip-left.tooltip-error > .ui-tooltip-arrow {
  border-left-color: #D0011B;
}
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../imgs/content-maintarget-02-2x.jpg") url("../imgs/content-maintarget-03-2x.jpg") url("../imgs/content-maintarget-04-2x.jpg");
}
body .billing-upload-text {
  margin-bottom: 30px;
  margin-left: 22px;
}
body .column-one-columns-organizationflatrate {
  width: 480px;
}
body .selectonemenu-one-column {
  width: 100%;
}
body .highlightStatusOpen {
  background-color: #fef4b4 !important;
  background-image: none !important;
  color: #000000 !important;
}
body #keyFieldOrdered {
  background: #fef4b4;
  width: 20px;
  height: 10px;
  border: 0.1px solid black;
  margin-right: 5px;
  margin-left: 5px;
}
body #keyFieldPaid {
  background: #ffffff;
  width: 20px;
  height: 10px;
  border: 0.1px solid black;
  margin-right: 5px;
  margin-left: 5px;
}
body .ui-datepicker {
  background-color: #FFFFFF;
}
body .ui-datepicker .ui-datepicker-next,
body .ui-datepicker .ui-datepicker-prev {
  width: 48px;
  height: 48px;
}
body .ui-datepicker .ui-datepicker-next > .ui-icon,
body .ui-datepicker .ui-datepicker-prev > .ui-icon {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
body .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover, body .ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover,
body .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {
  background-color: #40A3D6;
}
body .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover .ui-icon:before, body .ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover .ui-icon:before,
body .ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover .ui-icon:before,
body .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover .ui-icon:before {
  color: #FFFFFF;
}
body .ui-datepicker .ui-state-hover {
  color: #3D90BA;
}
body .ui-datepicker .ui-datepicker-today .ui-state-default {
  border-color: #40A3D6;
  border-style: solid;
  border-width: 1px;
}
body .ui-datepicker .ui-datepicker-current-day {
  background: #B1B3B5;
}
body .ui-datepicker .ui-icon {
  font-size: 0;
  line-height: 0;
  text-indent: 0;
}
body .ui-datepicker .ui-icon::before {
  font-size: 22.2px;
}
body .billinglicenselist_column2 {
  width: 130px;
}
body .billinglicenselist_column3 {
  width: 130px;
}
body .billinglicenselist_column6 {
  width: 110px;
}
body .ui-selectmanymenu {
  width: 100%;
}
body .dialogcontentdeveloperlist {
  height: 400px;
  text-align: left;
}
body .columnmarginbottom {
  margin-bottom: 10px;
}
body .accordionpanel {
  background-color: #F7F7F7;
  height: 46px;
  border: none;
  color: #40A3D6;
  border-bottom: 2px solid #E5E5E5;
}
body .accordionpanel:first-child {
  border-top: 2px solid #E5E5E5;
}
body .accordionpanel:hover {
  background-color: #40A3D6;
  color: #FFFFFF;
}
body .accordionpanel .ui-icon-triangle-1-s:before {
  content: '\f107';
  font-size: 28px;
  color: #FFFFFF;
}
body .accordionpanel .ui-icon-triangle-1-e:before {
  content: '\f106';
  font-size: 28px;
  color: #40A3D6;
}
body .accordionpanel.ui-state-active {
  background: #40A3D6;
  /*height: $button-height;*/
  color: #FFFFFF;
  height: 65px;
}
body .accordionpanel.ui-state-active .ui-icon-triangle-1-s:before:hover {
  color: white;
}
body .accordionpanel.ui-state-hover .ui-icon-triangle-1-e:before {
  color: white;
}
body .ui-accordion-content {
  padding: 0;
}
body .ui-accordion .ui-accordion-header {
  height: 65px;
  padding: 1em .5em .5em 1em;
  font-size: 20px;
}
body .ui-accordion .ui-accordion-content {
  border-bottom: 2px solid #E5E5E5;
  padding: 0;
}
body .ui-accordion .ui-accordion-header .ui-icon {
  display: block;
  position: absolute;
  left: 98%;
  margin-left: -30px;
  top: 25px;
}
body .imageisobuscheckbottom {
  position: absolute;
  bottom: 0;
  right: 0;
}
body .faqtreelist {
  width: 100%;
  margin-left: 10px;
}
body .faqtreelist .ui-treenode-label {
  font-weight: bold;
}
body .faqtreelist .ui-treenode-children > .ui-treenode-content > .ui-treenode-label {
  font-weight: normal !important;
}
body .faqtreelist .ui-icon-triangle-1-s:before {
  content: '\f107';
  font-size: 28px;
  color: #40A3D6;
}
body .faqtreelist .ui-icon-triangle-1-e:before {
  content: '\f106';
  font-size: 28px;
  color: #40A3D6;
}
body #faq_list.ui-datalist-data {
  list-style: none;
  margin-bottom: 31px;
}
body .faqoverviewwrap {
  word-break: break-word;
  text-align: justify;
}
body .ui-tree .ui-tree-container {
  white-space: pre-wrap;
  overflow: auto;
}
body table.ui-panelgrid td.ui-panelgrid-cell {
  padding: 0;
}
body table.ui-panelgrid td.ui-panelgrid-cell.label {
  padding-right: 10px;
}
body .h3marginfaq {
  margin-bottom: 5px;
  margin-top: 15px;
}
body .datalistfaq {
  background: none;
}
body #addComponent_panel {
  width: 255px;
}
body .ui-radiobutton {
  cursor: pointer;
}
body .ui-radiobutton .ui-radiobutton-box {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
body #showticket-posttable th:nth-child(-n+3) {
  min-width: 90px;
  max-width: 110px;
}
body #showticket-posttable th:nth-child(7) {
  min-width: 150px;
  max-width: 150px;
}
body #showticket-posttable th:nth-child(8) {
  min-width: 130px;
  max-width: 130px;
}
body #showticket-posttable td:nth-child(-n+3) {
  min-width: 90px;
  max-width: 110px;
}
body #showticket-posttable td:nth-child(4) {
  width: 70px;
  text-align: center;
}
body #showticket-posttable td:nth-child(5) {
  width: 70px;
  text-align: center;
}
body #showticket-posttable td:nth-child(6) {
  max-width: 110px;
}
body .wrap-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body .ticketpost_unread_changes {
  font-weight: bold;
}
body .icon-table-centered {
  text-align: center;
}
body textarea.ticket-textarea.ticket-textarea {
  height: 398px !important;
  max-height: 398px;
  resize: none;
}
body #editHardwareDescription {
  width: 100%;
  max-height: 398px;
}
body label.hardware-description-label {
  width: 528px;
  text-align: initial;
}
body #addpost-targettable .searchButton {
  float: right;
  height: 50px !important;
}
body #addpost-targettable .hasNewTarget {
  width: 432px;
}
body #showticket-targettable .searchButton {
  float: right;
  height: 50px !important;
}
body #showticket-targettable .hasNewTarget {
  width: 432px;
}
body .panelgroup-action .ui-button-icon-only {
  width: 50px;
  height: 50px;
  border: none;
  margin: 0;
  background-color: inherit;
}
body .panelgroup-action .ui-button-icon-only.ui-state-hover {
  background-color: #40A3D6 !important;
}
body .panelgroup-action .ui-button-icon-only.ui-state-hover .ui-icon::before {
  color: #FFFFFF;
}
body .panelgroup-action .ui-button-icon-only > .ui-icon {
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 18px;
  left: 0;
  top: 0;
}
body .panelgroup-action .ui-button-icon-only > .ui-icon::before {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  font-size: 25px;
}
body .upload-result-label {
  height: 46px;
  padding: 24px;
  margin: 24px;
  background-color: #40A3D6;
  border: none;
  color: white;
  line-height: 50px;
}
body .ui-dialog .ui-dialog-footer {
  text-align: right;
}
body #resultDlg div.ui-dialog-content {
  text-align: left;
}
body .tickets .incharge {
  min-width: 110px;
}
body .tickets .changedate {
  min-width: 120px;
}
body .ui-steps.productsteps, body .p-steps {
  margin-bottom: 100px;
  margin-top: 40px;
}
body .ui-steps.productsteps::before, body .p-steps::before {
  background: #40A3D6;
  height: 2px;
  width: 7%;
  position: absolute;
}
body .ui-steps.productsteps > ul, body .p-steps > ul {
  display: flex;
}
body .ui-steps.productsteps .ui-menuitem-link, body .ui-steps.productsteps .p-menuitem-link, body .p-steps .ui-menuitem-link, body .p-steps .p-menuitem-link {
  display: grid;
  grid-template-columns: 25% 25% 50%;
  grid-template-rows: 20px 20px;
  width: 100%;
}
body .ui-steps.productsteps .ui-menuitem-link .ui-steps-number, body .ui-steps.productsteps .ui-menuitem-link .p-steps-number, body .ui-steps.productsteps .p-menuitem-link .ui-steps-number, body .ui-steps.productsteps .p-menuitem-link .p-steps-number, body .p-steps .ui-menuitem-link .ui-steps-number, body .p-steps .ui-menuitem-link .p-steps-number, body .p-steps .p-menuitem-link .ui-steps-number, body .p-steps .p-menuitem-link .p-steps-number {
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1;
}
body .ui-steps.productsteps .ui-menuitem-link .ui-steps-title, body .ui-steps.productsteps .ui-menuitem-link .p-steps-title, body .ui-steps.productsteps .p-menuitem-link .ui-steps-title, body .ui-steps.productsteps .p-menuitem-link .p-steps-title, body .p-steps .ui-menuitem-link .ui-steps-title, body .p-steps .ui-menuitem-link .p-steps-title, body .p-steps .p-menuitem-link .ui-steps-title, body .p-steps .p-menuitem-link .p-steps-title {
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 2;
}
body .ui-steps.productsteps .ui-steps-number, body .ui-steps.productsteps .p-steps-number, body .p-steps .ui-steps-number, body .p-steps .p-steps-number {
  height: 25px;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 25px;
  color: #FFFFFF;
  background: #40A3D6;
  border-radius: 50%;
  font-size: 12px;
  top: -12.5px;
}
body .ui-steps.productsteps .ui-menuitem-link, body .ui-steps.productsteps .p-menuitem-link, body .p-steps .ui-menuitem-link, body .p-steps .p-menuitem-link {
  padding: 0;
}
body .ui-steps.productsteps > ul > li, body .p-steps > ul > li {
  background: #40A3D6;
  color: #FFFFFF;
  content: ' ';
  display: flex;
  flex-grow: 1;
  height: 2px;
  line-height: 1em;
  margin: 0;
  position: relative;
  text-align: right;
}
body .ui-steps.productsteps > ul > li.ui-state-disabled, body .ui-steps.productsteps > ul > li.p-disabled, body .p-steps > ul > li.ui-state-disabled, body .p-steps > ul > li.p-disabled {
  background-color: #E5E5E5;
}
body .ui-steps.productsteps > ul > li.ui-state-disabled .ui-steps-number, body .ui-steps.productsteps > ul > li.ui-state-disabled .p-steps-number, body .ui-steps.productsteps > ul > li.p-disabled .ui-steps-number, body .ui-steps.productsteps > ul > li.p-disabled .p-steps-number, body .p-steps > ul > li.ui-state-disabled .ui-steps-number, body .p-steps > ul > li.ui-state-disabled .p-steps-number, body .p-steps > ul > li.p-disabled .ui-steps-number, body .p-steps > ul > li.p-disabled .p-steps-number {
  background-color: #E5E5E5;
}
body .ui-steps.productsteps > ul > li.ui-state-disabled .ui-steps-title, body .ui-steps.productsteps > ul > li.ui-state-disabled .p-steps-title, body .ui-steps.productsteps > ul > li.p-disabled .ui-steps-title, body .ui-steps.productsteps > ul > li.p-disabled .p-steps-title, body .p-steps > ul > li.ui-state-disabled .ui-steps-title, body .p-steps > ul > li.ui-state-disabled .p-steps-title, body .p-steps > ul > li.p-disabled .ui-steps-title, body .p-steps > ul > li.p-disabled .p-steps-title {
  color: #B1B3B5;
}
body .ui-steps.productsteps > ul > li.ui-state-highlight, body .ui-steps.productsteps > ul > li.p-highlight, body .p-steps > ul > li.ui-state-highlight, body .p-steps > ul > li.p-highlight {
  background-color: #E5E5E5;
}
@media all and (-ms-high-contrast: none) {
  body .ui-steps.productsteps > ul > li.ui-state-highlight, body .ui-steps.productsteps > ul > li.p-highlight, body .p-steps > ul > li.ui-state-highlight, body .p-steps > ul > li.p-highlight {
    background-color: #40A3D6;
    /*IE10*/
    /* IE11 */
  }
  body .ui-steps.productsteps > ul > li.ui-state-highlight *::-ms-backdrop, body .ui-steps.productsteps > ul > li.p-highlight *::-ms-backdrop, body .p-steps > ul > li.ui-state-highlight *::-ms-backdrop, body .p-steps > ul > li.p-highlight *::-ms-backdrop {
    background-color: #40A3D6;
  }
}
body .ui-steps.productsteps > ul > li.ui-state-highlight .ui-menuitem-link::before, body .ui-steps.productsteps > ul > li.p-highlight .ui-menuitem-link::before, body .p-steps > ul > li.ui-state-highlight .ui-menuitem-link::before, body .p-steps > ul > li.p-highlight .ui-menuitem-link::before {
  background: #40A3D6;
  content: ' ';
  height: 2px;
  line-height: 1em;
  width: 100%;
  grid-row: 1;
  grid-column: 1;
}
body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li, body .ui-steps.productsteps > ul > li.p-highlight ~ li, body .p-steps > ul > li.ui-state-highlight ~ li, body .p-steps > ul > li.p-highlight ~ li {
  background-color: #E5E5E5;
}
body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .ui-steps-number, body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .p-steps-number, body .ui-steps.productsteps > ul > li.p-highlight ~ li .ui-steps-number, body .ui-steps.productsteps > ul > li.p-highlight ~ li .p-steps-number, body .p-steps > ul > li.ui-state-highlight ~ li .ui-steps-number, body .p-steps > ul > li.ui-state-highlight ~ li .p-steps-number, body .p-steps > ul > li.p-highlight ~ li .ui-steps-number, body .p-steps > ul > li.p-highlight ~ li .p-steps-number {
  height: 12px;
  top: -9px;
  width: 12px;
  background-color: #E5E5E5;
  color: transparent;
}
@media all and (-ms-high-contrast: none) {
  body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .ui-steps-number, body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .p-steps-number, body .ui-steps.productsteps > ul > li.p-highlight ~ li .ui-steps-number, body .ui-steps.productsteps > ul > li.p-highlight ~ li .p-steps-number, body .p-steps > ul > li.ui-state-highlight ~ li .ui-steps-number, body .p-steps > ul > li.ui-state-highlight ~ li .p-steps-number, body .p-steps > ul > li.p-highlight ~ li .ui-steps-number, body .p-steps > ul > li.p-highlight ~ li .p-steps-number {
    top: -5px;
    /*IE10*/
    /* IE11 */
  }
  body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .ui-steps-number *::-ms-backdrop, body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .p-steps-number *::-ms-backdrop, body .ui-steps.productsteps > ul > li.p-highlight ~ li .ui-steps-number *::-ms-backdrop, body .ui-steps.productsteps > ul > li.p-highlight ~ li .p-steps-number *::-ms-backdrop, body .p-steps > ul > li.ui-state-highlight ~ li .ui-steps-number *::-ms-backdrop, body .p-steps > ul > li.ui-state-highlight ~ li .p-steps-number *::-ms-backdrop, body .p-steps > ul > li.p-highlight ~ li .ui-steps-number *::-ms-backdrop, body .p-steps > ul > li.p-highlight ~ li .p-steps-number *::-ms-backdrop {
    top: -5px;
  }
}
body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .ui-steps-title, body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .p-steps-title, body .ui-steps.productsteps > ul > li.p-highlight ~ li .ui-steps-title, body .ui-steps.productsteps > ul > li.p-highlight ~ li .p-steps-title, body .p-steps > ul > li.ui-state-highlight ~ li .ui-steps-title, body .p-steps > ul > li.ui-state-highlight ~ li .p-steps-title, body .p-steps > ul > li.p-highlight ~ li .ui-steps-title, body .p-steps > ul > li.p-highlight ~ li .p-steps-title {
  color: #B1B3B5;
}
@media all and (-ms-high-contrast: none) {
  body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .ui-steps-title, body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .p-steps-title, body .ui-steps.productsteps > ul > li.p-highlight ~ li .ui-steps-title, body .ui-steps.productsteps > ul > li.p-highlight ~ li .p-steps-title, body .p-steps > ul > li.ui-state-highlight ~ li .ui-steps-title, body .p-steps > ul > li.ui-state-highlight ~ li .p-steps-title, body .p-steps > ul > li.p-highlight ~ li .ui-steps-title, body .p-steps > ul > li.p-highlight ~ li .p-steps-title {
    padding-top: 13px;
    /*IE10*/
    /* IE11 */
  }
  body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .ui-steps-title *::-ms-backdrop, body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li .p-steps-title *::-ms-backdrop, body .ui-steps.productsteps > ul > li.p-highlight ~ li .ui-steps-title *::-ms-backdrop, body .ui-steps.productsteps > ul > li.p-highlight ~ li .p-steps-title *::-ms-backdrop, body .p-steps > ul > li.ui-state-highlight ~ li .ui-steps-title *::-ms-backdrop, body .p-steps > ul > li.ui-state-highlight ~ li .p-steps-title *::-ms-backdrop, body .p-steps > ul > li.p-highlight ~ li .ui-steps-title *::-ms-backdrop, body .p-steps > ul > li.p-highlight ~ li .p-steps-title *::-ms-backdrop {
    padding-top: 13px;
  }
}
body .ui-steps.productsteps > ul > li.ui-state-highlight ~ li::before, body .ui-steps.productsteps > ul > li.p-highlight ~ li::before, body .p-steps > ul > li.ui-state-highlight ~ li::before, body .p-steps > ul > li.p-highlight ~ li::before {
  background-color: #E5E5E5;
}
body .ui-steps.productsteps > ul > li.ui-state-highlight:nth-child(4), body .ui-steps.productsteps > ul > li.p-highlight:nth-child(4), body .p-steps > ul > li.ui-state-highlight:nth-child(4), body .p-steps > ul > li.p-highlight:nth-child(4) {
  background-color: #40A3D6;
}
body .ui-steps.productsteps > ul > li:last-child, body .p-steps > ul > li:last-child {
  padding-right: 1%;
  flex-basis: 0;
  flex-grow: 0;
  flex-shrink: 1;
  /* Shorthand: flex: 0 1 0; */
}
@media all and (-ms-high-contrast: none) {
  body .ui-steps.productsteps > ul > li:last-child, body .p-steps > ul > li:last-child {
    flex-grow: 1;
    /*IE10*/
    /* IE11 */
  }
  body .ui-steps.productsteps > ul > li:last-child *::-ms-backdrop, body .p-steps > ul > li:last-child *::-ms-backdrop {
    flex-grow: 1;
  }
}
body .ui-steps.productsteps > ul > li:last-child .ui-steps-number, body .ui-steps.productsteps > ul > li:last-child .p-steps-number, body .p-steps > ul > li:last-child .ui-steps-number, body .p-steps > ul > li:last-child .p-steps-number {
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row: 1;
}
body .editFunctionalityDialog,
body .editBrandDialog,
body .editProductTypeDialog,
body .editProductModelDialog {
  z-index: 900 !important;
}
body .editFunctionalityDialog > .ui-dialog-content,
body .editBrandDialog > .ui-dialog-content,
body .editProductTypeDialog > .ui-dialog-content,
body .editProductModelDialog > .ui-dialog-content {
  padding: 0 46px;
}
body .editFunctionalityDialog > .ui-dialog-titlebar,
body .editBrandDialog > .ui-dialog-titlebar,
body .editProductTypeDialog > .ui-dialog-titlebar,
body .editProductModelDialog > .ui-dialog-titlebar {
  padding: 0;
}
body .editFunctionalityDialog .edit-abstract-product-tab,
body .editBrandDialog .edit-abstract-product-tab,
body .editProductTypeDialog .edit-abstract-product-tab,
body .editProductModelDialog .edit-abstract-product-tab {
  text-align: left;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-header,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-header,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-header,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-header {
  line-height: 25.2px;
  font-size: 20px;
  background-color: #F7F7F7;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-header.ui-state-active > a,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-header.ui-state-active > a,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-header.ui-state-active > a,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-header.ui-state-active > a {
  color: #3E3E3E;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-panels,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-panels,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-panels,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-panels {
  line-height: 22.2px;
  height: 459px;
  overflow-y: scroll;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel {
  padding: 34px 41px 50px 23px;
  background-color: #F7F7F7;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column {
  width: 384px;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > .action-area > .drop-area,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > .action-area > .drop-area,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > .action-area > .drop-area,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > .action-area > .drop-area {
  text-align: initial;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > .action-area > .drop-area > .ui-fileupload-simple,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > .action-area > .drop-area > .ui-fileupload-simple,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > .action-area > .drop-area > .ui-fileupload-simple,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > .action-area > .drop-area > .ui-fileupload-simple {
  margin-right: 0;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > section .labeled-input,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > section .labeled-input,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > section .labeled-input,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > section .labeled-input {
  width: 385px;
}
body .editFunctionalityDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > section .labeled-input .ui-inputfield,
body .editBrandDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > section .labeled-input .ui-inputfield,
body .editProductTypeDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > section .labeled-input .ui-inputfield,
body .editProductModelDialog .edit-abstract-product-tab .ui-tabs-panels .ui-tabs-panel .column-area > .column > section .labeled-input .ui-inputfield {
  width: 383px;
}
body .editFunctionalityDialog .editFunctionality_Tab,
body .editBrandDialog .editFunctionality_Tab,
body .editProductTypeDialog .editFunctionality_Tab,
body .editProductModelDialog .editFunctionality_Tab {
  text-align: left;
}
body .editFunctionalityDialog .editFunctionality_Tab .ui-tabs-header,
body .editBrandDialog .editFunctionality_Tab .ui-tabs-header,
body .editProductTypeDialog .editFunctionality_Tab .ui-tabs-header,
body .editProductModelDialog .editFunctionality_Tab .ui-tabs-header {
  line-height: 25.2px;
  font-size: 20px;
  background-color: #F7F7F7;
}
body .editFunctionalityDialog .editFunctionality_Tab .ui-tabs-header.ui-state-active > a,
body .editBrandDialog .editFunctionality_Tab .ui-tabs-header.ui-state-active > a,
body .editProductTypeDialog .editFunctionality_Tab .ui-tabs-header.ui-state-active > a,
body .editProductModelDialog .editFunctionality_Tab .ui-tabs-header.ui-state-active > a {
  color: #3E3E3E;
}
body .editFunctionalityDialog .editFunctionality_Tab .ui-tabs-panels,
body .editBrandDialog .editFunctionality_Tab .ui-tabs-panels,
body .editProductTypeDialog .editFunctionality_Tab .ui-tabs-panels,
body .editProductModelDialog .editFunctionality_Tab .ui-tabs-panels {
  line-height: 22.2px;
  height: 459px;
  width: 943px;
  overflow-y: scroll;
}
body .editFunctionalityDialog .editFunctionality_Tab .ui-tabs-panels .ui-tabs-panel,
body .editBrandDialog .editFunctionality_Tab .ui-tabs-panels .ui-tabs-panel,
body .editProductTypeDialog .editFunctionality_Tab .ui-tabs-panels .ui-tabs-panel,
body .editProductModelDialog .editFunctionality_Tab .ui-tabs-panels .ui-tabs-panel {
  padding: 34px 41px 50px 23px;
  background-color: #F7F7F7;
}
body .editFunctionalityDialog .editFunctionality_Tab .ui-tabs-panels .ui-tabs-panel .ui-spinner-input,
body .editBrandDialog .editFunctionality_Tab .ui-tabs-panels .ui-tabs-panel .ui-spinner-input,
body .editProductTypeDialog .editFunctionality_Tab .ui-tabs-panels .ui-tabs-panel .ui-spinner-input,
body .editProductModelDialog .editFunctionality_Tab .ui-tabs-panels .ui-tabs-panel .ui-spinner-input {
  width: auto;
}
body .editFunctionalityDialog .ui-dialog-content > .ui-button-text-only,
body .editBrandDialog .ui-dialog-content > .ui-button-text-only,
body .editProductTypeDialog .ui-dialog-content > .ui-button-text-only,
body .editProductModelDialog .ui-dialog-content > .ui-button-text-only {
  float: right;
  margin-right: 0;
  margin-top: 21px;
}
body #brandDialog_modal {
  z-index: 899 !important;
}
body .selection_keepwidth {
  display: block;
  max-width: 999px;
}
body .selection_keepwidth.edit > .labeled-input > .ui-selectonemenu {
  max-width: 344px;
}
body .selection_keepwidth.edit > .labeled-input > .ui-selectonemenu > .ui-selectonemenu-label {
  width: 344px;
}
body .selection_keepwidth.new > .labeled-input > .ui-selectonemenu {
  max-width: 460px;
}
body .selection_keepwidth.new > .labeled-input > .ui-selectonemenu > .ui-selectonemenu-label {
  width: 460px;
}
body .selection_keepwidth > .big_icon {
  margin: 0;
  background: 0;
  border: 0;
  width: 50px;
  height: 50px;
}
body .selection_keepwidth > .big_icon > .ui-icon {
  font-size: 20px;
  margin: 0;
  left: initial;
  top: initial;
  position: relative;
}
body .selection_keepwidth > .big_icon > .ui-button-text {
  display: none;
}
body .extend_new_product,
body .extend_contact_form,
body .extend_new_ecu {
  display: block;
  margin-top: 20px;
}
body .extend_new_product .ui-icon-plus,
body .extend_new_product .ui-icon-cancel,
body .extend_new_product .ui-icon-pencil,
body .extend_contact_form .ui-icon-plus,
body .extend_contact_form .ui-icon-cancel,
body .extend_contact_form .ui-icon-pencil,
body .extend_new_ecu .ui-icon-plus,
body .extend_new_ecu .ui-icon-cancel,
body .extend_new_ecu .ui-icon-pencil {
  font-size: 16px;
  margin-right: 9px;
}
body .extend_contact_form {
  margin-bottom: 20px;
}
body .add_ecus {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #8C8C8C;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-picklist-filter-container {
  display: inline-block;
  float: right;
  margin: 0;
  padding: 0;
  height: 23px;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-picklist-filter-container > .ui-inputfield {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-picklist-filter-container > .ui-icon {
  margin: 0;
  padding: 0;
  float: right;
  top: 0;
  right: 6px;
  left: initial;
  font-size: 13px;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-picklist-caption {
  color: #8C8C8C;
  text-align: left;
  padding-left: 14px;
  font-size: 15px;
  line-height: 18px;
  margin: 0;
  display: inline-block;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li:nth-child(even) {
  background-color: #FAFAFA;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li:nth-child(even).ui-state-hover {
  background-color: #E5E5E5;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li:nth-child(even).ui-state-highlight {
  background-color: #40A3D6;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li:nth-child(even).ui-state-highlight > table > tbody > tr > td > .ui-button > .ui-icon::before {
  color: #FFFFFF;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li {
  margin: 0;
  padding: 0;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li.ui-state-hover {
  background-color: #E5E5E5;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li.ui-state-highlight {
  background-color: #40A3D6;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li.ui-state-highlight > table > tbody > tr > td > .ui-button > .ui-icon::before {
  color: #FFFFFF !important;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li > table {
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 18px;
  height: 48px;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li > table > tbody > tr > td:nth-child(1) {
  padding-left: 14px;
  width: 100%;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li > table > tbody > tr > td:nth-child(2) > .ui-button {
  border-right-width: 2px;
  border-right-color: #FFFFFF;
  border-right-style: solid;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li > table > tbody > tr > td > .ui-button {
  height: 48px;
  width: 48px;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li > table > tbody > tr > td > .ui-button.ui-state-hover {
  background-color: #40A3D6;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .ui-widget-content > li > table > tbody > tr > td > .ui-button.ui-state-hover > .ui-icon::before {
  color: #FFFFFF;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .sort-icon-picklist {
  display: inline;
  margin: 0;
  background: 0;
  border: 0;
  width: 16px;
  height: 26px;
  padding-left: 4px;
  position: relative;
  top: 6px;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .sort-icon-picklist > .ui-icon {
  font-size: 15px;
  margin: 0;
  left: initial;
  top: initial;
  position: relative;
}
body .productupload-picklist > .ui-picklist-list-wrapper > .sort-icon-picklist > .ui-button-text {
  display: none;
}
body .man-image-popup {
  background-color: #F7F7F7;
  box-shadow: none;
}
body .man-image-popup .man-image {
  height: auto;
  width: 800px;
}
body .man-image-popup .image-description {
  display: block;
  line-height: 22.2px;
  margin-top: 10px;
  color: #3E3E3E;
}
body .man-image-popup .ui-dialog-titlebar {
  padding: 0;
}
body .man-image-popup .ui-dialog-content {
  padding: 0 46px;
}
body .man-image-popup .ui-dialog-content .ui-button {
  position: absolute;
  right: 46px;
  bottom: 0;
  margin: 0;
  width: 114px;
}
body .seamless {
  border: 0;
  overflow: auto;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-titlebar {
  padding: 0;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content {
  padding: 0 55px 25px 22px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > h2 {
  margin-bottom: 14px;
  text-align: left;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-list-wrapper {
  margin-top: 0;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-list-wrapper > .ui-picklist-caption {
  padding: 0;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  float: left;
  margin-left: 18px;
  margin-top: 20px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-list-wrapper > .ui-picklist-filter-container {
  margin: 18px 19px 0 0;
  display: inline-block;
  float: right;
  padding: 0;
  height: 23px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-list-wrapper > .ui-picklist-filter-container > .ui-inputfield {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-list-wrapper > .ui-picklist-filter-container > .ui-icon {
  margin: 0;
  padding: 0;
  float: right;
  top: 0;
  right: 6px;
  left: initial;
  font-size: 13px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-list-wrapper > .ui-picklist-list {
  margin: 0;
  width: 299px;
  height: 212px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-list-wrapper > .ui-picklist-list > .ui-picklist-item {
  text-align: left;
  padding: 0 0 0 29px;
  line-height: 49px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-list-wrapper > .ui-picklist-list > .ui-picklist-item.ui-state-disabled {
  background-color: #E5E5E5;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-buttons {
  width: 30px;
  padding: 14px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-buttons > .ui-picklist-buttons-cell {
  width: 30px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-buttons > .ui-picklist-buttons-cell > .ui-button {
  background: transparent;
  padding: 0;
  height: 30px;
  width: 30px;
  margin: 0;
  border: none;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-buttons > .ui-picklist-buttons-cell > .ui-button > .ui-icon {
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 30px;
  width: 30px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-buttons > .ui-picklist-buttons-cell > .ui-button > .ui-icon::before {
  color: #40A3D6;
  font-size: 28px;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-buttons > .ui-picklist-buttons-cell > .ui-button.ui-picklist-button-add-all {
  display: none;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .plugfest-meeting-picklist > .ui-picklist-buttons > .ui-picklist-buttons-cell > .ui-button.ui-picklist-button-remove-all {
  display: none;
}
body .ui-dialog.edit-meetings-dialog > .ui-dialog-content > .ui-button {
  float: right;
  margin-top: 23px;
  margin-right: 0;
}
body .pp_payment_popup {
  left: 50% !important;
  top: 50% !important;
  margin-top: -232px;
  margin-left: -178px;
}
body .sponsors {
  display: block;
}
body .sponsors > .first > .sponsor_title, body .sponsors .second > .sponsor_title, body .sponsors .third > .sponsor_title {
  display: block;
}
body .sponsors > .first > .prod-img, body .sponsors .second > .prod-img, body .sponsors .third > .prod-img {
  padding: 0 15px;
  max-width: 166.5px;
  max-height: 125px;
}
body .sponsors > .first > .separator, body .sponsors .second > .separator, body .sponsors .third > .separator {
  border-top: 2px solid #f0f0f0 !important;
}
body .sponsors > .first {
  display: block;
  padding-bottom: 30px;
}
body .sponsors > .second {
  display: inline-block;
  width: 40%;
}
body .sponsors > .third {
  display: inline-block;
  width: 50%;
  float: right;
}
body .xml_validation_upload {
  display: inline-block;
}
body .xml_validation_message {
  display: inline;
  margin-left: 26px;
  border: 1px solid #E5E5E5;
  height: 200px !important;
  overflow: auto !important;
}
body .xml_validation_message.small {
  width: 381px;
}
body .xml_validation_message.big {
  width: 484px;
}
body .taskdata_accordion {
  width: 484px;
  height: 300px;
}
body .taskdata_accordion > .ui-accordion-header {
  padding: 12px 10px;
  font-size: 20px;
  line-height: 20px;
  height: auto;
}
body .taskdata_accordion > .ui-accordion-header > .ui-icon {
  font-size: 28px;
  color: #40A3D6;
  top: 12px;
}
body .taskdata_accordion > .ui-accordion-header > .ui-icon-triangle-1-s:before {
  content: '\f107';
}
body .taskdata_accordion > .ui-accordion-header > .ui-icon-triangle-1-e:before {
  content: '\f106';
}
body .taskdatavalidation_select_block {
  padding-top: 32px;
}
body .taskdatavalidation_select_block > .description {
  float: left;
  width: 100%;
}
body .taskdatavalidation_select_block > .taskdatavalidation_select_schema {
  background: white;
}
body .taskdatavalidation_select_block > .taskdatavalidation_select_schema > .ui-selectonemenu-label {
  padding: 16px 12px;
  line-height: 18px;
}
body .taskdatavalidation_detected_block {
  margin-top: 30px;
}
body .validation_log_download {
  display: inline;
  border: none;
  width: 484px;
  height: 40px;
  margin-right: 0px !important;
  color: #FFFFFF;
  background-color: #40A3D6;
}
body .validation_log_download.manufacturer {
  margin-left: 31px;
  float: right;
}
body .validation_log_download.user {
  float: left;
}
body .validationTrafficLight {
  margin-left: 30px;
}
body .validationTrafficLight * {
  box-sizing: border-box;
}
body .validationTrafficLight > .container {
  background-color: #8C8C8C;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 15px 0;
  height: 200px;
  width: 70px;
}
body .validationTrafficLight > .container > .circle {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  position: relative;
  height: 40px;
  width: 40px;
}
body .validationTrafficLight > .container > .circle::after {
  border-right: 4px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  content: ' ';
  position: absolute;
  top: 5px;
  left: 0px;
  width: 30px;
  height: 30px;
}
body .validationTrafficLight > .container > .circle.active.red {
  background-color: #c0392b;
  box-shadow: 0 0 20px 5px #c0392b;
}
body .validationTrafficLight > .container > .circle.active.yellow {
  background-color: #f1c40f;
  box-shadow: 0 0 20px 5px #f1c40f;
}
body .validationTrafficLight > .container > .circle.active.green {
  background-color: #2ecc71;
  box-shadow: 0 0 20px 5px #2ecc71;
}
body .ui-datepicker {
  background: #FFFFFF;
}
body .taskdata_validation_terms {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 999px;
  display: block;
}
body .p-dropdown-panel, body .p-multiselect-panel {
  box-shadow: none;
  border: 1px solid #E0E0E0;
  color: #505559;
  background-color: #FFFFFF;
}
body .p-dropdown-panel > div.p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item, body .p-dropdown-panel > div.p-dropdown-items-wrapper .p-dropdown-items .p-multiselect-item, body .p-dropdown-panel > div.p-dropdown-items-wrapper .p-multiselect-items .p-dropdown-item, body .p-dropdown-panel > div.p-dropdown-items-wrapper .p-multiselect-items .p-multiselect-item, body .p-dropdown-panel > div.p-multiselect-items-wrapper .p-dropdown-items .p-dropdown-item, body .p-dropdown-panel > div.p-multiselect-items-wrapper .p-dropdown-items .p-multiselect-item, body .p-dropdown-panel > div.p-multiselect-items-wrapper .p-multiselect-items .p-dropdown-item, body .p-dropdown-panel > div.p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item, body .p-multiselect-panel > div.p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item, body .p-multiselect-panel > div.p-dropdown-items-wrapper .p-dropdown-items .p-multiselect-item, body .p-multiselect-panel > div.p-dropdown-items-wrapper .p-multiselect-items .p-dropdown-item, body .p-multiselect-panel > div.p-dropdown-items-wrapper .p-multiselect-items .p-multiselect-item, body .p-multiselect-panel > div.p-multiselect-items-wrapper .p-dropdown-items .p-dropdown-item, body .p-multiselect-panel > div.p-multiselect-items-wrapper .p-dropdown-items .p-multiselect-item, body .p-multiselect-panel > div.p-multiselect-items-wrapper .p-multiselect-items .p-dropdown-item, body .p-multiselect-panel > div.p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item {
  color: #8C8C8C;
}
body .p-dropdown-panel > div.p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight, body .p-dropdown-panel > div.p-dropdown-items-wrapper .p-dropdown-items .p-multiselect-item.p-highlight, body .p-dropdown-panel > div.p-dropdown-items-wrapper .p-multiselect-items .p-dropdown-item.p-highlight, body .p-dropdown-panel > div.p-dropdown-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight, body .p-dropdown-panel > div.p-multiselect-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight, body .p-dropdown-panel > div.p-multiselect-items-wrapper .p-dropdown-items .p-multiselect-item.p-highlight, body .p-dropdown-panel > div.p-multiselect-items-wrapper .p-multiselect-items .p-dropdown-item.p-highlight, body .p-dropdown-panel > div.p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight, body .p-multiselect-panel > div.p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight, body .p-multiselect-panel > div.p-dropdown-items-wrapper .p-dropdown-items .p-multiselect-item.p-highlight, body .p-multiselect-panel > div.p-dropdown-items-wrapper .p-multiselect-items .p-dropdown-item.p-highlight, body .p-multiselect-panel > div.p-dropdown-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight, body .p-multiselect-panel > div.p-multiselect-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight, body .p-multiselect-panel > div.p-multiselect-items-wrapper .p-dropdown-items .p-multiselect-item.p-highlight, body .p-multiselect-panel > div.p-multiselect-items-wrapper .p-multiselect-items .p-dropdown-item.p-highlight, body .p-multiselect-panel > div.p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #505559;
}
body .p-tooltip {
  border: 1px solid #e4e4e4;
  background-color: #FFFFFF;
}
body div#sutDescription-app {
  /* UT Languages Input */
  /* UT Languages Input END */
  /* UT Server Mask */
  /* Grundstil des Accordions */
  /* Stil für die einzelnen Tabs */
  /* does not work as intended... needs a revisit. */
  /* Stil für den aktiven Tab */
  /* Hover-Effekt für Tabs */
  /* UT Server Mask END */
}
body div#sutDescription-app .p-progress-spinner-circle {
  animation: p-progress-spinner-dash 1.5s ease-in-out infinite;
  stroke: #40A3D6;
}
body div#sutDescription-app .sutInfoBox {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #8C8C8C;
}
body div#sutDescription-app .p-multiselect-item .p-disabled {
  color: #B1B3B5;
}
body div#sutDescription-app .delete-icon {
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
}
body div#sutDescription-app .delete-icon:before, body div#sutDescription-app .delete-icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 7px;
  width: 1px;
  height: 15px;
  background-color: black;
}
body div#sutDescription-app .delete-icon:before {
  transform: rotate(45deg);
}
body div#sutDescription-app .delete-icon:after {
  transform: rotate(-45deg);
}
body div#sutDescription-app .datatable-next-button-blue {
  background-color: #40A3D6;
  display: flex;
  align-items: center;
  justify-content: center;
}
body div#sutDescription-app .datatable-next-button-blue:before {
  color: #FFFFFF;
}
body div#sutDescription-app .actualChip {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  border-radius: 16px;
  background-color: #e0e0e0;
  color: #333;
  margin: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}
body div#sutDescription-app .chipDeleteIconContainer {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
body div#sutDescription-app .chipsContainer {
  max-height: 100px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1rem;
}
body div#sutDescription-app .accordion {
  border: 1px solid #ddd;
  /* Rand */
  border-radius: 5px;
  /* Abgerundete Ecken */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* Leichter Schatten für Tiefe */
}
body div#sutDescription-app .accordion-tab {
  background-color: #f9f9f9;
  /* Hintergrundfarbe der Tabs */
  border-bottom: 1px solid #ddd;
  /* Trennlinie zwischen den Tabs */
}
body div#sutDescription-app .accordion-tab:last-child {
  border-bottom: none;
  /* Entfernt die untere Linie für den letzten Tab */
}
body div#sutDescription-app .accordion-tab .p-accordion-header {
  padding: 10px 15px;
  /* Abstand innen */
  font-weight: bold;
  /* Schriftart */
  color: #333;
  /* Schriftfarbe */
}
body div#sutDescription-app .p-accordion-header-text {
  color: #666;
  font-weight: bold;
}
body div#sutDescription-app .p-accordion-tab-active .p-accordion-header {
  border-bottom: 1px solid lightgrey;
}
body div#sutDescription-app .p-toggleable-content {
  padding-top: 0.5rem;
}
body div#sutDescription-app .tabpanel {
  padding: 15px;
  background-color: #FFF;
  color: #666;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
body div#sutDescription-app .p-unselectable-text {
  max-height: 3rem;
  background-color: #F0F0F0;
}
body div#sutDescription-app .p-tabview-selected {
  background-color: #FFF;
}
body div#sutDescription-app .accordion-tab-cs {
  min-height: 3rem;
  margin: 0.25rem;
}
body div#sutDescription-app .p-accordion-tab {
  border: 1px solid lightgrey;
  border-radius: 0.25rem;
  margin: 0.25rem;
}
body div#sutDescription-app .p-accordion-tab-active {
  border: 1px solid lightgrey;
}
body div#sutDescription-app .p-accordion-tab-active .p-accordion-header-text::before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  position: absolute;
  left: -0.75rem;
  top: 0.25rem;
}
body div#sutDescription-app .p-accordion-tab .p-accordion-header-text::before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  position: absolute;
  left: -0.75rem;
  top: 0.25rem;
}
body div#sutDescription-app .p-accordion-header {
  padding: 1rem;
  color: #666;
  background-color: #F9FAFB;
}
body div#sutDescription-app .p-accordion-header:hover {
  background-color: #F3F4F6;
}
body div#sutDescription-app .accordion-tab.p-highlight .p-accordion-header {
  background-color: #e0e0e0;
  /* Hintergrundfarbe für aktiven Tab */
  color: #000;
  /* Schriftfarbe für aktiven Tab */
}
body div#sutDescription-app .accordion-tab:not(.p-highlight):hover .p-accordion-header {
  background-color: #f0f0f0;
  /* Hintergrundfarbe beim Hover */
  cursor: pointer;
  /* Cursor ändern, um Interaktivität anzuzeigen */
}
body div#sutDescription-app .flexy {
  display: flex;
  justify-content: space-between;
}
body div#sutDescription-app .sktable,
body div#sutDescription-app .software-identifier-table {
  border: 1px solid #E0E0E0;
}
body div#sutDescription-app .sktable button.p-row-editor-init,
body div#sutDescription-app .sktable button.p-row-editor-save,
body div#sutDescription-app .sktable button.p-row-editor-cancel,
body div#sutDescription-app .software-identifier-table button.p-row-editor-init,
body div#sutDescription-app .software-identifier-table button.p-row-editor-save,
body div#sutDescription-app .software-identifier-table button.p-row-editor-cancel {
  color: #40A3D6;
  width: 24px;
  height: 24px;
}
body div#sutDescription-app .sktable button.p-row-editor-init:hover,
body div#sutDescription-app .sktable button.p-row-editor-save:hover,
body div#sutDescription-app .sktable button.p-row-editor-cancel:hover,
body div#sutDescription-app .software-identifier-table button.p-row-editor-init:hover,
body div#sutDescription-app .software-identifier-table button.p-row-editor-save:hover,
body div#sutDescription-app .software-identifier-table button.p-row-editor-cancel:hover {
  background-color: unset;
}
body div#sutDescription-app .sktable tbody td input[type=text],
body div#sutDescription-app .software-identifier-table tbody td input[type=text] {
  height: 30px;
  width: 80%;
  background-color: #FFFFFF;
}
body div#sutDescription-app .sktable tbody td {
  justify-content: center;
}
body div#sutDescription-app .add-icon {
  margin-top: 0.25rem;
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
}
body div#sutDescription-app .add-icon:before, body div#sutDescription-app .add-icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 7px;
  width: 1px;
  height: 15px;
  background-color: black;
}
body div#sutDescription-app .add-icon:before {
  transform: rotate(90deg);
}
body div#sutDescription-app .delete-icon {
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
}
body div#sutDescription-app .delete-icon:before, body div#sutDescription-app .delete-icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 7px;
  width: 1px;
  height: 15px;
  background-color: black;
}
body div#sutDescription-app .delete-icon:before {
  transform: rotate(45deg);
}
body div#sutDescription-app .delete-icon:after {
  transform: rotate(-45deg);
}
body div#sutDescription-app .chipDeleteIconContainer {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
body div#sutDescription-app .sktable .prefix-text {
  position: absolute;
  bottom: 1px;
  left: 0;
  padding-left: 4px;
  font-size: 18px;
  user-select: none;
  color: #8C8C8C;
}
body div#sutDescription-app .sktable .p-inputtext {
  padding-left: 4px;
  padding-right: 4px;
  max-height: 1.5rem;
  max-width: 70px;
}
body div#sutDescription-app .sktable .sktable-row .p-editable-column {
  padding: 0.5rem !important;
}
body div#sutDescription-app .add-button {
  background-color: transparent;
  max-height: 2rem;
  max-width: 2rem;
  border: none;
}
body div#sutDescription-app .add-button:hover {
  background-color: transparent;
}
body div#sutDescription-app .delete-button .p-button-icon-only {
  margin-top: -5px !important;
  max-height: 2rem;
  max-width: 1.5rem;
  align-content: center;
}
body div#sutDescription-app .sktable-row .p-editable-column {
  background-color: #FAFAFA;
}
body div#sutDescription-app .p-row-odd > .p-editable-column {
  background-color: #FFF;
}
body div#sutDescription-app .card-skmasks {
  margin-top: 1rem;
  padding: 0.25rem;
}
body div#sutDescription-app .delete-button {
  background-color: transparent;
}
body div#sutDescription-app .labeled-input .prefix-text {
  position: absolute;
  left: 0px;
  bottom: 8px;
  user-select: none;
  padding-left: 12px;
  color: #8C8C8C;
}
body div#sutDescription-app .labeled-input .input-suffix {
  text-align: right;
  position: absolute;
  top: 25%;
  height: 50px;
  color: #3a7695;
  font-size: 15px;
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
body div#sutDescription-app .labeled-input .suffix-number {
  right: 60px;
}
body div#sutDescription-app .labeled-input .suffix-text {
  right: 8px;
}
body div#sutDescription-app .labeled-input.half-width input[type=text], body div#sutDescription-app .labeled-input.half-width .p-dropdown {
  width: 237px;
}
body div#sutDescription-app .labeled-checkbox {
  display: flex;
  gap: 5px;
}
body div#sutDescription-app .labeled-checkbox .labeled-checkbox-label-placeholder {
  visibility: hidden;
}
body div#sutDescription-app .labeled-list-input > label {
  background-color: #FFFFFF;
  z-index: 1;
  width: 100%;
}
body div#sutDescription-app .labeled-list-input > ul {
  padding: 24px 12px 12px 12px;
  height: 360px;
  overflow: hidden scroll;
}
body div#sutDescription-app .labeled-list-input > ul > li {
  display: flex;
  padding: 4px 0;
  justify-content: space-between;
}
body div#sutDescription-app .labeled-list-input #selectAuxValves .list-divider {
  border-color: #F7F7F7;
  margin: 4px 0;
}
body div#sutDescription-app .labeled-list-input #selectAuxValves #auxValvesStateFlow {
  visibility: visible;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
body div#sutDescription-app h3 {
  color: #8C8C8C;
}
body div#sutDescription-app .input-group {
  margin-top: 20px;
  margin-bottom: 20px;
}
body div#sutDescription-app #workflow-actions {
  display: inline-block;
  float: left;
}
body div#sutDescription-app #form-actions {
  display: inline-block;
  float: right;
  padding-bottom: 16px;
}
body div#sutDescription-app #actions {
  position: relative;
  background: #F7F7F7;
  overflow: auto;
}
body div#sutDescription-app #actions button,
body div#sutDescription-app #actions input[type=button],
body div#sutDescription-app #actions input[type=submit],
body div#sutDescription-app #actions input[type=reset] {
  margin: 16px 0;
}
body div#sutDescription-app #actions button:not(:last-child),
body div#sutDescription-app #actions input[type=button]:not(:last-child),
body div#sutDescription-app #actions input[type=submit]:not(:last-child),
body div#sutDescription-app #actions input[type=reset]:not(:last-child) {
  margin-right: 16px;
}
body div#sutDescription-app .p-dropdown.p-disabled .p-dropdown-label, body div#sutDescription-app .p-dropdown.p-disabled .p-multiselect-label, body div#sutDescription-app .p-multiselect.p-disabled .p-dropdown-label, body div#sutDescription-app .p-multiselect.p-disabled .p-multiselect-label {
  color: #B1B3B5;
}
body div#sutDescription-app .p-dropdown.p-disabled .p-dropdown-trigger, body div#sutDescription-app .p-dropdown.p-disabled .p-multiselect-trigger, body div#sutDescription-app .p-multiselect.p-disabled .p-dropdown-trigger, body div#sutDescription-app .p-multiselect.p-disabled .p-multiselect-trigger {
  background-color: #E5E5E5;
}
body div#sutDescription-app .p-dropdown.p-disabled .p-dropdown-trigger .p-dropdown-trigger-icon::before, body div#sutDescription-app .p-dropdown.p-disabled .p-dropdown-trigger .p-multiselect-trigger-icon::before, body div#sutDescription-app .p-dropdown.p-disabled .p-multiselect-trigger .p-dropdown-trigger-icon::before, body div#sutDescription-app .p-dropdown.p-disabled .p-multiselect-trigger .p-multiselect-trigger-icon::before, body div#sutDescription-app .p-multiselect.p-disabled .p-dropdown-trigger .p-dropdown-trigger-icon::before, body div#sutDescription-app .p-multiselect.p-disabled .p-dropdown-trigger .p-multiselect-trigger-icon::before, body div#sutDescription-app .p-multiselect.p-disabled .p-multiselect-trigger .p-dropdown-trigger-icon::before, body div#sutDescription-app .p-multiselect.p-disabled .p-multiselect-trigger .p-multiselect-trigger-icon::before {
  color: #B1B3B5;
}
body div#sutDescription-app .p-inputnumber {
  width: 100%;
}
body div#sutDescription-app .p-inputnumber .p-inputnumber-button-group {
  display: flex;
  flex-direction: column;
  position: relative;
}
body div#sutDescription-app .p-inputnumber .p-inputnumber-button-group .p-inputnumber-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  border: none;
  background-color: #40A3D6;
}
body div#sutDescription-app .p-inputnumber .p-inputnumber-button-group .p-inputnumber-button-up {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body div#sutDescription-app .p-inputnumber .p-inputnumber-button-group .p-inputnumber-button-up .pi-angle-up:before {
  position: relative;
  top: 5px;
  color: white;
  content: '\f0de';
}
body div#sutDescription-app .p-inputnumber .p-inputnumber-button-group .p-inputnumber-button-down {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
body div#sutDescription-app .p-inputnumber .p-inputnumber-button-group .p-inputnumber-button-down .pi-angle-down:before {
  position: relative;
  bottom: 5px;
  color: white;
  content: "";
}
body div#sutDescription-app .p-inputnumber .p-disabled.p-inputnumber-button {
  background-color: #E5E5E5;
}
body div#sutDescription-app .p-inputnumber .p-disabled.p-inputnumber-button .p-button-icon::before {
  color: #B1B3B5;
}
body div#sutDescription-app .labeled-checkbox {
  position: relative;
  margin-bottom: 6px;
}
body div#sutDescription-app .labeled-checkbox .p-checkbox .p-checkbox-box {
  border: 2px solid #40A3D6;
  width: 22px;
  height: 22px;
  background-color: white;
}
body div#sutDescription-app .labeled-checkbox .p-checkbox .p-checkbox-box.p-disabled {
  border: 2px solid #B1B3B5;
}
body div#sutDescription-app .labeled-checkbox .p-checkbox .p-checkbox-box.p-disabled .pi-check:before {
  content: '\e80a';
  color: #B1B3B5;
}
body div#sutDescription-app .labeled-checkbox .p-checkbox .p-checkbox-box.p-disabled .ui-icon-minus:before {
  color: #B1B3B5;
}
body div#sutDescription-app .labeled-checkbox .p-checkbox .p-checkbox-box .pi-check:before {
  content: '\e80a';
}
body div#sutDescription-app .labeled-checkbox label {
  position: absolute;
  padding-left: 27px;
}
body div#sutDescription-app .signal-line-table, body div#sutDescription-app .software-identifier-table {
  border: 1px solid #E0E0E0;
}
body div#sutDescription-app .signal-line-table tbody tr, body div#sutDescription-app .software-identifier-table tbody tr {
  box-shadow: 0px 0px 0px 1px #FFFFFF;
  background-color: #F7F7F7;
}
body div#sutDescription-app .signal-line-table tbody tr.p-row-odd, body div#sutDescription-app .software-identifier-table tbody tr.p-row-odd {
  background-color: #FFFFFF;
}
body div#sutDescription-app .signal-line-table tbody td, body div#sutDescription-app .software-identifier-table tbody td {
  height: 35px;
}
body div#sutDescription-app .signal-line-table tbody input[type=text], body div#sutDescription-app .software-identifier-table tbody input[type=text] {
  height: 30px;
  width: 80%;
  background-color: #FFFFFF;
}
body div#sutDescription-app .signal-line-table tbody td {
  width: 30%;
}
body div#sutDescription-app .software-identifier-table {
  width: 482px;
  margin-bottom: 6px;
}
body div#sutDescription-app .control-function-header, body div#sutDescription-app .functionality-options-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body div#sutDescription-app .extend_new_ecu, body div#sutDescription-app .extend-data-table, body div#sutDescription-app .signal-line-delete {
  color: #40A3D6;
  background: none;
  border: none;
  cursor: pointer;
}
body div#sutDescription-app .extend_new_ecu:disabled, body div#sutDescription-app .extend-data-table:disabled, body div#sutDescription-app .signal-line-delete:disabled {
  color: #B1B3B5;
}
body div#sutDescription-app .extend_new_ecu:disabled .ui-icon-plus:before, body div#sutDescription-app .extend-data-table:disabled .ui-icon-plus:before, body div#sutDescription-app .signal-line-delete:disabled .ui-icon-plus:before {
  color: #B1B3B5;
}
body div#sutDescription-app .extend_new_ecu:disabled .ui-icon-trash:before, body div#sutDescription-app .extend-data-table:disabled .ui-icon-trash:before, body div#sutDescription-app .signal-line-delete:disabled .ui-icon-trash:before {
  color: #B1B3B5;
}
body div#sutDescription-app .extend-data-table {
  margin-top: 10px;
  width: 5%;
}
body div#sutDescription-app .p-button:disabled .ui-icon-pencil:before {
  color: #B1B3B5;
}
body div#sutDescription-app .functionality-configuration {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
body div#sutDescription-app .functionality-configuration .input-placeholder {
  width: 30%;
}
body div#sutDescription-app .functionality-configuration .labeled-input {
  width: 30%;
}
body div#sutDescription-app .functionality-configuration .labeled-input .p-dropdown, body div#sutDescription-app .functionality-configuration .labeled-input .p-multiselect {
  width: 100%;
}
body div#sutDescription-app .functionality-configuration .delete-temp-functionality-button {
  background-color: transparent;
  border: none;
  width: 18px;
  padding-left: 24px;
  padding-right: 24px;
}
body .p-toast .p-toast-message-error {
  background-color: #ffe7e6;
  border: solid #ff5757;
  border-width: 0 0 0 6px;
  color: #ff5757;
}
body .cookie-policy-banner {
  position: absolute;
  top: 75%;
  background: #FFFFFF;
  width: 100%;
}
body .cookie-policy-banner .cookie-policy {
  line-height: 22.2px;
  text-align: left;
}
body .cookie-error-message {
  width: 350px;
  margin: 0 auto 22px;
  line-height: 22.2px;
}
body .cookie-error-message .ui-message-error-detail {
  margin: 0;
}
body .cookie-error-message .ui-message-error-icon {
  background: none;
}
body .cookie-error-message .ui-message-error-icon:before {
  color: #b94a48;
  float: none;
  content: '\e803';
}
body .ccid_change_summary .grid-value {
  padding-left: 15px;
}
body .ccid_change_summary .changed {
  font-weight: bold;
}
body .ccid_change_summary .unchanged {
  color: #B1B3B5;
  font-style: italic;
}

#testInstituteHint > div.labeled-input > button.input-action {
  top: -20px;
}

#productVersionDialog {
  max-width: 999px;
}

.onoffswitch {
  background-color: #8C8C8C;
  border-radius: 25px;
  width: 55px !important;
  height: 24px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.onoffswitch div.ui-inputswitch-on {
  background-color: #8C8C8C;
  height: 30px;
}
.onoffswitch div.ui-inputswitch-off {
  background-color: #8C8C8C;
  height: inherit;
}
.onoffswitch div.ui-inputswitch-handle {
  background-color: #FFFFFF;
  transition: transform 0.2s ease;
  border-radius: 100%;
  width: 16px !important;
  height: 16px;
  position: absolute;
  top: 5px;
  margin-left: 5px;
}
.onoffswitch.ui-inputswitch-checked > div.ui-inputswitch-on[class] {
  background-color: #7ED321;
  height: 30px;
}
.onoffswitch.ui-inputswitch-checked > div.ui-inputswitch-off[class] {
  background-color: #7ED321;
  height: inherit;
}
.onoffswitch.ui-inputswitch-checked > div.ui-inputswitch-handle {
  transform: translate(30px, 0);
  left: 0 !important;
}

.custom-grid {
  margin: 20px auto;
}
.custom-grid .grid-label {
  font-weight: bold;
  text-align: start;
}
.custom-grid .grid-value {
  text-align: end;
}

.explanation {
  font-size: smaller;
  color: gray;
  margin-top: 5px;
}

/*# sourceMappingURL=layout_redesign.css.map */