<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 1rem;
}

body {
  background-color: #666666;
  font-weight: normal;
  color: #000;
  margin: 0;
  padding: 0;
}

body,
input,
textarea {
  font-family: Arial, Verdana, sans-serif;
}

body,
textarea,
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url] {
  font-size: 0.75rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 600s ease-in-out 0s;
}

input::-ms-clear,
input::-ms-reveal {
  display: none !important;
}

img {
  display: inline-block;
}

.accessible-navigation {
  display: none;
}

.accessible {
  background-color: #000;
  display: inline-flex;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  height: 2rem;
  padding: 0.125rem 0.3125rem;
}

.accessible__item {
  display: flex;
}

.accessible__item:not(:first-child) {
  margin-left: 0.625rem;
}

.accessible__link {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-weight: bold;
  text-transform: uppercase;
}

.accessible__link .accessible__link-text {
  text-decoration: underline;
}

.accessible__link:hover,
.accessible__link:hover .accessible__link-text {
  text-decoration: none;
}

.accessible__link:focus {
  text-decoration: none;
  outline: 0.125rem dashed #fff;
}

.accessible__link-text {
  display: inline-block;
}

.accessible__link-icon {
  background-image: url("../../images/default/accessible/icon-accessible.svg");
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-flex;
  width: 1.5625rem;
  height: 1.5625rem;
  margin-left: 0.3125rem;
}

.accessible__link-icon--easy-speech {
  background-position: -1.5625rem center;
}

.accessible__link-icon--sign-speech {
  background-position: left center;
}

.accessible__link-icon--subtitle {
  background-position: -3.125rem center;
  margin-left: -0.0625rem;
}

#testSystemBox header {
  margin-top: 2.1875rem;
}

#mainBoxStart {
  height: 100%;
  position: absolute;
}

#mainBoxStart.mainBoxStartCenter {
  left: 50%;
  transform: translateX(-50%);
}

#mainBoxStart.mainBoxStartLeft {
  left: 12%;
}

#mainBoxStart.mainBoxStartRight {
  right: 12%;
}

#loginMain {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.6);
  background-color: rgba(255, 255, 255, 0.95);
  width: 26.25rem;
}

.mainBoxStartBody #testSystemBoxSpace {
  display: none;
}

#testSystemBox + #mainBoxStart #loginMain {
  top: calc(50% - 2.1875rem);
}

.mainBoxStartBody {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
}

.loginLogos {
  display: flex;
  flex-wrap: wrap;
  min-height: 5rem;
  border-bottom: 0.5rem solid #656564;
}

.loginLogos:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}

.loginVMSLogo {
  background-image: url("../../images/default/start/cosinex-vms-logo_215x60.png");
  background-repeat: no-repeat;
  background-position: 0.6875rem center;
  width: 14.0625rem;
  height: 5rem;
  float: left;
}

table.loginTable {
  margin: 0 auto 1.875rem auto;
  table-layout: auto;
  box-shadow: 0.4375rem 0.4375rem 0.9375rem #404040;
}

h3.loginTableHeadline {
  color: #000;
  font-size: 1.125rem;
  margin: 0 auto;
}

#mainBoxStart table a {
  display: inline-block;
  padding: 1.125rem 0 0 0;
  margin: 0.1875rem 0 0 2.8125rem;
  height: 2.3125rem;
  width: 11.9375rem;
  background: none;
}

#vmsEE {
  float: left;
  width: 10rem;
  height: 5rem;
  padding: 0;
  background-image: url("../../images/default/start/vms_ee.png");
  background-repeat: no-repeat;
  background-position: 1.5625rem 0.625rem;
}

#vmsCE {
  float: left;
  width: 10rem;
  height: 5rem;
  padding: 0;
  background-image: url("../../images/default/start/vms_ce.png");
  background-repeat: no-repeat;
  background-position: 1.5625rem 0.625rem;
}

#loginMainInner {
  border-bottom: 0.5rem solid #656564;
  min-height: 13.875rem;
  margin: 0;
  padding: 0.9375rem;
  position: relative;
}

#loginMainInner input[type=text],
#loginMainInner input[type=password] {
  width: 100%;
}

#loginMainInner h1 {
  display: none;
}

#loginMainInner label {
  font-weight: normal;
  font-size: 0.875rem;
  display: block;
  margin-bottom: 0.4375rem;
  text-transform: uppercase;
}

#loginMainInner input[type=text],
#loginMainInner input[type=password] {
  display: inline-block;
  height: 2.5rem !important;
  border: 0.125rem solid #bebebe !important;
  padding: 0 0 0 2.8125rem;
  line-height: 2.5rem;
  font-size: 1rem;
  margin: 0 0 0.8125rem 0;
  z-index: 1;
}

#loginMainInner .loginInput,
#loginMainInner .loginPassword {
  background-color: #f3f3f3;
}

#loginMainInner .loginInputContainer {
  position: relative;
  padding: 0.1875rem;
}

#loginMainInner .loginInputIcon {
  height: 1.25rem;
  left: 0.6875rem;
  position: absolute;
  top: 0.8125rem;
  width: 1.25rem;
  z-index: 2;
}

#loginMainInner .loginInputIcon.loginIcon {
  background-image: url("../../images/default/start/login_icon_login_20x20.png");
  background-position: center center;
  background-repeat: no-repeat;
}

#loginMainInner .loginInputIcon.passwordIcon {
  background-image: url("../../images/default/start/login_icon_password_20x20.png");
  background-position: center center;
  background-repeat: no-repeat;
}

#loginMainInner .loginInput:focus,
#loginMainInner .loginPassword:focus {
  outline: none;
  -moz-outline: none;
  background-color: #dbdbdb;
}

#loginMainInner .loginSubmitBox {
  display: table;
  height: 2.5rem;
  table-layout: fixed;
  width: 100%;
}

#loginMainInner .loginSubmitBox a,
.switchMandatorLogout a {
  background: none;
  color: #000;
  display: inline-block;
  margin: 0.125rem 0.1875rem;
  text-decoration: underline;
}

#loginMainInner .loginSubmitBox a:hover,
.switchMandatorLogout a:hover {
  text-decoration: none;
}

#loginMainInner .loginSubmitBoxCell {
  display: table-cell;
  padding-top: 1.25rem;
  vertical-align: middle;
}

#loginMainInner .loginSubmitBoxCell .submitButtonLogin {
  background-color: #d6d5d9;
  border: 0.0625rem solid #000;
  display: inline-block;
  color: #000;
  height: 2.1875rem;
  font-weight: normal;
  margin: 0.125rem;
  padding: 0.1875rem 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

#loginMainInner .loginSubmitBoxCell input[type=submit]:hover {
  background-color: #dfdfdf;
}

#lostPasswordContent,
#loginContent {
  overflow: hidden;
}

#logoutContent {
  min-height: 12.5rem;
}

#logoutContent ul {
  padding-top: 1.25rem;
  font-size: 0.875rem;
}

#logoutContent ul li {
  padding-bottom: 0.3125rem;
}

.footer--login {
  background-color: rgba(255, 255, 255, 0.6) !important;
  bottom: 0;
  margin: 0 !important;
  padding: 0.3125rem !important;
  position: fixed;
  height: auto !important;
  width: auto !important;
}

.footer--login:hover {
  background-color: rgb(255, 255, 255) !important;
}

.footer--login #footerText {
  color: #000;
  height: 100%;
  padding: 0 0 0 0.625rem;
  vertical-align: middle;
}

.footer--login #footerText,
.footer--login #footerSystem {
  color: #000 !important;
  margin: 0;
  padding: 0;
}

.footer--login #footerXhtmlContent a,
.footer--login #footerXhtmlContent a:visited {
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}

.footer--login #footerXhtmlContent a:hover {
  color: #ff6400;
  text-decoration: none;
}

.footer--login #footerXhtmlContent a:focus {
  box-shadow: none;
  outline: 0.125rem dotted #3c7dcd;
}

#switchMandatorContainer {
  border-bottom: 0.5rem solid #656564;
  padding: 0 0.9375rem 1.4375rem 0.9375rem;
  overflow: auto;
}

.switchMandatorLogout {
  padding: 0.625rem 0 0 0;
}

.switchMandatorSelection {
  border-bottom: 0.0625rem solid #afafae;
  border-top: 0.0625rem solid #afafae;
  display: block;
  margin: 1.25rem 0 0.625rem 0;
  max-height: 12.5rem;
  min-height: 9.375rem;
  overflow-y: auto;
  padding: 0.1875rem 0.3125rem;
}

.switchMandatorRow {
  min-height: 2.1875rem;
  border-bottom: 0.0625rem solid #afafae;
  opacity: 0;
  padding-left: 0.3125rem;
  position: relative;
  display: flex;
  flex: 1;
}

.switchMandatorRow:hover {
  background-color: #e8e8e8;
  cursor: pointer;
}

.switchMandatorRow:after {
  background-image: url("../../images/default/start/login_icon_mandantenauswahl_20x40.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  content: "";
  display: inline-block;
  height: 20px;
  position: absolute;
  right: 0.3125rem;
  bottom: 0.5rem;
  width: 20px;
}

.switchMandatorEntry {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 25rem;
  position: relative;
}

.switchMandatorNumber {
  padding-left: 0.625rem;
}

.switchMandatorName {
  white-space: pre-line;
  max-width: 18.125rem;
}

#mainBoxStart .devModeStyle {
  background-color: rgba(255, 255, 255, 0.85);
  border: none !important;
  position: absolute;
  right: 0;
  top: 31.25rem;
  width: 50rem !important;
}

#mainBoxStart.mainBoxStartLeft .devModeStyle {
  left: 0;
  right: unset;
}

@media screen and (max-width: 36rem) {
  #mainBoxStart.mainBoxStartCenter,
  #mainBoxStart.mainBoxStartLeft,
  #mainBoxStart.mainBoxStartRight {
    inset: 0;
  }
  #loginMain {
    margin: auto 0.9375rem;
    max-width: 26.25rem;
    width: auto;
  }
  .loginLogos {
    justify-content: center;
  }
}
#mainBox {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header header" "sidenav content" "footer footer";
  min-height: 100vh;
}

#logoBox {
  background-image: url("../../images/default/header/cosinex-vms-logo_200x55.png");
  background-repeat: no-repeat;
  background-position: 0.625rem 0.1875rem;
  background-size: contain;
  height: 3.4375rem;
  width: 14.375rem;
  padding: 0;
  margin: 0;
  opacity: 1;
}

#contentMain {
  background: #fff;
  grid-area: content;
}

#contentTopic {
  background: #fff;
  padding: 0;
  margin: 0;
}

#contentTopic.no-subnav {
  margin: 0;
}

#contentTopicDistance {
  border-top: 0.0625rem solid #000;
  padding: 0.625rem 0.625rem 6.25rem 0.625rem;
  margin: 0;
}

#footer {
  background: #000;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.6875rem;
  font-weight: normal;
  margin: 0;
  padding: 0.3125rem 0.9375rem;
  grid-area: footer;
}

#footer a {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

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

#footer a,
#footer a:visited {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}

#footerText {
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0;
  height: auto;
}

#footerSystem {
  color: #fff;
  font-weight: bold;
  margin-left: auto;
  padding: 0.3125rem 0;
  text-transform: uppercase;
}

#footerXhtmlContent {
  text-align: left;
  text-transform: none;
}

#footerXhtmlContent a {
  text-transform: none;
}

#testSystemBox {
  display: flex;
  font-size: 0.875rem;
  min-height: 2.1875rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0 0.625rem;
  align-items: center;
  justify-content: center;
  border-bottom: 0.0625rem solid #000;
  background: linear-gradient(180deg, rgb(255, 148, 77) 0%, rgb(255, 129, 45) 50%, rgb(255, 104, 4) 100%);
}

body &gt; #testSystemBox {
  position: fixed;
}

#testSystemBoxSpace {
  height: 2.1875rem;
}

.testSystemText {
  display: block;
  overflow: hidden;
  letter-spacing: 0.0313rem;
  font-size: 0.875rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
}

#testSystemBoxSpace + #mainBox,
#testSystemBoxSpace + #mainFile {
  min-height: calc(100vh - 2.1875rem);
}

form#DemoModeForm + #mainFile {
  min-height: calc(100vh - 1.1875rem);
}

#testSystemBoxSpace + form#DemoModeForm + #mainFile {
  min-height: calc(100vh - 1.1875rem - 2.1875rem);
}

#mainNav {
  background: #ededed;
  display: flex;
  height: 4.6875rem;
  padding: 0;
  margin: 0;
  z-index: 6000;
  width: 100%;
  grid-area: header;
}

.mainNav__column {
  background: #fff;
  border-bottom: 0.0625rem solid #000;
  display: flex;
  height: 3.75rem;
}

.mainNav__column--navigation {
  flex: 1;
}

.mainNav-fixed {
  box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.5);
  position: fixed;
}

body.no-fixed-mainnav #mainNav {
  position: relative;
}

body.no-fixed-mainnav #mainNav.mainNav-fixed {
  box-shadow: none;
}

#main-nav.navigation {
  display: flex;
}

.navigation {
  background-color: #fff;
}

#mainNavForm {
  width: 100%;
}

#mainNavMenue ul {
  color: #000;
  background-color: #fff;
  display: flex;
  padding: 0;
  margin: 0.1875rem 0 0 0;
}

#mainNavMenue li {
  display: inline-block;
  border-right: 0.0625rem solid #000;
  padding: 0.3125rem 0 0 0;
  margin: 0;
}

#mainNavMenue li:first-child {
  border-left: 0.0625rem solid #000;
}

.icon-tenderfiles,
.icon-procurements,
.icon-contracts,
#mainNavMenue li a::before {
  background-image: url("../../images/default/mainnav/mainnav_icons_2021.png");
  background-repeat: no-repeat;
}

#mainNavMenue li a {
  border-bottom: 0.0625rem solid #000;
  height: 3.25rem;
  color: #000;
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: none;
  padding: 0.9375rem 0.625rem 0 2.0625rem;
  margin: 0;
  float: left;
  position: relative;
}

#mainNavMenue li a::before {
  content: "";
  display: flex;
  width: 22px;
  height: 30px;
  inset: 0;
  margin: auto 0 auto 9px;
  position: absolute;
}

#mainNavMenue li a.module_id_home::before {
  background-position: center -17px;
}

#mainNavMenue li a.module_id_procurements::before {
  background-position: center -378px;
}

.icon-procurements {
  background-position: center -380px;
}

#mainNavMenue li a.module_id_tenderfiles::before {
  background-position: center -76px;
}

.icon-tenderfiles {
  background-position: center -79px;
}

#mainNavMenue li a.module_id_contracts::before {
  background-position: center -440px;
}

.icon-contracts {
  background-position: center -442px;
}

#mainNavMenue li a.module_id_criteriaCatalog::before {
  background-position: center -501px;
}

#mainNavMenue li a.module_id_administration::before {
  background-position: center -136px;
}

#mainNavMenue li a.module_id_statistics::before {
  background-position: center -191px;
}

#admin-main-nav.navigation {
  display: flex;
}

#mainNavMenue li a.module_id_administration_admin::before {
  background-position: center -257px;
}

#mainNavMenue li a.module_id_administration_test::before {
  background-position: center -315px;
}

#mainNavMenue li:hover,
#mainNavMenue li.selectedMainNavMenueItem {
  background: linear-gradient(to bottom, #ff6600 0.3125rem, #fff 0);
}

#mainNavMenue li a:hover,
#mainNavMenue .selectedMainNavMenueItem a:hover {
  text-decoration: none;
  font-weight: bold;
  background-color: #fff;
}

#mainNavMenue li a:active {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  background-color: #ededed;
  border-bottom: 0.0625rem solid #ededed;
}

#mainNavMenue .selectedMainNavMenueItem a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  background-color: #ededed;
  border-bottom: 0.0625rem solid #ededed;
}

#mainNavMenue .selectedMainNavMenueItem a:hover {
  background-color: #ededed;
}

#userNav {
  border-bottom: 0.0625rem solid #000;
  display: flex;
  justify-content: flex-end;
  margin-top: 2.1875rem;
  position: relative;
  width: 100%;
}

#userNav ul {
  display: flex;
  list-style: none;
  margin-right: 0.625rem;
}

#userNav ul li * {
  font-family: Arial, Verdana, sans-serif !important;
}

#userNav ul li:first-child {
  position: absolute;
  top: -2.1875rem;
}

#userNav .user-nav-icons {
  position: relative;
}

#userNav .icon-user::before,
#userNav .icon-logout::before,
#userNav .icon-help::before,
#userNav .icon-print::before {
  background-image: url("../../images/default/mainnav/mainnav_user_icons.png");
  background-repeat: no-repeat;
  content: "";
  display: flex;
  inset: 0;
  width: 22px;
  height: 22px;
  margin: auto 0;
  position: absolute;
}

#userNav .icon-user {
  display: block;
  font-weight: bold;
  margin-bottom: 0.8125rem;
  margin-left: 0.4375rem;
  padding: 0.3125rem 0 0 1.5rem;
}

#userNav .icon-user::before {
  background-position: -2px 0;
}

#userNav .icon-logout {
  border-left: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  color: #000;
  display: block;
  float: left;
  font-weight: bold;
  height: 1.25rem;
  line-height: 1.375rem;
  margin-right: 0.3125rem;
  padding-left: 1.875rem;
  padding-right: 0.3125rem;
  text-decoration: none;
  text-transform: capitalize;
}

#userNav .icon-logout::before {
  background-position: 4px -25px;
}

#userNav .icon-logout:hover {
  text-decoration: underline;
}

#userNav .icon-help {
  border-right: 0.0625rem solid #000;
  display: block;
  float: left;
  height: 1.25rem;
  margin-right: 0.3125rem;
  width: 1.25rem;
}

#userNav .icon-help::before {
  background-position: -2px -51px;
}

#userNav .icon-print {
  display: block;
  float: left;
  height: 1.25rem;
  width: 1.25rem;
}

#userNav .icon-print::before {
  background-position: 0 -76px;
}

.burger-button {
  display: none;
  position: relative;
}

.burger-button::before {
  content: "";
  background: #fff;
  border: 0.0625rem solid #000;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: -0.0625rem;
  width: 2.5rem;
  height: 2.375rem;
}

.burger-button::after {
  content: "";
  display: inline-flex;
  position: absolute;
  top: 0;
  left: -0.0625rem;
  width: 2.5rem;
  height: 2.375rem;
}

.burger-button:focus {
  outline: none;
}

.burger-button:focus::before,
.burger-button:hover::before,
.burger-button.burger-button--active::before {
  background: #9d9d9d;
}

.burger-button:hover .burger-button__item,
.burger-button:hover .burger-button__item:before,
.burger-button:hover .burger-button__item:after,
.burger-button:focus .burger-button__item,
.burger-button:focus .burger-button__item:before,
.burger-button:focus .burger-button__item:after {
  background-color: #fff;
}

.burger-button:focus::before {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #739ce0;
}

.burger-button .burger-button__item {
  position: relative;
  display: block;
  width: 1.875rem;
  height: 0.25rem;
  background-color: #000;
  transition: all 0.2s ease-in-out;
}

.burger-button .burger-button__item:before,
.burger-button .burger-button__item:after {
  position: absolute;
  background-color: #000;
  content: "";
  width: 1.875rem;
  height: 0.25rem;
  transition: all 0.2s ease-in-out;
}

.burger-button .burger-button__item:before {
  top: -0.5rem;
}

.burger-button .burger-button__item:after {
  top: 0.5rem;
}

.burger-button.burger-button--active .burger-button__item {
  background: transparent;
}

.burger-button.burger-button--active .burger-button__item:before {
  transform: rotate(45deg) translate(0.3125rem, 0.375rem);
}

.burger-button.burger-button--active .burger-button__item:after {
  transform: rotate(-45deg) translate(0.3125rem, -0.375rem);
}

@media screen and (max-width: 61.875rem) {
  .burger-button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0.9375rem 0.9375rem 0 auto;
    padding: 1.125rem 0 0.75rem 0;
    width: 2.5rem;
  }
  .mainNav__column--navigation .navigation {
    margin-left: auto;
  }
  #mainNav .navigation {
    border-top: 0.0625rem solid #000;
    border-bottom: 0.0625rem solid #000;
    display: none;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 1.0625rem;
    box-shadow: -0.625rem 0.9375rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 0;
  }
  #mainNavMenue ul {
    flex-direction: column;
    margin: 0;
  }
  #mainNavMenue li,
  #mainNavMenue li:first-child {
    border: none;
  }
  #mainNavMenue li a {
    background-image: none;
    align-items: center;
    font-size: 0.75rem;
    height: 1.875rem;
    display: flex;
    margin: 0;
    padding: 0 0 0 0.625rem !important;
    width: 13.125rem;
    border-bottom: 0.0625rem solid #000;
  }
  #userNav {
    border-bottom: none;
    justify-content: flex-start;
    margin: 3.75rem 0 0.625rem 0;
  }
  #userNav ul {
    margin-left: 0;
  }
  #userNav ul li:first-child {
    position: absolute;
    top: -2.5rem;
  }
  #userNav .icon-logout {
    border-left: 0.0625rem solid #fff;
  }
  .subNavBox {
    width: 3.125rem;
  }
}
@media screen and (max-width: 80rem) {
  #mainNavMenue ul &gt; li:nth-child(1):nth-last-child(5) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(2):nth-last-child(4) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(3):nth-last-child(3) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(4):nth-last-child(2) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(5):nth-last-child(1) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(1):nth-last-child(6) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(2):nth-last-child(5) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(3):nth-last-child(4) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(4):nth-last-child(3) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(5):nth-last-child(2) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(6):nth-last-child(1) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(1):nth-last-child(7) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(2):nth-last-child(6) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(3):nth-last-child(5) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(4):nth-last-child(4) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(5):nth-last-child(3) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(6):nth-last-child(2) a[class^=module_id_],
  #mainNavMenue ul &gt; li:nth-child(7):nth-last-child(1) a[class^=module_id_] {
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
  }
  #mainNavMenue ul li a[class^=module_id_]::before {
    display: none;
  }
  #mainNavMenue ul &gt; li:nth-child(1):nth-last-child(2) a[class^=module_id_]::before,
  #mainNavMenue ul &gt; li:nth-child(2):nth-last-child(1) a[class^=module_id_]::before,
  #mainNavMenue ul &gt; li:nth-child(1):nth-last-child(3) a[class^=module_id_]::before,
  #mainNavMenue ul &gt; li:nth-child(2):nth-last-child(2) a[class^=module_id_]::before,
  #mainNavMenue ul &gt; li:nth-child(3):nth-last-child(1) a[class^=module_id_]::before,
  #mainNavMenue ul &gt; li:nth-child(1):nth-last-child(4) a[class^=module_id_]::before,
  #mainNavMenue ul &gt; li:nth-child(2):nth-last-child(3) a[class^=module_id_]::before,
  #mainNavMenue ul &gt; li:nth-child(3):nth-last-child(2) a[class^=module_id_]::before,
  #mainNavMenue ul &gt; li:nth-child(4):nth-last-child(1) a[class^=module_id_]::before {
    display: flex;
  }
}
.subNavBox {
  grid-area: sidenav;
  background-color: #ededed;
  position: relative;
  width: 14.4375rem;
  border-right: 0.0625rem solid #000;
}

#subNav ul {
  color: #000;
  margin: 0;
  padding: 0;
}

#subNav ul {
  width: 14.4375rem;
}

#subNav li {
  background-color: #d4d4d4;
  border-right: 0.0625rem solid #000;
  list-style: none;
  margin: 0;
  padding: 0;
}

#subNav li a {
  border-top: 0.0625rem solid #d4d4d4;
  border-bottom: 0.0625rem solid #d4d4d4;
  color: #000;
  display: table-cell;
  font-weight: bold;
  height: 2.125rem;
  margin: 0;
  padding: 0 0 0 0.9375rem;
  text-decoration: none;
  vertical-align: middle;
  width: 14.4375rem;
}

#subNav li a:hover {
  background: linear-gradient(to right, #ff6600 0.3125rem, #fff 0);
  border-bottom: 0.0625rem solid #000;
  border-top: 0.0625rem solid #000;
}

#subNav li.level1SelectedStyleClass a {
  background: linear-gradient(to right, #ff6600 0.3125rem, #fff 0);
  border-bottom: 0.0625rem solid #000;
  border-top: 0.0625rem solid #000;
}

#subNav li.level1SelectedStyleClass {
  border-right: none;
}

#subNav .disabledStyleClass {
  cursor: default;
  border-top: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #000;
  border-right: none;
  background: linear-gradient(to right, #ff6600 0.3125rem, #fff 0);
  padding: 0 0 0 0.3125rem;
  margin: 0;
  vertical-align: middle;
}

#subNav .disabledStyleClass ul {
  padding: 0;
  margin: 0;
  background-color: #fff;
}

#subNav .disabledStyleClass span {
  width: 14.375rem;
  display: table-cell;
  vertical-align: middle;
  color: #000;
  height: 2rem;
  text-decoration: none;
  font-weight: bold;
  border-left: none;
  border-right: 0.0625rem solid #fff;
  background-color: #fff;
  padding: 0 0 0 0.625rem;
  margin: 0;
}

#subNav ul ul {
  color: #000;
  padding: 0;
  margin: 0 0 0 -1.25rem;
}

#subNav li li {
  border-bottom: none;
  border-right: 0.0625rem solid #fff;
  list-style: none;
  background-color: #fff;
  padding: 0;
  margin: 0;
}

#subNav li li a {
  width: 14.375rem;
  display: table-cell;
  vertical-align: top;
  color: #000;
  height: 1.5625rem;
  text-decoration: none;
  font-weight: normal;
  border: none;
  padding: 0 0 0 1.25rem;
  margin: 0;
}

#subNav li li a:hover {
  background-image: none;
  border: none;
  padding-left: 1.25rem;
  text-decoration: underline;
}

#subNav li.level2SelectedStyleClass {
  position: relative;
}

#subNav li.level2SelectedStyleClass::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 3px;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff6600;
  transform: rotate(45deg);
}

#subNav li.level2SelectedStyleClass a {
  font-weight: bold;
}

#subNav li.level2SelectedStyleClass:hover a {
  background: transparent;
  text-decoration: none;
}

.breadCrumbPath {
  margin: 0.3125rem 0;
  line-height: 1.7rem;
}

.breadCrumbSeparator {
  color: #000;
  padding: 0 0 0 0.3125rem;
  margin: 0;
}

.breadCrumbCurrent {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.breadCrumbItem {
  margin: 0;
  padding: 0;
}

.breadCrumbItem a {
  margin: 0;
  padding: 0;
  color: #000;
}

.breadCrumbItem a:hover {
  text-decoration: none;
}

@media screen and (max-width: 61.875rem) {
  #mainNavMenue ul li a[class^=module_id_]::before {
    display: none !important;
  }
  .subNavBox {
    width: 3.125rem;
    z-index: 4999;
  }
  #contentTopic {
    margin-left: 3.125rem !important;
  }
  .subNavBox .burger-button {
    margin-top: 0.375rem;
  }
  #subNav ul {
    width: auto;
  }
  #subNav li {
    border: none;
  }
  #subNav li.level1SelectedStyleClass:first-child a {
    border-top: none;
  }
  .subNavBox .navigation {
    border-top: 0.0625rem solid #000;
    border-bottom: 0.0625rem solid #000;
    margin-top: 0.3125rem;
    box-shadow: 0.625rem 0.9375rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
    min-width: 14.4375rem;
  }
}
table {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

thead {
  margin: 0;
  background: #d9dcc6;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  border: 0.0625rem solid #000;
}

th {
  border: 0.0625rem solid #000;
  padding: 0.375rem 0.3125rem 0.375rem 0.3125rem;
  text-transform: uppercase;
  min-height: 2.5rem;
  height: 2.5rem;
}

th img {
  width: 0.875rem;
  height: 0.625rem;
  padding: 0 0.125rem;
  margin: 0 0 0 0.3125rem;
  color: #000;
  background-color: #fff;
  border: 0.0625rem solid #000 !important;
}

th a:hover img {
  background-color: #e8e8e8;
}

th a,
th a:visited {
  padding: 0.125rem 0.3125rem;
  background-color: transparent;
  color: #000;
  text-decoration: underline;
  border: none;
  align-items: center;
  display: inline-flex;
}

th a:hover,
th a:active {
  color: #000;
  text-decoration: none;
  border: none;
}

th a &gt; .ascending,
th a &gt; .descending {
  width: 0;
  height: 0;
  border-style: solid;
  margin-left: 0.625rem;
}

th a &gt; .ascending {
  border-width: 0 0.25rem 0.25rem 0.25rem;
  border-color: transparent transparent #000 transparent;
}

th a &gt; .descending {
  border-width: 0.25rem 0.25rem 0 0.25rem;
  border-color: #000 transparent transparent transparent;
}

tbody td {
  border: 0.0625rem solid #000;
  padding: 0 0.3125rem;
  height: 2.5rem;
  min-height: 2.5rem;
}

tbody tr {
  background: #fff;
  height: 1.875rem;
}

tbody tr:hover,
tbody tr:hover ul:not(.categorieListFileHead) {
  background: #e8e8e8;
  color: #000;
  cursor: default;
}

tbody tr:hover ul.fileSwitchBox {
  background: transparent;
}

tbody a &gt; img {
  border: none !important;
  min-height: 1rem;
  min-width: 1rem;
  padding: 0;
  background: none !important;
  margin-right: 0.1875rem;
}

tfoot td {
  margin: 0;
  padding: 0 0.3125rem;
  background: #d9dcc6;
  color: #000;
  text-align: right;
  text-transform: none;
  border: 0.0625rem solid #000;
  height: 2.5rem;
}

tfoot a:link, tfoot a:visited, tfoot .disabledLink {
  margin: 0.1875rem 0;
  padding: 0.125rem 0.3125rem 0.125rem 0.3125rem;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  border: none !important;
}

tfoot a:hover, tfoot a:active {
  color: #000;
  background-color: #cccc99;
  text-decoration: none;
  border: none;
}

.noEntryInTableHint {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 1.25rem;
}

.noSingleTemplate {
  text-align: center;
  padding: 0.1875rem 0 0 0;
  font-weight: bold;
}

.noStyle-printIframeTableOnParent {
  display: none;
}

.tree2ComponentWizard .noEntryInTableHint {
  display: none;
}

.tableFooterLeft {
  margin: 0;
  padding: 0 0 0 0.3125rem;
  font-weight: bold;
  float: left;
}

.tableFooterForColumnSmallLeft {
  margin: 0;
  padding: 0 0 0 2.1875rem;
  font-weight: bold;
  float: left;
}

*:not(hr) .tableFooterLeft {
  padding: 0 0 0 2.375rem;
}

.tableFooterLeftText {
  padding: 0 0 0 0.625rem;
}

a.tableFooterSelectAllLink {
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 0 0 0.3125rem;
  padding: 0;
  float: left;
}

.tableFooterRight {
  text-align: right;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.tableFooterSummary {
  margin: 0;
  padding: 0 0.3125rem 0 0;
  font-weight: bold;
  border-top: 0.25rem double #000 !important;
  border-bottom: 0.0625rem solid #000 !important;
  border-left: none !important;
  border-right: none !important;
}

.tableFooterSummaryLeft {
  margin: 0;
  padding: 0 0.3125rem 0 0;
  font-weight: bold;
  border-top: 0.25rem double #000 !important;
  border-bottom: 0.0625rem solid #000 !important;
  border-right: none !important;
}

.tableFooterSummaryRight {
  margin: 0;
  padding: 0 0.3125rem 0 0;
  font-weight: bold;
  border-top: 0.25rem double #000 !important;
  border-bottom: 0.0625rem solid #000 !important;
  border-left: none !important;
}

.tableDataCenter {
  text-align: center;
}

.tableDataLeft {
  text-align: left;
}

.tableDataTopLeft {
  text-align: left;
  vertical-align: top;
}

.tableDataRight {
  text-align: right;
}

.tdDivTable {
  display: table;
}

.tdDivTableRow {
  display: table-row;
}

.tdDivTableCell {
  display: table-cell;
}

.tableDataTiny {
  width: 3.125rem;
}

.tableDataCenterTiny {
  width: 3.125rem;
  text-align: center;
}

.tableDataType {
  width: 4.375rem !important;
  text-align: center;
}

.tableDataCenterSmall {
  width: 6.25rem;
  text-align: center;
}

.tableDataCenterSmall2 {
  width: 6.875rem;
  text-align: center;
}

.tableDataLeftSmall3 {
  width: 8.4375rem;
  text-align: left;
}

.tableDataCenterSmall3 {
  width: 8.4375rem;
  text-align: center;
}

.tableDataRightSmall {
  width: 5.625rem;
  text-align: right;
}

.tableDataRightSmall3 {
  width: 8.4375rem;
  text-align: right;
}

.tableDataDefaultSmall {
  width: 5.625rem;
  text-align: left;
}

.tableDataCenterMedium {
  width: 12.5rem;
  text-align: center;
}

.tableDataLeftMedium {
  width: 12.5rem;
  text-align: left;
}

.tableDataTopLeftMedium {
  width: 12.5rem;
  text-align: left;
  vertical-align: top;
}

.tableDataRightMedium {
  width: 12.5rem;
  text-align: right;
}

.tableDataDefaultMedium {
  width: 12.5rem;
  text-align: left;
}

.tableDataDefaultMinMedium {
  min-width: 12.5rem;
  text-align: left;
}

.tableDataHighlighting {
  background: #e8eadf;
  font-weight: bold;
}

.tableDataHighlightingManyRows {
  font-weight: bold;
}

.tableDataHighlighting a:link img {
  border: 0.0625rem solid #e8eadf;
}

.commonHeaderStatusTable th {
  margin: 0;
  padding: 0;
}

td.commonHeaderStatusTableData {
  margin: 0;
  padding: 0;
  width: 9.5rem;
  background: url("../../images/background/commonHeaderStatusTableData_back.gif") repeat-y top center;
}

td.commonHeaderStatusTableDataHighlighted {
  margin: 0;
  padding: 0;
  width: 9.5rem;
  background: #f4f4f4 url("../../images/background/commonHeaderStatusTableData_back.gif") repeat-y top center;
}

.commonHeaderStatusIconsAndLinkDoubleColumn,
.commonHeaderStatusIconsAndLinkSingleColumnHeader {
  text-align: center;
  width: 9.5rem;
  border-bottom: 0.0625rem solid #000;
  margin: 0;
  padding: 0.125rem 0;
}

.commonHeaderStatusIconsAndLinkSingleColumnHeader {
  width: 5.3125rem;
}

.commonHeaderStatusIconsAndLinkSingleColumn {
  text-align: center;
  width: 4.6875rem;
}

.boxStatusIconsAndLink {
  width: 4.6875rem;
  text-align: center;
  margin: 0;
  padding: 0.125rem 0;
  float: left;
}

.boxStatusIconsAndLinkWithBorderRight {
  width: 4.75rem;
  text-align: center;
  margin: 0;
  padding: 0.125rem 0;
  float: left;
  border-right: 0.0625rem solid #000;
}

.boxStatusIconsAndLinkStatus,
.boxStatusIconsAndLinkAction {
  padding: 0 0 0 0.25rem;
  border: none;
  display: inline-flex;
}

.boxStatusIconsAndLinkAction {
  margin-top: -0.0625rem;
}

table.commonHeaderStatusTable tfoot td,
table.commonHeaderStatusTableDoubleFooter tfoot td {
  padding: 0 !important;
}

table.commonHeaderStatusTable tfoot td:empty,
table.commonHeaderStatusTableDoubleFooter tfoot td:empty {
  border-left: none;
  border-right: none;
}

table.commonHeaderStatusTable tfoot td:first-child,
table.commonHeaderStatusTableDoubleFooter tfoot td:first-child {
  border-left: 0.0625rem solid #000;
}

table.commonHeaderStatusTableDoubleFooter tfoot td:nth-child(4) {
  border-left: none;
}

table.commonHeaderStatusTable tfoot td:last-child,
table.commonHeaderStatusTableDoubleFooter tfoot td:last-child {
  border-right: 0.0625rem solid #000;
}

table.commonHeaderStatusTable tfoot td input,
table.commonHeaderStatusTableDoubleFooter tfoot td input {
  margin: 0 !important;
}

table.commonHeaderStatusTable tfoot td:last-child .footerOneClickContainer,
table.commonHeaderStatusTableDoubleFooter tfoot td:last-child .footerOneClickContainer {
  border-right: none;
}

table.commonHeaderStatusTable .footerOneClickTextContainerCenter,
table.commonHeaderStatusTableDoubleFooter .footerOneClickTextContainerCenter {
  display: table-cell;
  font-size: 0.6875rem;
  font-weight: bold;
  height: 1.75rem;
  text-transform: uppercase;
  vertical-align: middle;
  width: 9.375rem;
}

table.commonHeaderStatusTable .footerOneClickWrapper,
table.commonHeaderStatusTableDoubleFooter .footerOneClickWrapper {
  position: absolute;
  left: -10.625rem;
}

table.commonHeaderStatusTableDoubleFooter .footerOneClickWrapper {
  left: -0.8125rem;
  top: 0;
}

table.commonHeaderStatusTable .footerOneClickButtonTable,
table.commonHeaderStatusTableDoubleFooter .footerOneClickButtonTable {
  margin: 0;
  padding: 0;
  position: relative;
}

table.commonHeaderStatusTable .footerOneClickButtonContainer,
table.commonHeaderStatusTableDoubleFooter .footerOneClickButtonTable {
  display: table-cell;
  height: 1.75rem;
  text-align: center;
  vertical-align: middle;
  width: 4.75rem;
}

table.commonHeaderStatusTableDoubleFooter .footerOneClickButtonTable {
  width: 6.25rem;
}

table.commonHeaderStatusTable .footerOneClickButtonContainer.borderLeft {
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url("../../images/default/table/1-klick-footer-bg_1x1.gif");
}

table.commonHeaderStatusTable .footerOneClickContainerStandAlone {
  display: table-cell;
  height: 1.75rem;
  text-align: center;
  vertical-align: middle;
  width: 6.875rem;
}

.tablePagingBox {
  align-items: center;
  display: inline-flex;
  padding-left: 0.3125rem;
  margin-top: -2.3rem;
  position: absolute;
}

table.browsePages {
  border: none !important;
  background: none !important;
  margin-top: 0.125rem;
  margin-bottom: 0;
  padding: 0;
  float: left;
  width: auto !important;
}

.tablePagingBox table.browsePages tbody td {
  height: 1.875rem;
}

table.browsePages td.browsePagesButtonTableData,
table.browsePages td table td {
  padding: 0;
}

table.browsePages a {
  margin-right: 0.1875rem;
}

table.browsePages a {
  padding: 0;
  min-width: 1.25rem;
  min-height: 1.25rem;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  border: 0.0625rem solid #000;
  text-decoration: none;
  color: #000;
}

table.browsePages span {
  display: inline-flex;
  width: 16px;
  height: 16px;
}

table.browsePages span {
  background-repeat: no-repeat;
  background-image: url("../../images/default/table/icon_browse_pages_16x128.png");
}

table.browsePages span span {
  background-image: none !important;
}

table.browsePages a {
  background-color: #eeeeee;
}

table.browsePages a:hover {
  background-color: #cccc99;
}

table.browsePages span {
  border: none;
}

table.browsePages tr {
  background: none;
}

.browsePages td,
.browsePages tr:hover {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #000;
  border: none;
}

table.browsePagesCurrentPageTable td a {
  border: none;
  display: inline-flex;
  background: none;
  align-items: center;
  justify-content: center;
  min-width: 1.3125rem;
  padding: 0;
  font-weight: bold;
  text-decoration: underline;
}

td.browsePagesCurrentPageTableData {
  color: #000;
  text-align: center;
  padding: 0 !important;
  width: 1.25rem;
  background-image: url("../../images/default/table/current_page_browse_pages_20x20.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
  margin-right: 0.1875rem;
}

.tableResultText {
  display: inline-flex;
  font-weight: bold;
  padding: 0.4375rem 0.3125rem 0.3125rem 0.3125rem;
  align-items: center;
}

a span.browseFirst {
  background-position: center 0;
}

a span.browseBackward {
  background-position: center -32px;
}

a span.browseLast {
  background-position: center -95px;
}

a span.browseForward {
  background-position: center -63px;
}

.tableFilter {
  display: flex;
  justify-content: flex-end;
}

.tableFilter--column {
  flex-direction: column;
}

.tableFilter__row {
  flex: 1;
}

.tableFilter__row.tableFilter--align-left,
.tableFilter--align-left {
  margin-right: auto;
}

.tableFilter__row.tableFilter--align-right,
.tableFilter--align-right {
  margin-left: auto;
}

.tableFilter__row.tableFilter--align-center,
.tableFilter--align-center {
  margin-left: auto;
  margin-right: auto;
}

.tableFilter,
.varCharStandAlone {
  background-color: #f4f4f4;
  margin: 0;
  padding: 0.3125rem;
  border: 0.0625rem solid #000;
  border-bottom: none;
  color: #000;
  min-height: 5rem;
}

.tableFilter ul.tableFilterListForElements {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}

.tableFilter ul.tableFilterListForElements .helpTextButton-wrapper {
  margin-left: 0;
}

.tableFilter ul.tableFilterListForElements &gt; li {
  padding: 0;
  margin: 0 0.3125rem 0.3125rem 0;
  float: left;
}

.tableFilter ul.tableFilterListForElements &gt; li span.tableFilterLabel,
.tableFilter ul.tableFilterListForElements &gt; li span.tableFilterLabel label {
  cursor: default;
  text-transform: uppercase;
  font-size: 0.625rem;
  display: inline-block;
}

.tableFilter ul.tableFilterListForElements &gt; li span.tableFilterLabel {
  align-items: center;
  display: inline-flex;
  height: 1.25rem;
}

.tableFilter ul.tableFilterListForElements &gt; li span.tableFilterElement {
  padding: 0.125rem 0 0 0;
  margin: 0;
  display: block;
  clear: left;
}

.tableFilter ul.tableFilterListForElements &gt; li input[type=text] {
  border: 0.0625rem solid #a8a8a8;
  padding: 0 !important;
  margin: 0 !important;
}

.tableFilter ul.tableFilterListForElements li select,
.tableFilter ul.tableFilterListForElements li select.tableFilterSelectLarge {
  border: 0.0625rem solid #a8a8a8;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-block;
  line-height: 1.5;
  width: 4.375rem;
}

.tableFilter ul.tableFilterListForElements li select.tableFilterSelectLarge {
  width: 10.625rem;
}

.tableFilter ul.tableFilterListForElements li input[type=button],
.tableFilter ul.tableFilterListForElements li input[type=submit] {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: 0.0625rem solid #000;
  padding: 0;
  margin: 0 0 0 0.3125rem;
  float: left;
  background-color: #d6d5d9;
  background-image: url("../../images/default/searchFilter/icon_search_reset_24x144.png");
  background-repeat: no-repeat;
}

.tableFilter ul.tableFilterListForElements li input[type=button]:hover,
.tableFilter ul.tableFilterListForElements li input[type=submit]:hover {
  background-color: #9d9d9d;
}

.tableFilter ul.tableFilterListForElements li .searchIcon {
  background-position: center -1px !important;
}

.tableFilter ul.tableFilterListForElements li .searchIcon:hover {
  background-position: center -25px !important;
}

.tableFilter ul.tableFilterListForElements li .searchIcon[disabled],
.tableFilter ul.tableFilterListForElements li .searchIcon[disabled]:hover {
  border: 0.0625rem solid #a7a6aa;
  background-color: #d6d5d9;
  background-position: center -49px !important;
}

.tableFilter ul.tableFilterListForElements li .resetIcon {
  background-position: center -73px !important;
}

.tableFilter ul.tableFilterListForElements li .resetIcon:hover {
  background-position: center -97px !important;
}

.tableFilter ul.tableFilterListForElements li .resetIcon[disabled],
.tableFilter ul.tableFilterListForElements li .resetIcon[disabled]:hover {
  border: 0.0625rem solid #a7a6aa;
  background-color: #d6d5d9;
  background-position: center -121px !important;
}

.tableFilter ul.tableFilterListForElements li.tableFilterResult {
  margin-left: 0.9375rem !important;
}

.tableFilter ul.tableFilterListForElements li span.tableFilterResultBox {
  min-height: 1.5rem;
  text-align: center;
  margin-top: 0.125rem !important;
  border: 0.0625rem solid #a8a8a8;
}

.tableFilter ul.tableFilterListForElements li span.tableFilterResultBox span.currentResult {
  font-size: 0.875rem;
  font-weight: bold;
  color: #000;
}

.tableFilter ul.tableFilterListForElements li span.tableFilterResultBox span.undefinedResult {
  font-size: 1rem;
  font-weight: bold;
  display: none;
  color: #d40000;
}

.tableFilterDisabledSelection {
  font-size: 0.4375rem;
  font-weight: normal;
  margin-left: 0.3125rem;
}

table.tableFourColumnLayout {
  padding: 0;
  background-color: transparent;
  margin-top: 0;
}

table.tableFourColumnLayout td {
  background: #fff;
}

span.tableFourColumnLayout .showtitel {
  margin-top: 0;
  margin-bottom: 0;
}

table.tableFourColumnLayout tbody tr:hover ul,
table.tableFourColumnLayout tbody tr:hover,
.tableFourColumnDataCellResize:hover {
  color: #000 !important;
}

table.tableFourColumnLayout td {
  border: none;
  min-height: 1.5625rem;
}

.tableFourColumnLayout td.tableFourColumnLabelColumn {
  width: 17% !important;
  vertical-align: top;
  padding-top: 0.125rem;
}

.tableFourColumnDataCellResize {
  padding: 0;
  background: #cfcfcf;
}

.toggleTableRow {
  font-weight: bold;
}

.tableFourColumnLayout td.tableFourColumnValueColumn {
  font-weight: bold;
  vertical-align: top;
  padding-top: 0.125rem;
  width: 33% !important;
}

fieldset table.tableFourColumnLayout td,
.VMSFieldset table.tableFourColumnLayout td,
.VMPFieldset table.tableFourColumnLayout td {
  background-color: #f4f4f4;
}

span.tableFourColumnLayout .txtout,
span.tableFourColumnLayout .showtitel {
  margin: 0;
  padding: 0;
  border: 0.0625rem solid #f4f4f4;
  background: none;
}

span.tableFourColumnLayout .showtitel {
  padding-left: 0.4375rem;
  margin: 0.3125rem 0 1.25rem 0;
}

span.tableFourColumnLayout .showtitel a {
  padding: 0.1875rem 0.3125rem 0.1875rem 0;
  margin-left: 0.125rem;
  background: #d6d5d9;
  border: 0.0625rem solid #000;
}

span.tableFourColumnLayout .showtitel .toggleHide,
span.tableFourColumnLayout .showtitel .toggleShow {
  padding: 0;
  margin: -0.0625rem 0 0 0;
  float: left;
  position: relative;
}

span.tableFourColumnLayout .txtout {
  margin: -0.3125rem 0 0.625rem 0;
}

table.interfaceTable table.tableFourColumnLayout tbody td:first-child {
  padding-left: 0.3125rem;
}

table.interfaceTable table.tableFourColumnLayout tbody tr:last-child td:first-child {
  padding-bottom: 0.3125rem;
}

.tableBlankNoHover table,
.tableBlankNoHover thead,
.tableBlankNoHover tfoot,
.tableBlankNoHover tbody,
.tableBlankNoHover td,
.tableBlankNoHover tr {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: none;
  color: #000;
  text-align: left;
  background: transparent !important;
}

.tableBlankNoHover th {
  text-transform: none;
  text-align: left;
  padding: 0;
  border: none;
  font-weight: bold;
}

.tableRowNoHover tr:hover,
.tableBlankNoHover tr:hover {
  color: #000;
  background: transparent !important;
}

.tableNoBorder,
.tableNoBorder td {
  border: none;
}

.componentBox {
  min-height: 2.5rem;
  overflow: auto;
  background: #f4f4f4;
  margin: 0 0 0.625rem 0;
  padding: 0.625rem;
  border: 0.0625rem solid #000;
  border-top: none;
}

.componentBoxLeft {
  display: inline-flex;
  align-items: center;
  width: 62%;
  margin: 0;
  padding: 0;
}

.componentBoxRight,
.componentBoxRightOpen {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  margin: 0;
  padding: 0 0 0 0.625rem;
  float: right;
}

.componentBoxRight {
  width: 15.625rem;
}

.componentBoxHeader {
  border: 0.0625rem solid #000;
  border-bottom: none;
  overflow: auto;
  background: #f4f4f4;
  margin: 0;
  padding: 0.625rem;
}

.componentBoxHeaderRight {
  text-align: right;
}

.componentBoxHeaderLeft {
  text-align: left;
}

label {
  cursor: pointer;
}

.labelWithMandatorySign,
.labelWithMandatorySignAndInfo,
.labelWithMandatorySignInputNextLine,
.labelWithMandatorySignSmall {
  padding-right: 0.3125rem;
  width: 90%;
  float: left;
}

.labelWithMandatorySignSmall {
  width: 80%;
}

.labelWithMandatorySignAndInfo {
  width: 80%;
}

.labelWithMandatorySignInputNextLine {
  width: 80%;
}

.elementWithMandatorySign,
.labelWithInfoToolTip {
  padding-right: 0.3125rem;
  width: 90%;
  float: left;
}

.labelWithInfoToolTip {
  width: 85%;
}

.elementWithInfoToolTip {
  padding-right: 0.625rem;
}

.tableHeaderWithMandatorySign {
  padding-right: 0.3125rem;
  float: inherit;
  cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
  background: #fff;
  color: #000;
  cursor: pointer;
}

input[type=radio] {
  height: 0.875rem;
  width: 0.875rem;
  position: relative;
}

input[type=checkbox] {
  height: 0.875rem;
  width: 0.875rem;
}

input[type=text],
input[type=password] {
  background: #fff;
  color: #000;
}

.inputTypeTextSuperSize {
  width: 32.5rem;
  margin: 0 0.3125rem;
}

.inputTypeTextLarge {
  width: 18.75rem;
}

.inputTypeTextBigger {
  width: 9.375rem;
  margin: 0 0.3125rem;
}

.inputTypeText120 {
  margin: 0 0.3125rem;
  width: 7.5rem;
}

.inputTypeTextMedium {
  width: 4.6875rem;
  margin: 0 0.3125rem;
}

.inputTypeTextSmall {
  width: 3.125rem;
  margin: 0 0.3125rem;
}

.inputTypeTextDefault {
  margin: 0 0.3125rem;
}

.timeField + label {
  align-items: center;
  display: inline-flex;
}

.textBetweenInput {
  display: inline-block;
  height: 1.25rem;
  line-height: 1.25rem;
  padding: 0 0.3125rem;
}

.inputTypeIntegerSmall,
.inputTypeIntegerMedium,
.inputTypeIntegerBigger {
  text-align: right;
  margin: 0 0 0 0.3125rem;
  padding: 0 0.0625rem 0 0.1875rem;
}

.inputTypeIntegerSmall {
  width: 2.5rem;
}

.inputTypeIntegerMedium {
  width: 5.625rem;
}

.inputTypeIntegerBigger {
  width: 8.125rem;
}

select {
  background: #fff;
}

select option:checked,
select[multiple] option:checked {
  background-color: #0072e1;
  color: #fff;
}

option {
  cursor: pointer !important;
}

.dropDownGlobal {
  height: 1.25rem;
  margin: 0 0.3125rem;
  overflow: visible;
}

.dropDownLarge {
  width: 18.75rem;
  margin: 0 0.3125rem;
  overflow: visible;
}

.dropDownMediumLarge {
  width: 16.5625rem;
  margin: 0 0.3125rem;
  overflow: visible;
}

.dropDownMedium {
  width: 9.375rem;
  margin: 0 0.3125rem;
}

.dropDownSmall {
  width: 4.6875rem;
  margin: 0 0.3125rem;
}

.dropDownSuperSize {
  width: 31.25rem;
  margin: 0 0.3125rem;
  overflow: visible;
}

.dropDownOutput {
  margin: 0 0.3125rem;
  padding: 0.125rem 0.125rem 0.125rem 0.3125rem;
  width: 32rem;
  min-height: 2.5rem;
  font-size: 0.6875rem;
  font-weight: bold;
  color: #000;
  border: 0.0625rem solid #a7a6aa;
}

.timeLimitColumn {
  padding: 0 0.3125rem;
}

.timeLimitColumn .boxDefinedMedium {
  align-items: center;
  display: flex;
  padding: 0.125rem 0.3125rem 0 0.3125rem;
  height: 100%;
}

.timeLimitColumn .timeLimitColumn__reminder {
  align-items: center;
  display: flex;
  height: 100%;
}

.multipleSelectSmall,
.multipleSelectMedium,
.multipleSelectLarge,
.multipleSelectOpen {
  min-width: 4.6875rem;
  height: auto;
  margin: 0 0.3125rem;
  padding: 0 0 0.0625rem 0;
}

.multipleSelectMedium {
  min-width: 9.375rem;
}

.multipleSelectLarge {
  overflow: auto;
  min-width: 19.375rem;
}

.multipleSelectOpen {
  overflow: scroll;
  min-width: 19.375rem;
}

.alignDisabledCheckboxImage img {
  margin: 0;
  padding: 0;
}

.checkBoxWrite,
.checkBoxView {
  margin: 0 0.3125rem 0 0;
  padding: 0;
}

.checkBoxAlignment {
  margin: 0;
  padding: 0;
}

.checkBoxAlignmentLeft {
  margin: 0 0.3125rem;
  padding: 0;
}

.radioStyle {
  border: none;
  margin: 0;
}

.multiLineRadioButtonTextWrapper tr:not(:first-child) label input {
  margin-top: 0.625rem !important;
}

.selectOneRadioSetTextOutside tbody tr:hover {
  color: #000;
  background: #f4f4f4;
  cursor: default;
}

.selectOneRadioSetTextOutside th,
.selectOneRadioSetTextOutside td,
.selectOneRadioSetTextOutside tfoot {
  margin: 0;
  padding: 0.1875rem;
  background: #f4f4f4;
  border: none !important;
}

.selectOneRadioSetTextOutside label {
  display: flex;
  float: inherit;
  max-width: 80%;
}

.selectOneRadioSetTextOutside input {
  display: inline-block;
  width: 0.875rem;
  float: left;
  position: relative;
  top: -0.1875rem;
}

.selectOneRadioSetTextOutside input[type=radio] {
  margin-right: 0.3125rem;
  top: 0;
}

.selectOneRadioSetTextOutside input[type=radio][disabled] {
  background-color: transparent !important;
}

.textAreaLarge {
  width: 18.75rem;
  margin: 0.3125rem 0.3125rem 0 0.3125rem;
  padding: 0 0 0 0.1875rem;
}

.textAreaLargeWide {
  width: 33.125rem;
  margin: 0.3125rem 0.3125rem 0 0.3125rem;
  padding: 0 0 0 0.1875rem;
}

.textAreaMedium {
  width: 18.75rem;
  margin: 0.3125rem 0.3125rem 0 0.3125rem;
  padding: 0 0 0 0.1875rem;
}

.textAreaDefault {
  margin: 0.3125rem 0.3125rem 0 0.3125rem;
  padding: 0 0 0 0.1875rem;
}

.textAreaError {
  font-size: 0.875rem;
  height: 25rem;
  min-height: 25rem;
  max-height: 75rem;
  padding: 0.625rem;
  width: 45rem;
  overflow-y: scroll;
}

textarea:not(.textAreaError) {
  background: #fff;
  color: #000;
  min-height: 2.3125rem;
  max-height: 28.125rem !important;
  overflow: hidden;
}

.printContentTextarea {
  display: none;
}

.textareaContainer[data-maxlength] {
  float: left;
}

.textareaContainer[data-maxlength=""] .countCharTextFieldWrapper {
  display: none !important;
}

input[type=text][maxlength] {
  display: inline-block;
  float: left;
}

input[type=text][maxlength][disabled],
input[type=text][maxlength][readonly] {
  float: none;
}

input[type=text][maxlength].no-maxlength {
  float: none !important;
}

.countCharTextFieldWrapper {
  position: relative;
}

input[type=text][maxlength] + .countCharTextFieldWrapper {
  float: left;
}

input[type=text][maxlength] + .countCharTextFieldWrapper .countCharTextField {
  bottom: -2.5625rem;
  right: 0.125rem;
}

.textareaContainer[data-maxlength] .countCharTextFieldWrapper {
  float: none;
  clear: left;
}

.textareaContainer[data-maxlength] .countCharTextFieldWrapper .countCharTextField {
  bottom: -1rem;
  right: 0.125rem;
}

.countCharTextField {
  display: none;
  background-color: #656465;
  border-radius: 0.1875rem;
  color: #fff;
  cursor: default;
  font-size: 0.6875rem;
  line-height: 0.6875rem;
  font-weight: bold;
  padding: 0.1875rem;
  position: absolute;
  text-align: center;
  min-width: 2.1875rem;
  min-height: 1rem;
  z-index: 100;
}

.data-validation-area .countCharTextField {
  left: -2.5625rem;
}

.countCharTextField:hover:after {
  background: #656465;
  border-radius: 0.1875rem;
  bottom: 130%;
  content: "verbleibende Zeichen von max. " attr(data-maxlength);
  right: -50%;
  padding: 0.3125rem;
  position: absolute;
  white-space: nowrap;
}

.countCharTextField:hover:before {
  border-top: 1.25rem solid #656465;
  border-left: 1.25rem solid transparent;
  border-right: 1.25rem solid transparent;
  bottom: 90%;
  content: "";
  height: 0;
  right: 0;
  position: absolute;
  width: 0;
}

.charZero {
  background-color: #e0292e;
}

.textareaContainer[data-maxLength] .countCharTextFieldWrapper.debugCount {
  transform: translateX(45px);
}

textarea + .countCharTextFieldWrapper .charZero,
input[type=text][maxlength] + .countCharTextFieldWrapper .charZero {
  display: block;
}

textarea[disabled] + .countCharTextFieldWrapper .charZero,
textarea[readonly] + .countCharTextFieldWrapper .charZero,
input[type=text][maxlength][disabled] + .countCharTextFieldWrapper .charZero,
input[type=text][maxlength][readonly] + .countCharTextFieldWrapper .charZero {
  display: none !important;
}

.actionForm {
  width: auto;
  margin: 0.625rem 0 1.25rem 0;
  padding: 0.625rem 0.625rem 0.625rem 0;
  border-top: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #000;
  border-left: 0.0625rem solid #000;
  background-color: #f4f4f4;
  text-align: right;
}

.actionForm button {
  margin: 0 0 0 0.3125rem;
}

.actionButtonFieldset {
  width: auto;
  padding: 0.625rem 0.625rem 0 0;
  text-align: right;
}

.submitButton,
.submitButtonMarginless,
a.submitLink {
  width: auto;
  min-height: 1.5rem;
  padding: 0 0.3125rem !important;
  margin: 0 0.3125rem;
  border: 0.0625rem solid #000;
  background-color: #d6d5d9;
  color: #000;
  text-transform: uppercase;
  font-size: 0.6875rem !important;
  line-height: 1.5;
  cursor: pointer;
  overflow: visible;
}

a.submitLink {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.submitButtonMarginless {
  margin: 0;
}

.submitButtonGlowing {
  box-shadow: 0.0625rem 0.0625rem 0.375rem 0.1875rem #f3830b;
}

input[type=submit]:hover,
input[type=button]:hover,
.submitButton:hover,
.submitButtonMarginless:hover {
  background: #9d9d9d;
  color: #fff;
}

input[type=text],
input[type=password],
select,
textarea {
  border: 0.0625rem solid #a8a8a8;
}

input[type=text],
input[type=password],
select,
option,
input[type=text]:focus,
input[type=text][disabled],
input[type=text][readonly],
input[type=password][disabled],
input[type=text].singleFieldInput[disabled],
input[type=text].singleFieldInput[readonly] {
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
}

.submitButton[disabled] {
  border: 0.0625rem solid #a7a6aa;
}

input[type=text][disabled],
select[disabled],
textarea[disabled] {
  border: 0.0625rem solid #a7a6aa;
  background: #d6d5d9;
}

body:last-child input[disabled],
body:last-child select[disabled],
body:last-child .submitButton[disabled],
body:last-child textarea[disabled] {
  background: #d6d5d9;
}

.disabledHref {
  cursor: default;
}

button[disabled],
input[type=submit][disabled],
.submitButton[disabled],
input[type=text][disabled],
input[type=text][readonly],
select[disabled],
textarea[disabled],
body:last-child input[disabled],
body:last-child select[disabled],
body:last-child .submitButton[disabled],
body:last-child textarea[disabled],
.disabledHref,
tfoot .disabledLink,
.tableFilterDisabledSelection,
.interfaceBoxTextDisabled {
  color: #4d4d4d !important;
  cursor: default !important;
}

.iconMagnifier {
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  border: none !important;
  background: url("../../images/default/activityArea/icon_magnifier_18x18.png") no-repeat center center !important;
}

.iconMagnifier:hover {
  background-color: #cccc99 !important;
  border: 0.0625rem solid #000 !important;
}

.outputData,
.outputDataLot {
  font-weight: normal;
  min-width: 1.25rem;
  padding: 0 0.3125rem 0 0.3125rem;
  display: inline-block;
  min-height: 1.5rem;
}

.outputDataLot {
  padding-left: 0.3125rem;
}

.exampleText {
  font-size: 0.625rem;
  font-weight: normal;
}

.assignmentNormalText {
  display: block;
  padding: 0;
  margin: 0.1875rem 0 0 0;
  float: left;
}

.imgBlindBox {
  padding: 0;
  margin: 0 0.0625rem !important;
  display: inline-block;
}

.imgRight {
  float: right;
}

.imgInline {
  padding: 0;
  margin: 0 !important;
  text-align: left;
  vertical-align: text-bottom;
  display: inline-block;
}

a:link img,
a:visited img {
  border: 0.0625rem solid #fff;
}

a:hover img,
a:active img {
  border: 0.0625rem solid #000;
  color: #000;
  background-color: #cccc99;
}

.yesHoverOnImage td a:hover img,
.yesHoverOnImage td a:active img {
  border: 0.0625rem solid #000 !important;
  color: #000 !important;
  background-color: #cccc99 !important;
}

img.yesHoverOnLinkImage {
  border: 0.0625rem solid #fff;
  cursor: pointer;
}

img:hover.yesHoverOnLinkImage,
img:active.yesHoverOnLinkImage {
  border: 0.0625rem solid #000;
  color: #000;
  cursor: pointer;
  background-color: #cccc99 !important;
}

.yesHoverOnLinkImage td img {
  border: 0.0625rem solid #000 !important;
  color: #000 !important;
  background-color: #cccc99 !important;
}

.noHoverOnImage a:hover img,
.noHoverOnImage a:active img {
  border: none !important;
  background: none !important;
}

.tableRowHighlight {
  background: #f4f4f4;
}

.tableRowHighlight a:link img,
.tableRowHighlight a:visited img {
  background: #f4f4f4;
  border: 0.0625rem solid #f4f4f4;
}

.tableRowHighlight a:hover img,
.tableRowHighlight a:active img {
  border: 0.0625rem solid #000;
  background: #cccc99;
}

tbody tr:hover a:link img {
  background: #e8e8e8;
  border: 0.0625rem solid #e8e8e8;
  cursor: pointer;
}

tbody tr:hover a:hover img {
  border: 0.0625rem solid #000;
  background: #cccc99;
}

fieldset {
  border: 0.0625rem solid #000;
  background-color: #f4f4f4;
  margin: 1.25rem 0 1.875rem 0 !important;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem;
}

.VMSFieldset {
  padding-left: 0.9375rem;
  border-left: 0.3125rem solid #ff6600;
}

.VMPFieldset {
  padding-left: 0.9375rem;
  border-left: 0.3125rem solid #0066cc;
}

body:last-child fieldset,
body:last-child .VMSFieldset,
body:last-child .VMPFieldset {
  margin: 0.9375rem 0 1.25rem 0;
}

legend {
  font-weight: bold;
  border: 0.0625rem solid #000;
  background-color: #d9dcc6;
  color: #000;
  margin: 0 0 0.625rem 0.3125rem;
  padding: 0 0.3125rem;
  min-height: 1.875rem;
  display: flex;
  align-items: center;
}

fieldset ul {
  color: #000;
  list-style-type: square;
  padding: 0;
  margin: 0.3125rem 0 0.3125rem 0.9375rem;
}

fieldset li {
  padding: 0;
  margin: 0;
}

.textInnerFieldset {
  border: none;
  margin: 0.625rem 0;
  padding: 0.1875rem;
}

.fieldsetSplitter {
  border-top: 0.0625rem solid black;
  margin: 0.3125rem 0 0.3125rem -0.625rem;
}

.labelInputCombinationBox &gt; * &gt; label {
  width: 90%;
}

.labelInputCombinationBox {
  display: block;
}

.boxUndefinedFlex,
.singleFieldTemplating {
  display: flex;
}

.flex-direction--column {
  flex-direction: column;
}

.flex-row-vertical--bottom {
  align-items: flex-end;
}

.flex-row-vertical--center {
  align-items: center;
}

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

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.order3 {
  order: 3;
}

.boxWithEuroSign {
  align-items: baseline;
}

.boxDefinedXXLarge,
.boxDefinedExtraLarge,
.boxDefinedLarge,
.boxDefinedMediumLarge,
.boxDefinedMedium,
.boxDefinedMediumMinWidth,
.boxDefinedMediumSmall,
.boxDefinedSmall,
.boxDefinedVerySmall,
.boxDefinedTiny,
.boxDefinedEmptyTiny,
.boxOpen {
  margin: 0;
  padding: 0 0.3125rem 0.25rem 0.3125rem;
  /*padding: 0 0.3125rem 0.25rem 0.3125rem; // 2px 5px 4px 5px */
  float: left;
}

.spreadedRadioElements {
  margin-left: 1.875rem;
}

.spreadedRadioElements &gt; .helpTextButton-wrapper {
  margin-left: -1.875rem;
}

.boxDefinedXXLarge {
  width: 36.5625rem;
}

.boxDefinedExtraLarge {
  width: 31.25rem;
}

.boxDefinedLarge {
  width: 21.5625rem;
}

.boxDefinedMediumLarge {
  width: 16.5625rem;
  min-width: 16.5625rem;
}

.boxDefinedMedium {
  width: 11.875rem;
}

.boxDefinedMediumMinWidth {
  min-width: 11.875rem;
}

span.boxDefinedMediumText {
  display: inline-block;
  width: 7.8125rem;
}

.boxDefinedMediumSmall {
  width: 6.875rem;
}

.boxDefinedSmall {
  width: 7.1875rem;
}

.boxDefinedVerySmall {
  width: 5.625rem;
}

.boxDefinedTiny {
  width: 1.875rem;
}

.boxDefinedEmptyTiny {
  width: 0.75rem;
}

.boxOpen {
  width: auto;
}

.boxDefinedPercentWidth {
  width: 51%;
}

.boxDefinedAlignmentCheckBox {
  padding: 0.125rem 0.3125rem 0 0 !important;
  margin: 0 !important;
}

.boxRadioButtonCheckbox {
  padding: 0;
}

.boxLotLabelAndDropDownRight {
  float: left;
  padding-left: 0.3125rem;
  width: 14.3125rem;
}

.footNote {
  width: 90%;
  border-top: 0.0625rem dashed #000;
  border-bottom: none;
  border-right: none;
  border-left: none;
  padding: 0.625rem 0.625rem 0 0.625rem;
  margin: 0.625rem 0 0 0;
  font-size: 0.6875rem;
}

.footNoteLabel {
  margin: 0 0 0 0.6875rem;
}

.footNoteText {
  align-items: center;
  color: #000;
  cursor: help;
  display: inline-flex;
  font-size: 0.6875rem;
  font-weight: bold;
  height: 0.75rem;
  justify-content: center;
  padding: 0;
  width: 0.75rem;
  margin-left: auto;
}

.footNoteLegend {
  color: #000;
  display: block;
  float: left;
  font-size: 0.6875rem;
  font-weight: bold;
  margin: 0 0 0 -0.5rem;
  padding: 0 0.25rem 0 0;
  text-align: right;
  vertical-align: top;
  width: 0.9375rem;
}

.footNote p.footNoteDistance {
  display: list-item;
  font-size: 0.6875rem;
  list-style-type: none;
  list-style-position: outside;
  padding: 0 0 0 0.9375rem;
  margin: 0 0 0.5rem 0;
}

.resultSeverity_ERROR,
.resultSeverity_ERROR &gt; label {
  padding: 0;
  color: #aa2222 !important;
  font-weight: bold;
  width: 100%;
  float: left;
}

.resultSeverity_WARN,
.resultSeverity_WARN &gt; label {
  padding: 0;
  color: #ff6600 !important;
  font-weight: bold;
  width: 100%;
  float: left;
}

.resultSeverity_INFO,
.resultSeverity_INFO &gt; label {
  padding: 0;
  color: #0d6fba !important;
  font-weight: bold;
  width: 100%;
  float: left;
}

legend span.resultSeverity_ERROR,
legend span.resultSeverity_WARN,
legend span.resultSeverity_INFO {
  float: none;
}

.mandatoryLabel {
  padding: 0 0.3125rem 0 0.125rem;
  margin: 0;
  color: #FF6A2C;
}

.legendMandatory_alignRight {
  display: block;
  float: right;
  cursor: default;
  width: 0.625rem;
  height: 0.625rem;
  margin: -0.9375rem 0 0 0;
  background: url("../../images/default/icon/label_mandatory_9x9.gif") no-repeat top right;
  background-size: contain;
  padding: 0 0.1875rem 0 0;
}

.labelMandatory_alignRight,
.multiLineLabel .labelMandatory_alignRight,
.labelRecommended_alignRight,
.multiLineLabel .labelRecommended_alignRight {
  display: block;
  float: right;
  cursor: default;
  background: url("../../images/default/icon/label_mandatory_9x9.gif") no-repeat 0 0.1875rem;
  background-size: contain;
  padding: 0 0.1875rem;
  margin-left: auto;
}

.labelRecommended_alignRight,
.multiLineLabel .labelRecommended_alignRight {
  background: url("../../images/default/icon/label_optional_9x9.gif") no-repeat 0 0.1875rem;
  background-size: contain;
}

.boxDefinedVerySmall &gt; .labelRecommended_alignRight, .boxDefinedVerySmall &gt; .labelMandatory_alignRight,
.boxDefinedSmall &gt; .labelRecommended_alignRight, .boxDefinedSmall &gt; .labelMandatory_alignRight,
.boxDefinedMediumSmall &gt; .labelRecommended_alignRight, .boxDefinedMediumSmall &gt; .labelMandatory_alignRight,
.boxDefinedMedium &gt; .labelRecommended_alignRight, .boxDefinedMedium &gt; .labelMandatory_alignRight,
.boxDefinedMediumLarge &gt; .labelRecommended_alignRight, .boxDefinedMediumLarge &gt; .labelMandatory_alignRight,
.boxDefinedLarge &gt; .labelRecommended_alignRight, .boxDefinedLarge &gt; .labelMandatory_alignRight,
.boxDefinedExtraLarge &gt; .labelRecommended_alignRight, .boxDefinedExtraLarge &gt; .labelMandatory_alignRight,
.boxDefinedXXLarge &gt; .labelRecommended_alignRight, .boxDefinedXXLarge &gt; .labelMandatory_alignRight {
  margin-left: 0;
}

.multiLineLabel {
  position: relative;
}

.multiLineLabel .labelMandatory_alignRight,
.multiLineLabel .labelRecommended_alignRight,
.multiLineLabel .labelConditionallyMandatory_alignRight,
.multiLineLabel .labelConditionallyRecommended_alignRight {
  position: absolute;
  right: 0;
  top: 0;
}

.labelConditionallyMandatory_alignRight,
.labelConditionallyRecommended_alignRight {
  display: block;
  float: right;
  cursor: default;
  background: url("../../images/default/icon/label_conditionally_mandatory_9x9.png") no-repeat 0 0.1875rem;
  background-size: contain;
  padding: 0 0.1875rem;
  margin-left: auto;
}

.labelConditionallyRecommended_alignRight {
  background: url("../../images/default/icon/label_conditionally_optional_9x9.png") no-repeat 0 0.1875rem;
}

.labelMandatory_alignLeft,
.labelMandatoryFootNote {
  cursor: default;
  background: url("../../images/default/icon/label_mandatory_9x9.gif") no-repeat 0 0.1875rem;
  background-size: contain;
  padding: 0 0.1875rem !important;
}

.labelMandatory_paddingRight {
  padding-right: 0.3125rem;
}

.labelMandatory_paddingLeft {
  padding-left: 0.3125rem;
}

.labelMandatoryFootNote,
.labelRecommendedFootNote,
.labelConditionallyRecommendedFootNote,
.labelConditionallyMandatoryFootNote {
  float: left;
}

.labelRecommended_alignLeft,
.labelRecommendedFootNote {
  cursor: default;
  background: url("../../images/default/icon/label_optional_9x9.gif") no-repeat 0 0.1875rem;
  background-size: contain;
  padding: 0 0.1875rem;
}

.labelConditionallyRecommendedFootNote_alignLeft,
.labelConditionallyRecommendedFootNote {
  cursor: default;
  background: url("../../images/default/icon/label_conditionally_optional_9x9.png") no-repeat 0 0.1875rem;
  background-size: contain;
  padding: 0 0.1875rem;
}

.labelConditionallyMandatoryFootNote_alignLeft,
.labelConditionallyMandatoryFootNote {
  cursor: default;
  background: url("../../images/default/icon/label_conditionally_mandatory_9x9.png") no-repeat 0 0.1875rem;
  background-size: contain;
  padding: 0 0.1875rem !important;
}

.labelInfoIcon {
  background-image: url("../../images/icons/info_box_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

h3 label + .labelMandatory_alignRight {
  margin-left: 0.9375rem;
}

th .labelConditionallyRecommended_alignRight,
th .labelConditionallyMandatory_alignRight,
th .labelMandatory_alignLeft,
th .labelRecommended_alignLeft,
legend .labelRecommended_alignRight,
legend .labelMandatory_alignRight,
.h3WithSign + .labelConditionallyRecommended_alignRight,
.h3WithSign + .labelConditionallyMandatory_alignRight,
.h3WithSign + .labelMandatory_alignLeft,
.h3WithSign + .labelRecommended_alignLeft,
.h3WithSign + .labelRecommended_alignRight,
.h3WithSign + .labelMandatory_alignRight {
  position: relative;
  top: -0.1875rem;
}

th .labelConditionallyRecommended_alignRight,
th .labelConditionallyMandatory_alignRight,
th .labelMandatory_alignLeft,
th .labelRecommended_alignLeft {
  margin-left: 0.5rem;
}

.h3WithSign + .helpTextButton + .labelMandatory_alignLeft {
  top: 1.25rem;
  position: relative;
}

.h3WithSignAndToolTip {
  display: inline-block;
}

.h3WithSignAndToolTip &gt; .labelConditionallyRecommended_alignRight,
.h3WithSignAndToolTip &gt; .labelConditionallyMandatory_alignRight,
.h3WithSignAndToolTip &gt; .labelMandatory_alignLeft,
.h3WithSignAndToolTip &gt; .labelRecommended_alignLeft,
.h3WithSignAndToolTip &gt; .labelRecommended_alignRight,
.h3WithSignAndToolTip &gt; .labelMandatory_alignRight {
  right: -0.3125rem;
  position: relative;
  top: -0.0625rem;
}

.h3WithSign {
  display: inline;
  margin: 1.25rem 0 0 0;
  padding: 0.3125rem !important;
  font-size: 0.875rem;
}

.h3WithSignDistance {
  clear: both;
  margin: 0.625rem 0;
}

.headBox {
  cursor: default;
  font-size: 0.6875rem;
  margin: 0 0 1.5625rem 0;
  padding: 0;
}

.headLabel,
.headLabelWidth120,
.headLabelWidth150 {
  border: none;
  text-transform: uppercase;
  color: #000;
  min-width: 6.875rem;
  margin: 0 0.1875rem 0.125rem 0.0625rem;
  padding: 0.1875rem 0.3125rem 0.1875rem 0.625rem;
  float: left;
}

.lotNumberBox {
  display: inline-block;
  text-align: right;
  width: 0.9375rem;
}

.headLabelWidth120 {
  width: 7.5rem;
}

.headLabelWidth150 {
  width: 9.375rem;
}

.headLabelWidth220 {
  width: 13.75rem;
}

.headValue {
  border: 0.0625rem solid #000;
  margin: 0 0 0.125rem 0;
  padding: 0.1875rem 0;
  font-weight: bold;
}

.headLabel + .headValue {
  --width: 6.875rem;
  padding-left: calc(var(--width) + 0.625rem);
  background: linear-gradient(to right, #ff6600 0, #ff6600 0.3125rem, #e8e8e8 0.3125rem, #e8e8e8 calc(var(--width) - 0.0625rem), #000 calc(var(--width) - 0.0625rem), #000 var(--width), #f4f4f4 var(--width), #f4f4f4 0);
}

.headLabelWidth120 + .headValue {
  --width: 7.5rem;
  padding-left: calc(var(--width) + 0.625rem);
  background: linear-gradient(to right, #ff6600 0, #ff6600 0.3125rem, #e8e8e8 0.3125rem, #e8e8e8 calc(var(--width) - 0.0625rem), #000 calc(var(--width) - 0.0625rem), #000 var(--width), #f4f4f4 var(--width), #f4f4f4 0);
}

.headLabelWidth150 + .headValue {
  --width: 9.375rem;
  padding-left: calc(var(--width) + 0.625rem);
  background: linear-gradient(to right, #ff6600 0, #ff6600 0.3125rem, #e8e8e8 0.3125rem, #e8e8e8 calc(var(--width) - 0.0625rem), #000 calc(var(--width) - 0.0625rem), #000 var(--width), #f4f4f4 var(--width), #f4f4f4 0);
}

.headLabelWidth220 + .headValue {
  --width: 13.75rem;
  padding-left: calc(var(--width) + 0.625rem);
  background: linear-gradient(to right, #ff6600 0, #ff6600 0.3125rem, #e8e8e8 0.3125rem, #e8e8e8 calc(var(--width) - 0.0625rem), #000 calc(var(--width) - 0.0625rem), #000 var(--width), #f4f4f4 var(--width), #f4f4f4 0);
}

.companySelectionSearch {
  text-align: right;
  padding: 0;
  margin: 0;
}

.companySelectionLinks {
  padding: 0.1875rem 0;
  margin: 0 0.625rem 0 0;
  text-transform: uppercase;
  float: left;
}

.companySelectionLinks a {
  font-weight: bold;
  color: #000;
  padding: 0;
  margin: 0;
}

.companySelectionLinks a:hover {
  font-weight: bold;
  text-decoration: none;
  background: #cccc99;
  padding: 0;
  margin: 0;
}

.companySelectionLinksDisable {
  color: #ccc;
}

.companySelectionLinksActive {
  padding: 0 0.1875rem;
  background: #cccc99;
  font-weight: bold;
  color: #000;
}

.companySelectionLinks ul {
  cursor: default;
  color: #000;
  background-color: #fff;
  padding: 0;
  margin: 0;
}

.companySelectionLinks li {
  display: inline;
  padding: 0;
  margin: 0;
}

.dropDownOutput {
  margin: 0.3125rem 0 0 0.3125rem;
  padding: 0.125rem;
  width: 32.25rem;
  min-height: 2.5rem;
  font-size: 0.6875rem;
  font-weight: bold;
  color: #000;
  border: 0.0625rem solid #a7a6aa;
}

#matrix {
  background: #FFF;
  margin: 0;
  padding: 0 0 25% 0;
}

#contentMatrixTopicDistance {
  min-height: 43.75rem;
  padding: 0.625rem 0.3125rem;
  margin: 0;
}

.matrixBox {
  font-weight: bold;
  border-left: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #000;
  background: #d9dcc6;
  padding: 0.25rem 0.625rem;
  margin: -0.125rem 0 2.5rem -0.0625rem;
}

.matrixFixedColumn {
  text-align: right;
  padding-right: 0.625rem;
  width: 4.375rem;
}

.tableDataWorstValueBold {
  background: #ec5e53;
  font-weight: bold;
}

.tableDataWorstValueNormal {
  background: #ec5e53;
  font-weight: normal;
}

.tableDataBestValueBold {
  background: #c7e8c3;
  font-weight: bold;
}

.tableDataBestValueCompare {
  font-style: italic;
  font-weight: bold;
}

.tableDataBestValueNormal {
  background: #c7e8c3;
  font-weight: normal;
}

.tableDataBold {
  font-weight: bold;
}

.tableDataNormal {
  font-weight: normal;
}

.tableDataDisregarded {
  font-weight: normal;
  font-style: italic;
  color: #888;
}

.tableDataDisregardedBold {
  font-weight: bold;
  font-style: italic;
  color: #888;
}

.tableDataExcluded {
  font-weight: normal;
  font-style: italic;
  color: #F00 !important;
}

.tableDataExcludedBold {
  font-weight: bold;
  font-style: italic;
  color: #F00 !important;
}

.tableDataCancelText,
.cancelText {
  text-decoration: line-through;
}

.XMLStyle {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.integerTotalSumBoxWithoutBorder,
.integerTotalSumBox,
.integerTotalSumBoxDoubleBorder {
  display: block;
  padding: 0 0.625rem 0 0;
  margin: -0.0625rem 0 0 0;
  text-align: right;
  font-weight: bold;
}

.integerTotalSumBox {
  border-top: 0.0625rem solid #000;
}

.integerTotalSumBorderBottom {
  border-bottom: 0.0625rem solid #000;
}

.integerTotalSumDoubleBorderBottom {
  border-bottom: 0.1875rem double #000;
}

.integerTotalSumBorderTop {
  border-top: 0.0625rem solid #000;
}

.integerTotalSumBoxDoubleBorder {
  border-top: 0.125rem solid #000;
}

.integerTotalNotBold {
  font-weight: normal;
}

.integerStartSumBox {
  display: block;
  border-bottom: 0.0625rem solid #000;
  padding: 0 0.625rem 0 0;
  margin: -0.0625rem 0 0 0;
  text-align: right;
  font-weight: bold;
}

.currencyAmount,
.currencyItem {
  display: inline-flex;
  padding: 0 0.1875rem;
  margin: 0;
  min-height: 1.5rem;
  align-items: center;
  white-space: pre-wrap;
}

.mathSignItem {
  float: left;
  margin: 0;
  padding: 0.125rem 0 0.1875rem 0.3125rem;
}

.currencyItemRendered {
  display: block;
  padding: 0;
  margin: -0.9375rem 0 0 0;
  float: right;
  line-height: 1rem;
}

.integerStartSumBox + .currencyItemRendered {
  line-height: 0.875rem;
}

.currencyItemNoRendered {
  display: block;
  padding: 0;
  margin: -0.9375rem 0 0 0.125rem;
}

a.iconCalculator {
  position: relative;
  background: url("../../images/default/icon/act_calculator_16x16.gif") no-repeat;
  padding: 0.125rem 0.375rem 0.125rem 0.375rem;
  margin: 0;
  text-decoration: none;
}

a:hover.iconCalculator {
  position: relative;
  border: 0.0625rem solid #000;
  background: #cccc99 url("../../images/default/icon/act_calculator_16x16.gif") no-repeat;
}

.integerColumn {
  width: 8.75rem;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}

.integerColumn select {
  margin-top: 0;
}

.integerAmountBox {
  padding: 0.3125rem 0.1875rem 0.625rem 0;
  margin: 0;
  vertical-align: top;
}

.integerTotalPriceBox {
  font-weight: bold;
  padding: 0.3125rem 0.1875rem 0.3125rem 0;
  margin: 0;
  border-top: 0.0625rem solid #999;
  background: #f6f9f1;
}

.integerTotalPriceBox input {
  font-weight: bold;
}

a.icon16x16,
span.icon16x16 {
  padding: 0.125rem;
  margin: 0 0.125rem;
  border: none;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

a:hover.icon16x16 {
  padding: 0.0625rem;
  border: 0.0625rem solid #000;
  color: #000;
  background-color: #cccc99;
}

.editIcon {
  background: url("../../images/icons/edit_16x16.gif") no-repeat center center;
}

.editIconGhost {
  background: url("../../images/icons/edit_ghost_16x16.gif") no-repeat center center;
}

.trashIcon {
  background: url("../../images/icons/trash_16x16.gif") no-repeat center center;
}

.trashIconGhost {
  background: url("../../images/icons/trash_ghost_16x16.gif") no-repeat center center;
}

.applicantsIconBox {
  height: 1rem;
  width: 1.75rem;
  padding: 0;
  margin: 0 0.0625rem !important;
  text-align: left;
  display: inline-block;
}

.applicantsActionColumn {
  padding: 0 0 0 0.3125rem;
  margin: 0;
  width: 6.25rem;
}

.applicantsIconBox img {
  margin-left: -0.125rem;
}

.applicantsMultipleLink {
  display: block;
  float: right;
  right: 0;
  margin: 0;
}

.data-validation-area {
  display: inline-block;
  position: relative;
}

.statusOfNummericValidation,
.statusOfTotalSum,
.statusOfNettoSumInvalid {
  float: left;
  min-width: 1rem;
  min-height: 1rem;
  vertical-align: top;
  margin: 0.1875rem 0 0 0.625rem !important;
  padding: 0;
}

.statusOfNummericValidation {
  background-image: url("../../images/icons/numericValidation/icon_numeric_validation_16x32.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

.statusOfTotalSum {
  display: none;
  background: url("../../images/icons/numericValidation/icon_sum_validation_38x77.png") no-repeat 0 0;
}

.sumIsNotValid {
  position: absolute;
  z-index: 1;
  top: -625rem;
  left: -625rem;
  margin: 0.1875rem 0 0 0.3125rem !important;
  width: 2.375rem;
  height: 4.8125rem;
}

.statusOfNettoSumInvalid {
  margin: 0 0 0 0.625rem !important;
  background-image: url("../../images/icons/numericValidation/icon_invalid_netto_price_16x16.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 0 0;
}

.numericIsValid {
  background-position: 0 0;
}

.numericIsNotValid {
  background-position: 0 -1rem;
}

.labelNumericIsValide {
  color: #000;
}

.labelNumericIsNotValide {
  font-weight: bold;
  color: #aa2222;
}

.fieldNumericIsNotValide {
  border: 0.125rem solid #aa2222;
}

td.bidValuationColumnOne,
td.bidValuationColumnOneSmallHeight {
  padding: 0 !important;
  margin: 0 !important;
  width: 0.625rem !important;
  height: 3.75rem;
}

td.bidValuationColumnOneSmallHeight {
  height: 1.25rem !important;
}

td.bidValuationColumnLabelSum {
  width: 13.4375rem !important;
  padding: 0 !important;
}

td.bidValuationColumnLabelSum span {
  font-weight: normal;
}

td.bidValuationColumnInput {
  margin: 0;
  padding-right: 0;
  width: 9.0625rem;
}

td.bidValuationColumnInput .statusOfNummericValidation {
  margin-left: 0 !important;
  padding: 0 !important;
}

td.bidValuationColumnSumDigits {
  width: 6.25rem !important;
  padding: 0;
  margin: 0;
}

.data-area-pice .currencyItemRendered {
  display: inline-block;
  vertical-align: bottom;
}

.bidValuationEvalPriceBox {
  width: 7.5rem;
  height: 1.375rem;
  float: left;
  margin: 0;
}

.no-price-shown {
  color: #f4f4f4;
  display: inline-block;
}

.calculateSubmitButton,
.calculateSubmitButton:hover,
.calculateSubmitButton[disabled] {
  background-color: #d6d5d9;
  background-image: url("../../images/default/icon/act_calculator_16x16.gif") !important;
  background-repeat: no-repeat !important;
  background-position: 0.125rem center !important;
  padding-left: 1.25rem !important;
}

.calculateSubmitButton[disabled] {
  background-image: url("../../images/default/icon/act_calculator_ghost_16x16.gif") !important;
}

.calculateSubmitButton:hover {
  background-color: transparent;
}

.topDeviationIcon,
.botDeviationIcon,
.topAndBotDeviationIcon {
  background-image: url("../../images/icons/icon_evaluation_arrows_16x48.png");
  padding: 0 0.125rem;
  background-repeat: no-repeat;
  display: inline-block;
  background-origin: content-box;
}

.topDeviationIcon {
  height: 1rem;
  width: 1rem;
  background-position: 0 -0.0625rem;
}

.botDeviationIcon {
  height: 1rem;
  width: 1rem;
  background-position: 0 -1.0625rem;
}

.topAndBotDeviationIcon {
  background-position: -0.125rem -2rem;
  width: 1rem;
  height: 1rem;
}

.bidsOverviewIconBox {
  height: 1rem;
  width: 1rem;
  display: inline-block;
  background-origin: content-box;
  padding: 0 0.125rem;
}

select:not(.ui-inputfield),
input[type=text]:not(.ui-inputfield),
input[type=password]:not(.ui-inputfield) {
  min-height: 1.5rem !important;
}

select:not(.ui-inputfield) {
  padding: 0.125rem;
}

@media screen and (max-width: 27.5rem) {
  .boxDefinedXXLarge,
  .boxDefinedExtraLarge,
  .boxDefinedLarge,
  .boxDefinedMediumLarge,
  .boxOpen {
    width: 100%;
  }
}
@media screen and (max-width: 48rem) {
  .boxRadioButtonCheckbox {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 73.75rem) {
  .offersList__content-box textarea,
  .boxOpen .textAreaLarge,
  .boxOpen .textAreaMedium {
    width: 28.125rem;
  }
}
@media screen and (min-width: 86.25rem) {
  .offersList__content-box textarea,
  .boxOpen .textAreaLarge,
  .boxOpen .textAreaMedium {
    width: 37.5rem;
  }
}
@media screen and (min-width: 90rem) {
  .offersList__content-box textarea,
  .boxOpen .textAreaLarge,
  .boxOpen .textAreaMedium {
    width: 46.875rem;
  }
}
.bodyTenderFile {
  background: #fff;
}

.bodyMatrix {
  background: #fff;
}

#mainFile {
  background: #fff;
  border: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header header" "sidenav content" "footer footer";
  min-height: 100vh;
}

#mainFile header {
  grid-area: header;
}

#contentFileMain {
  background: #ededed;
  width: 100%;
  padding: 0;
  margin: 0;
  grid-area: content;
}

#contentFileTopic {
  border-top: 0.0625rem solid #000;
  border-bottom: none;
  border-left: 0.0625rem solid #000;
  background: #fff;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#contentFileTopicDistance {
  min-height: 34.375rem;
  padding: 0.625rem 0.625rem 3.125rem 0.625rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-left: none;
}

#contentFileName {
  background: linear-gradient(to bottom, #ff6600 0.3125rem, #ededed 0);
  border-right: 0.0625rem solid #000;
  max-width: 54%;
  height: 2.1875rem;
  margin: 0;
  padding: 0 0 0 0.9375rem;
  float: left;
}

#contentFileName a {
  color: #000;
  min-width: 0.625rem;
  max-width: 100%;
  font-size: 0.9375rem;
  font-weight: bold;
  text-decoration: none;
  padding: 0.625rem 0.9375rem 0 0;
}

#contentFileName a:hover {
  text-decoration: none;
}

.contentFileSystemMessage {
  height: 2.25rem;
  position: relative;
  padding: 0.0625rem;
  display: none;
}

.contentFileSystemMessage__button {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

.contentFileSystemMessage__button:after {
  content: "";
  background: none;
  display: inline-block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.contentFileSystemMessage__statusbox {
  display: flex;
  margin: 0 0.625rem 0 0.5rem;
  align-items: center;
  justify-content: center;
}

.contentFileSystemMessage__statusbox-noticebox {
  display: none;
  margin-left: 0.625rem;
  height: 1.5625rem;
  width: 1.5625rem;
  border: 0.0625rem solid #000;
  position: relative;
}

.contentFileSystemMessage__statusbox-noticebox::before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  inset: 0;
  margin: auto;
  background-image: url("../../images/default/fileHeader/file_icon_systemessages_120x18.png");
  background-repeat: no-repeat;
}

.contentFileSystemMessage__statusbox [data-system-status=errorBox] {
  background-color: #aa2222;
  order: 1;
}

.contentFileSystemMessage__statusbox [data-system-status=errorBox]::before {
  background-position: center -3px;
}

.contentFileSystemMessage__statusbox [data-system-status=warnBox] {
  background-color: #ff6600;
  order: 2;
}

.contentFileSystemMessage__statusbox [data-system-status=warnBox]::before {
  background-position: center -33px;
}

.contentFileSystemMessage__statusbox [data-system-status=infoBox] {
  background-color: #0d6fba;
  order: 3;
}

.contentFileSystemMessage__statusbox [data-system-status=infoBox]::before {
  background-position: center -64px;
}

.contentFileSystemMessage__statusbox [data-system-status=successBox] {
  background-color: #146140;
  order: 4;
}

.contentFileSystemMessage__statusbox [data-system-status=successBox]::before {
  background-position: center -92px;
}

[data-system-status=errorBox].contentFileSystemMessage--animation-pulse {
  animation: status-pulse-error 1s 3 forwards;
}

@keyframes status-pulse-error {
  0% {
    box-shadow: 0 0 0 0 rgb(215, 40, 5);
  }
  100% {
    box-shadow: 0 0 0 0.3125rem rgba(215, 40, 5, 0);
  }
}
[data-system-status=warnBox].contentFileSystemMessage--animation-pulse {
  animation: status-pulse-warn 1s 3 forwards;
}

@keyframes status-pulse-warn {
  0% {
    box-shadow: 0 0 0 0 rgb(255, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0.3125rem rgba(255, 102, 0, 0);
  }
}
[data-system-status=infoBox].contentFileSystemMessage--animation-pulse {
  animation: status-pulse-info 1s 3 forwards;
}

@keyframes status-pulse-info {
  0% {
    box-shadow: 0 0 0 0 rgb(73, 125, 194);
  }
  100% {
    box-shadow: 0 0 0 0.3125rem rgba(73, 125, 194, 0);
  }
}
[data-system-status=successBox].contentFileSystemMessage--animation-pulse {
  animation: status-pulse-success 1s 3 forwards;
}

@keyframes status-pulse-success {
  0% {
    box-shadow: 0 0 0 0 rgb(119, 188, 113);
  }
  100% {
    box-shadow: 0 0 0 0.3125rem rgba(119, 188, 113, 0);
  }
}
.contentFileSystemMessage__content {
  border-top: 0.0625rem solid #000;
  padding: 0.625rem;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 2.25rem;
  width: calc(100% - 245px);
  box-shadow: -0.3125rem 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.3);
  display: none;
}

#serviceMenu {
  background-position: center right;
  background-repeat: no-repeat;
  border-bottom: 0.0625rem solid #000;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}

#serviceMenuNavContainer {
  align-items: center;
  display: flex;
  font-weight: bold;
}

#serviceMenu .separator {
  background: #000;
  display: inline-flex;
  height: 1.5625rem;
  width: 0.0625rem;
}

#serviceMenuNavContainer #tenderplatformSyncLinkSpan {
  display: flex;
  align-items: center;
}

#serviceMenuNavContainer .interface-link,
#serviceMenuNavContainer span.interface-no-link,
#serviceMenuNavContainer span.interface-selected {
  align-items: center;
  border: none;
  color: #000;
  display: inline-flex;
  height: 2.125rem;
  line-height: 2.125rem;
  font-weight: bold;
  text-decoration: none;
}

#serviceMenuNavContainer .interface-link:hover {
  text-decoration: underline;
}

#serviceMenuNavContainer .synchBox {
  padding-right: 0.4375rem;
  display: flex;
}

#serviceMenuNavContainer .synchBox.active &gt; #tenderplatformSyncLinkSpan &gt; .separator {
  display: none;
}

#serviceMenuNavContainer .synchBox.active a {
  background: linear-gradient(to bottom, #ff6600 0.3125rem, #ededed 0);
  padding-right: 0.4375rem;
  border-left: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  position: relative;
  display: flex;
  width: auto;
}

#serviceMenuNavContainer .synchBox.active a:hover {
  background-color: transparent;
  text-decoration: none;
}

#serviceMenuNavContainer .synchBox.active a:after {
  content: "";
  position: absolute;
  float: left;
  width: 8.5625rem;
  height: 0.125rem;
  display: block;
  background-color: #ededed;
  bottom: -0.125rem;
  left: 0;
}

@-moz-document url-prefix() {
  #serviceMenuNavContainer .synchBox.active a:after {
    width: 8.4375rem;
  }
}
#serviceMenuNavContainer .synchBox .interface-link span span,
#serviceMenuNavContainer .synchBox span.interface-no-link span,
#serviceMenuNavContainer .synchBox span.interface-selected span {
  padding-right: 0.3125rem;
  margin: 0 0.3125rem 0 0.4375rem;
}

#serviceMenuNavContainer .synchBox:empty {
  border: 0.625rem solid #fff !important;
}

#serviceMenuNavContainer img.interfaceSyncAlignmentImgParent {
  padding: 0 !important;
  margin-right: 0.0625rem !important;
  margin-left: 0.375rem !important;
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  position: relative;
  top: 0.25rem;
}

#serviceMenuNavContainer img,
#serviceMenuNavContainer img:active,
#serviceMenuNavContainer img:focus {
  border: 0.0625rem solid #fff !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

#serviceMenuNavContainer span.interface-no-link {
  color: #656565;
}

#serviceMenuNavContainer span.interface-selected {
  background: #dcdcdc;
}

#serviceMenuNavContainer .actionBox {
  margin: 0;
  padding: 0;
}

#serviceMenuNavContainer .action-menu {
  margin: 0;
  list-style: none;
  padding: 0;
}

#serviceMenuNavContainer .action-menu li {
  cursor: pointer;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

#serviceMenuNavContainer .action-menu li a {
  text-decoration: none;
}

#serviceMenuNavContainer .action-menu li .drop-down {
  align-items: center;
  display: flex;
  height: 2.125rem;
}

#serviceMenuNavContainer .action-menu li .drop-down span.icon-drop-down,
span.icon-drop-down {
  background: url("../../images/default/fileHeader/file_icon_drop-down_25x25.png") center center no-repeat;
  width: 25px;
  height: 25px;
  display: inline-flex;
}

#serviceMenuNavContainer .action-menu li .drop-down.icon-action {
  padding: 0 0 0 1.5625rem;
  position: relative;
}

#serviceMenuNavContainer .action-menu li .drop-down.icon-action::before {
  background-image: url("../../images/default/fileHeader/file_icon_action_25x25.png");
  background-repeat: no-repeat;
  background-position: center -2px;
  content: "";
  display: flex;
  inset: 0;
  width: 22px;
  height: 22px;
  margin: auto 0;
  position: absolute;
}

#serviceMenuNavContainer .action-menu li .drop-down:hover {
  text-decoration: underline;
}

#serviceMenuNavContainer ul.action-menu ul.sub-menu {
  border: 0.0625rem solid #000;
  background: #fff;
  list-style: none;
  position: absolute;
  display: none;
  right: 0;
  top: 2.125rem;
  z-index: 1500;
  box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.5);
}

#serviceMenuNavContainer ul.action-menu ul.sub-menu li a,
#serviceMenuNavContainer ul.action-menu ul.sub-menu li span {
  color: #000;
  display: block;
  min-width: 11.25rem;
  white-space: nowrap;
  font-weight: normal;
  min-height: 1.75rem;
  line-height: 250%;
  padding: 0 0.3125rem 0 1.6875rem;
  text-decoration: none;
  position: relative;
}

#serviceMenuNavContainer ul.action-menu ul.sub-menu li a::before,
span.icon-tender-file-black {
  background-image: url("../../images/default/fileHeader/file_icon_subnav_20x200.png");
  background-repeat: no-repeat;
}

#serviceMenuNavContainer ul.action-menu ul.sub-menu li a::before {
  content: "";
  display: flex;
  inset: 0;
  width: 22px;
  height: 22px;
  margin: auto 0;
  position: absolute;
}

#serviceMenuNavContainer ul.action-menu ul.sub-menu li span.associated-tender-icon-ghost {
  background-image: url("../../images/default/fileHeader/file_icon_subnav_ghost_20x200.png");
  background-repeat: no-repeat;
  background-position: 0.1875rem -2.9375rem;
  color: #4d4d4d;
  cursor: default;
}

#serviceMenuNavContainer a.xml-export::before {
  background-position: 3px -125px;
}

#serviceMenuNavContainer a.rtf-export::before {
  background-position: 3px -150px;
}

#serviceMenuNavContainer a.report-icon::before {
  background-position: 3px -25px;
}

#serviceMenuNavContainer a.associated-tender-icon::before {
  background-position: 3px -50px;
}

#serviceMenuNavContainer a.print-icon::before {
  background-position: 4px -76px;
}

#serviceMenuNavContainer ul.action-menu ul.sub-menu li a:hover {
  background-color: #e8e8e8;
}

#serviceMenuNavContainer ul.action-menu ul.sub-menu li span:hover {
  background-color: #fff;
}

#serviceMenuNavContainer .linkForClosingFile {
  background: url("../../images/default/fileHeader/file_icon_close_file_25x25.png") 0.125rem 0.25rem no-repeat;
  color: #000;
  display: inline-block;
  height: 2.125rem;
  line-height: 280%;
  padding: 0 0 0 1.875rem;
  width: 6.5625rem;
  text-decoration: none;
}

#serviceMenuNavContainer .linkForClosingFile:hover {
  text-decoration: underline;
}

#fileHeaderInfo {
  background: #ededed;
  margin: 0;
  padding: 2.8125rem 0 0.625rem 0.625rem;
}

table.tenderFileHeaderTable {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: auto;
}

table.tenderFileHeaderTable a {
  color: #000;
  cursor: default;
  text-decoration: none;
}

.tenderFileHeaderContainer {
  margin: 0;
  padding: 0.125rem 0 0 0;
  position: relative;
}

@-moz-document url-prefix() {
  .tenderFileHeaderContainer {
    padding: 0.0625rem 0 0 0;
  }
}
.tenderFileHeaderContainer:before {
  content: attr(data-spacer);
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tenderFileHeaderContainer:after {
  content: attr(data-spacer);
  display: inline-block;
  height: 0;
  overflow: hidden;
}

table.tenderFileHeaderTable .secondRow {
  padding-top: 0.3125rem;
}

table.tenderFileHeaderTable tr td &gt; span &gt; span + span {
  display: inline-block;
  margin-top: 0.125rem;
}

.tenderFileHeaderTable td.label {
  padding-bottom: 0.125rem;
  text-transform: uppercase;
}

.tenderFileHeaderTable tr,
.tenderFileHeaderTable td {
  background: none;
  color: #000;
  border: none;
}

.tenderFileHeaderTable td {
  height: 1.25rem;
  vertical-align: bottom !important;
}

.tenderFileHeaderTable td .tenderFileHeaderContainer {
  margin-top: -1.125rem;
}

.tenderFileHeaderTable tr:hover {
  background: none;
  color: #000;
}

.tenderFileHeaderInfo {
  font-weight: normal;
  color: #000;
}

.tenderFileHeaderGhosted {
  color: #4d4d4d;
}

table.tenderFileHeaderTable tr.categorieRow td {
  background-color: transparent;
}

.tenderstatus-patch {
  border-radius: 0.1875rem;
  color: #fff;
  display: inline-block;
  font-size: 0.625rem;
  line-height: 0.6875rem;
  margin: 0;
  padding: 0.125rem 0.3125rem;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}

.successfully_completly_archived {
  background: #52703b;
  top: -0.125rem;
}

.archive_in_progress {
  background: #ff6600;
  top: 0.1875rem;
}

.incompletly_archived {
  background: #ad3e34;
  top: 0.1875rem;
}

.archiving_prepared {
  background: #ecae11;
  top: 0.1875rem;
}

table .successfully_completly_archived,
table .incompletly_archived,
table .archiving_prepared,
table .archive_in_progress {
  margin-top: 0.3125rem;
  top: 0;
}

.modulLabelling {
  display: flex;
  height: 2.5rem;
  background: #fff;
  position: fixed;
}

.modulLabelling__content {
  align-items: center;
  border-bottom: 0.0625rem solid #000;
  background: #d9dcc6;
  display: flex;
  flex: 1;
  height: 1.875rem;
  padding: 0 0.9375rem;
}

.modulLabelling__content-text {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: bold;
}

.modulLabelling__content-link {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}

.close-file {
  color: #000;
  display: flex;
  font-weight: bold;
  align-items: center;
}

.close-file:hover {
  text-decoration: none;
}

.icon-close,
.icon-close-classic {
  background-image: url("../../images/default/wizard/close_normal_16x16.gif");
  background-position: center center;
}

.modulLabelling,
#contentFileHeader {
  position: fixed;
  z-index: 5000;
  width: 100%;
}

#contentFileHeader.contentFileHeader-fixed {
  box-shadow: 0 0.375rem 0.3125rem 0 rgba(0, 0, 0, 0.5);
}

#contentFileHeader {
  background-color: #fff;
  padding: 0;
  margin: 2.5rem 0 0 0;
}

#fileHeaderInfo {
  background: #ededed;
  margin: 0;
  padding: 5rem 0 0.625rem 0.625rem;
}

#contentFileHeader .contentFileHeaderSpace {
  background-color: #ededed;
  min-height: 0.625rem;
  padding: 0;
}

#bidCountContainer {
  display: inline-block;
  min-width: 14.375rem;
  position: relative;
  top: 2px;
}

#bidCountContainer .bidCountContainer__link {
  position: relative;
  top: 0;
  margin-left: 0.1875rem;
}

#footerFile {
  color: #fff;
  background: #000;
  padding: 0 0.625rem 0 0;
  margin: 0;
  float: left;
}

#footerFileText {
  font-size: 0.6875rem;
  font-weight: normal;
  color: #fff;
  text-align: left;
  padding: 0.1875rem 0 0.1875rem 0.625rem;
  margin: 0;
  float: left;
}

#footerFileSystem {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: right;
  padding: 0.1875rem 0;
  margin: 0;
}

.deletedItem {
  color: #aaaaaa;
  font-style: italic;
}

#subNavFile {
  background: #ededed;
  width: 14.0625rem;
  margin: 0;
  padding: 0;
  grid-area: sidenav;
}

.file-navigation {
  padding: 0;
}

.subNavBoxFile {
  width: 14.4375rem;
  z-index: 1;
  position: relative;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.subNavBoxFile {
  margin: 0;
}

#sub-nav a,
#subNavFile a,
#subNavFile .ghostedEntry,
#subNavFile .disabledStyleClass span {
  -moz-hyphens: auto;
  hyphens: auto;
}

#subNavFile li.disabledStyleClass &gt; span {
  display: block;
  min-height: 1.3125rem;
}

#subNavFile ul {
  color: #000;
  padding: 0;
  margin: 0;
}

#subNavFile li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#subNavFile ul &gt; li {
  width: 14.125rem;
}

#subNavFile ul &gt; li.level2SelectedStyleClass {
  width: auto;
}

#subNavFile li a {
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border: none;
  border-top: 0.0625rem solid transparent;
  line-height: 1.25rem;
  border-bottom: 0.0625rem solid transparent;
  background: none;
  padding: 0.1875rem 0 0.1875rem 0.9375rem;
  margin: 0;
}

#subNavFile li a:hover {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 0.0625rem solid #000;
  border-top: 0.0625rem solid #000;
  padding: 0.1875rem 0 0.1875rem 0.9375rem;
  background: #fff;
}

#subNavFile li a:hover:before {
  content: "";
  display: block;
  float: left;
  width: 0.3125rem;
  margin: -0.1875rem 0.3125rem 0 -0.9375rem;
  background-color: #ff6600;
}

#subNavFile .level1SelectedStyleClass a {
  cursor: pointer;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-top: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #000;
  background-color: #fff;
  padding: 0.1875rem 0 0.1875rem 0.625rem;
  margin: 0;
}

#subNavFile .level1SelectedStyleClass a:hover {
  padding: 0.1875rem 0 0.1875rem 0.625rem;
}

#subNavFile .level1SelectedStyleClass a:before,
#subNavFile .level1SelectedStyleClass a:hover:before {
  content: "";
  display: block;
  float: left;
  width: 0.3125rem;
  margin: -0.1875rem 0.625rem 0 -0.625rem;
  background-color: #ff6600;
}

#subNavFile li.disabledStyleClass {
  cursor: default;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 0.0625rem solid #000;
  border-top: 0.0625rem solid #000;
  background: linear-gradient(to right, #ff6600 0.3125rem, #fff 0);
  padding: 0.25rem 0 0 0.9375rem;
  margin: 0;
}

#subNavFile .multiLevelParentStyleClass a {
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border: none;
  border-top: 0.0625rem solid transparent;
  line-height: 1.25rem;
  border-bottom: 0.0625rem solid transparent;
  background: none;
  padding: 0.1875rem 0 0.1875rem 0.9375rem;
  margin: 0;
}

#subNavFile .multiLevelParentStyleClass a:hover {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  background: #fff;
  padding: 0.1875rem 0 0.1875rem 0.9375rem;
  margin: 0;
}

#subNavFile ul ul {
  background: linear-gradient(to right, #ff6600 0.3125rem, #fff 0);
  color: #000;
  padding: 0 0 0 0.3125rem;
  margin: 0 0 0 -0.9375rem;
}

#subNavFile li li {
  list-style: none;
  padding: 0 0 0 0.625rem;
  margin: 0;
}

#subNavFile li li a {
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  border: none;
  background: none;
  padding: 0.1875rem 0 0.125rem 0.625rem;
  margin: 0;
}

#subNavFile li li a:hover {
  color: #000;
  font-weight: normal;
  border: none;
  background-color: #fff;
  padding: 0.1875rem 0 0.125rem 0.625rem;
  margin: 0;
  text-decoration: underline;
}

#subNavFile li li a:hover:before {
  content: "";
  display: none;
}

#subNavFile .level2SelectedStyleClass {
  display: block;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  background-color: #fff;
  padding: 0 0 0.0625rem 0;
  margin: 0 0 0 0.625rem;
}

#subNavFile .level2SelectedStyleClass a,
#subNavFile .level2SelectedStyleClass a:hover {
  font-weight: bold;
  text-decoration: none;
}

#subNavFile .ghostedEntry {
  display: block;
  cursor: default;
  line-height: 1.25rem;
  color: #656565;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  padding: 0.1875rem 0;
  margin: 0 0 0 0.9375rem;
}

#subNavFile .ghostedEntryThirdLevel {
  display: block;
  cursor: default;
  line-height: 1.25rem;
  color: #656565;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  padding: 0.1875rem 0;
  margin: 0 0 0 1.25rem;
}

#subNavFile .level2SelectedIcon {
  position: relative;
  top: 0.5rem;
  left: -0.9375rem;
  z-index: 200;
  display: block;
  float: left;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ff6600;
  transform: rotate(45deg);
}

#subNavFile .ghostedEntry,
#subNavFile li a {
  min-height: 1.25rem;
}

#subNavFile a.statusOK,
#subNavFile a:hover.statusOK {
  background-color: transparent;
  background-position: 12.8125rem 0.3125rem;
  background-image: url("../../images/default/icon/back_success_box_16x16.gif");
  background-repeat: no-repeat;
}

#subNavFile a:hover.statusOK {
  background-color: #fff;
}

#subNavFile .level1SelectedStyleClass .statusOK {
  background-color: #fff;
}

#subNavFile .multiLevelParentStyleClass .statusOK:hover:before {
  content: "";
  display: block;
  float: left;
  width: 0.3125rem;
  min-height: 1.625rem;
  background-color: #ff6600;
}

#subNavFile li li .statusOK,
#subNavFile li li .statusOK:hover {
  background-position: 11.875rem 0.3125rem;
}

.disabledStyleClass .statusOK {
  display: block;
  min-height: 1.3125rem;
  line-height: 180%;
  padding: 0 0 0.125rem 0;
  background-color: transparent;
  background-position: 11.875rem 0.125rem;
  background-image: url("../../images/default/icon/back_success_box_16x16.gif");
  background-repeat: no-repeat;
}

#subNavFile a.statusERROR,
#subNavFile a:hover.statusERROR {
  background-color: transparent;
  background-position: 12.8125rem 0.3125rem;
  background-image: url("../../images/default/icon/back_error_box_16x16.gif");
  background-repeat: no-repeat;
}

#subNavFile a:hover.statusERROR {
  background-color: #fff;
}

#subNavFile .level1SelectedStyleClass .statusERROR {
  background-color: #fff;
}

#subNavFile li li .statusERROR,
#subNavFile li li .statusERROR:hover {
  background-position: 11.875rem 0.3125rem;
}

#subNavFile .multiLevelParentStyleClass .statusERROR:hover:before {
  content: "";
  display: block;
  float: left;
  width: 0.3125rem;
  min-height: 1.625rem;
  background-color: #ff6600;
}

.disabledStyleClass .statusERROR {
  display: block;
  min-height: 1.3125rem;
  line-height: 180%;
  padding: 0 0 0.125rem 0;
  background-color: transparent;
  background-position: 11.875rem 0.125rem;
  background-image: url("../../images/default/icon/back_error_box_16x16.gif");
  background-repeat: no-repeat;
}

#subNavFile a.statusWARN,
#subNavFile a:hover.statusWARN {
  background-color: transparent;
  background-position: 12.8125rem 0.3125rem;
  background-image: url("../../images/default/icon/back_warn_box_16x16.gif");
  background-repeat: no-repeat;
}

#subNavFile a:hover.statusWARN {
  background-color: #fff;
}

#subNavFile .level1SelectedStyleClass .statusWARN {
  background-color: #fff;
}

#subNavFile .multiLevelParentStyleClass .statusWARN:hover:before {
  content: "";
  display: block;
  float: left;
  width: 0.3125rem;
  min-height: 1.625rem;
  background-color: #ff6600;
}

#subNavFile li li .statusWARN,
#subNavFile li li .statusWARN:hover {
  background-position: 11.875rem 0.3125rem;
}

.disabledStyleClass .statusWARN {
  display: block;
  min-height: 1.3125rem;
  line-height: 180%;
  padding: 0 0 0.125rem 0;
  background-color: transparent;
  background-position: 11.875rem 0.125rem;
  background-image: url("../../images/default/icon/back_warn_box_16x16.gif");
  background-repeat: no-repeat;
}

#subNavFile a.statusINFO,
#subNavFile a:hover.statusINFO {
  background-color: transparent;
  background-position: 12.8125rem 0.3125rem;
  background-image: url("../../images/default/icon/back_info_box_16x16.gif");
  background-repeat: no-repeat;
}

#subNavFile a:hover.statusINFO {
  background-color: #fff;
}

#subNavFile .level1SelectedStyleClass .statusINFO {
  background-color: #fff;
}

#subNavFile .multiLevelParentStyleClass .statusINFO:hover:before {
  content: "";
  display: block;
  float: left;
  width: 0.3125rem;
  min-height: 1.625rem;
  background-color: #ff6600;
}

#subNavFile li li .statusINFO,
#subNavFile li li .statusINFO:hover {
  background-position: 11.875rem 0.3125rem;
}

.disabledStyleClass .statusINFO {
  display: block;
  min-height: 1.3125rem;
  line-height: 180%;
  padding: 0 0 0.125rem 0;
  background-color: transparent;
  background-position: 11.875rem 0.125rem;
  background-image: url("../../images/default/icon/back_info_box_16x16.gif");
  background-repeat: no-repeat;
}

@media screen and (max-width: 61.875rem) {
  .subNavBoxFile {
    width: 3.125rem !important;
    z-index: 4999;
  }
  #subNavFile {
    width: 3.125rem;
  }
  #contentFileTopic {
    margin-left: 0;
  }
  .subNavBoxFile .burger-button {
    margin-top: 0.375rem;
  }
  .subNavBoxFile .file-navigation {
    background-color: #ededed;
    border-top: 0.0625rem solid #000;
    border-bottom: 0.0625rem solid #000;
    margin-top: 0.3125rem;
    box-shadow: 0.625rem 0.9375rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
    min-width: 14.25rem;
  }
  .subNavBoxFile .file-navigation nav ul li.level1SelectedStyleClass:first-child a {
    border-top: none !important;
  }
}
#mainWizard {
  background: #fff;
  margin: 0;
  padding: 0;
}

#contentWizardTopicDistance {
  min-height: 34.375rem;
  padding: 0.625rem 0.3125rem;
  margin: 0;
}

#contentIFrameTopicDistance {
  min-height: 1.25rem;
  padding: 0.0625rem 0 0 0.0625rem;
  margin: 0;
}

#waitText {
  font-weight: bold;
}

.tree2ComponentWizard {
  margin: 0;
  padding: 0.625rem 0 1.25rem 0;
  border: 0.0625rem solid #000;
  background: #fff;
}

.tree2ComponentWizard table {
  margin: 0;
  padding: 0;
  border: none !important;
}

.tree2ComponentWizard th,
.tree2ComponentWizard tr,
.tree2ComponentWizard td,
.tree2ComponentWizard tfoot {
  margin: 0;
  padding: 0;
  background: none;
  height: 1.125rem;
  border: none !important;
}

.tree2ComponentWizard img {
  background: none !important;
  border: none !important;
}

.tree2ComponentWizardTiny {
  width: 1.875rem;
  height: 1.125rem;
  margin: 0;
  padding: 0;
  float: left;
}

.tree2ComponentWizard tr:hover a,
.tree2ComponentWizard td:hover,
.tree2ComponentWizard tr:hover {
  background: #e8e8e8;
  border: none !important;
  cursor: pointer;
}

.jumpAnkerWizard {
  text-align: right;
  padding: 0;
  margin: 0;
}

.jumpAnkerTopWizard {
  padding: 0.1875rem 0;
  margin: 0;
}

.jumpAnkerTopWizard a {
  position: relative;
  padding: 0 0 0 1.5625rem;
  margin: 0;
}

.jumpAnkerTopWizard a::before {
  content: "";
  display: flex;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #000;
  position: absolute;
  inset: 0;
  margin: auto 0;
}

.jumpAnkerBottomWizard {
  padding: 0.1875rem 0;
  margin: 0;
}

.jumpAnkerBottomWizard a {
  position: relative;
  padding: 0 0 0 1.5625rem;
  margin: 0;
}

.jumpAnkerBottomWizard a::before {
  content: "";
  display: flex;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #000;
  position: absolute;
  inset: 0;
  margin: auto 0;
}

.hiddenReloadButtonForWizardExit {
  visibility: hidden;
}

#bgHidden,
.bgHidden {
  position: fixed;
  z-index: 8000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0;
  margin: 0;
}

.modalDialogIFrame {
  min-height: 15.625rem;
}

.openBox {
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0.125rem 0.5rem 0.25rem 0.125rem #494949;
  float: left;
}

.openBox,
.openBoxNew {
  z-index: 9001;
}

.openBoxNew {
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0 auto;
  box-shadow: 0.125rem 0.25rem 0.25rem 0.125rem #494949;
  float: left;
  position: absolute;
}

.openBoxShadow {
  position: absolute;
  left: 0;
  top: 0;
  border: none !important;
  box-shadow: 0.125rem 0.25rem 0.25rem 0.125rem #494949;
}

.openBoxHead {
  width: 100%;
  font-size: 0.875rem;
  font-weight: bold;
  color: #000;
  border: 0.0625rem solid #000;
  background: #d9dcc6;
  padding: 0.1875rem 0 0.125rem 0;
  margin: 0;
  float: left;
}

.openBoxHeadLine {
  width: 70%;
  text-align: left;
  padding: 0.1875rem 0.125rem 0 0.5rem;
  margin: 0;
}

.openBoxHead .openBoxHeadClose {
  cursor: pointer;
  padding: 0.125rem 0.5rem 0.125rem 1.25rem;
  margin: -1.25rem 0.3125rem 0 0;
  float: right;
}

.openBoxHead .openBoxHeadClose a {
  display: flex;
  align-items: center;
  min-height: 1.25rem;
  text-decoration: none;
  text-transform: none;
  background: url("../../images/default/wizard/close_normal_16x16.gif") left center no-repeat;
  color: #000;
  padding: 0 0 0 1.375rem;
  margin: 0;
}

.openBoxHead .openBoxHeadClose a:hover {
  text-decoration: underline;
}

.openBoxcontent {
  height: auto;
  clear: both;
  background: #fff;
  border-top: none;
  border-bottom: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  border-left: 0.0625rem solid #000;
  padding: 0.625rem 0.3125rem 1.875rem 0.3125rem;
}

.openBoxcontent[id^=singleUpload],
.openBoxcontent[id^=multiUpload] {
  padding: 0;
}

.waitingBox {
  border-top: 0.0625rem solid #000;
  color: #000;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  padding: 3.75rem 0 3.8125rem 0;
}

.waitingBoxSmall {
  color: #000;
  font-weight: bold;
  width: 12.5rem;
  text-align: center;
  overflow: hidden;
  margin: 10% auto;
  padding: 1.25rem 0;
}

.waitingBoxIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.bgHiddenNew,
.bgTransparent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.overlayBox,
.overlayBoxWizard {
  background: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30000;
}

.overlayBoxWizard {
  background: rgba(0, 0, 0, 0.4);
}

.setWaitingDialogNewBox {
  margin: 0;
  width: 10rem;
  height: 4.375rem;
  top: 50%;
  left: 50%;
  color: #000;
  background: #fff;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  position: fixed;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.7);
  border-radius: 0.5rem;
  border: 0.0625rem solid #d4d4d4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.setWaitingDialogNoShadow .setWaitingDialogNewBox {
  border: none;
  padding: 0 0.625rem;
  box-shadow: none;
}

.spinner {
  display: flex;
}

.spinner #spinner0 {
  margin: 0 0.3125rem 0 0.625rem;
}

.spinner #spinner1 {
  margin: 0 0.3125rem 0 0;
}

.spinner #spinner2 {
  margin: 0;
}

.spinner div,
.spinnerStandAlone div {
  height: 0.9375rem;
  width: 0.9375rem;
  display: inline-block;
  background-color: #feb282;
  border-radius: 0.1875rem;
  margin: -0.625rem 0 0.3125rem 0.3125rem;
}

.spinner div.first,
.spinnerStandAlone div.first {
  margin: -0.625rem 0 0.3125rem 0;
  background-color: #ff6600;
}

.spinnerStandAlone div {
  margin-left: 0.125rem;
}

.waitingDialogTextfieldInvisible {
  position: absolute;
  z-index: 1;
  top: -5000px;
  left: -5000px;
}

table.CMTable {
  width: 100% !important;
  border-collapse: collapse;
  table-layout: auto;
  margin: 0;
  padding: 0;
}

.CMTableHideTable {
  display: none;
}

.CMTable tr:hover {
  color: #000;
}

.CMTable tbody td {
  margin: 0;
  border: none;
  height: 2.9375rem;
  background-image: url("../../images/default/companyMatching/cm_background_border_1x1.gif");
  background-repeat: repeat-x;
  background-position: bottom left;
}

.CMTable thead,
.CMTable thead th {
  text-transform: none;
  font-size: 0.75rem;
  padding: 0;
  margin: 0;
  width: 0.125rem;
  height: 0.375rem !important;
  border-bottom: none;
}

.CMTable .CMHeader {
  text-align: left;
  vertical-align: top;
  width: auto;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.625rem;
  margin: 0;
  background: #fff;
}

.CMTable .CMLastUpdate {
  cursor: default;
  display: block;
  clear: left;
  padding: 0;
  margin: 0.1875rem 0 0 0;
  font-weight: normal;
  font-size: 0.6875rem;
}

.CMTable thead th.CMVMPColumn,
.CMTable thead th.CMVMSColumn {
  border-bottom: 0.0625rem solid #000;
}

.CMTable thead .CMMatchingColumnDefault,
.CMTable tfoot .CMMatchingColumnDefault {
  border: none;
  background: #cac9cd url("../../images/default/companyMatching/cm_background_border_1x1.gif") bottom left repeat-x;
}

.CMTable tfoot .CMMatchingColumnDefault {
  border-bottom: 0.0625rem solid #000;
}

.CMTable .CMMatchingColumn {
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: top;
  background: #e4e4e7 url("../../images/default/companyMatching/cm_background_border_1x1.gif") bottom left repeat-x;
}

.CMTable tfoot td {
  padding: 0;
  margin: 0;
  width: 0.125rem;
  height: 0.1875rem;
}

.CMTable .CMOdd {
  background: #fff;
}

.CMTable .CMEven {
  background: #f7f7f7;
}

.CMTable tr.CMNoBackgroundImage td {
  background-image: none;
}

.CMTable .CMVMPColumn,
.CMTable .CMVMSColumn {
  font-size: 0;
  padding: 0 0.0625rem;
  border-right: 0.0625rem solid #000;
  border-left: 0.0625rem solid #000;
  background: #0d6fba;
}

.CMTable .CMVMSColumn {
  background: #ff6600;
}

.CMTable .CMDataColumnVMP,
.CMTable .CMDataColumnVMS {
  text-align: left !important;
  padding: 0.125rem 0 0.125rem 0.3125rem;
  vertical-align: top;
}

.CMTable .CMDataColumnVMS {
  padding: 0.125rem 0;
}

.CMTable .CMMandatoryColumn {
  text-align: center;
  padding: 0;
  vertical-align: top;
}

.CMTable .labelMandatory_alignRight {
  margin-left: 0.1875rem;
  float: none;
}

.CMTable .CMStatusBox {
  height: 1rem;
  padding: 0;
  margin: 0;
  float: right;
}

.CMTable label,
.CMTable input[type=text],
.CMTable select,
.CMTable textarea {
  margin: 0 0 0.1875rem 0 !important;
  padding: 0;
  display: block;
  clear: left;
}

.CMTable label {
  font-size: 0.75rem !important;
  height: 1rem;
}

.CMTable .CMReadOnly,
.CMTable .CMReadOnlyTearea {
  margin: 0.1875rem 0 !important;
  font-size: 0.75rem !important;
  font-weight: bold;
}

.CMTable .CMReadOnlyTearea {
  height: 12.5rem;
  overflow: auto;
}

.CMTable .CMLink {
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  background-image: url("../../images/default/companyMatching/cm_matching_icons_20x220.gif");
}

.CMTable a.CMTotalLink {
  margin-top: 0.5rem;
  background-position: 0 -2.5rem;
  background-repeat: no-repeat;
}

.CMTable a:hover.CMTotalLink {
  background-position: 0 -3.75rem;
}

.CMTable a.CMSingleLink {
  margin-top: 0.3125rem;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.CMTable a:hover.CMSingleLink {
  background-position: 0 -1.25rem;
}

.CMTable a.CMSingleLinkDisabled {
  margin-top: 0.3125rem;
  background-position: 0 -8.75rem;
  background-repeat: no-repeat;
}

.CMTable a.CMAddLink {
  margin-top: 0.3125rem;
  background-position: 0 -5rem;
  background-repeat: no-repeat;
}

.CMTable a:hover.CMAddLink {
  background-position: 0 -6.25rem;
}

.CMTable .CMAddLinkDisabled {
  margin-top: 0.3125rem;
  background-position: 0 -7.5rem;
  background-repeat: no-repeat;
  cursor: default;
}

.CMTable a.CMCancelLink {
  margin-top: 0.3125rem;
  background-position: 0 -10rem;
  background-repeat: no-repeat;
}

.CMTable a:hover.CMCancelLink {
  background-position: 0 -11.25rem;
}

.CMTable .CMCancelLinkDisabled {
  margin-top: 0.3125rem;
  background-position: 0 -12.5rem;
  background-repeat: no-repeat;
  cursor: default;
}

.CMTable .CMLinkDefault {
  margin-top: 0.3125rem;
  background: none;
  cursor: default;
}

.CMTable .CMDataNotAvailable {
  font-size: 0.75rem;
  font-style: italic;
  text-align: center;
  padding-left: 0.75rem;
  padding-top: 0.3125rem;
}

.CMTable .CMCountryCode {
  display: none;
}

.CMTable .CPVText,
.CMTable .CPVCode {
  padding: 0 0 0 0.1875rem;
  margin: 0 0 0.3125rem 1.5625rem;
  display: block;
  font-weight: normal;
  font-size: 0.6875rem;
  clear: left;
}

.CMTable .CPVText {
  padding: 0;
}

.CMTable ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.CMTable .CMReadOnly {
  display: inline-block;
  margin: 0;
  padding: 0;
  min-width: 12.5rem;
}

.CMTable ul li {
  padding: 0;
  margin: 0;
}

.CMTable .CPVMarker {
  background-image: url("../../images/default/companyMatching/cm_background_cpv_marker_18x1.gif");
  background-repeat: repeat-y;
  background-position: top left;
}

.CMTable .CPVCode {
  padding: 0;
  margin: 0 0 0 1.5625rem;
  font-weight: bold;
  font-size: 0.75rem;
}

.CMTable .CPVKat {
  display: inline-block;
  width: 1.125rem;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  padding: 0;
  margin: -0.1875rem 0.375rem 0 0;
  font-size: 0.625rem;
  color: #000;
  background: #e4e4e7;
}

.CMTable .CMReadOnlyTearea {
  height: 12.5rem;
  width: 95%;
}

.CMTable select,
.CMTable textarea,
.CMTable input[type=text] {
  width: 95%;
}

.CMTable label {
  width: 15rem;
}

.CMTable .CMStatusBox {
  width: 3.75rem;
}

.CMTable .noMandatorySign {
  display: block;
  width: 1rem;
}

.CMTable td.CMDataColumnVMP,
.CMTable td.CMDataColumnVMS {
  width: 49.8%;
  min-width: 18.75rem;
}

.CMTable .CMMatchingColumn {
  width: 2.5rem !important;
}

.CMTable .columnDefaultSpace {
  height: 0.375rem;
  width: 2.5rem;
  display: block;
}

.CMTable tfoot .columnDefaultSpace {
  height: 0.1875rem;
}

.CMOverViewChanges {
  color: #000;
  font-weight: bold;
}

.CMOverViewDelete {
  color: #9a9a9a;
}

.links {
  display: block;
  float: left;
  width: 1rem;
  padding: 0;
  margin: 0;
  height: 1rem;
}

.rechts {
  display: block;
  margin-left: 1.25rem;
}

.CMOverViewChangesIcon {
  background: url("../../images/default/companyMatching/cm_status_changes_11x11.gif") no-repeat 0 0.125rem;
}

.CMOverViewDeletedIcon {
  background: url("../../images/default/companyMatching/cm_status_delete_11x11.gif") no-repeat 0 0.125rem;
}

.VmpVmsAbgleichIcon {
  background: url("../../images/icons/VMP_VMS_abgleich_16x16.gif") no-repeat center center;
}

.VmpVmsAbgleichGhostIcon {
  background: url("../../images/icons/VMP_VMS_abgleich_ghost_16x16.gif") no-repeat center center;
}

.statusLabelERROR,
.statusLabelWARN,
.statusLabelINFO,
.statusLabelSUCCESS {
  width: 1rem;
  height: 1rem;
  margin: 0.1875rem 0.3125rem 0 0;
  float: right;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.statusLabelSUCCESS {
  background-image: url("../../images/default/icon/back_error_box_16x16.gif");
}

.statusLabelWARN {
  background-image: url("../../images/default/icon/back_warn_box_16x16.gif");
}

.statusLabelINFO {
  background-image: url("../../images/default/icon/back_info_box_16x16.gif");
}

.statusLabelSUCCESS {
  background-image: url("../../images/default/icon/back_success_box_16x16.gif");
}

.ui-growl {
  right: 0 !important;
  top: 5rem !important;
  width: 18.75rem !important;
}

#testSystemBox ~ .ui-growl {
  top: 7.1875rem !important;
}

.bodyTenderFile .ui-growl {
  top: 7.5rem !important;
}

.bodyTenderFile #DemoModeForm ~ .ui-growl {
  top: 8.75rem !important;
}

.bodyTenderFile #testSystemBox ~ .ui-growl {
  top: 9.6875rem !important;
}

.bodyTenderFile #testSystemBox ~ #DemoModeForm ~ .ui-growl {
  top: 10.625rem !important;
}

.ui-growl-item-container {
  border-radius: 0;
  opacity: 1 !important;
}

.ui-growl-item-container .ui-growl-item {
  display: flex;
  align-items: center;
  padding: 0.3125rem 0;
  min-height: 3.75rem;
}

.ui-growl-item-container .ui-growl-item .ui-growl-message {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #000;
  flex-direction: column;
  padding: 0;
  width: 13.75rem !important;
}

.ui-growl-item-container .ui-growl-item .ui-growl-message .ui-growl-title {
  padding: 0;
  margin: 0;
}

.ui-growl-item-container .ui-growl-item .ui-growl-message p {
  font-weight: normal;
  padding: 0.125rem 0 0 0;
}

.ui-growl-item-container {
  background: #fff;
}

.ui-growl-image {
  margin: 0 0.625rem !important;
  justify-content: center;
  align-items: center;
  width: 1.375rem !important;
  height: 1.375rem !important;
  display: inline-flex !important;
  border-radius: 50%;
  position: relative;
  padding: 0.0625rem !important;
  cursor: default;
}

#growl-success_container .ui-growl-item-container .ui-growl-image.ui-growl-image-info {
  background: #146140;
  color: #fff;
}

#growl-success_container .ui-growl-item-container.ui-growl-info {
  border-left: 0.3125rem solid #146140;
}

#growl-success_container .ui-growl-item-container .ui-growl-image.ui-growl-image-info::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
}

div.errorBox,
div.infoBox,
div.warnBox,
div.successBox {
  padding: 0;
  border: 0.0625rem solid #000;
  margin: 0.625rem 0 1.25rem 0 !important;
  background: #f4f4f4;
}

div.errorBox h2,
div.infoBox h2,
div.warnBox h2,
div.successBox h2 {
  font-size: 0.875rem;
  height: 1.4375rem;
  line-height: 1.4375rem;
  padding: 0 0 0 1.6875rem;
  margin: 0.0625rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}

div.errorBox p, div.infoBox p, div.warnBox p, div.successBox p {
  font-weight: normal;
  margin: 0 0 0 0.625rem;
  padding: 0.625rem;
}

div.errorBox ul, div.infoBox ul, div.warnBox ul, div.successBox ul {
  max-height: 12.6875rem;
  margin: 0.625rem 0 0.625rem 0.9375rem;
  overflow-y: auto;
  padding: 0;
}

div.errorBox li, div.infoBox li, div.warnBox li, div.successBox li {
  margin: 0 0 0 1.25rem;
  padding: 0 0.625rem 0.3125rem 0;
  font-weight: bold;
  list-style-type: square;
}

.noPaddingAndBorderBox {
  margin-top: 0.3125rem !important;
  margin-bottom: 0 !important;
  border-right: none !important;
  border-left: none !important;
}

div.errorBox h2::before,
div.infoBox h2::before,
div.warnBox h2::before,
div.successBox h2::before {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  inset: 0;
  margin: auto 0 auto 5px;
  background-image: url("../../images/default/fileHeader/file_icon_systemessages_120x18.png");
  background-repeat: no-repeat;
}

div.errorBox h2 {
  background-color: #aa2222;
}

div.errorBox h2::before {
  background-position: center -4px;
}

label.error, .error {
  color: #f60;
}

input.error {
  color: #fff;
  background-color: #F60;
}

div.infoBox h2 {
  background-color: #0d6fba;
}

div.infoBox h2::before {
  background-position: center -65px;
}

div.infoBox input {
  width: auto;
  margin: 0.625rem 0;
  padding: 0.125rem 0.25rem;
  font-size: 0.875rem;
  line-height: 100%;
  cursor: pointer;
  overflow: visible;
}

div.successBox h2 {
  background-color: #146140;
}

div.successBox h2::before {
  background-position: center -94px;
}

div.warnBox h2 {
  background-color: #ff6600;
}

div.warnBox h2::before {
  background-position: center -35px;
}

div.infoAdvancedContainer {
  background-image: url("../../images/icons/info_icon_advanced_16x16.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  min-height: 1.25rem;
  padding: 0 0.625rem 0 1.5625rem;
  display: inline-flex;
  align-items: center;
}

div.infoAdvancedContainer.marginTop15 {
  margin-top: 0.9375rem;
}

span.hintMessageBox {
  border: 0.0625rem solid #a2b4ee;
  background-color: #dbe3ff;
  background-image: url("../../images/default/icon/hint_message_icon_20x20.png");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  color: #000;
  display: table;
  line-height: 1.5;
  vertical-align: middle;
  font-weight: normal;
  min-height: 1.25rem;
  border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  padding: 0.625rem 1.875rem;
  margin: 0.625rem 0;
  min-width: 25.625rem;
}

.warnMessageBox {
  border: 0.0625rem solid #f9c862;
  background-color: #f9f2cc;
  background-image: url("../../images/default/icon/bid_deficient_16x16.png");
  background-repeat: no-repeat;
  background-position: 0.3125rem 0.625rem;
  color: #000;
  display: block;
  line-height: 1.5;
  vertical-align: middle;
  font-weight: normal;
  min-height: 1.25rem;
  border-radius: 0.3125rem;
  padding: 0.625rem 1.875rem;
  margin: 0.625rem 0;
}

span.hintMessageBox a {
  color: #000;
}

span.hintMessageBox a:hover {
  text-decoration: none;
}

.accountDeactivated {
  border: 0.0625rem solid #df8f8f;
  background-color: #ffcece;
  text-align: center;
  color: #000;
  border-radius: 0.3125rem;
  padding: 0.1875rem;
  margin-bottom: 0.3125rem;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: bold;
}

.errorCriteriaValuation {
  padding: 0.125rem 0;
  color: #aa2222;
  font-weight: bold;
  display: block;
}

.tabHeader {
  margin: 1.875rem 0 0 0;
  text-transform: uppercase;
  font-weight: bold;
  cursor: default;
}

.tabHeader ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.tabHeader ul li {
  margin: 0;
}

.tabHeader a,
.tabHeader span,
.tabHeader li a.current {
  display: inline-flex;
  align-items: center;
  margin: 0 0.3125rem 0 0;
  text-align: center;
  text-decoration: none;
  color: #333;
  min-height: 2.75rem;
  line-height: 1rem;
}

.tabHeader a {
  cursor: pointer;
  color: #000;
  border: 0.0625rem solid #000;
  border-bottom: none;
  padding: 0.3125rem;
  background: #f3f3dd;
  position: relative;
  z-index: 1;
}

.tabHeader a:hover {
  color: #000;
  border-color: #000;
  background: #e6e6cd;
}

.tabHeader span,
.tabHeader a.current,
.tabHeader a.current:hover {
  border: 0.0625rem solid #000;
  padding: 0.3125rem;
  border-bottom: none;
  background: #e8e8e8;
  cursor: default;
  margin-top: 0;
  position: relative;
}

.tabHeader span::after,
.tabHeader a.current::after,
.tabHeader a.current:hover::after {
  content: "";
  display: flex;
  height: 0.0625rem;
  width: 100%;
  background: #e8e8e8;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.tabHeader a.tabStatusOK {
  color: #000;
  border: 0.0625rem solid #000;
  border-bottom: none;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  background: #f3f3dd url("../../images/default/icon/back_success_box_16x16.gif") no-repeat 0.25rem center;
}

.tabHeader a.tabStatusOK:hover {
  margin-top: 0;
  color: #000;
  border-color: #000;
  padding-bottom: 0.3125rem;
  background: #e6e6cd url("../../images/default/icon/back_success_box_16x16.gif") no-repeat 0.25rem center;
}

.tabHeader span.tabStatusOK,
.tabHeader a.tabStatusOK.current,
.tabHeader a.tabStatusOK.current:hover {
  border: 0.0625rem solid #000;
  border-bottom: none;
  background: #e8e8e8 url("../../images/default/icon/back_success_box_16x16.gif") no-repeat 0.25rem center;
  cursor: default;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  margin-top: 0;
}

.tabHeader a.tabStatusINFO {
  color: #000;
  border: 0.0625rem solid #000;
  border-bottom: none;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  background: #f3f3dd url("../../images/default/icon/back_info_box_16x16.gif") no-repeat 0.25rem center;
}

.tabHeader a.tabStatusINFO:hover {
  margin-top: 0;
  color: #000;
  border-color: #000;
  padding-bottom: 0.3125rem;
  background: #e6e6cd url("../../images/default/icon/back_info_box_16x16.gif") no-repeat 0.25rem center;
}

.tabHeader span.tabStatusINFO,
.tabHeader a.tabStatusINFO.current,
.tabHeader a.tabStatusINFO.current:hover {
  border: 0.0625rem solid #000;
  border-bottom: none;
  background: #e8e8e8 url("../../images/default/icon/back_info_box_16x16.gif") no-repeat 0.25rem center;
  cursor: default;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  margin-top: 0;
}

.tabHeader a.tabStatusWARN {
  color: #000;
  border: 0.0625rem solid #000;
  border-bottom: none;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  background: #f3f3dd url("../../images/default/icon/back_warn_box_16x16.gif") no-repeat 0.25rem center;
}

.tabHeader a.tabStatusWARN:hover {
  margin-top: 0;
  color: #000;
  border-color: #000;
  padding-bottom: 0.3125rem;
  background: #e6e6cd url("../../images/default/icon/back_warn_box_16x16.gif") no-repeat 0.25rem center;
}

.tabHeader span.tabStatusWARN,
.tabHeader a.tabStatusWARN.current,
.tabHeader a.tabStatusWARN.current:hover {
  border: 0.0625rem solid #000;
  border-bottom: none;
  background: #e8e8e8 url("../../images/default/icon/back_warn_box_16x16.gif") no-repeat 0.25rem center;
  cursor: default;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  margin-top: 0;
}

.tabHeader a.tabStatusERROR {
  color: #000;
  border: 0.0625rem solid #000;
  border-bottom: none;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  background: #f3f3dd url("../../images/default/icon/back_error_box_16x16.gif") no-repeat 0.25rem center;
}

.tabHeader a.tabStatusERROR:hover {
  margin-top: 0;
  color: #000;
  border-color: #000;
  padding-bottom: 0.3125rem;
  background: #e6e6cd url("../../images/default/icon/back_error_box_16x16.gif") no-repeat 0.25rem center;
}

.tabHeader span.tabStatusERROR,
.tabHeader a.tabStatusERROR.current,
.tabHeader a.tabStatusERROR.current:hover {
  border: 0.0625rem solid #000;
  border-bottom: none;
  background: #e8e8e8 url("../../images/default/icon/back_error_box_16x16.gif") no-repeat 0.25rem center;
  cursor: default;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  margin-top: 0;
}

.tabContent h3 {
  padding: 0.9375rem 0 0.3125rem 0;
  margin: 0;
}

.tabContent fieldset legend + a + h3 {
  padding-top: 0 !important;
}

.tabContent {
  border: 0.0625rem solid #000;
  clear: both;
  background: #e8e8e8;
  padding: 0.625rem;
  margin: 0 0 1.25rem 0;
}

.tabContentSupplementSpace {
  font-size: 0.0625rem;
  border-left: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  background: #e8e8e8;
  margin: 0;
}

.tabContentSupplement {
  border-left: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #000;
  background: #e8e8e8;
  padding: 1.25rem 0.625rem 1.25rem 0.625rem;
  margin: -1.875rem 0 1.25rem 0;
}

.uploadbox {
  float: left;
  margin: 0 0 0 0.3125rem;
}

.uploader {
  position: relative;
  width: 6.25rem;
  height: 1.5rem;
  overflow: hidden;
  margin: 0 0.625rem;
  float: left;
}

input.uploadbox {
  position: absolute;
  z-index: 2;
  left: -0.3125rem;
  top: 0;
  width: 6.25rem;
  height: 1.5rem;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

.uploader_img {
  z-index: 99;
  background-image: url("../../images/default/formular/upload_button_24x100.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  white-space: normal;
  width: 6.25rem;
  height: 1.5rem;
}

#uploadausgabe {
  overflow: hidden;
  cursor: default;
  border: 0.0625rem solid #a7a6aa;
  float: left;
  padding: 0 0.3125rem;
  margin: 0;
  background: #fff;
  color: #000;
  font-weight: bold;
  min-height: 1.5rem;
  display: inline-flex;
  align-items: center;
}

#tooltippsWARN,
#tooltippsINFO,
#tooltippsSUCCESS,
#tooltippsERROR,
#tooltippsEMPTY {
  position: absolute;
  top: 0.625rem;
  min-width: 13.75rem;
  max-width: 18.75rem;
  padding: 0 0 0.9375rem 0;
  z-index: 100;
  visibility: hidden;
  border: 0.0625rem solid #000;
  background-color: #fff;
  box-shadow: 0.25rem 0.25rem 0.25rem #787878;
}

.tooltippsheadline {
  clear: left;
  padding: 0.125rem 0.1875rem;
  color: #fff;
  text-align: center;
  background-color: #a1a59b;
  font-weight: bold;
}

.tooltippscontent {
  display: inline-block;
  padding: 0.3125rem;
}

.tooltipLarge {
  max-width: 31.25rem;
}

.showtitel,
.hidetitel,
.txtout {
  padding: 0;
  margin: 0;
}

.bulletinAddNewPost {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 0.3125rem 0;
}

.bulletinAddNewPost .ui-button {
  margin: 0;
}

.bulletinBoard {
  display: flex;
  flex-wrap: wrap;
  max-height: 25rem;
  overflow-y: auto;
  padding: 0.625rem;
}

.bulletinBoardPostTuple {
  column-count: 1;
  width: 100%;
}

@media screen and (min-width: 48rem) {
  .bulletinBoardPostTuple {
    column-count: 2;
  }
}
.bulletinBoardPost {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  display: inline-block;
  width: 100%;
}

.bulletinBoardPostHeader,
.bulletinBoardPostContent,
.bulletinBoardPostFooter {
  color: #000000;
  border-left: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  margin: 0;
  padding: 0.3125rem;
  background: #FFFFFF;
}

.bulletinBoardPostHeader {
  border-top: 0.0625rem solid #000;
  border-bottom: none;
  position: relative;
}

.bulletinBoardPostHeader__row-title,
.bulletinBoardPostHeader__row-category {
  display: flex;
  align-items: center;
}

.bulletinBoardPostHeader__row-title {
  justify-content: space-between;
  padding: 0 0.3125rem 0 0;
}

.bulletinBoardPostTitle {
  font-weight: bold;
  font-size: 0.875rem;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bulletinBoardPostHeader__row-title a {
  margin: 0;
}

.bulletinBoardPostContent {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #000;
  height: 5rem;
}

.bulletinBoardPostFooter {
  align-items: center;
  background: #d9dcc5;
  border-top: none;
  border-bottom: 0.0625rem solid #000;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.bulletinBoardPostFooter__column {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.3125rem;
}

.bulletinBoardPostFooter__column a {
  margin: 0 0.3125rem 0 0;
}

.bulletinBoardPostFooter__column img,
.bulletinBoardPostFooter__column a img {
  border: 0.0625rem solid #d9dcc5;
}

.bulletinBoardPostFooter__column a:hover img {
  border: 0.0625rem solid #000;
}

.toggleBoxInsideTableData {
  padding: 0.3125rem 0 0.3125rem 0.625rem;
}

.showtitel, .ueberschrift {
  text-transform: uppercase;
  font-weight: bold;
  color: #000000;
}

.showtitel {
  color: #000000;
  border: 0.0625rem solid #000;
  background: #d9dcc5;
  margin: 0.625rem 0 1.25rem 0;
  padding: 0.3125rem;
}

.toggleBoxInsideTableData .showtitel {
  background: none;
  border: none;
  margin: 0;
  padding: 0.25rem 0 0.125rem 0;
}

.toggleBoxInsideTableData .setBackgroundColorToggleHead {
  background-color: #cfcfcf;
  border: 0.0625rem solid #cfcfcf;
}

.txtout {
  border: 0.0625rem solid #000;
  border-top: none;
  color: #000;
  background: #ededed;
  margin: -1.25rem 0 0 0;
  padding: 0.625rem;
}

.toggleBoxInsideTableData .txtout {
  background-color: #fff;
  clear: left;
  border: 0.0625rem solid #cfcfcf;
  border-top: none;
  margin-top: -0.0625rem;
}

.showtitel a {
  align-items: center;
  color: #000;
  text-decoration: none;
}

.showtitel a:hover {
  color: #000000;
  text-decoration: none;
}

.toggleBoxInsideTableData .showtitel a {
  text-decoration: underline;
}

.toggleBoxInsideTableData .showtitel a:hover {
  text-decoration: none;
}

.toggleBoxInsideTableData .setBackgroundColorToggleHead.showtitel a {
  text-decoration: none;
}

.toggleShow,
.toggleHide {
  height: 1.125rem;
  width: 1.125rem;
  margin-right: 0.1875rem;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
}

.toggleShow::before,
.toggleHide::before {
  content: "";
  display: flex;
  width: 0;
  height: 0;
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-top: 0.375rem solid #ff6600;
}

.toggleHide::before {
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-bottom: 0.375rem solid #ff6600;
  border-top: none;
}

th a.showToggleLink,
th a.hideToggleLink {
  background-color: transparent;
  display: flex;
  cursor: pointer;
  padding: 0 0 0 0.3125rem;
  text-decoration: none;
  align-items: center;
  min-height: 1.75rem;
}

.showToggleLink::before,
.hideToggleLink::before {
  content: "";
  display: flex;
  width: 0;
  height: 0;
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-top: 0.375rem solid #ff6600;
  margin-right: 0.3125rem;
}

.hideToggleLink::before {
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-bottom: 0.375rem solid #ff6600;
  border-top: none;
}

th a.toggleContent,
th a.hideToggleLink {
  display: none;
}

table.legendTable {
  width: 30%;
  border: none;
  margin: 1.25rem 0 1.875rem 0;
}

.legendTable thead {
  margin: 0;
  padding: 0;
  background: #f4f4f4;
  color: #000;
  text-transform: uppercase;
}

.legendTable .subHeadingLegend {
  background: #f4f4f4;
  font-weight: bold;
  padding: 0 0.3125rem;
  font-size: 0.6875rem;
}

.legendTable th {
  height: 1.875rem;
  font-style: normal;
  text-align: left;
  padding: 0 0 0 0.3125rem;
}

.legendTable tbody td {
  height: 1.25rem;
  font-size: 0.6875rem;
  border: 0.0625rem #000 solid;
  padding: 0.0625rem 0.3125rem 0.0625rem 0.3125rem;
}

.legendTable tbody tr {
  background: #fff;
}

.legendTable tbody tr:hover {
  background: #e8e8e8;
  color: #000;
  cursor: default;
}

table.legendTableExtended {
  width: 60%;
}

.dynamicTable {
  margin: 0.9375rem 0 0 0;
}

.dynamicTable tbody tr:hover,
.dynamicTable tbody td:hover {
  background: #e8e8e8;
  color: #000;
}

.staticAnker {
  display: flex;
  margin: 0;
  padding: 0 0.3125rem 0 0;
}

.staticAnker .p-datepicker {
  align-items: center;
  display: flex;
  margin: -0.0625rem 0 0 0;
  padding: 0;
}

.staticAnker .p-datepicker .ui-inputfield {
  min-height: 1.5rem;
  padding: 0 0.1875rem;
  text-align: right;
  width: 4.6875rem;
}

.staticAnker .p-datepicker.datepicker-date-time .ui-inputfield {
  width: 6.875rem;
}

.staticAnker .p-datepicker .countCharTextField {
  left: -2.5rem;
  top: 0.75rem;
}

.staticAnker .p-datepicker .ui-datepicker-trigger {
  background-image: url("../../images/icons/calendar_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
  margin: 0 0.125rem;
  width: 1.25rem;
  border: 0.0625rem solid #000;
}

.ui-datepicker {
  background: #fff;
  color: #000;
  padding: 0 !important;
  min-width: 15.625rem !important;
  z-index: 900 !important;
}

.ui-datepicker table {
  font-size: 0.75rem !important;
}

.ui-datepicker .ui-datepicker-header {
  border-bottom: 0.0625rem solid #000;
  background: #d9dcc6;
  padding: 0.3125rem 0.625rem !important;
}

.ui-datepicker table.ui-datepicker-calendar tbody td a:hover {
  background: #d9dcc6;
  border: none;
  font-weight: normal;
}

.ui-datepicker table.ui-datepicker-calendar thead {
  background: #fff;
  border: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  padding-top: 0.3125rem;
  top: 0.375rem !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0.9375rem !important;
}

.ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w {
  width: 0;
  height: 0;
  border-width: 0.4375rem 0.875rem 0.4375rem 0;
  border-color: transparent #000000 transparent transparent;
  border-style: solid;
  display: flex;
}

.ui-datepicker .ui-datepicker-next {
  right: 0.9375rem !important;
}

.ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e {
  width: 0;
  height: 0;
  border-width: 0.4375rem 0 0.4375rem 0.875rem;
  border-color: transparent transparent transparent #000000;
  border-style: solid;
  display: flex;
}

.ui-datepicker tbody tr td span,
.ui-datepicker tbody tr td a {
  align-items: center;
  display: inline-flex;
  height: 1.25rem;
  justify-content: center;
  padding: 0;
  width: 1.25rem;
}

.ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-today &gt; a.ui-state-highlight,
.ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-today &gt; a.ui-state-highlight:hover {
  border: 0.0625rem solid #000;
  font-weight: bold;
}

.ui-datepicker table.ui-datepicker-calendar tbody td &gt; a.ui-state-active,
.ui-datepicker table.ui-datepicker-calendar tbody td &gt; a.ui-state-active:hover {
  background: #d9dcc6;
  font-weight: bold;
}

.ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-weeknumber {
  font-weight: bold;
}

.ui-datepicker .ui-timepicker {
  padding: 0 !important;
}

.ui-datepicker .ui-timepicker span {
  font-size: 0.875rem;
  font-weight: bold;
}

.ui-datepicker .ui-timepicker a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  margin: 0.3125rem 0;
  width: 1rem;
}

.ui-datepicker .ui-timepicker .ui-icon-carat-1-n {
  width: 0;
  height: 0;
  border-width: 0 0.4375rem 0.4375rem 0.4375rem;
  border-color: transparent transparent #000000 transparent;
  border-style: solid;
  display: flex;
  left: 0.0625rem;
}

.ui-datepicker .ui-timepicker .ui-icon-carat-1-s {
  width: 0;
  height: 0;
  border-width: 0.4375rem 0.4375rem 0 0.4375rem;
  border-color: #000000 transparent transparent transparent;
  border-style: solid;
  display: flex;
  left: 0.0625rem;
}

.ui-datepicker .ui-datepicker-buttonbar {
  background: #f4f4f4;
  border-top: 0.0625rem solid #000;
  margin-top: 0.625rem;
  padding: 0.125rem 0;
}

.ui-datepicker .ui-datepicker-buttonbar .ui-button {
  background-color: #d6d5d9;
  border-radius: 0;
  border: 0.0625rem solid #000;
  font-size: 0.625rem;
  min-height: 1.3125rem;
  padding: 0 0.3125rem;
  text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-buttonbar .ui-button:hover {
  background: #9d9d9d;
  color: #fff;
}

.ui-datepicker .ui-datepicker-buttonbar .ui-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #739ce0;
  border-radius: 0;
}

.datePickerWrapper {
  display: flex;
  margin-bottom: 0.625rem;
  padding-left: 0.3125rem;
}

.datePickerWrapper .staticAnker span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.timePickerWrapper {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.timePickerWrapper__item {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 0.9375rem;
}

.reminderGroup {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0 0 0.3125rem 0;
}

.reminderGroupCellDate,
.reminderGroupCellButton,
.reminderGroupCellUnlimited {
  margin: 0;
  padding: 0;
}

.reminderGroupCellDate {
  padding: 0 0.625rem 0 0.3125rem;
}

.reminderGroupCellDate map.staticAnker img {
  display: block;
  float: right;
}

.reminderGroupCellButton {
  padding: 0 0.3125rem;
  text-align: center;
}

.reminderGroupCellUnlimited {
  padding: 0 0.3125rem 0 1.5625rem;
}

.reminderButton,
.reminderButtonDisabled {
  width: 40px;
  height: 19px;
  display: table-cell;
  padding: 0;
  border: 0.0625rem solid #000;
  background-color: #d6d5d9;
  color: #000;
  cursor: pointer;
  margin: 0;
}

.reminderButtonDisabled {
  cursor: default;
  background: #d6d5d9;
  border: 0.0625rem solid #a7a6aa;
}

.reminderButton:hover {
  background-color: #9d9d9d;
}

.reminderButton span,
.reminderButtonDisabled span {
  background: url("../../images/default/reminder/icon_terminerinnerung_40x200.png") no-repeat;
  display: block;
  height: 100%;
}

.reminderButton span.reminderIconNormal {
  background-position: 0 -1px;
}

.reminderButton:hover span.reminderIconNormal {
  background-position: 0 -21px;
}

.reminderButtonDisabled span.reminderIconNormal,
.reminderButtonDisabled:hover span.reminderIconNormal {
  background-position: 0 -41px;
}

.reminderButton span.reminderIconActive {
  background-position: 0 -61px;
}

.reminderButton:hover span.reminderIconActive {
  background-position: 0 -81px;
}

.reminderButtonDisabled span.reminderIconActive,
.reminderButtonDisabled:hover span.reminderIconActive {
  background-position: 0 -101px;
}

.reminderGroupCellUnlimited input[type=checkbox],
.reminderGroupCellUnlimited input[type=checkbox]:focus {
  position: absolute;
}

.reminderGroupCellUnlimited label {
  margin-left: 1.25rem;
}

#tree2Component {
  color: #000;
  margin: 0;
  padding: 0.625rem 0 1.25rem 0;
  border: 0.0625rem solid #000;
  border-top: none;
  background: #fff;
}

#tree2Component img {
  background: none !important;
  border: none !important;
  position: relative;
  top: 0.1875rem;
}

#tree2Component a {
  margin: 0;
  padding: 0;
  color: #000;
  text-decoration: none;
}

#tree2Component a:hover {
  font-weight: bold;
}

#tree2Component table {
  margin: 0;
  padding: 0;
  border: none !important;
}

#tree2Component table input[type=checkbox] {
  position: relative;
  top: 0.125rem;
  margin-right: 0.125rem;
}

#tree2Component th,
#tree2Component td,
#tree2Component tfoot {
  margin: -0.125rem 0;
  padding: 0;
  background: none;
  height: 1.125rem;
  border: none !important;
}

#tree2Component tr:hover a,
#tree2Component td:hover {
  color: #000;
  background: #e8e8e8;
  font-weight: normal;
}

.editlisttree {
  display: flex;
  align-items: center;
  margin: 0.625rem 0 0 0;
  padding: 0.3125rem;
  border: 0.0625rem solid #000;
  background: #d9dcc6;
  min-height: 2.1875rem;
}

.editlisttree .helpTextButton-wrapper {
  margin-right: 0.3125rem;
}

.editlisttree a,
.editlisttree img {
  margin-right: 0.3125rem;
  min-height: 1rem;
  min-width: 1rem;
  display: inline-flex;
  align-items: center;
}

.editlisttree a img {
  margin-right: 0;
}

.treefooter {
  margin: 0 0 0.625rem 0;
  padding: 0.3125rem;
  border: 0.0625rem solid #000;
  background: #d9dcc6;
}

.secondLevel {
  margin: 0;
  padding: 0.625rem 0 0 0;
}

.secondLevel select {
  height: 1.25rem;
  font-size: 0.8125rem;
  margin: 0;
  padding: 0;
  border: 0.0625rem solid #999;
  background-color: #fff;
  float: left;
}

*:not(hr) .secondLevel input {
  padding: 0 0.3125rem;
}

.secondLevel input {
  width: auto;
  height: 1.25rem;
  padding: 0.125rem 0.3125rem 0 0.3125rem;
  margin: 0 0 0 0.625rem;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  background: url("../../images/background/back_buttons.gif");
  color: #fff !important;
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 1.5;
  cursor: pointer;
  overflow: visible;
}

.editlisttreeBox {
  padding: 0;
  margin: 0 0 0 auto;
  display: inline-flex;
  flex-wrap: wrap;
}

.hideLayoutTable {
  color: #000;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.hideLayoutTable .helpTextButton-wrapper .helpTextButton {
  border-right: 0.0625rem solid #a8a8a8 !important;
}

.hideLayoutTable table {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none !important;
}

.hideLayoutTable table tbody label {
  align-items: flex-start;
  display: flex;
}

.hideLayoutTable table tbody [type=radio],
.hideLayoutTable table tbody [type=checkbox] {
  display: inline-block;
  float: left;
  margin-right: 0.3125rem;
}

.hideLayoutTable table tbody td:has([type=radio]) {
  display: flex;
  align-items: flex-start;
}

.hideLayoutTable th,
.hideLayoutTable td,
.hideLayoutTable tbody td,
.hideLayoutTable tfoot {
  margin: 0;
  padding: 0 0.1875rem 0.3125rem 0.1875rem;
  background: #f4f4f4;
  border: none !important;
  height: auto;
  min-height: auto;
}

.hideLayoutTable tbody tr:hover {
  color: #000;
  background: #f4f4f4;
  cursor: default;
}

.hideLayoutTable tbody tr,
.hideLayoutTableBackgroundTransparent {
  background-color: transparent !important;
}

.contractingRuleTable label {
  display: inline-block;
  padding-left: 0.3125rem;
  width: 6.875rem;
}

#fileUploadBox {
  height: 15.625rem;
  border: none !important;
  margin: 0;
  padding: 0;
}

#fileUploadBox h2 {
  text-align: left;
  border-top: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #000;
  border-left: none;
  border-right: none;
  padding: 0.3125rem 0 0.3125rem 1.875rem;
  margin: 0;
  background: #d9dcc6 url("../../images/default/icon/loading_attention.gif") no-repeat;
  background-position: 0.375rem 0.375rem;
}

#fileUploadBox p {
  color: #000;
  margin: 0.625rem 0;
  padding: 0.625rem 0.625rem 0 0.625rem;
}

#fileUploadIcon {
  margin: 0;
  padding: 1.25rem 0 0 0;
}

#fileUploadBox #fileUploadStatus {
  margin: 0;
  padding: 0;
}

#fileUploadBox #fileUploadTitle {
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0 0 0.625rem 0;
}

#fileUploadBox .fileUploadText {
  text-align: left;
  margin: 1.25rem 0 0 0;
  padding: 0 0 0 0.625rem;
  float: left;
}

#fileUploadBox #fileUploadTimeOutput {
  font-weight: bold;
  text-align: left;
  margin: 1.25rem -0.3125rem 0 0;
  padding: 0 0 0 0.3125rem;
  float: left;
}

#fileUploadBox #fileUploadOK {
  background: url("../../images/default/icon/back_success_box_16x16.gif") 50% 50% no-repeat;
  margin: 0;
  padding: 1.25rem 0;
}

#fileUploadBox #fileUploadERROR {
  background: url("../../images/default/icon/back_error_box_16x16.gif") 50% 50% no-repeat;
  margin: 0;
  padding: 1.25rem 0;
}

#fileUploadBox #fileUploadINFO {
  background: url("../../images/default/icon/back_info_box_16x16.gif") 50% 50% no-repeat;
  margin: 0;
  padding: 1.25rem 0;
}

#interfaceBox {
  cursor: default;
  font-size: 0.6875rem;
  color: #000;
  border: none !important;
  padding: 0;
  height: 1.625rem;
  background: #d4d6c0;
  margin: 0 8.6875rem 0 0;
}

.interfaceText {
  padding: 0;
  margin: 0;
  float: left;
}

.interfaceBoxTextDisabled {
  font-weight: normal;
}

#interfaceLeft {
  width: 12.625rem;
  height: 1.625rem;
  padding: 0.3125rem 0 0.3125rem 1.4375rem;
  margin: 0;
  float: left;
}

#interfaceCenter {
  height: 1.625rem;
  padding: 0.3125rem 0 0.3125rem 0.1875rem;
  margin: 0;
  float: left;
}

.interfaceTextDateTime {
  padding: 0 0 0 0.625rem;
  margin: 0;
  font-weight: bold;
  color: #ff6600;
  float: left;
}

#interfaceRight {
  border: 0.0625rem solid #000;
  background: #fff;
  float: right;
}

.interfaceDialogBox {
  cursor: help;
  width: 1.25rem;
  height: 1.5625rem;
  padding: 0;
  margin: 0;
  float: left;
}

a.interfaceLink {
  cursor: pointer;
  position: absolute;
  right: 8.6875rem;
  z-index: 99;
  top: 4.5625rem;
  display: block;
  padding: 0.3125rem 0.625rem 0 0.625rem;
  margin: 0;
  font-size: 0.6875rem;
  color: #000;
  height: 1.25rem;
  text-decoration: none;
  font-weight: bold;
  border: 0.0625rem solid #000;
  background: #fff;
}

a:hover.interfaceLink {
  background: #ccc;
}

a.interfaceLinkClicked {
  cursor: pointer;
  border-bottom: 0.0625rem solid #fff;
}

.interfaceDialogClipboard_DISABLED,
.interfaceDialogClipboard_DEFAULT,
.interfaceDialogClipboard_INFO,
.interfaceDialogClipboard_WARN,
.interfaceDialogClipboard_ERROR,
.interfaceDialogClipboard_SUCCESS {
  display: block;
  width: 1.25rem;
  height: 1.4375rem;
  padding: 0 0.625rem 0 0;
  margin: -0.25rem 0 0 0;
  float: left;
}

.interfaceDialogClipboard_DISABLED {
  background: url("../../images/default/interface/interface_clipboard_disabled_20x23.gif") top left no-repeat;
}

.interfaceDialogClipboard_DEFAULT {
  background: url("../../images/default/interface/interface_clipboard_default_20x23.gif") top left no-repeat;
  cursor: help;
}

.interfaceDialogClipboard_INFO {
  background: url("../../images/default/interface/interface_clipboard_info_20x23.gif") top left no-repeat;
  cursor: help;
}

.interfaceDialogClipboard_WARN {
  background: url("../../images/default/interface/interface_clipboard_warning_20x23.gif") top left no-repeat;
  cursor: help;
}

.interfaceDialogClipboard_ERROR {
  background: url("../../images/default/interface/interface_clipboard_error_20x23.gif") top left no-repeat;
  cursor: help;
}

.interfaceDialogClipboard_SUCCESS {
  background: url("../../images/default/interface/interface_clipboard_success_20x23.gif") top left no-repeat;
  cursor: help;
}

.interfaceStatusBox {
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: 0 0.625rem 0 0;
  float: right;
}

.interfaceSyncStatus_DISABLED,
.interfaceSyncStatus_SYNCHRONIC,
.interfaceSyncStatus_OUTGOING,
.interfaceSyncStatus_OUTGOING_SYNC,
.interfaceSyncStatus_INCOMING,
.interfaceSyncStatus_INCOMING_SYNC,
.interfaceSyncStatus_IN_AND_OUT,
.interfaceSyncStatus_FAILED,
.interfaceSyncStatus_IN_PROGRESS,
.interfaceSyncStatus_STATIC,
.interfaceSyncStatus_NOT_PUBLISHED,
.interfaceSyncStatus_STATIC_CIRCLE {
  display: block;
  cursor: help;
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: 0;
  float: left;
}

.interfaceSyncAlignmentImgIframe {
  padding: 0;
  margin: 0 0 0 0.1875rem;
}

.interfaceSyncStatus_DISABLED {
  background-image: url("../../images/default/interface/interface_syncstatus_disabled_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_SYNCHRONIC {
  background-image: url("../../images/default/interface/interface_syncstatus_synchronic_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_NOT_PUBLISHED {
  background-image: url("../../images/default/interface/interface_syncstatus_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_OUTGOING {
  background-image: url("../../images/default/interface/interface_syncstatus_outgoing_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_OUTGOING_SYNC {
  background-image: url("../../images/default/interface/interface_syncstatus_outgoing_SYNC_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_INCOMING {
  background-image: url("../../images/default/interface/interface_syncstatus_incoming_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_INCOMING_SYNC {
  background-image: url("../../images/default/interface/interface_syncstatus_incoming_SYNC_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_IN_AND_OUT {
  background-image: url("../../images/default/interface/interface_syncstatus_in_and_out_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_FAILED {
  background-image: url("../../images/default/interface/interface_syncstatus_failed_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_IN_PROGRESS {
  background-image: url("../../images/default/interface/interface_syncstatus_anim_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_STATIC {
  background-image: url("../../images/default/forwarding/forwarding_pending_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceSyncStatus_STATIC_CIRCLE {
  background-image: url("../../images/default/interface/interface_syncstatus_static_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceLinkWhileSyncStatusOpen {
  color: #bf340a !important;
  text-decoration-color: #bf340a;
}

.interfaceSyncStatusOpen:hover {
  color: #bf340a !important;
  text-decoration-color: #bf340a;
  text-decoration: underline;
}

.interfaceHistoryTable .interfaceTable thead {
  border-top: none !important;
  border-left: none !important;
}

.interfaceHistoryTable .interfaceTable th {
  border-top: none !important;
  border-left: none !important;
}

.interfaceHistoryTable .interfaceTable .interfaceSpecialTD {
  border-right: 0.0625rem solid #fff;
}

.interfaceHistoryTable .interfaceTable .interfaceSpecialThead {
  border-right: 0.0625rem solid #d9dcc6;
}

.interfaceHistoryTable .interfaceTable tbody td {
  border-left: none;
}

.interfaceHistoryTable .interfaceTable tfoot td {
  border: none;
}

.interfaceTable td {
  padding-left: 0;
  padding-right: 0;
}

.interfaceTdHeight {
  height: 1.875rem;
}

.interfaceTdAlignmentText {
  padding-left: 0.3125rem;
}

.interfaceTextBold {
  font-weight: bold;
}

.interfaceTextColor {
  color: #ff6600;
}

.interfaceTdAlignmentIcon {
  margin: 0 0 0 1.25rem;
}

a.screenReaderLinkFocus .interfaceTdAlignmentIcon {
  margin: 0;
}

.interfaceTdAlignmentIconClipboard {
  margin: 0.1875rem 0 0 1.75rem;
}

.interfaceTdAlignmentIconClipboard a.interfaceDialogClipboard_INFO,
.interfaceTdAlignmentIconClipboard a.interfaceDialogClipboard_WARN,
.interfaceTdAlignmentIconClipboard a.interfaceDialogClipboard_ERROR,
.interfaceTdAlignmentIconClipboard a.interfaceDialogClipboard_SUCCESS {
  cursor: pointer;
  text-decoration: none;
  padding-right: 1.25rem;
}

.interfaceTdAlignmentIconClipboard a.interfaceDialogClipboard_INFO:after,
.interfaceTdAlignmentIconClipboard a.interfaceDialogClipboard_WARN:after,
.interfaceTdAlignmentIconClipboard a.interfaceDialogClipboard_ERROR:after,
.interfaceTdAlignmentIconClipboard a.interfaceDialogClipboard_SUCCESS:after {
  content: "";
  display: inline-block;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.3125rem solid #ff6600;
  border-bottom: none;
  position: relative;
  left: 1.5rem;
  top: 0.1875rem;
}

.interfaceTdAlignmentIconClipboard.iframeToolTipToggleOpen a.interfaceDialogClipboard_INFO:after,
.interfaceTdAlignmentIconClipboard.iframeToolTipToggleOpen a.interfaceDialogClipboard_WARN:after,
.interfaceTdAlignmentIconClipboard.iframeToolTipToggleOpen a.interfaceDialogClipboard_ERROR:after,
.interfaceTdAlignmentIconClipboard.iframeToolTipToggleOpen a.interfaceDialogClipboard_SUCCESS:after {
  content: "";
  display: inline-block;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-bottom: 0.3125rem solid #ff6600;
  border-top: none;
  position: relative;
  left: 1.25rem;
  top: 0.1875rem;
}

p.interfaceModificationsHeadline {
  padding: 0.625rem;
  margin: 0;
  min-height: 2.5rem;
  font-weight: bold;
  text-transform: uppercase;
  background: #cfcfcf;
  border-bottom: 0.0625rem solid #000;
}

table tbody td:has(p.interfaceModificationsHeadline) {
  padding: 0;
}

table tbody td:has(p.interfaceModificationsHeadline) .actionForm {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}

ul.interfaceULList {
  font-size: 0.6875rem;
  padding: 0.3125rem 0 1.25rem 1.1875rem;
}

li.interfaceULList {
  padding-bottom: 0.3125rem;
}

.interfaceToggle .txtout {
  padding: 0;
}

.interfaceTdAlignmentIconClipboard.toggleTriangleClipboard {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.interfaceTdAlignmentIconClipboard.toggleTriangleClipboard a.toggleTriangleLink {
  display: inline-block;
  height: 1rem;
  width: 1rem;
}

.interfaceTdAlignmentIconClipboard.toggleTriangleClipboard a.toggleTriangleLink:after {
  content: "";
  display: inline-block;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.3125rem solid #ff6600;
  border-bottom: none;
  position: relative;
  left: 0.9375rem;
  top: 0.3125rem;
}

.interfaceTdAlignmentIconClipboard.toggleTriangleClipboard.iframeToolTipToggleOpen a.toggleTriangleLink:after {
  content: "";
  display: inline-block;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-bottom: 0.3125rem solid #ff6600;
  border-top: none;
  position: relative;
  left: 0.9375rem;
  top: 0.3125rem;
}

.checkSumIcon {
  background: url("../../images/icons/checksum/checksum_16x16.png") center center no-repeat;
}

a.maintenanceLink {
  color: #000;
  padding: 0;
  margin: 0;
}

a:hover.maintenanceLink {
  text-decoration: none;
}

.maintenanceLinkExampleText {
  display: block;
  clear: left;
  font-size: 0.6875rem;
  padding: 0.1875rem 0 0.625rem 0.3125rem;
  margin: 0;
}

.maintenanceTextAlignment {
  padding: 0 0 0 0.5625rem;
}

.exampleHeader {
  display: block;
  clear: left;
  font-weight: bold;
  margin: 0;
  padding: 0.9375rem 0 0.5rem 0;
}

.exampleTextBox {
  float: left;
  padding: 0.3125rem 0 0 0.625rem;
}

.exampleLinkBox {
  padding: 0.125rem 0;
  margin: 0 0 0.0625rem 0;
  float: left;
}

.exampleLinkBox a,
a.exampleLinkBox {
  padding: 0.125rem;
  background: #d6d5d9;
  text-decoration: none;
  font-weight: normal;
  display: block;
  margin: 0 0 0.0625rem 0;
  border: 0.0625rem solid #000;
  text-align: center;
  color: #000;
}

a.exampleLinkSubmit {
  width: 6.1875rem;
  padding: 0.125rem 0;
  background: #d6d5d9;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
  display: block;
  font-size: 0.625rem;
  line-height: 1.5;
  cursor: pointer;
  margin: 0 0 0 0.0625rem;
  border: 0.0625rem solid #000;
  text-align: center;
  color: #000;
}

.exampleLinkWidthMedium {
  width: 5rem;
}

.exampleLinkWidthSmall {
  width: 1.875rem;
}

.exampleBoxDefinedSmall {
  overflow: auto;
  width: 0.9375rem;
  height: 0.625rem;
  margin: 0;
  padding: 0;
  float: left;
}

.exampleInline {
  font-size: 0.6875rem;
  margin: 0;
  padding: 0;
}

h5.exampleHeader {
  margin: 0 0 0 0.9375rem;
  padding: 0 0 0.625rem 0;
  font-size: 0.9375rem !important;
  width: 50%;
  color: #000;
}

.exampleAlignment {
  float: right;
  margin: 0;
}

.exampleAlignment2 {
  position: absolute;
  left: 34.375rem;
}

.exampleBoxOutput {
  float: left;
  text-align: center;
  vertical-align: text-bottom;
  height: 1.875rem;
  min-width: 35.5625rem;
  cursor: default;
  border: 0.0625rem solid #a7a6aa;
  font-size: 1.125rem;
}

.exampleBox {
  margin-top: 0.3125rem !important;
}

.exampleBox * {
  vertical-align: middle;
}

.importCompanyTable td {
  margin: 0;
  padding: 0;
}

.importCompanyTableFinal td {
  margin: 0;
  padding: 0 0 0 0.3125rem;
}

.importCompanyTable tr:hover,
.importCompanyTableFinal tr:hover {
  color: #000;
  background: transparent;
}

.importCompanyTableFinal tbody tr:hover a:link img {
  background: none;
  cursor: pointer;
}

.importCompanyTableFinal tbody tr:hover a:hover img {
  border: 0.0625rem solid #000;
  background: #cccc99;
}

.importCompanyDetailsHead {
  height: auto;
  padding: 0.1875rem 0 0.1875rem 0.3125rem;
  margin: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.6875rem;
  background-color: #cfcfcf;
}

.importCompanyDetails {
  margin: 0;
  padding: 0;
  border: none;
  background: #f4f4f4;
}

.showNewTableContent {
  cursor: help;
  padding: 0 0 0 1.875rem !important;
  font-weight: bold;
  background: url("../../images/default/companyMatching/cm_status_new_entry_11x11.gif") no-repeat 7px center;
}

.showNewTableContentBackground {
  font-weight: bold;
}

.showOldCompany {
  padding: 0 0 0 1.875rem !important;
}

.highlightedSearchString {
  background: #f57c2c;
  color: #fff;
  border-radius: 0.125rem;
}

.activityString {
  background: #f57c2c;
  color: #fff;
  border-radius: 0.125rem;
}

.activityNoCompany {
  color: #888;
}

.cpvHitsIcons {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  padding-top: 0.125rem;
  background: url("../../images/default/activityArea/icon_hits_of_search-18x18.png") no-repeat center center;
}

.searchResultText {
  display: block;
  padding: 0.1875rem 0;
  text-align: center;
  font-weight: bold;
  font-size: 0.8125rem;
}

table.gtransMessages {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

.gtransMessages thead {
  font-size: 0.6875rem;
  margin: 0;
  background: #d9dcc6;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border: 0.0625rem #000 solid;
}

.gtransMessages th {
  font-size: 0.6875rem;
  border: 0.0625rem #000 solid;
  padding: 0.25rem 0.3125rem 0.25rem 0.3125rem;
  text-transform: uppercase;
}

td.leftHeader {
  font-size: 0.6875rem;
  margin: 0;
  background: #d9dcc6;
  color: #000;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  border: 0.0625rem #000 solid;
  padding: 0.25rem 0.3125rem;
  width: 20%;
}

.gtransMessages tbody tr {
  background: #fff;
}

.gtransMessages tbody {
  font-size: 0.6875rem;
  border: 0.0625rem #000 solid;
  height: 1.5625rem;
  padding: 0 0.3125rem;
}

.gtransMessages td {
  font-size: 0.6875rem;
  border: 0.0625rem #000 solid;
  height: 1.5625rem;
  padding: 0 0.3125rem;
}

.dataCenter {
  text-align: center;
}

.dataLeft {
  text-align: left;
}

.templateContainer {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

textarea.singleFieldInput,
input[type=text].singleFieldInput,
select.singleFieldInput,
textarea.singleFieldInput[disabled],
input[type=text].singleFieldInput[disabled],
select.singleFieldInput[disabled],
textarea.singleFieldInput[readonly],
input[type=text].singleFieldInput[readonly],
select.singleFieldInput[readonly] {
  display: block;
  float: left;
  margin-right: 0.125rem;
}

.templateContainer .templateButtonBox {
  float: left;
  padding: 2px;
  margin-top: -3px;
  height: 46px;
  width: 24px;
  overflow: hidden;
}

.templateContainer .templateButtonBox a,
.templateContainer .templateButtonBox span.open,
.templateContainer .templateButtonBox input[type=submit] {
  background-color: transparent;
  background-image: url("../../images/default/templateTextarea/template_overview_new_open_16x54.png");
  background-repeat: no-repeat;
  border: 0.0625rem solid transparent;
  cursor: pointer;
  display: block;
  height: 18px;
  width: 18px;
  padding: 0;
  font-size: 0;
  margin: 0 !important;
}

.templateContainer .templateButtonBox span.open {
  background-position: 0 -36px !important;
  cursor: default;
}

.templateContainer .templateButtonBox a.open {
  background-position: 0 0;
}

.templateContainer .templateButtonBox input[type=submit].new {
  background-position: 0 -18px !important;
  height: 20px;
  width: 18px;
}

.templateContainer .templateButtonBox a:hover,
.templateContainer .templateButtonBox input[type=submit]:hover {
  background-color: #cccc99;
  border: 0.0625rem solid #000;
}

textarea.singleFieldInput + .templateContainer .templateButtonBox a,
textarea.singleFieldInput + .templateContainer .templateButtonBox input[type=submit] {
  clear: left !important;
}

input[type=text].singleFieldInput + .templateContainer .templateButtonBox a,
input[type=text].singleFieldInput + .templateContainer .templateButtonBox input[type=submit] {
  float: left !important;
  margin: 0 0.3125rem 0 0 !important;
}

select.singleFieldInput + .templateContainer .templateButtonBox a,
select.singleFieldInput + .templateContainer .templateButtonBox input[type=submit] {
  float: left !important;
  margin: 0 0.3125rem 0 0 !important;
}

.inputTypeTextLarge.singleFieldInput {
  width: 17.75rem;
}

.boxShadowEffekt {
  transition: all 0.4s ease-in-out;
}

span.singleFieldOutput {
  display: block;
  float: left;
  margin-right: 0.125rem;
  min-width: 12.5rem;
  max-width: 25rem;
}

.categorieListSearch {
  margin-bottom: 0.9375rem;
}

.categorieListSearch::after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

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

.categorieListSearchCell:last-child {
  padding-left: 0.625rem;
}

ul.categorieList {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 0.3125rem;
  padding: 0;
}

ul.categorieList li {
  display: inline-block;
  position: relative;
  margin: 0.3125rem 1.5625rem 0.3125rem 0;
}

ul.categorieList li:after {
  content: "";
  display: inline-block;
  height: 0.9375rem;
  width: 0.125rem;
  background-color: #d1d1d1;
  position: absolute;
  top: 50%;
  right: -0.9375rem;
  transform: translateY(-50%);
}

ul.categorieList li:last-child:after {
  display: none;
}

ul.categorieList li label,
ul.categorieList li input[type=checkbox] {
  vertical-align: middle;
  display: block;
  float: left;
}

ul.categorieList li input[type=checkbox] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

ul.categorieList li label {
  font-size: 0.625rem;
  line-height: 0.75rem;
  text-transform: uppercase;
  word-wrap: break-word;
}

ul.categorieList li label {
  background-color: #d1d1d1;
  border-radius: 0.3125rem;
  color: #000;
  margin-left: 1.25rem;
  padding: 0.3125rem 0.625rem;
  text-decoration: none;
  background-image: linear-gradient(to right, #656465, #656465 50%, transparent 50%, transparent);
  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all 0.3s ease-in;
  box-shadow: 0.1875rem 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.2);
}

ul.categorieList li label:hover,
ul.categorieList li input[type=checkbox]:checked + label {
  background-position: 0 0;
  color: #fff;
}

ul.categorieList li input[type=checkbox]:focus + label {
  outline: none;
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075), 0 0 0.5rem rgba(0, 75, 143, 0.6);
}

ul.categorieList li img.checkBoxWrite {
  display: block;
  float: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

ul.categorieList li img.checkBoxWrite + label,
ul.categorieList li img.checkBoxWrite + label:hover {
  background: #d1d1d1;
  color: #000;
  cursor: default;
}

ul.categorieList li img.checkBoxWrite[data-image-checked=true] + label {
  background: #656465;
  color: #fff;
}

ul.categorieListFileHead {
  list-style: none;
  margin: 0.3125rem 0 0 0;
  padding: 0;
}

ul.categorieListFileHead li {
  display: inline-block;
  position: relative;
  margin: 0 0.3125rem 0 0;
}

ul.categorieListFileHead li span {
  background-color: #656465;
  border-radius: 0.3125rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  font-size: 0.625rem;
  line-height: 0.75rem;
  text-transform: uppercase;
  word-wrap: break-word;
  vertical-align: middle;
  display: table-cell;
  box-shadow: 0.1875rem 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.2);
}

.autocompleteBox {
  position: relative;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.suggestionBox {
  margin: 0;
  padding: 0;
  position: absolute;
  height: auto;
  left: 0;
  top: 0;
  z-index: 1000;
}

.suggestionBox ul.suggestionBox__list {
  background: #fff;
  max-height: 9.375rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
  box-shadow: 0.1875rem 0.3125rem 0.5rem 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1000;
}

.suggestionBox .suggestionBox__item {
  padding: 0.625rem 0.3125rem;
  margin: 0;
  border-bottom: 0.0625rem solid #ccc;
  cursor: pointer;
  word-wrap: break-word;
  hyphens: auto;
}

.suggestionBox .suggestionBox__item:last-child {
  border-bottom: none;
}

.tableFilter ul.tableFilterListForElements li .suggestionBox .suggestionBox__item.suggestionSelected,
.suggestionBox .suggestionBox__item.suggestionSelected {
  background: #d4d4d4;
}

.access-status {
  align-items: center;
  background-color: #707070;
  border-radius: 0.1875rem;
  color: #fff;
  cursor: help;
  display: flex;
  height: 1.125rem;
  margin: 0 auto;
  position: relative;
  width: 6.25rem;
}

.access-status__bar {
  border-radius: 0.1875rem 0 0 0.1875rem;
  background-color: #146140;
  height: inherit;
}

.access-status--no {
  background-color: #f2784b;
  color: #000;
}

.access-status__bar[data-access-status="100"] {
  border-radius: 0.1875rem;
}

.access-status__bar-text {
  font-weight: bold;
  font-size: 0.6875rem;
  display: inline-flex;
  position: absolute;
  height: inherit;
  width: inherit;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}

.whiteSpacePreWrap {
  white-space: pre-wrap;
}

.endOfSupportIE {
  background: #fff;
  display: flex;
  margin: auto;
  max-width: 62.375rem;
}

.endOfSupportIE__column {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0.9375rem;
}

.endOfSupportIE h1,
.endOfSupportIE h2,
.endOfSupportIE h3,
.endOfSupportIE p {
  line-height: 1.2;
  margin: 0 0 0.9375rem 0;
  padding: 0;
  font-weight: normal;
  font-size: 0.875rem;
}

.endOfSupportIE h1 {
  display: flex;
  font-size: 1.625rem;
  text-transform: uppercase;
  letter-spacing: -0.0125rem;
}

.endOfSupportIE__head-icon {
  display: flex;
  min-width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.625rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../images/default/endOfSupport/warning.svg");
  animation: icon-scale 0.5s alternate infinite ease-in;
}

@keyframes icon-scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.endOfSupportIE h2 {
  font-size: 1.375rem;
}

.endOfSupportIE h3 {
  font-size: 1.125rem;
}

.endOfSupportIE__button {
  background: #e5ebef;
  border: none;
  border-radius: 0.1875rem;
  color: #000;
  font-size: 0.875rem;
  display: inline-flex;
  margin: 0 0.9375rem 0.9375rem 0;
  min-height: 2.25rem;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  padding: 0 0.625rem;
  min-width: 3.125rem;
  box-shadow: 0 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.4);
}

.endOfSupportIE__button:hover,
.endOfSupportIE__button:focus {
  outline: 0;
  background-color: #ff6600;
  color: #fff;
}

_:-ms-fullscreen, :root .endOfSupportIE__button::after {
  content: "";
  display: block;
  min-height: 2.25rem;
}

.endOfSupportIE__button .endOfSupportIE__button-icon {
  display: inline-flex;
  min-width: 1.5625rem;
  min-height: 1.5625rem;
  margin-right: 0.3125rem;
  background-position: center center;
  background-repeat: no-repeat;
}

.endOfSupportIE__button-icon.chrome {
  background-image: url("../../images/default/endOfSupport/chrome.svg");
}

.endOfSupportIE__button-icon.firefox {
  background-image: url("../../images/default/endOfSupport/firefox.svg");
}

.endOfSupportIE__button-icon.chromium {
  background-image: url("../../images/default/endOfSupport/edge_chromium.svg");
}

.endOfSupportIE__button--bg-green {
  background: #146140;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1rem;
  min-height: 2.875rem;
  margin: 1.875rem 0;
  padding: 0 1.25rem;
}

_:-ms-fullscreen, :root .endOfSupportIE__button--bg-green::after {
  content: "";
  display: block;
  min-height: 2.875rem;
}

.endOfSupportIE__button--bg-green .endOfSupportIE__button-icon {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.625rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../images/default/endOfSupport/checked.svg");
}

.endOfSupportIE .responsive {
  width: 100%;
  height: auto;
  margin-bottom: 1.875rem;
}

@media (max-width: 36rem) {
  .endOfSupportIE {
    flex-direction: column;
    padding: 0.9375rem;
  }
  .endOfSupportIE__column {
    width: 100%;
    padding: 0;
  }
  .endOfSupportIE h3 {
    text-align: center;
  }
  .endOfSupportIE__button-wrapper {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
}
.criteria-table {
  margin: 0;
  padding: 0;
}

.criteria-table tbody tr td {
  padding-top: 0.1875rem;
}

.criteria-table tbody tr td:first-child {
  max-width: 21.875rem;
  padding-top: 0.3125rem;
  vertical-align: top;
}

.criteria-table tbody tr td:last-child {
  min-width: 28.125rem;
}

.criteria-table .criteria-table__row {
  display: flex;
}

.criteria-table .criteria-table__column {
  display: flex;
  flex-direction: column;
}

.criteria-table .criteria-table--oz-width {
  min-width: 3.75rem;
}

.criteria-table .criteria-table--oz-width span {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}

.criteria-table .criteria-table--kriterium-width {
  width: 100%;
}

.criteria-table .criteria-table--details-width {
  font-weight: bold;
  min-width: 7.5rem;
}

.criteria-table h4.helpText-inputDiv {
  padding-left: 0.3125rem !important;
}

.criteria-table textarea {
  margin-left: 0;
}

.compareOffers {
  background: #fff;
  display: flex;
  height: 100%;
  min-height: 43.75rem;
  position: relative;
}

.compareOffers .top {
  flex: 1;
  flex-direction: column;
  padding: 0.625rem;
  position: relative;
}

.compareOffers .bottom {
  align-items: center;
  background: #fff;
  display: flex;
  height: 3.125rem;
  position: relative;
}

.compareOffers__column-collapse {
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  width: 3.125rem;
}

.compareOffers__column-collapse .top {
  display: flex;
}

.compareOffers__column-collapse .top::after {
  content: "";
  display: flex;
  width: 0.625rem;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: 0.375rem 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.15);
  z-index: 5;
}

.compareOffers__column-collapse .bottom {
  padding-left: 0.625rem;
}

.compareOffers__column-collapse .bottom::after {
  content: "";
  display: flex;
  width: 1.25rem;
  height: 100%;
  background: #fff;
  position: absolute;
  right: -0.625rem;
  top: 0;
  z-index: 5;
}

.compareOffers__column-expand {
  display: flex;
  flex-direction: column;
  width: 12.5rem;
}

.compareOffers__column-expand .top:after {
  content: "";
  display: flex;
  width: 0.625rem;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: 0.375rem 0.1875rem 0.3125rem 0 rgba(0, 0, 0, 0.15);
  z-index: 5;
}

.compareOffers__column-expand .bottom {
  justify-content: flex-end;
  padding: 0 0.9375rem;
}

.compareOffers__column-expand .bottom::after {
  content: "";
  display: flex;
  width: 1.25rem;
  height: 100%;
  background: #fff;
  position: absolute;
  right: -0.625rem;
  top: 0;
  z-index: 5;
}

.compareOffers__column-offer {
  display: flex;
  flex: 1;
  flex-direction: column;
  z-index: 1;
  overflow: hidden;
  margin-left: 0.3125rem;
}

.compareOffers__column-offer .top {
  display: flex;
  padding: 0 0.625rem;
  overflow: auto;
}

.compareOffers__column-offer .bottom {
  justify-content: flex-end;
  padding: 0 0.625rem;
}

.compareOffers__column-offer .bottom::before {
  content: "";
  display: flex;
  box-shadow: 0 -0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 0.625rem;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}

.offersList {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}

.offersList__box {
  background: #f4f4f4;
  margin-right: 0.625rem;
  padding-bottom: 0.9375rem;
}

.offersList__content {
  width: 27.1875rem !important;
}

.offersList__content-cell {
  padding: 0 0.625rem;
  margin-bottom: 0.9375rem;
  display: flex;
  flex-direction: column;
}

.offersList-toggle-link {
  align-items: center;
  background-image: url("../../images/icons/icon_collapse_expand_48x24.gif");
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-flex;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem;
}

.offersList-toggle-link--collapse {
  background-position: -1.5625rem 0;
}

.offersList-toggle-link--expand {
  background-position: 0.0625rem 0;
}

.removeOfferLink {
  align-items: center;
  background-color: #e8e8e8;
  border-bottom: 0.0625rem solid #dbdbdb;
  color: #000;
  display: flex;
  font-size: 0.6875rem;
  justify-content: center;
  min-height: 2.625rem;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0.3125rem 0 0.9375rem 0;
}

.removeOfferLink-icon-text {
  align-items: center;
  display: inline-flex;
  min-height: 1.25rem;
}

.removeOfferLink-icon {
  display: inline-flex;
  margin-right: 0.3125rem;
  min-height: 1rem;
  min-width: 1rem;
  background: url("../../images/default/wizard/close_normal_16x16.gif") 0 0 no-repeat;
}

.removeOfferLink:hover {
  background-color: #9d9d9d;
  color: #fff;
}

.criteriaDescription {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
}

.criteriaDescription__item {
  display: flex;
  margin-bottom: 0.625rem;
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}

.criteriaDescription__item .badge-long {
  padding: 0.3125rem 0.1875rem;
}

.criteriaDescription__item:last-child {
  margin-bottom: 0;
}

.criteriaDescription__item-text {
  font-size: 1rem;
  font-weight: bold;
  max-height: 21.875rem;
  justify-content: flex-end;
}

.criteriaDescription--truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.criteriaImportDataIcon {
  background: url("../../images/default/criteria/criteria_import_data_icon_28x48.png") 0 0 no-repeat;
}

.criteriaImportDataIcon--error {
  background-position: center -1rem;
}

.criteriaImportDataIcon--not-equal {
  background-position: center -2rem;
}

.compareOffers.expand .compareOffers__column-collapse {
  display: none;
}

.compareOffers.collapse .compareOffers__column-expand {
  display: none;
}

.compareOffers.collapse .compareOffers__column-offer {
  margin-left: 3.4375rem;
}

.offersList .headBox {
  margin-bottom: 0;
}

.offersList .headBox .headLabel {
  padding-right: 0;
  min-width: 5.625rem;
}

.offersList .headBox .headValue {
  background-color: #fff;
}

.offersList h4 {
  margin: 0 0 0.3125rem 0;
  padding: 0;
}

.offersList .infoBox {
  background: #fff;
}

.offersList [class^=boxDefined] {
  padding: 0;
  margin: 0 0.625rem 0.625rem 0;
  width: auto;
}

.offersList .boxOpen {
  padding: 0;
  margin: 0 0 0.625rem 0;
  width: auto;
}

.offersList .boxDefinedLarge {
  padding-left: 0 !important;
  width: 100%;
}

.offersList .boxUndefinedFlex,
.offersList .boxDefinedMediumSmall,
.offersList .boxDefinedMedium {
  width: 11.25rem;
}

.offersList .boxDefinedMedium.hideLayoutTable {
  width: 10.625rem;
}

.offersList select,
.offersList input[type=text],
.offersList .boxOpen &gt; *,
.offersList [class^=boxDefined] &gt; * {
  margin: 0;
}

.offersList .helpText-inputDiv.customHeader,
.offersList h4.helpText-inputDiv {
  padding-left: 0 !important;
}

.offersList .textareaContainer[data-maxlength] {
  width: 100% !important;
}

.offersList .boxOpen textarea,
.offersList textarea {
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-height: 5rem;
  width: 100% !important;
}

.offersList [class^=boxDefined] label {
  display: inline-block;
  margin-right: 0.75rem;
  width: 8.125rem;
}

.offersList select {
  display: inline-flex;
  width: 9.375rem;
}

.offersList .labelMandatory_alignRight,
.offersList .multiLineLabel .labelMandatory_alignRight {
  padding: 0;
  display: flex;
  width: 0.75rem;
  margin-left: -0.75rem;
  margin-top: -0.3125rem;
}

.compareOffers__label-criteria {
  display: flex;
}

.compareOffers__label-criteria,
.compareOffers__label-criteria .outputData {
  color: #000;
  font-weight: bold;
  padding-left: 0;
}

.compareOffers__label-criteria .outputData {
  min-width: auto;
  margin-right: 0.3125rem;
  padding: 0;
}

.compareOffers__label {
  display: inline-flex;
  font-weight: bold;
  font-size: 0.6875rem;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}

.compareOffers__label-output {
  display: flex;
  margin-bottom: 0.9375rem;
}

.compareOffers__button-wrapper {
  margin-top: 3.125rem;
}

.compareOffers__button-wrapper .submitButton:first-child {
  margin-left: 0;
}

@media (min-width: 100rem) {
  .compareOffers__column-expand {
    width: 18.75rem;
  }
}
.templateContainer .templateOverview {
  background-color: #fff;
  border: 0.0625rem solid #000;
  margin: 0;
  padding: 0;
  max-height: 16.875rem;
  left: -20.1875rem;
  overflow: auto;
  position: absolute;
  top: 0.3125rem;
  width: 20rem;
  z-index: 9001;
  display: none;
}

.templateContainer .templateOverview table {
  border: none;
}

.templateContainer .templateOverview table tr td {
  border: none;
  border-bottom: 0.0625rem dashed #000;
  cursor: pointer;
  padding-bottom: 0.3125rem;
}

.templateContainer .templateOverview.no-style-cursor-default table tr td {
  cursor: default;
}

.templateContainer .templateOverview table tr:last-child td {
  border-bottom: 0.0625rem dashed #fff;
}

.templateContainer .templateOverview .head {
  float: left;
  font-weight: bold;
  overflow: hidden;
  padding: 0.3125rem 0 0.1875rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 15rem;
}

.templateContainer .templateOverview .buttons {
  float: right;
}

.templateContainer .templateOverview .buttons input[type=submit] {
  background-color: transparent;
  background-image: url("../../images/default/templateTextarea/template_overview_buttons_16x32.png");
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 1.125rem;
  margin: 0.1875rem 0.125rem 0 0.3125rem;
  padding: 0;
  width: 1.125rem;
  border: 0.0625rem solid transparent;
}

.templateContainer .templateOverview .buttons input[type=submit]:hover {
  background-color: #cccc99;
  border: 0.0625rem solid #000;
}

.templateContainer .templateOverview .buttons input[type=submit].delete {
  background-position: 0 0;
}

.templateContainer .templateOverview .buttons input[type=submit].details {
  background-position: 0 -1rem;
}

.templateContainer .templateOverview .content {
  clear: left;
  height: 1.875rem;
  overflow: hidden;
}

.templateContainer.templateContainer--horizontal .templateButtonBox a,
.templateContainer.templateContainer--horizontal .templateButtonBox span.open,
.templateContainer.templateContainer--horizontal .templateButtonBox input[type=submit] {
  float: left;
}

.templateContainer.templateContainer--horizontal .templateOverview {
  top: 0;
}

select.singleFieldInput ~ .templateContainer.templateContainer--horizontal .templateButtonBox,
input[type=text].singleFieldInput ~ .templateContainer.templateContainer--horizontal .templateButtonBox {
  margin-top: -0.125rem;
}

.addGroupAdministrator,
.addGroupAdministratorDisabled,
.removeGroupAdministrator,
.removeGroupAdministratorDisabled,
.addGroupMember,
.addGroupMemberDisabled,
.removeGroupMember,
.removeGroupMemberDisabled {
  text-decoration: none !important;
  display: block;
  float: left;
  padding: 0 0 0 0.3125rem;
  margin: 0;
  width: 1rem;
  height: 1rem;
}

.addGroupAdministrator {
  cursor: pointer;
  width: 1.1875rem;
  background: transparent url("../../images/default/usergroup/add_groupadmin_active.gif") no-repeat 0 0;
}

.addGroupAdministratorDisabled {
  cursor: default;
  width: 1.1875rem;
  background: transparent url("../../images/default/usergroup/add_groupadmin_ghost.gif") no-repeat 0 0;
}

.removeGroupAdministrator {
  cursor: pointer;
  width: 1.1875rem;
  background: transparent url("../../images/default/usergroup/remove_groupadmin_active.gif") no-repeat 0 0;
}

.removeGroupAdministratorDisabled {
  cursor: default;
  width: 1.1875rem;
  background: transparent url("../../images/default/usergroup/remove_groupadmin_ghost.gif") no-repeat 0 0;
}

.addGroupMember {
  cursor: pointer;
  background: transparent url("../../images/default/usergroup/plus_active_16x16.gif") no-repeat 0 0;
}

.addGroupMemberDisabled {
  cursor: default;
  background: transparent url("../../images/default/usergroup/plus_ghost_16x16.gif") no-repeat 0 0;
}

.removeGroupMember {
  cursor: pointer;
  background: transparent url("../../images/default/usergroup/minus_active_16x16.gif") no-repeat 0 0;
}

.removeGroupMemberDisabled {
  cursor: default;
  background: transparent url("../../images/default/usergroup/minus_ghost_16x16.gif") no-repeat 0 0;
}

.datePicker {
  display: none;
}

.datePicker[data-appointment-start]:before {
  content: attr(data-appointment-start);
  display: inline-block;
  left: 0;
  line-height: 1;
  min-width: 5.625rem;
  padding-right: 0.3125rem;
  position: absolute;
  right: 100%;
  text-align: right;
  top: 0.125rem;
}

.datePicker[data-appointment-end]:before {
  content: attr(data-appointment-end);
  display: inline-block;
  left: 0;
  line-height: 1;
  min-width: 5.625rem;
  padding-left: 0.3125rem;
  position: absolute;
  text-align: left;
  top: 0.125rem;
}

table.monthsTable {
  overflow: auto;
  width: auto;
  border-collapse: collapse;
  padding: 0;
}

.monthsTable td {
  margin: 0;
  padding: 0;
  height: 2.5rem;
  border: 0.0625rem solid #ccc;
  border-bottom: none;
}

tfoot td.yearDataCell {
  font-size: 0.875rem;
  height: 1.75rem !important;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  border: 0.0625rem solid #ccc;
  border-top: none;
  background: #fff;
}

td.monthDataCell {
  height: 0.9375rem !important;
  padding: 0;
  background: #ccc;
}

.monthDataCell__wrapper {
  display: block;
  position: relative;
}

.monthDataCell__wrapper &gt; span {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
  font-weight: bold;
  text-transform: uppercase;
}

.labelCaption {
  display: inline-flex;
  height: 2.125rem;
  font-size: 0.875rem;
}

table.labelTable {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  position: relative;
  white-space: normal;
  width: 13.75rem !important;
}

.labelTable td {
  position: relative;
  margin: 0;
  padding: 0 0.125rem;
  height: 2.5rem;
  font-size: 0.625rem;
  white-space: normal;
  border: 0.0625rem solid #ccc;
  border-bottom: none;
  border-right: 0.0625rem solid #000;
}

.labelTable a {
  color: #000;
  font-size: 0.6875rem;
  display: block;
  text-decoration: underline;
}

.labelTable a:hover {
  color: #000;
  text-decoration: none;
}

td.labelTableEmptyCell {
  background: #ededed !important;
  border: none;
  border-top: 0.0625rem solid #ccc;
}

.labelTable tr:hover,
.monthsTable tr:hover {
  background: #fff;
}

.labelTable tr:hover.tableRowHighlight,
.monthsTable tr:hover.tableRowHighlight {
  background: #f4f4f4;
}

.monthsTable tr:hover#finalPointID {
  color: #000;
  background: none;
}

.monthBlindDiv {
  padding: 0;
  margin: 0;
}

.turnOfTheYear {
  border-right: 0.0625rem solid #000 !important;
}

.tableRowHighlightOnClick {
  background: #d7d6d6 !important;
}

.flagSpan {
  width: 5.625rem;
}

.flagIconContainer {
  background-repeat: no-repeat;
  background-position: -6.25rem -6.25rem;
  display: inline-block;
  height: 15px;
  width: 18px;
  margin-right: 0.3125rem !important;
  position: relative;
  top: 0.1875rem;
}

.flagIconContainer,
.flagIconContainerLanguage {
  background-image: url("../../images/default/flag/flag_language_18x300.png?version=1");
}

.flagEurope {
  background-position: 0 0;
  cursor: help;
}

.flagGerman,
.flag-de {
  background-position: 0 -15px;
  cursor: help;
}

.flag-en {
  background-position: 0 -30px;
}

.flag-nl {
  background-position: 0 -45px;
}

.flag-bg {
  background-position: 0 -60px;
}

.flag-cs {
  background-position: 0 -75px;
}

.flag-da {
  background-position: 0 -90px;
}

.flag-el {
  background-position: 0 -105px;
}

.flag-es {
  background-position: 0 -120px;
}

.flag-et {
  background-position: 0 -135px;
}

.flag-fi {
  background-position: 0 -150px;
}

.flag-fr {
  background-position: 0 -165px;
}

.flag-ga {
  background-position: 0 -180px;
}

.flag-hr {
  background-position: 0 -195px;
}

.flag-hu {
  background-position: 0 -210px;
}

.flag-it {
  background-position: 0 -225px;
}

.flag-lt {
  background-position: 0 -240px;
}

.flag-lv {
  background-position: 0 -255px;
}

.flag-mt {
  background-position: 0 -270px;
}

.flag-pl {
  background-position: 0 -285px;
}

.flag-pt {
  background-position: 0 -300px;
}

.flag-ro {
  background-position: 0 -315px;
}

.flag-sk {
  background-position: 0 -330px;
}

.flag-sl {
  background-position: 0 -345px;
}

.flag-sv {
  background-position: 0 -360px;
}

.languageOfPublication {
  cursor: default;
  display: table;
  position: relative;
  width: 100%;
}

.languageOfPublication .languageOfPublicationContent {
  background: #ededed;
  border: 1px solid #000;
  cursor: help;
  display: table-row;
  padding: 3px 5px;
  position: absolute;
  right: 0;
  top: -2px;
}

.languageOfPublication .languageOfPublicationContent .flagIconContainerLanguage {
  display: table-cell;
  height: 15px;
  width: 18px;
}

.languageOfPublication .languageOfPublicationContent .languageOfPublicationString {
  display: table-cell;
  font-size: 10px;
  font-weight: bold;
  padding: 0 0 0 5px;
  text-transform: uppercase;
  vertical-align: middle;
}

.languageOfPublication + h1 {
  width: 90%;
}

.dateBoxGray,
.dateBoxRed,
.dateBoxBlue,
.dateBoxOrange,
.dateBoxToday {
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  position: absolute;
  color: #000;
  min-width: 80px;
  line-height: 150%;
  padding: 0 5px 0 17px;
}

.dateBoxGray {
  border-left: 1px solid #949191;
  background: url("../../images/default/filefeature/back_datepicker_gray.gif") no-repeat top left;
}

.dateBoxRed {
  border-left: 1px solid #aa2222;
  background: url("../../images/default/filefeature/back_datepicker_red.gif") no-repeat top left;
}

.dateBoxBlue {
  border-left: 1px solid #0d6fba;
  background: url("../../images/default/filefeature/back_datepicker_blue.gif") no-repeat top left;
}

.dateBoxOrange {
  border-left: 1px solid #ff6600;
  background: url("../../images/default/filefeature/back_datepicker_orange.gif") no-repeat top left;
}

.dateBoxToday {
  line-height: 200%;
  color: #20b221;
  padding: 0 5px 0 17px;
  background: url("../../images/default/filefeature/back_datepicker_today.png") no-repeat top left;
}

.dateRangeBar {
  height: 15px;
  position: absolute;
}

.dateRangeBar[data-range-color]:after,
.dateRangeBar[data-range-color]:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  height: 20px;
  width: 2px;
}

.dateRangeBar[data-range-color]:before {
  left: 0;
  height: 20px;
}

.dateRangeBar[data-range-color=dateBoxGray],
.dateRangeBar[data-range-color=dateBoxGray]:before,
.dateRangeBar[data-range-color=dateBoxGray]:after {
  background-color: #949191;
}

.dateRangeBar[data-range-color=dateBoxRed],
.dateRangeBar[data-range-color=dateBoxRed]:before,
.dateRangeBar[data-range-color=dateBoxRed]:after {
  background-color: #aa2222;
}

.dateRangeBar[data-range-color=dateBoxBlue],
.dateRangeBar[data-range-color=dateBoxBlue]:before,
.dateRangeBar[data-range-color=dateBoxBlue]:after {
  background-color: #0d6fba;
}

.dateRangeBar[data-range-color=dateBoxOrange],
.dateRangeBar[data-range-color=dateBoxOrange]:before,
.dateRangeBar[data-range-color=dateBoxOrange]:after {
  background-color: #ff6600;
}

td[data-appointment-status]:not([data-appointment-status=""]) .datePicker {
  background-image: none !important;
  height: 15px;
}

.dateBoxLegend {
  padding: 30px 0 10px 0;
  margin: 0;
  overflow: auto;
  color: #000;
}

.dateBoxLegendText {
  padding: 0;
  font-size: 10px;
}

.dateBoxLegend .dateBoxGray,
.dateBoxLegend .dateBoxRed,
.dateBoxLegend .dateBoxBlue,
.dateBoxLegend .dateBoxOrange,
.dateBoxLegend .dateBoxToday {
  position: relative;
  color: #000;
  border: none;
  background-position: left center;
  font-size: 10px;
  padding: 4px 0 5px 16px;
}

.dateMaskBox {
  padding: 0;
  margin: 0 0 10px 0;
  display: flex;
}

.dateMask {
  padding: 0;
  margin: 0;
  z-index: 990;
  position: absolute;
  overflow-x: scroll;
  overflow-y: hidden;
}

.dateRange {
  position: absolute;
  z-index: 7000;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  line-height: 500%;
  top: 0;
  background: url("../../images/default/filefeature/back_range.png") repeat top left;
}

.memberOverview {
  display: flex;
  flex-wrap: wrap;
}

.memberOverview__column-author {
  flex: 0 0 auto;
  margin-right: 0.9375rem;
}

.memberOverview__column-member {
  flex: 1;
}

.memberOverview h4 {
  padding-left: 0;
  padding-right: 0;
}

.memberOverview p {
  display: flex;
  align-items: center;
}

.memberOverview [role=button]:hover {
  background-color: transparent;
  color: inherit;
}

.memberOverview-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.memberOverview-list__item {
  display: flex;
  align-items: center;
  width: 16.25rem;
  margin: 0 0.625rem 0.3125rem 0;
}

.memberIconBox {
  display: inline-flex;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin-right: 0.3125rem;
}

.maleIcon {
  background-image: url("../../images/default/filefeature/male_icon_22x22.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.maleIconGhost {
  background-image: url("../../images/default/filefeature/male_icon_GHOST_22x22.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.femaleIcon {
  background-image: url("../../images/default/filefeature/female_icon_22x22.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.femaleIconGhost {
  background-image: url("../../images/default/filefeature/female_icon_GHOST_22x22.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.interfaceIcon {
  background-image: url("../../images/interface.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.tooltipBox {
  display: none;
  top: -3000px;
  left: -3000px;
  position: absolute;
  min-width: 12.5rem;
  max-width: 43.75rem;
  z-index: 91000;
  padding: 0;
  margin: 0;
}

.tooltipBoxContent {
  font-weight: normal;
  font-style: normal;
  border: 0.0625rem solid #000;
  padding: 0;
  margin: 0;
  background: #fff;
  box-shadow: 0.25rem 0.25rem 0.25rem #787878;
}

.tooltipBoxContentInner {
  display: inline-block;
  padding: 0.3125rem;
}

.tooltipBoxContentInner p {
  margin-bottom: 0.3125rem;
}

.tooltipBoxContent .tooltipBoxContent__title {
  display: flex;
  padding: 0.125rem 0.1875rem;
  background: #a1a59b;
  justify-content: center;
  color: #fff;
  margin: 0;
}

.tooltipBoxContent ul {
  list-style-type: square;
  margin: 0 0 0 1.25rem;
  padding: 0.3125rem;
}

.tooltipBoxContent li {
  padding: 0;
  margin: 0;
}

.tooltipBoxHeaderLeft {
  position: absolute;
  z-index: 11000;
  top: -0.375rem;
  padding: 0;
  margin: 0;
  border-left: 0.0625rem solid #000;
  height: 0.4375rem;
  width: 0.4375rem;
  background: url("../../images/default/filefeature/member_tooltip_back.gif") no-repeat top left;
}

.tooltipBoxHeaderRight {
  position: absolute;
  z-index: 11000;
  top: -0.375rem;
  width: 100%;
  padding: 0;
  margin: 0;
  border-right: 0.0625rem solid #000;
  height: 0.4375rem;
  background: url("../../images/default/filefeature/member_tooltip_back_right.gif") no-repeat top right;
}

.tooltipBoxFooterLeft {
  position: absolute;
  z-index: 11000;
  bottom: -0.375rem;
  padding: 0;
  margin: 0;
  border-left: 0.0625rem solid #000;
  height: 0.4375rem;
  width: 0.4375rem;
  background: url("../../images/default/filefeature/member_tooltip_back_left_footer.gif") no-repeat top left;
}

.tooltipBoxFooterRight {
  position: absolute;
  z-index: 11000;
  bottom: -0.375rem;
  width: 100%;
  padding: 0;
  margin: 0;
  border-right: 0.0625rem solid #000;
  height: 0.4375rem;
  background: url("../../images/default/filefeature/member_tooltip_back_right_footer.gif") no-repeat top right;
}

.inIframe .tooltipBoxHeaderLeft,
.inIframe .tooltipBoxHeaderRight,
.inIframe .tooltipBoxFooterLeft,
.inIframe .tooltipBoxFooterRight {
  display: none;
}

.periodBox,
.periodBox span {
  margin: 0;
  padding: 0;
  border: none;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: #e2e0e0;
  float: none;
}

.periodBox h2 {
  font-size: 10px;
  padding: 0 0 1px 0;
  margin: 0 0 1px 0;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
}

.periodRemaining {
  background: #949191;
}

.periodExpired {
  background: #146140;
}

.acceptanceIconDisable {
  cursor: default;
  background: transparent url("../../images/default/icon/back_error_box_16x16.gif") no-repeat center left;
  padding: 0 5px 1px 8px;
}

.acceptanceIconEnable {
  cursor: default;
  background: transparent url("../../images/default/icon/back_success_box_16x16.gif") no-repeat center left;
  padding: 0 5px 1px 8px;
}

.iconShippingPostal {
  cursor: default;
  background: transparent url("../../images/default/filefeature/icon_shipping_postal_13x15.gif") 7px center no-repeat;
  padding: 0 0 0 28px;
}

.iconShippingDigital {
  cursor: default;
  background: transparent url("../../images/default/filefeature/icon_shipping_digital_13x23.gif") center left no-repeat;
  padding: 0 0 0 28px;
}

.noShipping {
  padding: 0 0 0 6px;
}

.deadlineForSubmissionBox,
.deadlineForSubmissionBoxBig {
  margin: 0;
  padding: 0;
  border: none;
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background: #e2e0e0;
}

.deadlineForSubmissionBox p {
  padding-top: 5px;
}

.deadlineForSubmissionBoxBig {
  text-align: left;
  width: 320px;
}

.deadlineForSubmissionBoxBig p {
  padding: 5px 0 0 5px;
}

.deadlineForSubmissionBox h2,
.deadlineForSubmissionBoxBig h2 {
  font-size: 10px;
  padding: 3px 0 0 0;
  margin: 0;
  color: #fff;
  height: 15px;
  text-transform: uppercase;
  text-align: center;
}

.deadlineForSubmissionBoxBig h2 {
  padding: 3px 0 0 5px;
  text-align: left;
}

ul.formula-box {
  background-color: #f1f1f1;
  border: 2px solid #ccc;
  border-radius: 5px;
  display: table;
  font-size: 11px;
  font-style: italic;
  padding: 5px 10px;
  margin: 10px auto !important;
}

ul.formula-box .math-sign {
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  margin: 0 5px;
  position: relative;
  text-align: center;
  top: 2px;
}

ul.formula-box .math-sign.mark,
ul.formula-box .math-sign.minus,
ul.formula-box .quotes:before,
ul.formula-box span.bracket-small,
ul.formula-box .quotes:after,
ul.formula-box span.bracket.open:before,
ul.formula-box span.bracket.close:after {
  font-family: Verdana, sans-serif;
}

ul.formula-box .math-sign.mark {
  top: 5px;
}

ul.formula-box .math-sign.minus {
  top: 2px;
  font-size: 18px;
}

ul.formula-box .quotes:before,
ul.formula-box .quotes:after {
  font-weight: normal;
  font-size: 14px;
  content: "";
}

ul.formula-box .quotes:before {
  padding-right: 1px;
}

ul.formula-box .quotes:after {
  padding-left: 1px;
}

ul.formula-box li.rect span.cell sup,
.formula-box-legend sup {
  font-size: 10px;
  margin-right: 2px;
  position: relative;
  top: -3px;
  text-transform: uppercase;
}

ul.formula-box li.rect span.cell sub,
.formula-box-legend sub {
  font-size: 10px;
  bottom: -3px;
  position: relative;
  margin-left: 2px;
  text-transform: uppercase;
}

ul.formula-box li.rect {
  display: inline-block;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}

ul.formula-box li.rect span.cell {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
}

ul.formula-box li.rect span.cell.result {
  padding-right: 5px;
}

ul.formula-box li.rect span.cell span.fraction {
  display: block;
  float: left;
  padding: 2px 10px 0 10px;
  position: relative;
  text-align: center;
}

ul.formula-box li.rect span.cell span.fraction span.bar {
  display: block;
  margin: 3px 0;
  height: 1px;
  background-color: #000;
}

ul.formula-box li.rect span.cell span.fraction span.numerators,
ul.formula-box li.rect span.cell span.fraction span.denominator {
  display: block;
  clear: left;
}

ul.formula-box span.bracket {
  display: block;
  position: relative;
  float: left;
}

ul.formula-box span.bracket.open:before,
ul.formula-box span.bracket.close:after {
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: -3px;
}

ul.formula-box span.bracket.open:before {
  content: "(";
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
  right: -12px;
}

ul.formula-box span.bracket.close:after {
  content: ")";
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  left: -12px;
}

ul.formula-box span.bracket-small {
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  position: relative;
}

ul.formula-box span.bracket-small.open,
ul.formula-box span.bracket-small.close {
  margin-left: -3px;
  margin-right: 3px;
}

ul.formula-box span.bracket-small.open:before,
ul.formula-box span.bracket-small.close:after {
  bottom: -2px;
  position: absolute;
}

ul.formula-box span.bracket-small.open:before {
  content: "(";
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}

ul.formula-box span.bracket-small.close:after {
  content: ")";
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.fileSwitchBox {
  display: inline-block;
  background-color: transparent;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0.25rem;
  list-style: none;
}

.fileSwitchBox .fileSwitchBox__topItem {
  display: inline-block;
  margin: -0.1875rem 0 0 0;
  padding: 0;
}

.fileSwitchBox a.fileSwitchBox__link {
  align-items: center;
  cursor: pointer !important;
  display: flex;
  color: #000;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
  height: 1.5rem;
}

.fileSwitchBox a.fileSwitchBox__link:hover {
  text-decoration: underline;
}

.fileSwitchBox a.fileSwitchBox__link .text {
  display: inline-block;
  height: 100%;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}

.fileSwitchBox a.fileSwitchBox__link .text:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  vertical-align: middle;
}

.fileSwitchBox a.fileSwitchBox__link .fileSwitchBox__icon {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 18px;
  padding: 0 !important;
  background-position: center -1px !important;
}

.fileSwitchBox a.fileSwitchBox__link .fileSwitchBox__icon:first-child {
  width: 20px;
  margin-right: 5px;
  background-position: center -49px !important;
}

.fileSwitchBox ul.fileSwitchSubmenu {
  display: none;
  list-style: none;
  z-index: 200;
  position: absolute;
  margin: -1px 0 0 0 !important;
  padding: 0;
  background: #fff;
  border: 1px solid #000;
  border-bottom: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
  width: 100%;
  min-width: 15.625rem;
}

.fileSwitchBox ul.fileSwitchSubmenu li {
  display: block;
  margin: 0;
}

ul.fileSwitchSubmenu .fileSwitchSubmenu__link {
  display: flex;
  color: #000;
  background-color: #fff;
  cursor: pointer !important;
  text-decoration: none;
  margin: 0;
  padding-left: 5px;
  align-items: center;
  height: 28px;
}

ul.fileSwitchSubmenu .fileSwitchSubmenu__link .fileSwitchBox__icon {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 20px;
  margin-right: 5px;
  padding: 0 !important;
  background-position: center -48px !important;
}

ul.fileSwitchSubmenu a.fileSwitchSubmenu__link .fileSwitchBox__badge {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 0 5px 0 10px;
}

ul.fileSwitchSubmenu a.fileSwitchSubmenu__link .fileSwitchBox__badge span {
  top: 0;
}

ul.fileSwitchSubmenu a.fileSwitchSubmenu__link:hover,
ul.fileSwitchSubmenu a.fileSwitchSubmenu__link:focus {
  background-color: #e8e8e8;
  outline: 0;
}

.drop-zone-wrapper {
  background-color: #d9dcc6;
  border: 0.0625rem solid #000;
  border-top: none;
  padding: 0.3125rem;
}

.drop-zone {
  display: flex;
  background-color: #fff;
  border: 0.125rem dashed #000;
  border-radius: 8px;
  margin: 0;
  justify-content: center;
  padding: 1.25rem 0.625rem;
}

.drop-zone-wrapper .hide {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
}

.drop-zone__cell {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.drop-zone__cell:before,
.drop-zone__cell:after {
  content: "";
  display: flex;
  background-image: url("../../images/default/multiupload/icon_arrow_upload.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 3.125rem;
  height: 2.5rem;
  opacity: 0.12;
}

.file-upload-label {
  display: inline-block;
  margin: -0.3125rem 0.9375rem 0 0.625rem;
}

.file-upload-label &gt; span[role=button] {
  background-color: #d6d5d9;
  background-image: url("../../images/default/multiupload/icon_folder-open_upload_16x16.png");
  background-repeat: no-repeat;
  background-position: 0.3125rem center;
  padding: 0 0.3125rem 0 1.5625rem;
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  text-transform: uppercase;
  font-size: 0.6875rem;
  cursor: pointer;
  border: 0.0625rem solid #000;
}

.new-file-uploaded {
  font-weight: bold;
  background: #e8e8e8;
}

.new-file-uploaded img {
  border-color: #e8e8e8 !important;
}

span[role=button]:hover {
  background-color: #9d9d9d;
  color: #fff;
}

.uploadFileRow {
  height: 2.875rem;
  display: flex;
  padding: 0 0.625rem;
  margin-bottom: 0.625rem;
  box-shadow: 0 0.3125rem 0.3125rem -0.3125rem rgba(0, 0, 0, 0.2);
  align-items: center;
}

.uploadFileRow__Name {
  flex-basis: 60%;
  hyphens: auto;
  word-break: break-all;
}

.uploadFileRow__Size {
  text-align: right;
  margin-left: auto;
  padding-right: 0.9375rem;
  width: 100px;
}

.uploadFileRow__Progress {
  align-items: center;
  display: flex;
  width: 9.375rem;
  height: 1rem;
  padding: 0 0.1875rem;
  background-color: #f5f5f5;
  border-radius: 0.1875rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.uploadFileRow__Progress-Bar {
  font-family: Verdana, sans-serif;
  height: 0.625rem;
  border-radius: 0.1875rem;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  width: 100%;
  background-color: #64c855;
  position: relative;
}

.uploadFileRow__Progress-Bar::after {
  content: attr(data-upload-percent-now);
  display: inline-flex;
  min-width: 1.875rem;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.3125rem;
  border-radius: 0.1875rem;
  font-size: 0.625rem;
  background-color: black;
  position: absolute;
  right: 0;
  color: #fff;
  top: -1.375rem;
}

.uploadFileRow__Progress-Bar::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 0.3125rem solid transparent;
  border-bottom: 0.3125rem solid transparent;
  border-right: 0.3125rem solid #000;
  position: absolute;
  top: -0.75rem;
  right: 0;
}

.uploadFileRow__Status {
  background-image: url("../../images/default/multiupload/icon_status_upload_30x60.png");
  background-repeat: no-repeat;
  background-position: center -60px;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 22px;
  height: 22px;
  margin-left: 0.9375rem;
  border-radius: 50%;
}

.uploadFileRow--wait {
  background-color: #e6e6e6;
  color: #000;
}

.uploadFileRow--error {
  color: #aa2222;
}

.uploadFileRow--error .uploadFileRow__Status {
  background-color: #aa2222;
  background-position: center -33px;
}

.uploadFileRow--error .uploadFileRow__Progress-Bar,
.uploadFileRow--error .uploadFileRow__Progress-Bar::before,
.uploadFileRow--error .uploadFileRow__Progress-Bar::after {
  display: none;
}

.uploadFileRow--success .uploadFileRow__Status {
  background-color: #64c855;
  background-position: center -5px;
}

.uploadFileBgHidden {
  position: fixed;
  z-index: 20001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.35s ease-in;
}

.uploadFileModalDialog {
  margin: 0 auto;
  padding: 0;
  max-width: 800px;
  border: 0.0625rem solid #000;
  box-shadow: 0.125rem 0.5rem 0.25rem 0.125rem #494949;
}

.uploadFileModalDialog__Header {
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #000;
  background-color: #d9dcc6;
  height: 2.1875rem;
  padding: 0 0.3125rem;
}

.uploadFileModalDialog__Header-Title {
  font-weight: bold;
}

.uploadFileModalDialog__Closebutton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border: 0.0625rem solid #000;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.uploadFileModalDialog__Closebutton:hover {
  background-color: #9d9d9d;
  border: 0.0625rem solid #000;
  color: #fff;
}

.uploadFileModalDialog__Content {
  height: 31.25rem;
  overflow-y: auto;
  padding: 0.625rem;
  background-color: #fff;
}

.toggle-head {
  border-bottom: 0.0625rem solid #000;
  display: flex;
}

.toggle-head .toggle-center {
  display: flex;
  align-items: center;
}

.toggle-head .toggle-center .caption {
  font-size: 1rem;
  font-weight: bold;
  padding: 0 0 0 0.3125rem;
}

.toggle-head .toggle-trigger {
  border-right: 0.0625rem solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.875rem;
  min-width: 1.875rem;
  margin: 0;
}

.toggle-head .toggle-trigger .toggle-open {
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #000;
}

.toggle-head .toggle-trigger .toggle-close {
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #000;
}

.toggle-trigger:focus {
  outline: none;
}

.toggle-trigger:focus::before {
  content: "";
  min-height: 1.5625rem;
  min-width: 1.875rem;
  display: inline-flex;
  outline: 0.1875rem solid #739ce0;
  position: absolute;
  margin-top: -0.1875rem;
}

.toggle-content {
  border-bottom: 0.0625rem solid #000;
  padding: 0.9375rem 0 0 0;
}

.toggle-content-commonlist {
  min-height: 23.75rem;
  padding: 0;
}

#commonAdmin.toggle-content-commonlist {
  min-height: 6.25rem;
}

.toggle-content-commonlist {
  border-bottom: 0.0625rem solid #000;
}

.column-admin-hint {
  margin-bottom: 2.5rem;
}

.toggle-content-admin-hint {
  max-height: 11.25rem;
  min-height: 7.5rem;
  padding: 0 0.3125rem;
  overflow-y: auto;
}

.toggle-content-admin-hint h2 {
  align-items: flex-start;
  display: flex;
  padding: 0;
  margin: 0.625rem 0 0.9375rem 0;
}

.toggle-content-admin-hint h2 .content-admin-hint-headline {
  display: inline-block;
  width: calc(100% - 5rem);
}

.content-admin-hint-text {
  margin-bottom: 1.25rem;
  position: relative;
}

.content-admin-hint-text::after {
  content: "";
  width: 50%;
  border-bottom: 0.0625rem solid #ededed;
  left: 25%;
  position: absolute;
}

.toggle-content-admin-hint h2 .badge {
  border-radius: 0.1875rem;
  margin-left: auto;
  top: 0;
}

.toggle-content-admin-hint p {
  margin: 0;
  padding: 0 0 0.9375rem 0;
}

.toggle-content-admin-hint a {
  color: #000;
}

.toggle-content-admin-hint a:hover {
  text-decoration: none;
}

.admin-toggle-content-commonlist {
  height: 6.25rem;
  margin-bottom: 1.875rem;
}

.toggle-content-interfaces {
  min-height: 6.875rem;
  overflow: auto;
  padding: 0;
}

.user-avatar {
  background: #fff;
  border: 0.0625rem solid #ededed;
  float: left;
  position: relative;
  top: 0.3125rem;
  padding: 0.3125rem;
}

.user-avatar span.memberIconBox {
  background-color: #ededed;
  height: 4rem;
  width: 4rem;
  padding: 0;
  margin: 0;
}

.user-avatar .maleIconBig {
  background: url("../../images/default/dashboard/male_icon_64x64.png") no-repeat center center;
}

.user-avatar .femaleIconBig {
  background: url("../../images/default/dashboard/female_icon_64x64.png") no-repeat center center;
}

.user-avatar .adminIconBig {
  background: url("../../images/default/dashboard/admin_icon_64x64.png") no-repeat center center;
}

.user-data {
  width: 80%;
  min-height: 5.3125rem !important;
  padding-top: 0.3125rem;
  margin-left: 5.3125rem;
}

.user-data .user-data-name,
.user-data .user-data-mandator,
a.back-to-mandator-button {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  max-width: 90%;
}

.user-data .user-data-name {
  margin-top: 0.3125rem;
}

.user-data .user-data-login {
  display: block;
  font-size: 0.6875rem;
  margin-top: 0.3125rem;
  text-transform: uppercase;
}

.back-to-mandator-container {
  height: 1.5625rem;
  padding-top: 0.0625rem;
  padding-left: 0.0625rem;
  overflow: auto;
}

.user-data .user-data-mandator,
a.back-to-mandator-button {
  color: #000;
  max-width: 80%;
}

a.back-to-mandator-button {
  background-image: url("../../images/default/dashboard/mandator_back_icon_28x32.png");
  background-repeat: no-repeat;
  background-position: left 1px;
  float: left;
  margin: 0.1875rem;
  padding-left: 2rem;
  text-decoration: underline !important;
}

a.back-to-mandator-button:hover {
  text-decoration: none !important;
}

.label-patch {
  border-radius: 0.1875rem;
  color: #fff;
  font-size: 0.625rem;
  letter-spacing: 0.0313rem;
  padding: 0 0.125rem;
  text-transform: uppercase;
}

.tfBadge {
  position: relative;
  top: 0.3125rem;
  background: #656465;
}

.badge {
  background-color: #ae1e0e;
  border-radius: 50%;
  color: #fff;
  cursor: default;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  min-height: 0.9375rem;
  min-width: 0.9375rem;
  font-size: 0.6875rem;
  font-weight: bold;
  padding: 0.0625rem;
  text-align: center;
  position: relative;
  white-space: nowrap;
}

.badge-long {
  background-color: #767676;
  color: #fff;
  font-weight: normal;
  font-size: 0.6875rem;
  text-transform: uppercase;
  line-height: normal;
  min-height: 1.375rem;
  border-radius: 0.25rem;
  padding: 0 0.3125rem;
  display: inline-flex;
  align-items: center;
}

.badgeCell {
  background-color: #fb6b5b;
  border-radius: 0.5rem;
  color: #ffffff;
  display: inline-block;
  min-width: 0.625rem;
  padding: 0.1875rem;
  line-height: 100%;
  text-align: center;
  font-size: 0.6875rem;
  font-weight: bold;
  white-space: nowrap;
}

.badge-zero,
.tlNotExisting {
  background-color: #f6f6f6;
  color: #504F50;
  border: 0.0625rem solid #504F50;
}

.badge-green {
  background-color: #146140;
}

.emptyBadge {
  visibility: hidden;
}

.badge--animation-pulse {
  animation: shadow-pulse 1s 3 forwards;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);
  }
}
#subNavFile .badge {
  display: inline-flex;
  float: right;
  right: 1.4375rem;
  top: 0;
  min-width: 1.125rem;
  min-height: 1.125rem;
  line-height: 1.125rem;
  align-items: center;
  justify-content: center;
}

.tabHeader .badge {
  display: block;
  float: right;
  top: -0.0625rem;
  margin: 0 0 0 0.3125rem;
  padding: 0.125rem 0.1875rem;
}

.admin-interface-container {
  border-bottom: 0.0625rem solid #ededed;
  color: #000;
  cursor: default;
  min-height: 3.75rem;
  padding: 0.1875rem 0.4375rem;
  text-decoration: none;
}

.admin-interface-container:hover {
  background-color: #e8e8e8;
  color: #000;
}

.admin-interface-left {
  max-width: 60%;
}

.interface-name {
  font-size: 1rem;
  font-weight: bold;
  line-height: 160%;
  max-width: 95%;
}

.interface-active-mandator {
  display: table-cell;
  vertical-align: middle;
}

.interface-active-mandator-text {
  display: inline-block;
  min-width: 16.25rem;
}

.admin-interface-table-right {
  border-collapse: separate;
  border-spacing: 0;
  display: table;
  float: right;
  min-width: 14.375rem;
}

.admin-interface-row {
  display: table-row;
}

.admin-interface-cell {
  display: table-cell;
  min-width: 1.875rem;
  text-align: center;
  vertical-align: middle;
}

.admin-interface-cell:first-child {
  min-width: 14.375rem;
  text-align: right;
}

.admin-interface-badge-active {
  border-radius: 0.75rem;
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
}

.interface-active-mandator,
.admin-interface-row,
.interface-name {
  height: 1.75rem;
}

.helpText-inputDiv {
  display: flex;
}

.helpTextButton-wrapper {
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
}

.helpTextButton {
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0;
  border: 0.0625rem solid #a8a8a8;
}

.helpTextButton .ui-button-text,
body .ui-button-text-only .ui-button-text {
  flex: 1;
  padding: 0;
}

.helpTextButton-textFlow &gt; .helpTextButton-wrapper {
  margin-right: 0.625rem;
  margin-left: 0 !important;
}

body:not([data-layout-csx], [data-layout-csx-file]) [class^=box]:has(input[type=text], select, textarea) .helpTextButton-wrapper &gt; .ui-button.helpTextButton,
body:not([data-layout-csx], [data-layout-csx-file]) .tableFilterListForElements:has(input[type=text], select, textarea) .helpTextButton-wrapper &gt; .ui-button.helpTextButton,
body:not([data-layout-csx], [data-layout-csx-file]) .staticAnker:has(input[type=text], select, textarea) .helpTextButton-wrapper &gt; .ui-button.helpTextButton,
body:not([data-layout-csx], [data-layout-csx-file]) .timePickerWrapper:has(input[type=text], select, textarea) .helpTextButton-wrapper &gt; .ui-button.helpTextButton {
  border-right: none;
}

.headline-wrapper-h1 {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.9375rem;
}

.headline-wrapper-h1 h1 {
  margin: 0;
  padding: 0;
}

.headline-wrapper-h1 .helpTextButton-wrapper {
  margin-left: 0.625rem !important;
}

.helpText-inputDiv.header {
  margin: 0.9375rem 0 0.3125rem 0 !important;
  display: flex;
  align-items: center;
}

.helpText-inputDiv.header h3 {
  margin: 0;
  padding: 0.3125rem 0;
  float: left;
}

.helpText-inputDiv.header .helpTextButton-wrapper {
  margin-left: 0.625rem !important;
}

h4.helpText-inputDiv {
  padding: 0.3125rem 0 0.3125rem 0.4375rem !important;
}

.helpText-inputDiv.customHeader {
  padding: 0.125rem 0.3125rem 0.25rem 0.3125rem;
}

h4.helpText-inputDiv &gt; .helpTextButton-wrapper,
.helpText-inputDiv.customHeader &gt; .helpTextButton-wrapper {
  margin: -0.25rem 0 0 0.375rem !important;
}

.helpTextButton-wrapper + table {
  float: left;
  width: 90%;
}

.helpTextButton-wrapper + input[type=hidden],
.helpTextButton-wrapper + input[type=hidden] + input[type=text],
.helpTextButton-wrapper + input[type=text],
.helpTextButton-wrapper + select,
.helpTextButton-wrapper + textarea {
  margin-left: 0;
}

.helpTextButton-wrapper + textarea {
  margin-top: 0;
}

legend .helpTextButton-wrapper {
  margin-left: 0.625rem !important;
}

legend .boxUndefinedFlex.resultSeverity_ERROR {
  width: auto !important;
}

legend .boxUndefinedFlex.resultSeverity_ERROR &gt; .labelMandatory_alignRight,
legend .boxUndefinedFlex &gt; .labelMandatory_alignRight {
  margin-left: 0.3125rem;
}

#iFrameContent .helpText-inputDiv.header {
  margin-top: 1.25rem !important;
}

.boxUndefinedFlex &gt; .h3WithSignDistance + .h3WithSign {
  margin-top: 0;
}

.boxUndefinedFlex &gt; .h3WithSignDistance + .h3WithSign + .helpTextButton-wrapper {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}

.boxUndefinedFlex &gt; .h3WithSign {
  margin-bottom: 0.625rem;
}

.boxUndefinedFlex &gt; .h3WithSign + .helpTextButton-wrapper {
  align-self: center;
  margin-top: 0.625rem;
}

.boxUndefinedFlex &gt; .h3WithSign + .helpTextButton-wrapper + .labelMandatory_alignLeft {
  align-self: center;
  margin: 0.3125rem 0 0 0.625rem;
}

body .ui-button.helpTextButton {
  background: #0365b0;
  border: 0.0625rem solid #0365b0;
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
}

body .ui-button.helpTextButton.helpTextButton-empty {
  background: #fff;
  border: 0.0625rem solid #a8a8a8;
  color: #000;
}

body .ui-button.helpTextButton.active {
  background: #ff6600;
  border: 0.0625rem solid #ff6600;
  color: #fff;
}

body .helpTextDialog .ui-button {
  min-height: 1.3125rem;
  padding: 0 0.3125rem;
  margin: 0 0.3125rem;
  border: 0.0625rem solid #000;
  background-color: #d6d5d9;
  color: #000;
  text-transform: uppercase;
  font-size: 0.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body .helpTextButton.ui-state-hover,
body .ui-button.helpTextButton.helpTextButton-empty:hover {
  background: #9d9d9d;
  color: #fff;
  border: 0.0625rem solid #a8a8a8;
}

body .ui-button.ui-state-focus {
  box-shadow: none;
  outline: 0.1875rem solid #739ce0;
}

body .ui-dialog.helpTextDialog {
  background: #fff;
  max-width: 48rem;
}

body .ui-dialog.ui-shadow {
  box-shadow: 0 0.6875rem 0.9375rem -0.9375rem rgba(0, 0, 0, 0.2), 0 1.25rem 1.875rem 0.1875rem rgba(0, 0, 0, 0.2), 0 0.5625rem 2.875rem 0.5rem rgba(0, 0, 0, 0.2);
}

body .ui-dialog.helpTextDialog .ui-dialog-titlebar {
  display: flex;
  align-items: center;
  height: 2.125rem;
  background: #d9dcc6;
  border: 0.0625rem solid #000;
  padding: 0 0.625rem;
  margin: 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
body .ui-dialog.helpTextDialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("../../../images/default/wizard/close_normal_16x16.gif");
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0.0625rem;
  margin-left: auto;
}

body .ui-dialog.helpTextDialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
  display: none;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content {
  border: 0.0625rem solid #000;
  border-top: none;
  background-color: #fff;
  padding: 0;
  min-height: 9.375rem;
  max-height: 55vh;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ql-editor {
  min-height: 15.625rem;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ql-container {
  font-family: Arial, sans-serif;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ui-editor-toolbar.ql-toolbar.ql-snow {
  border: none;
  border-top: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #f2f2f2;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ui-editor-toolbar button,
body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ui-editor-toolbar button:hover,
body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ui-editor-toolbar .ql-picker-label,
body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ui-editor-toolbar .ql-picker:hover,
body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ui-editor-toolbar .ql-picker-item:hover {
  background: #fff !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .ql-container.ql-snow {
  border: none;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table thead,
body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table thead th {
  border: none !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table thead th {
  background: #f4f4f4;
  height: 2.5rem;
  text-transform: none;
  vertical-align: middle;
  padding: 0 0.625rem;
  text-align: left;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table thead th .helpTextDialog-header {
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table thead th .helpTextDialog-header__label {
  display: inline-flex;
  min-width: 9.375rem;
  font-weight: bold;
  margin-right: 0.9375rem;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody tr td {
  padding: 0;
  border: none;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody tr:hover td {
  background: #fff !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody .ui-texteditor {
  margin: 0;
  border: none;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tfoot tr td {
  height: 2.625rem;
  margin-left: auto;
  background: #f4f4f4;
  border-right: none;
  border-left: none;
  border-bottom: none;
  padding: 0 0.625rem;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tfoot tr td .action-form {
  border-top: none;
  padding: 0 0.9375rem;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tfoot tr td .action-form .ui-button:last-child {
  margin-right: 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content p {
  padding: 0 0.625rem 0.625rem 0.625rem;
  margin: 0 !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content p:first-child {
  padding: 0.625rem;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p {
  padding: 0 0 0.625rem 0 !important;
  margin: 0 !important;
}

body .helpTextDialog-content {
  display: block;
  border-top: 0.0625rem solid #000;
  min-height: 4.1875rem;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody tr td span.helpTextDialog-content {
  padding: 0.75rem 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody tr td .helpTextDialog-content h1 {
  font-size: 1.125rem;
  margin: 0 0 0.625rem 0;
  padding: 0 0 0 0.625rem;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody tr td .helpTextDialog-content h2 {
  font-size: 1rem;
  margin: 0 0 0.625rem 0;
  padding: 0 0 0 0.625rem;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody tr td .helpTextDialog-content ol,
body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody tr td .helpTextDialog-content ul {
  background: #fff !important;
  margin: 0 0 0.625rem 1.5625rem;
  padding: 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content table tbody tr td div.ui-texteditor.helpTextDialog-content {
  padding: 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor h1,
body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor h2 {
  padding: 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor ol {
  margin-left: 0;
  padding-left: 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor ul {
  margin-left: -0.3125rem;
  padding-left: 0;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 1rem !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 2rem !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 3rem !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 4rem !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 5rem !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 6rem !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 7rem !important;
}

body .ui-dialog.helpTextDialog .ui-dialog-content.ui-widget-content .helpTextDialog-content .ql-editor p.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 8rem !important;
}

.ql-align-right {
  text-align: right;
}

.ql-align-center {
  text-align: center;
}

.ql-align-justify {
  text-align: justify;
}

.icon-box {
  display: inline-block;
  background-repeat: no-repeat;
  height: 1.25rem;
  width: 1.25rem;
}

.icon-box::before {
  content: "" !important;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  height: 100%;
}

.icon-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3125rem;
}

.icon-text::before {
  content: "";
  text-decoration: none;
  display: block;
  vertical-align: middle;
  height: 100%;
}

.iconBoxStandard {
  display: inline-block;
  min-height: 1rem;
  min-width: 1rem;
  height: 1rem;
  width: 1rem;
  padding: 0;
  margin: 0;
}

.iconBoxStandard + label,
.iconBoxStandard + .tooltipBox + label {
  margin-left: 0;
}

.iconBoxExpanded {
  display: inline-block;
  min-height: 1rem;
  padding: 0;
  margin: 0;
  min-width: 1.75rem;
}

.status_error {
  background-image: url("../../images/icons/circle_empty_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.status_ok {
  background-image: url("../../images/icons/circle_green_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.info_box {
  background-image: url("../../images/icons/info_box_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.info_box_disabled {
  background-image: url("../../images/icons/info_box_disabled_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.mandator_contingent_exceeded {
  background-image: url("../../images/icons/mandator_contingent_exceeded_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.mandator_contingent_not_exceeded {
  background-image: url("../../images/icons/mandator_contingent_not_exceeded_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.mandator_contingent_update_failure {
  background-image: url("../../images/icons/mandator_contingent_update_failure_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.check_green {
  background-image: url("../../images/icons/check_green_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.bid_process_failure {
  background-image: url("../../images/default/icon/bid_process_failure_16x16.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.converted_to_manual_bid {
  background-image: url("../../images/default/icon/converted_to_manual_bid_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.bid_deficient {
  background-image: url("../../images/default/icon/bid_deficient_16x16.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.bid_missing_recall_id {
  background-image: url("../../images/default/interface/interface_bid_missing_recall_id_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.bid_syncstatus_static {
  background-image: url("../../images/default/interface/interface_syncstatus_static_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.blue_info_box {
  background-image: url("../../images/icons/info_icon_advanced_16x16.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.bid_encrypted {
  background-image: url("../../images/default/icon/login_close_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.bid_out_of_time {
  background-image: url("../../images/default/icon/bid_out_of_time_16x16.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.transparent_icon {
  background-image: url("../../images/default/icon/transparent.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.type_email {
  background-image: url("../../images/default/email/type_email_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.email_send_status_error {
  background-image: url("../../images/default/email/email_send_status_error_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.email_send_status_pending {
  background-image: url("../../images/default/email/email_send_status_pending_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.email_send_status_successful {
  background-image: url("../../images/default/email/email_send_status_successful_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.email_overall_send_status_error {
  background-image: url("../../images/default/email/email_send_status_error_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.email_overall_send_status_pending {
  background-image: url("../../images/default/email/email_send_status_pending_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.email_overall_send_status_successful {
  background-image: url("../../images/default/email/email_send_status_successful_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_few_recipient {
  background-image: url("../../images/default/communication/communication_few_recipient_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_all_recipient {
  background-image: url("../../images/default/communication/communication_all_recipient_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_message_closed {
  background-image: url("../../images/default/communication/communication_message_closed_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_message_opened_by_other_user {
  background-image: url("../../images/default/communication/communication_message_opened_by_other_user_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_message_opened_by_current_user {
  background-image: url("../../images/default/communication/communication_message_opened_by_current_user_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_manual_forwarding {
  background-image: url("../../images/default/communication/communication_manual_forwarding_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_attachment {
  background-image: url("../../images/default/communication/communication_attachment_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_message_answered_or_done {
  background-image: url("../../images/default/communication/communication_message_answered_or_done_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.communication_message_not_answered_or_processed {
  background-image: url("../../images/default/communication/communication_message_not_answered_or_processed_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.replication_status_error {
  background-image: url("../../images/default/replication/replication_status_error_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.replication_status_pending {
  background-image: url("../../images/default/replication/replication_status_pending_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.replication_status_successful {
  background-image: url("../../images/default/replication/replication_status_successful_16x16.gif");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
}

.statistics {
  max-width: 56.25rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
  grid-template-areas: "pie-chart-left pie-chart-right" "bar-chart bar-chart" "legend legend";
  gap: 3.125rem 0;
}
.statistics:has(h2) h2 {
  text-align: center;
}
.statistics__pie-chart-left {
  grid-area: pie-chart-left;
}
.statistics__pie-chart-right {
  grid-area: pie-chart-right;
}
.statistics__bar-chart {
  grid-area: bar-chart;
}
.statistics__bar-chart:has(canvas) canvas {
  margin-bottom: 3.125rem;
}
.statistics__legend {
  grid-area: legend;
}
@media screen and (max-width: 36rem) {
  .statistics {
    grid-template-areas: "pie-chart-left" "pie-chart-right" "bar-chart" "legend";
  }
}

.marginAll0 {
  margin: 0rem !important;
}

.marginAll5 {
  margin: 0.3125rem !important;
}

.marginAll10 {
  margin: 0.625rem !important;
}

.marginAll15 {
  margin: 0.9375rem !important;
}

.marginAll20 {
  margin: 1.25rem !important;
}

.marginAll25 {
  margin: 1.5625rem !important;
}

.marginAll30 {
  margin: 1.875rem !important;
}

.marginAll35 {
  margin: 2.1875rem !important;
}

.marginAll40 {
  margin: 2.5rem !important;
}

.marginAll45 {
  margin: 2.8125rem !important;
}

.marginAll50 {
  margin: 3.125rem !important;
}

.marginTop0 {
  margin-top: 0rem !important;
}

.marginTop5 {
  margin-top: 0.3125rem !important;
}

.marginTop10 {
  margin-top: 0.625rem !important;
}

.marginTop15 {
  margin-top: 0.9375rem !important;
}

.marginTop20 {
  margin-top: 1.25rem !important;
}

.marginTop25 {
  margin-top: 1.5625rem !important;
}

.marginTop30 {
  margin-top: 1.875rem !important;
}

.marginTop35 {
  margin-top: 2.1875rem !important;
}

.marginTop40 {
  margin-top: 2.5rem !important;
}

.marginTop45 {
  margin-top: 2.8125rem !important;
}

.marginTop50 {
  margin-top: 3.125rem !important;
}

.marginBottom0 {
  margin-bottom: 0rem !important;
}

.marginBottom5 {
  margin-bottom: 0.3125rem !important;
}

.marginBottom10 {
  margin-bottom: 0.625rem !important;
}

.marginBottom15 {
  margin-bottom: 0.9375rem !important;
}

.marginBottom20 {
  margin-bottom: 1.25rem !important;
}

.marginBottom25 {
  margin-bottom: 1.5625rem !important;
}

.marginBottom30 {
  margin-bottom: 1.875rem !important;
}

.marginBottom35 {
  margin-bottom: 2.1875rem !important;
}

.marginBottom40 {
  margin-bottom: 2.5rem !important;
}

.marginBottom45 {
  margin-bottom: 2.8125rem !important;
}

.marginBottom50 {
  margin-bottom: 3.125rem !important;
}

.marginRight0 {
  margin-right: 0rem !important;
}

.marginRight5 {
  margin-right: 0.3125rem !important;
}

.marginRight10 {
  margin-right: 0.625rem !important;
}

.marginRight15 {
  margin-right: 0.9375rem !important;
}

.marginRight20 {
  margin-right: 1.25rem !important;
}

.marginRight25 {
  margin-right: 1.5625rem !important;
}

.marginRight30 {
  margin-right: 1.875rem !important;
}

.marginRight35 {
  margin-right: 2.1875rem !important;
}

.marginRight40 {
  margin-right: 2.5rem !important;
}

.marginRight45 {
  margin-right: 2.8125rem !important;
}

.marginRight50 {
  margin-right: 3.125rem !important;
}

.marginLeft0 {
  margin-left: 0rem !important;
}

.marginLeft5 {
  margin-left: 0.3125rem !important;
}

.marginLeft10 {
  margin-left: 0.625rem !important;
}

.marginLeft15 {
  margin-left: 0.9375rem !important;
}

.marginLeft20 {
  margin-left: 1.25rem !important;
}

.marginLeft25 {
  margin-left: 1.5625rem !important;
}

.marginLeft30 {
  margin-left: 1.875rem !important;
}

.marginLeft35 {
  margin-left: 2.1875rem !important;
}

.marginLeft40 {
  margin-left: 2.5rem !important;
}

.marginLeft45 {
  margin-left: 2.8125rem !important;
}

.marginLeft50 {
  margin-left: 3.125rem !important;
}

.marginTopBottom0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.marginTopBottom5 {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
}

.marginTopBottom10 {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}

.marginTopBottom15 {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
}

.marginTopBottom20 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.marginTopBottom25 {
  margin-top: 1.5625rem !important;
  margin-bottom: 1.5625rem !important;
}

.marginTopBottom30 {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

.marginTopBottom35 {
  margin-top: 2.1875rem !important;
  margin-bottom: 2.1875rem !important;
}

.marginTopBottom40 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.marginTopBottom45 {
  margin-top: 2.8125rem !important;
  margin-bottom: 2.8125rem !important;
}

.marginTopBottom50 {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important;
}

.paddingAll0 {
  padding: 0rem !important;
}

.paddingAll5 {
  padding: 0.3125rem !important;
}

.paddingAll10 {
  padding: 0.625rem !important;
}

.paddingAll15 {
  padding: 0.9375rem !important;
}

.paddingAll20 {
  padding: 1.25rem !important;
}

.paddingAll25 {
  padding: 1.5625rem !important;
}

.paddingAll30 {
  padding: 1.875rem !important;
}

.paddingAll35 {
  padding: 2.1875rem !important;
}

.paddingAll40 {
  padding: 2.5rem !important;
}

.paddingAll45 {
  padding: 2.8125rem !important;
}

.paddingAll50 {
  padding: 3.125rem !important;
}

.paddingTop0 {
  padding-top: 0rem !important;
}

.paddingTop5 {
  padding-top: 0.3125rem !important;
}

.paddingTop10 {
  padding-top: 0.625rem !important;
}

.paddingTop15 {
  padding-top: 0.9375rem !important;
}

.paddingTop20 {
  padding-top: 1.25rem !important;
}

.paddingTop25 {
  padding-top: 1.5625rem !important;
}

.paddingTop30 {
  padding-top: 1.875rem !important;
}

.paddingTop35 {
  padding-top: 2.1875rem !important;
}

.paddingTop40 {
  padding-top: 2.5rem !important;
}

.paddingTop45 {
  padding-top: 2.8125rem !important;
}

.paddingTop50 {
  padding-top: 3.125rem !important;
}

.paddingBottom0 {
  padding-bottom: 0rem !important;
}

.paddingBottom5 {
  padding-bottom: 0.3125rem !important;
}

.paddingBottom10 {
  padding-bottom: 0.625rem !important;
}

.paddingBottom15 {
  padding-bottom: 0.9375rem !important;
}

.paddingBottom20 {
  padding-bottom: 1.25rem !important;
}

.paddingBottom25 {
  padding-bottom: 1.5625rem !important;
}

.paddingBottom30 {
  padding-bottom: 1.875rem !important;
}

.paddingBottom35 {
  padding-bottom: 2.1875rem !important;
}

.paddingBottom40 {
  padding-bottom: 2.5rem !important;
}

.paddingBottom45 {
  padding-bottom: 2.8125rem !important;
}

.paddingBottom50 {
  padding-bottom: 3.125rem !important;
}

.paddingRight0 {
  padding-right: 0rem !important;
}

.paddingRight5 {
  padding-right: 0.3125rem !important;
}

.paddingRight10 {
  padding-right: 0.625rem !important;
}

.paddingRight15 {
  padding-right: 0.9375rem !important;
}

.paddingRight20 {
  padding-right: 1.25rem !important;
}

.paddingRight25 {
  padding-right: 1.5625rem !important;
}

.paddingRight30 {
  padding-right: 1.875rem !important;
}

.paddingRight35 {
  padding-right: 2.1875rem !important;
}

.paddingRight40 {
  padding-right: 2.5rem !important;
}

.paddingRight45 {
  padding-right: 2.8125rem !important;
}

.paddingRight50 {
  padding-right: 3.125rem !important;
}

.paddingLeft0 {
  padding-left: 0rem !important;
}

.paddingLeft5 {
  padding-left: 0.3125rem !important;
}

.paddingLeft10 {
  padding-left: 0.625rem !important;
}

.paddingLeft15 {
  padding-left: 0.9375rem !important;
}

.paddingLeft20 {
  padding-left: 1.25rem !important;
}

.paddingLeft25 {
  padding-left: 1.5625rem !important;
}

.paddingLeft30 {
  padding-left: 1.875rem !important;
}

.paddingLeft35 {
  padding-left: 2.1875rem !important;
}

.paddingLeft40 {
  padding-left: 2.5rem !important;
}

.paddingLeft45 {
  padding-left: 2.8125rem !important;
}

.paddingLeft50 {
  padding-left: 3.125rem !important;
}

.paddingTopBottom0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.paddingTopBottom5 {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
}

.paddingTopBottom10 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.paddingTopBottom15 {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
}

.paddingTopBottom20 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.paddingTopBottom25 {
  padding-top: 1.5625rem !important;
  padding-bottom: 1.5625rem !important;
}

.paddingTopBottom30 {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

.paddingTopBottom35 {
  padding-top: 2.1875rem !important;
  padding-bottom: 2.1875rem !important;
}

.paddingTopBottom40 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.paddingTopBottom45 {
  padding-top: 2.8125rem !important;
  padding-bottom: 2.8125rem !important;
}

.paddingTopBottom50 {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important;
}

.marginLeftMinus10 {
  margin-left: -0.625rem !important;
}

.marginLeftMinus15 {
  margin-left: -0.9375rem !important;
}

.marginLeftMinus25 {
  margin-left: -1.5625rem !important;
}

.marginBottomMinus20 {
  margin-bottom: -1.25rem !important;
}

.marginBottomMinus30 {
  margin-bottom: -1.875rem !important;
}

.marginAuto {
  margin: auto !important;
}

.marginAuto0 {
  margin: auto 0 !important;
}

.margin0Auto {
  margin: 0 auto !important;
}

.height10 {
  height: 0.625rem;
}

.height15 {
  height: 0.9375rem;
}

.height16 {
  height: 1rem;
}

.height20 {
  height: 1.25rem;
}

.height24 {
  height: 1.5rem;
}

.height25 {
  height: 1.5625rem;
}

.height50 {
  height: 3.125rem;
}

.height60 {
  height: 3.75rem;
}

.height100 {
  height: 6.25rem;
}

.height190 {
  height: 11.875rem;
}

.minWidth30 {
  min-width: 1.875rem;
}

.minWidth70 {
  min-width: 4.375rem;
}

.minWidth100 {
  min-width: 6.25rem;
}

.minWidth130 {
  min-width: 8.125rem;
}

.minWidth160 {
  min-width: 10rem;
}

.minWidth275 {
  min-width: 17.1875rem;
}

.maxWidth150 {
  max-width: 9.375rem;
  width: 100%;
}

.maxWidth170 {
  max-width: 10.625rem;
  width: 100%;
}

.maxWidth350 {
  max-width: 21.875rem;
  width: 100%;
}

.maxWidth50Percent {
  max-width: 50%;
  width: 100% !important;
}

.maxWidth60Percent {
  max-width: 60%;
  width: 100% !important;
}

.maxWidth70Percent {
  max-width: 70%;
  width: 100% !important;
}

.maxWidth80Percent {
  max-width: 80%;
  width: 100% !important;
}

.maxWidth90Percent {
  max-width: 90%;
  width: 100% !important;
}

.widthAuto {
  width: auto;
}

.width0 {
  width: 0;
}

.width10 {
  width: 0.625rem;
}

.width15 {
  width: 0.9375rem;
}

.width16 {
  width: 1rem;
}

.width18 {
  width: 1.125rem;
}

.width20 {
  width: 1.25rem;
}

.width25 {
  width: 1.5625rem;
}

.width28 {
  width: 1.75rem;
}

.width45 {
  width: 2.8125rem;
}

.width50 {
  width: 3.125rem;
}

.width60 {
  width: 3.75rem;
}

.width65 {
  width: 4.0625rem;
}

.width70 {
  width: 4.375rem;
}

.width75 {
  width: 4.6875rem;
}

.width80 {
  width: 5rem;
}

.width85 {
  width: 5.3125rem;
}

.width90 {
  width: 5.625rem;
}

.width100 {
  width: 6.25rem;
}

.width105 {
  width: 6.5625rem;
}

.width110 {
  width: 6.875rem;
}

.width120 {
  width: 7.5rem;
}

.width130 {
  width: 8.125rem;
}

.width140 {
  width: 8.75rem;
}

.width145 {
  width: 9.0625rem;
}

.width150 {
  width: 9.375rem;
}

.width155 {
  width: 9.6875rem;
}

.width160 {
  width: 10rem;
}

.width165 {
  width: 10.3125rem;
}

.width175 {
  width: 10.9375rem;
}

.width180 {
  width: 11.25rem;
}

.width200 {
  width: 12.5rem;
}

.width210 {
  width: 13.125rem;
}

.width215 {
  width: 13.4375rem;
}

.width230 {
  width: 14.375rem;
}

.width235 {
  width: 14.6875rem;
}

.width245 {
  width: 15.3125rem;
}

.width295 {
  width: 18.4375rem;
}

.width300 {
  width: 18.75rem;
}

.width310 {
  width: 19.375rem;
}

.width315 {
  width: 19.6875rem;
}

.width380 {
  width: 23.75rem;
}

.width410 {
  width: 25.625rem;
}

.width450 {
  width: 28.125rem;
}

.width520 {
  width: 32.5rem;
}

.width530 {
  width: 33.125rem;
}

.width655 {
  width: 40.9375rem;
}

.width700 {
  width: 43.75rem;
}

.widthAuto {
  width: auto !important;
}

.width60Percent {
  width: 60% !important;
}

.width70Percent {
  width: 70% !important;
}

.width80Percent {
  width: 80% !important;
}

.width100Percent {
  width: 100% !important;
}

.clearLeft {
  clear: left;
}

.clearRight {
  clear: right;
}

.clearBoth {
  clear: both;
}

.floatRight {
  float: right !important;
}

.floatLeft {
  float: left;
}

.floatNone {
  float: none !important;
}

.overflowXYauto {
  overflow: auto;
}

.overflowXYhidden {
  overflow: auto;
}

.overflowXauto {
  overflow-x: auto;
}

.overflowXhidden {
  overflow-x: hidden;
}

.overflowXscroll {
  overflow-x: scroll;
}

.overflowYauto {
  overflow-y: auto;
}

.overflowYhidden {
  overflow-y: hidden;
}

.overflowYscroll {
  overflow-y: scroll;
}

.displayFlex {
  display: flex !important;
  align-items: center;
}

.displayInlineFlex {
  display: inline-flex;
}

.displayBlock {
  display: block;
}

.displayInlineBlock {
  display: inline-block;
}

.displayTable {
  display: table;
}

.displayTableCell {
  display: table-cell;
}

.positionRelative {
  position: relative;
}

.positionAbsolute {
  position: absolute;
}

.positionFixed {
  position: fixed;
}

.positionSticky {
  position: sticky;
}

.textAlignCenter {
  text-align: center;
}

.textAlignRight {
  text-align: right;
  justify-content: flex-end;
}

.textAlignLeft {
  text-align: left;
}

.alignItemsStart {
  align-items: flex-start;
}

.alignItemsCenter {
  align-items: center;
}

.alignItemsEnd {
  align-items: flex-end;
}

.flexDirectionColumn {
  flex-direction: column;
}

.flexDirectionColumnReverse {
  flex-direction: column-reverse;
}

.flexDirectionRow {
  flex-direction: row;
}

.flexDirectionRowReverse {
  flex-direction: row-reverse;
}

.textTransformUppercase {
  text-transform: uppercase;
}

.textIndent10 {
  text-indent: 0.625rem;
}

.redText {
  color: #aa2222;
}

.greenText {
  color: #146140;
}

.bgColorGreen {
  background-color: #146140;
}

.breaker {
  clear: both;
}

.clearMarginAndPadding {
  background: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.distance {
  padding: 0.0625rem 0;
  clear: both;
}

.distanceRadioOrSelect {
  margin: 0 0 0.625rem 0;
  clear: both;
}

.distanceAssignment {
  padding: 0.9375rem 0;
  clear: both;
}

.fontWeightBold,
.bold {
  font-weight: bold;
}

.fontWeightNormal,
.normal {
  font-weight: normal;
}

.truncate {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wordWrapBreakWord {
  hyphens: auto;
  word-wrap: break-word;
}

.whiteSpaceNormal {
  white-space: normal;
}

.whiteSpaceNoWrap {
  white-space: nowrap;
}

.whiteSpacePreWrap {
  white-space: pre-wrap;
}

.whiteSpacePreLine {
  white-space: pre-line;
}

.totalWidth {
  max-width: 93%;
}

.verticalAlignTop td,
.verticalAlignTop {
  vertical-align: top !important;
}

.verticalAlignMiddle {
  vertical-align: middle !important;
}

.verticalAlignMiddleChildElements &gt; * {
  vertical-align: middle !important;
}

.verticalAlignMiddleChildElements img {
  margin: 0 0.1875rem 0 0;
  padding: 0;
}

.verticalAlignMiddleChildElements span.text {
  display: inline-block;
}

.borderAllNone {
  border: none;
}

.borderTopNone {
  border-top: none;
}

.borderBottomNone {
  border-bottom: none;
}

.borderRightNone {
  border-right: none;
}

.borderLeftNone {
  border-left: none;
}

.hide-inputgroup .ui-inputgroup {
  display: none;
}

body[data-layout-csx] .ui-messages:empty {
  display: none;
}

body[data-layout-csx] .ui-fieldset-legend .mark-icon {
  margin-left: 0.5rem;
  margin-top: 0;
}

body[data-layout-csx-file] .ui-datatable table.table_layout_unset {
  table-layout: unset;
}

body[data-layout-csx-file] .ui-datatable table.centered_headers thead th {
  text-align: center;
}

body[data-layout-csx-file] .ui-menu.min_width_unset {
  width: unset;
  min-width: 6em;
}

body[data-layout-csx-file] .ui-menu-dynamic.min_width_unset .ui-menu-list {
  min-width: unset;
}

body[data-layout-csx] .ui-state-disabled.ui-chkbox-label {
  background-color: revert !important;
  border-color: revert !important;
  color: #000 !important;
  opacity: 1 !important;
}

.ui-buttonset {
  width: max-content;
}

.ui-tree-droppoint {
  background-color: transparent;
  display: flex;
  align-items: center;
  margin: 3px 0 !important;
  border: 1px dashed transparent;
}

.vmsModalDialog {
  max-height: 98vh !important;
  overflow: auto !important;
}

.pre-line {
  white-space: pre-line;
}

body[data-layout-csx-file] .staticAnker .p-datepicker.input-date-time .ui-inputfield {
  width: 6.6875rem;
}

body[data-layout-csx-file] .staticAnker .p-datepicker.input-time .ui-inputfield {
  width: 2.6875rem;
}

.testModeStyle {
  background: #fff;
  border: 0.125rem solid blue;
}
.testModeStyle .submitButton, .testModeStyle [type=submit] {
  border-radius: 0;
  border: 0.0625rem solid #000;
  background: #d6d5d9;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  padding: 0.3125rem;
  min-height: 2.125rem;
  margin: 0.3125rem 0.9375rem 0.3125rem 0 !important;
  font-size: 0.875rem !important;
  text-decoration: none;
  text-transform: uppercase;
}
.testModeStyle table {
  margin: 0.9375rem 0 1.875rem 0;
}
.testModeStyle table * {
  font-size: 0.875rem;
}
.testModeStyle table tbody tr td:first-child {
  background: #d9dcc5;
  font-weight: bold;
  height: 2.5rem;
  width: 15.625rem;
}
.testModeStyle:empty {
  display: none;
}
.testModeStyle .showtitel {
  padding: 0.625rem 0.3125rem;
  font-size: 0.875rem;
}
.testModeStyle .txtout {
  font-size: 0.875rem;
}

.devModeStyle {
  border: 0.125rem solid #aa2222;
}

.devModeStyle:empty {
  display: none;
}

.factStateModeStyle {
  border: 0.125rem solid #146140;
  float: left;
}

.factStateModeStyle:empty {
  display: none;
}

span.testModeStyle,
span.devModeStyle,
span.factStateModeStyle {
  padding: 0.125rem;
}

.noStyle-fixed {
  position: fixed;
  z-index: 99999;
}

.demoModusOfFile {
  padding: 0;
  margin: 0;
  height: 1.1875rem !important;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  border-bottom: 0.0625rem solid #000;
}

#demoModusOfFilePresentation {
  padding: 0.625rem 0 0.625rem 0.625rem;
  margin: 0 0 2.5rem 0;
  background: #f4f4f4;
  border: 0.0625rem solid #000;
}

.demoModusOfFilePresentationLeft {
  padding: 0 !important;
}

.demoModusOfFilePresentationColor {
  color: #000 !important;
}

.demoModusNotActivated {
  background-color: #f4f4f4;
}

.demoModusActivated {
  background-color: #b9b9b9;
}

.demoModusOfFileLeft {
  width: 25rem;
  line-height: 140% !important;
  padding: 0 0 0 1.25rem;
}

.demoModusOfFileActive,
.demoModusOfFileInactive {
  padding: 0 0 0 0.9375rem;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
}

.demoModusOfFileActive {
  background: url("../../images/default/filefeature/demofile_icon_active_10x10.gif") no-repeat center left;
  color: #000;
}

.demoModusOfFileInactive {
  background: url("../../images/default/filefeature/demofile_icon_inactive_10x10.gif") no-repeat center left;
  color: #c3c3c3;
}

.textModusOfFile {
  padding-left: 0.375rem;
  font-style: italic;
  font-weight: normal;
}

.demoModusOfFileRight {
  font-size: 0.6875rem;
  padding: 0 0.1875rem 0 0;
  margin: 0;
  width: auto;
  float: right;
  font-weight: bold;
  text-align: right;
}

.demoModusOfFileRight label {
  display: block;
  float: left;
  line-height: 150%;
  padding: 0.0625rem 0.625rem 0 0.3125rem;
}

.demoModusOfFileRight input[type=radio] {
  display: block;
  float: left;
}

.clipboardCopyButton {
  background-color: #ff6600;
  border: none !important;
  bottom: 0;
  color: #fff !important;
  font-size: 1rem !important;
  position: fixed;
  z-index: 9999999;
  cursor: pointer;
  display: inline-block;
  height: 1.9375rem;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  min-width: 5rem;
  padding: 0 0.75rem !important;
  text-align: center;
  vertical-align: middle;
}

#clipBoardStatus {
  background-color: transparent;
  bottom: -0.0625rem;
  left: 17.5rem;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.3125rem 0.625rem;
  position: fixed;
  z-index: 2000;
}

#clipBoardStatus.bgSuccess {
  background-color: #30b769;
  color: #fff;
}

#clipBoardStatus.bgError {
  background-color: #cd0337;
  color: #fff;
}

body.debugCount .countCharTextField {
  display: block;
}

body.debugCount .countCharTextFieldWrapper {
  left: 2.8125rem;
  top: -1.25rem;
}

body.debugCount input[type=text][maxlength][disabled],
body.debugCount input[type=text][maxlength][readonly] {
  float: left;
}

.jsErrorBox {
  background-color: #ff0000;
  color: #ffffff;
  position: fixed;
  z-index: 99999999;
  width: 42.8125rem;
  bottom: 0;
  right: 2.125rem;
  display: inline-block;
  min-height: 3.75rem;
  max-height: 9.375rem;
  min-width: 5rem;
  padding: 0.075rem !important;
  vertical-align: middle;
}

.print-only-container {
  display: none;
}

@media print {
  @page {
    margin-bottom: 1cm !important;
    margin-top: 1cm !important;
  }
  html,
  body {
    height: 99%;
  }
  .print-only-container {
    display: inline-block;
  }
  body,
  fieldset *,
  .tenderFileHeaderTable *,
  table thead th,
  table tbody td {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11pt !important;
  }
  table {
    page-break-after: auto;
  }
  table thead th,
  table tbody td {
    min-height: 50px !important;
  }
  tr,
  td {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  thead {
    display: table-row-group;
  }
  tfoot {
    display: none;
  }
  html,
  body,
  #contentMain,
  #mainFile,
  #contentFileTopicDistance {
    margin: 0;
    padding: 0;
    float: none;
    background-color: #fff !important;
    border: none !important;
  }
  #mainBox {
    min-height: auto !important;
    display: inline-block !important;
  }
  .tabHeader {
    margin: 0;
  }
  .tabHeader ul li span::after {
    height: 4px !important;
    bottom: -4px !important;
  }
  fieldset,
  body[data-layout-csx-file] .ui-fieldset {
    overflow: visible !important;
    min-height: 6.25rem;
    page-break-after: auto;
  }
  body[data-layout-csx-file] .ui-fieldset-legend {
    border: 1px solid #000 !important;
  }
  textarea,
  .templateContainer {
    display: none !important;
  }
  .printContentTextarea {
    display: table;
    border: 1px solid #000 !important;
    border-collapse: collapse;
    background-color: #fff !important;
    white-space: pre-wrap;
  }
  .printContentIframe {
    display: table !important;
    width: 100% !important;
  }
  table.tenderFileHeaderTable td {
    height: auto;
    min-height: 32px;
    vertical-align: top !important;
  }
  table.tenderFileHeaderTable .tenderFileHeaderContainer,
  table.tenderFileHeaderTable tbody tr td:nth-child(even) {
    color: #000 !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 5px 0 0 !important;
  }
  table.tenderFileHeaderTable .tenderFileHeaderGhosted {
    color: #000;
  }
  table.tenderFileHeaderTable .tenderFileHeaderContainer:before {
    display: inline-block;
    position: relative;
    white-space: normal;
  }
  table.tenderFileHeaderTable #bidCountContainer {
    min-width: auto;
    top: 0;
  }
  table.tenderFileHeaderTable td.label,
  .tenderFileHeaderLabel {
    padding: 0 5px 0 0 !important;
    margin: 0;
    color: #000 !important;
    font-weight: normal !important;
  }
  table.tenderFileHeaderTable .categorieListFileHead {
    margin-top: -5px;
  }
  table.tenderFileHeaderTable td + td {
    padding: 0 !important;
    margin: 0;
  }
  .tenderFileHeaderTable ul.categorieListFileHead li span {
    box-shadow: none !important;
  }
  .dateMask {
    overflow: hidden;
    position: relative;
  }
  .bulletinBoardPostContent {
    display: inline-block;
    -webkit-line-clamp: none;
    height: auto !important;
  }
  .footerSection {
    position: relative !important;
    clear: both !important;
    display: table !important;
    width: 100% !important;
  }
  .footerSection #footerText,
  .footerSection #footerSystem {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
  }
  .footerSection #footerSystem {
    float: right;
  }
  #contentFileName,
  #contentFileMain,
  #fileHeaderInfo {
    background: #fff !important;
    border: none;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
  }
  #contentTopicDistance {
    border: none;
  }
  .toggle-head {
    border: none;
  }
  .toggle-left {
    display: none;
  }
  #fileHeaderInfo {
    margin-top: 20px !important;
  }
  #contentFileHeader {
    margin: 30px 0 0 0 !important;
    position: static;
    height: auto;
  }
  #contentFileHeader.contentFileHeader-fixed {
    box-shadow: none;
  }
  #contentFileName a.truncate {
    display: inline;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    text-overflow: inherit !important;
    white-space: normal !important;
  }
  #contentFileName {
    display: inline;
    float: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto !important;
  }
  #contentFileHeader .contentFileHeaderSpace,
  .ui-growl,
  #header,
  #serviceNav,
  #contentFileCloseBox,
  #contentFileSystemMessage,
  #mainNav,
  #mainNavPrint,
  #subNav,
  #printFile,
  #subNavFile,
  .jumpAnkerTop a,
  a.interfaceLink,
  #testSystemBox,
  #testSystemBoxSpace,
  .demoModusOfFile,
  .filter .filter-items,
  .floatLeft .action-menu,
  .floatLeft .linkForClosingFile,
  .contentFileHeaderSpace,
  span.separator,
  .synchBox,
  #footerXhtmlContent,
  .modulLabelling,
  iframe,
  .tablePagingBox,
  .back-to-top,
  .staticAnker .p-datepicker .ui-datepicker-trigger {
    display: none !important;
  }
  #serviceMenu {
    border: none !important;
    display: none !important;
  }
  h1 {
    margin: 10px 0 0 0;
  }
  #mainFile {
    display: inline-block !important;
  }
  #mainFile,
  #interfaceBox {
    border: none !important;
    background: #fff;
  }
  #contentTopicDistance {
    min-height: auto !important;
  }
  #contentFileName,
  #mainFile,
  #contentTopic,
  #contentFileTopic,
  #contentFileTopicDistance,
  #interfaceBox {
    page-break-before: avoid;
    margin: 0;
    padding: 0;
    border: none !important;
  }
  #contentFileTopic {
    margin-top: 30px;
  }
  ul.categorieList li label,
  ul.categorieListFileHead li span {
    border: 1px solid #000;
  }
  #footer {
    display: inline-block;
    background-color: #fff !important;
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative !important;
    width: 100% !important;
  }
  #footer * {
    color: #000 !important;
    font-size: 11px;
  }
  .toggle-content {
    border: none;
  }
  .toggle-center .caption {
    margin-left: -20px;
    padding-left: 0 !important;
  }
  .toggle-content-periodlist {
    height: 100%;
    overflow: visible;
  }
  .toggle-head .badge {
    position: relative;
    top: -3px;
  }
  #footerSinglePage {
    background: #000;
    margin-top: 70px;
    color: #fff;
    clear: left !important;
  }
  .testModeStyle {
    display: none;
  }
}
p {
  line-height: 1.5;
  margin: 0 0 0.3125rem 0;
  padding: 0;
}

h1 {
  margin: 0;
  padding: 0 0 0.625rem 0;
  font-size: 1.125rem;
  letter-spacing: 0.02em;
  color: #000;
}

h2 {
  margin: 0;
  padding: 0.625rem 0 0 0;
  letter-spacing: 0.02em;
  font-size: 1rem;
}

h3 {
  margin: 1.25rem 0 0 0;
  padding: 0.3125rem 0;
  font-size: 0.875rem;
}

h4 {
  margin: 0;
  padding: 0.3125rem 0 0.3125rem 0.3125rem;
  font-size: 0.8125rem;
}

ul {
  color: #000;
  list-style-type: square;
  padding: 0;
  margin: 0 0 0 0.9375rem;
}

li {
  padding: 0;
  margin: 0 0 0.125rem 0;
}

a,
a.ordinaryLink,
a:visited.ordinaryLink,
a:active.ordinaryLink {
  color: #000;
  text-decoration: underline;
}

a:hover,
a:hover.ordinaryLink {
  text-decoration: none;
}

.defaultLink {
  background: none;
  color: #000;
  margin: 0;
  padding: 0.625rem 0.3125rem 0.625rem 0;
}
.defaultLink:hover {
  text-decoration: none;
}

.back-to-top {
  position: fixed;
  bottom: 2.8125rem;
  right: 0.3125rem;
  text-decoration: none;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("../../images/default/icon/anker_arrow_top_16x16.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(135, 135, 135, 0.4);
  border-radius: 0.3125rem;
  padding: 0.1875rem;
  display: none;
  z-index: 10001;
}

.back-to-top .screenReaderText {
  left: 0;
}

.back-to-top:hover {
  background-color: rgba(135, 135, 135, 0.9);
}

.jumpAnker {
  text-align: right;
  padding: 0;
  margin: 1.25rem 0;
}

.jumpAnkerTop {
  padding: 0.1875rem 0;
  margin: 0;
}

.jumpAnkerTop a {
  font-size: 0.6875rem;
  color: #000;
  background: #fff url("../../images/default/icon/anker_arrow_top_16x16.gif") no-repeat;
  padding: 0 0 0 1.25rem;
  margin: 0;
}
.jumpAnkerTop a:hover {
  text-decoration: none;
  background: #cccc99 url("../../images/default/icon/anker_arrow_top_16x16.gif") no-repeat;
}

.jumpAnkerBottom {
  padding: 0.1875rem 0;
  margin: 0;
}
.jumpAnkerBottom a {
  font-size: 0.6875rem;
  color: #000;
  background: #fff url("../../images/default/icon/anker_arrow_bottom_16x16.gif") no-repeat;
  padding: 0 0.625rem 0 1.25rem;
  margin: 0;
}
.jumpAnkerBottom a:hover {
  background: #cccc99 url("../../images/default/icon/anker_arrow_bottom_16x16.gif") no-repeat;
  text-decoration: none;
}

#headerStart {
  border: 0.0625rem solid #000;
  border-bottom: none;
  background: #fff;
  height: 3.75rem;
  padding: 0;
  margin: 0;
}

#mainNavStart {
  border-top: none;
  border-bottom: 0.125rem solid #000;
  border-left: 0.0625rem solid #000;
  border-right: 0.0625rem solid #000;
  height: 0.75rem;
  background: #fff;
  padding: 0;
  margin: 0;
  clear: left;
}

ul#serviceNav {
  float: right;
  margin: 0;
  padding: 0 0 0 0.625rem;
  color: #fff;
  background: #000;
}

#serviceNav li {
  padding: 0.125rem 0.125rem 0.1875rem 0.125rem;
  display: inline;
  list-style-type: none;
  font: bold 0.5625rem Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#serviceNav li a {
  font-size: 0.6875rem;
  padding-right: 0.625rem;
  text-decoration: none;
  color: #fff;
}

#serviceNav li a:hover {
  background: #000;
  padding-right: 0.625rem;
  color: #000;
}

:hover,
:active {
  outline: 0;
}

select:focus,
input[type=checkbox]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1875rem #739ce0;
  background-color: #fff;
  z-index: 2;
  position: relative;
}

input.uploadbox:focus + .uploader_img::after {
  content: "";
  display: flex;
  width: 5.875rem;
  height: 1.0625rem;
  border: 0.1875rem solid #739ce0;
  position: absolute;
  top: 0;
  left: 0;
}

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

input[type=radio]:focus::before {
  content: "";
  display: inline-block;
  height: inherit;
  width: inherit;
  border: 0.125rem solid #739ce0;
  border-radius: 50%;
  top: -0.125rem;
  left: -0.125rem;
  position: absolute;
}

@-moz-document url-prefix() {
  input[type=radio]:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.125rem #739ce0;
  }
}
a:focus,
span[role=button]:focus,
input[type=submit]:focus {
  box-shadow: none;
  outline: 0.1875rem solid #739ce0;
}

#footer a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem #fff;
}

.screenReaderText,
.screenreader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

body.debugScreenReader .screenReaderText {
  border: 0.125rem solid #aa2222;
  left: auto;
  width: 0.625rem;
  height: 0.625rem;
  overflow: hidden;
}

a.screenReaderLinkFocus {
  color: #000;
  display: inline-flex;
  margin: 0;
  padding: 0;
}

a.screenReaderLinkFocus:visited {
  color: #000;
}

.printContentIframe {
  display: none;
}

@media screen and (max-width: 61.875rem) {
  .hide-text-mobile {
    display: none;
  }
  #mainBox {
    grid-template-columns: 0 1fr;
  }
}
</pre></body></html>