/*@import "compass/reset";*/
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(./../fonts/OpenSans400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(./../fonts/OpenSans600.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(./../fonts/OpenSans700.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(./../fonts/OpenSans800.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), url(./../fonts/Raleway400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'AvantGardeLT';
  font-style: normal;
  font-weight: 400;
  src: local("AvantGardeLT"), url(./../fonts/AvantGardeLT-Book.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat"), url(./../fonts/Montserrat-Regular.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* every proplan color is defined here */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.frame, body.login {
  min-width: 400px;
  height: 100%;
}
body.login {
  background-image: url("../images/leftSideNavigation/eventmanager/login_background_paulaner_events.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  body.login {
    overflow-x: hidden;
  }
}
body.login-event-manager {
  min-width: 400px;
  height: 100%;
  background-image: url("../images/leftSideNavigation/eventmanager/login_background_paulaner_events.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*box-shadow: inset 0 0 0 2000px rgba(33, 58, 128, 0.75);*/
}
@media screen and (max-width: 768px) {
  body.login-event-manager {
    overflow-x: hidden;
  }
}

html {
  height: 100%;
}

html, body {
  margin: 0;
  padding: 0;
}

.gradientGreen, .wrapper .main .mainDashboard .reportClass .ratingscore.green .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .green.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .green.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ratingscore.green .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .green.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .green.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value {
  background: #72be00;
  background: -moz-linear-gradient(top, #72be00 0%, #72be00 63%, #729723 100%);
  background: -webkit-linear-gradient(top, #72be00 0%, #72be00 63%, #729723 100%);
  background: linear-gradient(to bottom, #72be00 0%, #72be00 63%, #729723 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72be00', endColorstr='#729723',GradientType=0 );
}

.gradientYellow, .wrapper .main .mainDashboard .reportClass .ratingscore.yellow .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .yellow.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .yellow.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ratingscore.yellow .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .yellow.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .yellow.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value {
  background: #ecc500;
  background: -moz-linear-gradient(top, #ecc500 0%, #ecc500 63%, #c49900 100%);
  background: -webkit-linear-gradient(top, #ecc500 0%, #ecc500 63%, #c49900 100%);
  background: linear-gradient(to bottom, #ecc500 0%, #ecc500 63%, #c49900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecc500', endColorstr='#c49900',GradientType=0 );
}

.gradientRed, .wrapper .main .mainDashboard .reportClass .ratingscore.red .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .red.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .red.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ratingscore.red .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .red.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .red.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value {
  background: #cf2c37;
  background: -moz-linear-gradient(top, #cf2c37 0%, #cf2c37 63%, #911f25 100%);
  background: -webkit-linear-gradient(top, #cf2c37 0%, #cf2c37 63%, #911f25 100%);
  background: linear-gradient(to bottom, #cf2c37 0%, #cf2c37 63%, #911f25 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf2c37', endColorstr='#911f25',GradientType=0 );
}

.greenColor {
  color: #72be00;
}

.yellowColor {
  color: #ecc500;
}

.redColor {
  color: #d5a300;
}

.wrapper .main .user-edit-content .box .inner .field .calendar {
  width: 110px;
  display: inline-block;
}
.wrapper .main .user-edit-content .box .inner .field .calendar.first .ui-inputfield.hasDatepicker {
  margin-left: 0px;
}
.wrapper .main .user-edit-content .box .inner .field .calendar .ui-inputfield.hasDatepicker {
  width: calc(100% - 10px);
  border: 1px solid #e9e9e9;
  margin-left: 10px;
}

.wrapper .main .user-edit-content .box .inner .field .multifield {
  width: calc(50% - 10px) !important;
  display: inline-block;
}
.wrapper .main .user-edit-content .box .inner .field .multifield.first .ui-inputfield {
  margin-left: 0px;
}
.wrapper .main .user-edit-content .box .inner .field .multifield .ui-inputfield {
  margin-left: 20px;
  width: 100% !important;
}

.wrapper .main .user-edit-content .leftBox .box .inner .field {
  padding-left: 230px;
}
.wrapper .main .user-edit-content .leftBox .box .inner .field .fieldLabel {
  width: 230px;
  margin-left: -230px;
}

.wrapper .main .supplementsPanel .multifield {
  width: calc(50% - 10px);
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.wrapper .main .supplementsPanel .multifield.first {
  margin-left: 0px;
}
.wrapper .main .supplementsPanel .multifield.big {
  width: calc(100% - 140px) !important;
}
.wrapper .main .supplementsPanel .multifield.small {
  width: 80px !important;
}

.wrapper .main .event-edit-content .multifield {
  width: calc(50% - 5px);
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.wrapper .main .event-edit-content .multifield.first {
  margin-left: 0px;
}
.wrapper .main .event-edit-content .multifield.small {
  width: 80% !important;
}
.wrapper .main .event-edit-content .multifield.inputfieldSmaller .hasDatepicker {
  width: 80% !important;
}
.wrapper .main .event-edit-content .multifield.inputfieldSmaller .ui-datepicker-trigger {
  margin-left: 5px;
}

.wrapper {
  min-height: 100%;
  position: relative;
}
.wrapper .main {
  padding-bottom: 34px;
  padding-left: 20px;
  padding-right: 20px;
}
.wrapper .main.menu-collapsed {
  width: calc(100% - 95px);
  float: right;
}
.wrapper .main.menu-expanded {
  width: calc(100% - 250px);
  float: right;
}
.wrapper .sideNavBarFooter {
  width: calc(100% - 220px) !important;
  padding-left: 220px !important;
  position: fixed !important;
}
.wrapper .footer, .wrapper .sideNavBarFooter, .wrapper .tablet-sideNavBarFooter {
  position: absolute;
  width: 100%;
}
.wrapper .footer, .wrapper .sideNavBarFooter, .wrapper .tablet-sideNavBarFooter {
  width: 100%;
  height: 34px;
  bottom: 0;
  left: 0;
  background-color: white;
}
.wrapper .footer.event-manager, .wrapper .event-manager.sideNavBarFooter, .wrapper .event-manager.tablet-sideNavBarFooter {
  background-color: transparent !important;
  color: #000000 !important;
}
.wrapper .footer .copyright, .wrapper .sideNavBarFooter .copyright, .wrapper .tablet-sideNavBarFooter .copyright, .wrapper .footer .version, .wrapper .sideNavBarFooter .version, .wrapper .tablet-sideNavBarFooter .version {
  padding-left: 20px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #a4a4a4;
  float: left;
  line-height: 34px;
}
.wrapper .footer .policies, .wrapper .sideNavBarFooter .policies, .wrapper .tablet-sideNavBarFooter .policies {
  display: inline-block;
  line-height: 34px;
  margin-left: 30px;
}
.wrapper .footer .policies a, .wrapper .sideNavBarFooter .policies a, .wrapper .tablet-sideNavBarFooter .policies a {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #a4a4a4;
}
.wrapper .footer .version, .wrapper .sideNavBarFooter .version, .wrapper .tablet-sideNavBarFooter .version {
  padding-left: 0;
  padding-right: 20px;
  float: right;
}
.wrapper .footer:after, .wrapper .sideNavBarFooter:after, .wrapper .tablet-sideNavBarFooter:after {
  clear: both;
  content: '';
  display: block;
}

.ui-chkbox {
  font-size: 14px;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.ui-chkbox .ui-chkbox-box {
  background-image: none;
  background-color: #f3f4f3;
}
.ui-chkbox .ui-chkbox-box .ui-icon-blank {
  background-image: none;
}
.ui-chkbox .ui-chkbox-box .ui-icon-check {
  background-image: none;
  text-indent: 0;
  position: relative;
}
.ui-chkbox .ui-chkbox-box .ui-icon-check:before {
  font-family: "FontAwesome";
  color: #d5a300;
  display: inline-block;
  content: "\f00c";
  margin-left: 0px;
  position: absolute;
  font-size: 16px;
}

.score-notspecified {
  display: inline-block;
  margin-left: 50px;
}

.ui-rating {
  margin-bottom: 5px;
  display: inline-block;
}
.ui-rating:after {
  content: '';
  clear: both;
  display: block;
}
.ui-rating .ui-rating-cancel, .ui-rating .ui-rating-star {
  text-indent: 0;
  width: 23px;
  height: 22px;
}
.ui-rating .ui-rating-cancel {
  font-family: "FontAwesome";
}
.ui-rating .ui-rating-cancel {
  position: relative;
}
.ui-rating .ui-rating-cancel a {
  width: 100%;
  height: 100%;
  background: transparent;
}
.ui-rating .ui-rating-cancel a:before {
  position: absolute;
  font-size: 17px;
  top: -2px;
  left: 4px;
  content: "\f05e";
  color: #cf2c37;
}
.ui-rating .ui-rating-cancel a:hover:before {
  color: #cf2c37;
}
.ui-rating .ui-rating-star {
  margin-right: 10px;
}
.ui-rating .ui-rating-star a {
  background: url("./../images/stern.png") no-repeat center center;
  width: 23px;
  height: 22px;
}
.ui-rating .ui-rating-star.ui-rating-star-on a {
  background: url("./../images/stern_aktiv.png") no-repeat center center;
}

.wrapper .main .inner:after {
  display: block;
  content: '';
  clear: both;
}
.wrapper .main .leftBox {
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
  float: left;
}
@media (min-width: 1180px) {
  .wrapper .main .leftBox {
    width: 60%;
    padding-right: 5%;
  }
}
@media (min-width: 1640px) {
  .wrapper .main .leftBox {
    width: 55%;
  }
}
.wrapper .main .leftBox .box .inner .fieldLabel {
  width: 250px;
  margin-left: -250px;
  margin-top: 5px;
}
.wrapper .main .leftBox .box .inner .field {
  padding-left: 250px;
}
.wrapper .main .leftBox .box .inner .field .radiobuttons {
  display: block;
  position: relative;
  float: left;
}
.wrapper .main .leftBox .box .inner .field .radiobuttons table {
  margin-left: 20px;
  width: 100%;
}
.wrapper .main .leftBox .box .inner .field .input-with-fifty-percent {
  width: calc(50% - 10px);
}
.wrapper .main .leftBox .box .inner .field .input-with-fifty-percent.last {
  margin-left: 20px;
}
.wrapper .main .leftBox .box .inner .field.with-margin-top {
  margin-top: 10px;
}
.wrapper .main .leftBox .box .inner .headline {
  font-weight: 700;
  font-size: 14px;
  display: block;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif, black;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #919191;
}
.wrapper .main mainReportClass {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.wrapper .main .mainDashboard {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
@media screen and (max-width: 1620px) {
  .wrapper .main .mainDashboard {
    width: 100%;
  }
}
.wrapper .main .mainDashboard .ui-widget-content {
  background-color: #f6f6f6;
}
.wrapper .main .mainDashboard .ui-panel-titlebar {
  margin: -5px -2px 0px -2px;
}
.wrapper .main .mainDashboard .ui-widget-header {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: none;
  color: #222222;
  max-width: 100%;
  z-index: 999;
  height: 40px;
}
.wrapper .main .mainDashboard .ui-panel .ui-panel-title {
  margin-top: 10px;
  text-align: left !important;
  padding-left: 10px;
  max-width: 70%;
}
.wrapper .main .mainDashboard .ui-panel {
  background-color: #f6f6f6 !important;
  border: 1px;
  min-width: 100%;
}
.wrapper .main .mainDashboard .ui-panel .ui-panel-titlebar {
  padding: 0px;
  background-color: #ffffff;
}
.wrapper .main .mainDashboard .ui-panel .ui-panel-titlebar.ui-widget-header {
  background-color: #ffffff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-left: 10px solid #006dc3;
  border-top: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.wrapper .main .mainDashboard .ui-panel-title {
  float: left;
  width: 92%;
  height: 18px;
}
.wrapper .main .mainDashboard .ui-panel-title a {
  padding-left: 20px !important;
  background-color: #ffffff;
}
.wrapper .main .mainDashboard .reportClass {
  overflow: hidden;
  white-space: nowrap;
  width: 730px;
  float: left;
  min-height: 510px;
  min-width: 48%;
  padding: 10px !important;
}
.wrapper .main .mainDashboard .reportClass .inner-toggleable {
  margin-bottom: 20px;
  width: 710px;
  background-image: none;
  min-height: 510px;
  padding: 3px 0px 0px 0px;
}
.wrapper .main .mainDashboard .reportClass .inner-toggleable .ui-panel-content {
  padding: 7px 15px 7px 15px;
}
.wrapper .main .mainDashboard .reportClass .ui-datatable table tbody td {
  border-bottom-width: 1px;
}
.wrapper .main .mainDashboard .reportClass div.report-load-container {
  width: 100%;
  display: inline-block;
}
.wrapper .main .mainDashboard .reportClass img.report-load {
  width: 32px;
  display: block;
  margin: 50px auto;
}
.wrapper .main .mainDashboard .reportClass .ui-datatable table thead .ui-state-default {
  background-color: transparent;
}
.wrapper .main .mainDashboard .reportClass .ui-widget-header {
  border: none;
  background-color: transparent;
}
.wrapper .main .mainDashboard .reportClass .checkbox-actnow .ui-chkbox {
  width: 28px;
  height: 28px;
  overflow: hidden;
}
.wrapper .main .mainDashboard .reportClass .checkbox-actnow .ui-chkbox .ui-chkbox-box {
  background-image: none;
  background-color: #f3f4f3;
  height: 26px;
  width: 26px;
}
.wrapper .main .mainDashboard .reportClass .checkbox-actnow .ui-chkbox .ui-chkbox-box .ui-icon-blank {
  background-image: none;
}
.wrapper .main .mainDashboard .reportClass .checkbox-actnow .ui-chkbox .ui-chkbox-box .ui-icon-check {
  background-image: none;
  text-indent: 0;
  position: relative;
  text-align: left;
}
.wrapper .main .mainDashboard .reportClass .checkbox-actnow .ui-chkbox .ui-chkbox-box .ui-icon-check:before {
  font-size: 26px;
}
.wrapper .main .mainDashboard .reportClass .text-field-nobreak {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Open Sans", sans-serif;
}
.wrapper .main .mainDashboard .reportClass .text-field-spacing {
  margin-bottom: 4px;
}
.wrapper .main .mainDashboard .reportClass .text-field-nobreak-info {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 13px;
  font-style: italic;
  color: #677380;
}
.wrapper .main .mainDashboard .reportClass .text-field-yesno {
  font-size: 20px;
  color: #98ca2f;
}
.wrapper .main .mainDashboard .reportClass .text-field-rating {
  font-size: 16px;
  color: #98ca2f;
  display: block;
}
.wrapper .main .mainDashboard .reportClass.actnow-panel {
  min-width: 96%;
  /* Firefox */
  min-width: -moz-calc(96% + 20px);
  /* WebKit */
  min-width: -webkit-calc(96% + 20px);
  /* Opera */
  min-width: -o-calc(96% + 20px);
  /* Standard */
  min-width: calc(96% + 20px);
}
.wrapper .main .mainDashboard .reportClass .comparison {
  margin-top: 70px;
}
.wrapper .main .mainDashboard .reportClass .comparision-text {
  font-family: "Verdana", sans-serif;
  font-size: 19px;
  font-weight: bold;
}
.wrapper .main .mainDashboard .reportClass .comparision-info {
  margin-left: 5px;
}
.wrapper .main .mainDashboard .reportClass .comparision-info-text {
  font-family: "Verdana", sans-serif;
  font-size: 15px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.wrapper .main .mainDashboard .reportClass .comparision-group {
  margin-top: 50px;
}
.wrapper .main .mainDashboard .reportClass .ratingscore {
  margin-top: 5px;
  width: 90%;
  border: 0 none;
}
.wrapper .main .mainDashboard .reportClass .ratingscore .field-comparision {
  padding-top: 5px;
  padding-bottom: 5px;
}
.wrapper .main .mainDashboard .reportClass .ratingscore .avg-score .ui-progressbar-label {
  padding-top: 2px !important;
}
.wrapper .main .mainDashboard .reportClass .ratingscore .ui-progressbar {
  height: 60px;
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif, black;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  background-color: #f7f7f7;
  -webkit-box-shadow: inset 0px 2px 12px -2px rgba(100, 100, 100, 0.75);
  -moz-box-shadow: inset 0px 2px 12px -2px rgba(100, 100, 100, 0.75);
  box-shadow: inset 0px 2px 12px -2px rgba(100, 100, 100, 0.75);
}
.wrapper .main .mainDashboard .reportClass .ratingscore .ui-progressbar-label {
  margin-top: 10px;
  padding-top: 9px;
  box-sizing: border-box;
}
.wrapper .main .mainDashboard .reportClass .ratingscore .ui-progressbar-value {
  -moz-border-radius-topleft: 14px;
  -webkit-border-top-left-radius: 14px;
  border-top-left-radius: 14px;
  -moz-border-radius-bottomleft: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  border: 0;
  margin-top: 0;
}
.wrapper .main .mainDashboard .reportClass .ratingscore.green .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .green.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .green.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value {
  height: 100%;
}
.wrapper .main .mainDashboard .reportClass .ratingscore.green .ui-progressbar-label, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable.checkliste .status .green.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-label, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable #header-fixed.checkliste .status .green.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-label {
  color: white;
}
.wrapper .main .mainDashboard .reportClass .ratingscore.yellow .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .yellow.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .yellow.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value {
  height: 100%;
}
.wrapper .main .mainDashboard .reportClass .ratingscore.yellow .ui-progressbar-label, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable.checkliste .status .yellow.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-label, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable #header-fixed.checkliste .status .yellow.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-label {
  color: black;
}
.wrapper .main .mainDashboard .reportClass .ratingscore.red .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .red.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .red.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-value {
  height: 100%;
}
.wrapper .main .mainDashboard .reportClass .ratingscore.red .ui-progressbar-label, .wrapper .main .mainDashboard .reportClass .ui-datatable.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable.checkliste .status .red.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-label, .wrapper .main .mainDashboard .reportClass .ui-datatable #header-fixed.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable #header-fixed.checkliste .status .red.active .wrapper .main .mainDashboard .reportClass .ratingscore.indicator .ui-progressbar-label {
  color: black;
}
@media screen and (max-width: 1620px) {
  .wrapper .main .mainDashboard .reportClass {
    padding-right: 20px !important;
  }
}
.wrapper .main .mainDashboard .reportClass img {
  width: 100%;
  height: auto;
}
.wrapper .main .mainDashboard .reportClass img.daumen {
  width: auto;
  background: transparent;
}
.wrapper .main .mainDashboard .reportClass img.daumen-negative {
  width: auto;
  height: auto;
  background: transparent;
}
.wrapper .main .mainDashboard .reportClass .ui-panel-titlebar .ui-panel-titlebar-icon.ui-state-hover {
  border: 0px !important;
  background: 0 !important;
}
.wrapper .main .mainDashboard .reportClass .startafel-img {
  width: 160px;
  height: 187px;
  margin-left: 15px;
  margin-right: 5px;
}
.wrapper .main .mainDashboard .reportClass.starTafelPanel-cont .inner-toggleable {
  background-size: cover;
  background-image: url("../images/sdg/bronze.jpg");
  background-position: right top;
  background-repeat: repeat-x;
  background-color: transparent;
}
.wrapper .main .mainDashboard .reportClass.starTafelPanel-cont .inner-toggleable .ui-panel-content {
  background-color: transparent;
}
@media screen and (max-width: 1620px) {
  .wrapper .main .mainDashboard .reportClass {
    /*    min-width: 100%!important;  Schaut bei einer Auflösung von 1600px sehr schlecht aus*/
  }
}
.wrapper .main .mainDashboard .ui-panel-titlebar-icon span {
  margin-right: 5px;
  max-width: 32px;
  height: 40px;
  margin-top: 10px;
}
.wrapper .main .mainDashboard .ui-corner-all, .wrapper .main .mainDashboard .ui-corner-bottom, .wrapper .main .mainDashboard .ui-corner-right, .wrapper .main .mainDashboard .ui-corner-br {
  border-bottom-right-radius: 0px;
}
.wrapper .main .mainDashboard .ui-corner-all, .wrapper .main .mainDashboard .ui-corner-bottom, .wrapper .main .mainDashboard .ui-corner-left, .wrapper .main .mainDashboard .ui-corner-bl {
  border-bottom-left-radius: 0px;
}
.wrapper .main .mainDashboard .header-close {
  background-image: url("./../images/braudienst/close.png");
  width: 23px !important;
  height: 23px !important;
}
.wrapper .main .pipelines .select-pipeline-number, .wrapper .main .rightBox .box .inner .select-pipeline-number, .wrapper .main .inner.ratingform .leftBox .select-pipeline-number {
  width: 100%;
}
.wrapper .main .pipelines .select-pipeline-number .output-label, .wrapper .main .rightBox .box .inner .select-pipeline-number .output-label, .wrapper .main .inner.ratingform .leftBox .select-pipeline-number .output-label {
  width: 200px;
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
}
.wrapper .main .pipelines .select-pipeline-number .select-menu, .wrapper .main .rightBox .box .inner .select-pipeline-number .select-menu, .wrapper .main .inner.ratingform .leftBox .select-pipeline-number .select-menu {
  width: 50%;
  float: left;
}
.wrapper .main .pipelines .pipeline-panel, .wrapper .main .rightBox .box .inner .pipeline-panel, .wrapper .main .inner.ratingform .leftBox .pipeline-panel {
  overflow-x: scroll;
  width: 100%;
  margin-bottom: 15px;
}
.wrapper .main .pipelines .pipeline-panel .pipline-table, .wrapper .main .rightBox .box .inner .pipeline-panel .pipline-table, .wrapper .main .inner.ratingform .leftBox .pipeline-panel .pipline-table {
  float: left;
}
.wrapper .main .pipelines .pipeline-panel .pipline-table th, .wrapper .main .rightBox .box .inner .pipeline-panel .pipline-table th, .wrapper .main .inner.ratingform .leftBox .pipeline-panel .pipline-table th {
  width: 130px;
  text-align: center;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  font-weight: bold;
}
.wrapper .main .pipelines .pipeline-panel .pipline-table th.first-column, .wrapper .main .rightBox .box .inner .pipeline-panel .pipline-table th.first-column, .wrapper .main .inner.ratingform .leftBox .pipeline-panel .pipline-table th.first-column {
  text-align: left;
}
.wrapper .main .pipelines .pipeline-panel .pipline-table td, .wrapper .main .rightBox .box .inner .pipeline-panel .pipline-table td, .wrapper .main .inner.ratingform .leftBox .pipeline-panel .pipline-table td {
  width: 130px;
}
.wrapper .main .pipelines .pipeline-panel .pipline-table td.column-name, .wrapper .main .rightBox .box .inner .pipeline-panel .pipline-table td.column-name, .wrapper .main .inner.ratingform .leftBox .pipeline-panel .pipline-table td.column-name {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
}
.wrapper .main .pipelines .pipeline-panel .pipline-table td .ui-widget, .wrapper .main .rightBox .box .inner .pipeline-panel .pipline-table td .ui-widget, .wrapper .main .inner.ratingform .leftBox .pipeline-panel .pipline-table td .ui-widget {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  width: 120px;
  text-align: center;
}
.wrapper .main .rightBox {
  float: left;
  width: 100%;
}
@media (min-width: 1180px) {
  .wrapper .main .rightBox {
    width: 40%;
  }
}
@media (min-width: 1640px) {
  .wrapper .main .rightBox {
    width: 45%;
  }
}
.wrapper .main .rightBox .box .inner .fieldLabel {
  margin-left: -250px;
  width: 39%;
  display: block;
  float: left;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}
.wrapper .main .rightBox .box .inner .field {
  padding-left: 250px;
}
.wrapper .main .rightBox .box .inner .field .radiobuttons {
  display: block;
  position: relative;
  float: left;
}
.wrapper .main .rightBox .box .inner .field .radiobuttons table {
  margin-left: 20px;
  width: 100%;
}
.wrapper .main .inner.ratingform .connection-dialog .ui-dialog-titlebar, .wrapper .main .inner.ratingform .connection-dialog .ui-widget-header {
  background: #006dc3;
  color: white;
  box-shadow: none;
}
.wrapper .main .inner.ratingform .connection-dialog .ok-button {
  width: 80px;
  margin-left: 180px;
  margin-top: 20px;
  background: #006dc3;
  color: #ffffff;
}
.wrapper .main .inner.ratingform .connection-dialog .ok-button .ui-button-text:before {
  content: "\f164";
  font-family: "FontAwesome";
  color: #ffffff;
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
.wrapper .main .inner.ratingform .leftBox {
  width: 100%;
}
@media (min-width: 990px) {
  .wrapper .main .inner.ratingform .leftBox {
    width: 40%;
  }
  .wrapper .main .inner.ratingform .leftBox.offline-mode {
    width: 60%;
  }
}
.wrapper .main .inner.ratingform .rightBox {
  width: 100%;
}
@media (min-width: 990px) {
  .wrapper .main .inner.ratingform .rightBox {
    width: 60%;
  }
  .wrapper .main .inner.ratingform .rightBox.offline-mode {
    width: 40%;
  }
}
.wrapper .main .inner.ratingform .education-dialog .ui-dialog-titlebar, .wrapper .main .inner.ratingform .education-dialog .ui-widget-header {
  background: #006dc3;
  color: white;
  box-shadow: none;
}
.wrapper .main .inner.ratingform .education-dialog .education-link-category-title {
  font-weight: bold;
  color: #006dc3;
  width: 100%;
}
.wrapper .main .inner .ui-message-error {
  border: 0;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #cb5757;
  color: white;
  clear: both;
  position: relative;
  top: -6px;
  margin-bottom: 12px;
  padding: 2px 15px;
  margin-top: 10px;
}
.wrapper .main .inner .ui-message-error .ui-message-error-detail {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
}
.wrapper .main .inner.ratingform .ratingform-info {
  padding-left: 12px;
}
.wrapper .main .inner.ratingform .ratingform-info .ui-calendar {
  width: 40%;
}
.wrapper .main .inner.ratingform .ratingform-info .header {
  font-size: 21px;
  text-transform: uppercase;
  color: black;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
  margin-bottom: 15px;
}
.wrapper .main .inner.ratingform .ratingform-info .header .text {
  float: left;
}
.wrapper .main .inner.ratingform .ratingform-info .header:after {
  content: '';
  clear: both;
  display: block;
}
.wrapper .main .inner.ratingform .ratingform-info .header .ui-inputfield.hasDatepicker {
  width: 90%;
  float: left;
  font-size: 21px;
  height: 30px;
}
.wrapper .main .inner.ratingform .ratingform-info .info.with-margin-top {
  margin-top: 10px;
}
.wrapper .main .inner.ratingform .ratingform-info .info .text {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  height: 23px;
  line-height: 34px;
  display: inline-block;
  float: left;
}
.wrapper .main .inner.ratingform .ratingform-info .info .ui-button {
  background: transparent;
  float: left;
}
.wrapper .main .inner.ratingform .ratingform-info .info .ui-button .ui-button-text:before {
  color: #006dc3;
}
.wrapper .main .inner.ratingform .ratingform-info .info:after {
  content: '';
  clear: both;
  display: block;
}
.wrapper .main .inner.ratingform .ratingform-info .ui-message-error {
  border: 0;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #cb5757;
  color: white;
  clear: both;
  position: relative;
  top: -6px;
  margin-bottom: 12px;
  padding: 2px 15px;
  margin-top: 10px;
}
.wrapper .main .inner.ratingform .ratingform-info .ui-message-error .ui-message-error-detail {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
}
.wrapper .main .inner.ratingform .ui-selectoneradio, .wrapper .main .inner.ratingform .ui-selectmanycheckbox {
  padding-left: 7px;
}
.wrapper .main .inner.ratingform .category-header, .wrapper .main .inner.ratingform .summary-header {
  font-weight: 700;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  text-transform: uppercase;
  color: #4d4d4d;
  padding-left: 7px;
  border-bottom: 1px solid black;
  margin-bottom: 20px;
  padding-bottom: 3px;
}
.wrapper .main .inner.ratingform .category-header .exclude-from-rating, .wrapper .main .inner.ratingform .summary-header .exclude-from-rating {
  float: right;
  text-transform: none;
}
.wrapper .main .inner.ratingform .comment-header {
  padding-left: 7px;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 10px;
}
.wrapper .main .inner.ratingform .summary-header {
  height: auto;
  margin-top: 65px;
}
.wrapper .main .inner.ratingform .summary-input .text {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  height: 23px;
  display: inline-block;
  float: left;
  padding-inline-end: 10px;
}
.wrapper .main .inner.ratingform .input-score {
  font-weight: bold;
  font-size: 16px;
  line-height: 27px;
  color: #4d4d4d;
  font-family: "Open Sans", sans-serif, black;
}
.wrapper .main .inner.ratingform .input-score .ui-inputfield.ui-inputtext {
  width: 45px;
  margin-right: 5px;
}
.wrapper .main .inner.ratingform .input-score .ui-selectmanycheckbox {
  line-height: normal;
}
.wrapper .main .inner.ratingform .input-score .rating-yes-no .rating-radios {
  float: left;
  width: 14%;
}
.wrapper .main .inner.ratingform .input-score .rating-yes-no .rating-cancel-icon {
  color: #d5a300;
  padding-top: 7px;
  width: 86%;
}
.wrapper .main .inner.ratingform .input-score .rating-yes-no .rating-cancel-icon .icon-text {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #56606a;
  padding-left: 4px;
}
.wrapper .main .inner.ratingform .input-score .ui-radiobutton .ui-radiobutton-box.radio-noselect {
  border: none;
  background: none;
  cursor: pointer;
}
.wrapper .main .inner.ratingform .input-score .ui-radiobutton .ui-radiobutton-box.radio-noselect span.ui-radiobutton-icon:before {
  content: "\f05e";
  color: #e0e0e0;
  display: inline-block;
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  left: 0;
  right: 0;
  top: 1px;
  text-align: center;
}
.wrapper .main .inner.ratingform .input-score .ui-radiobutton .ui-radiobutton-box.radio-noselect.ui-state-active span.ui-radiobutton-icon:before {
  color: #cf2c37;
}
.wrapper .main .inner.ratingform .hundredPercentLeftAligned {
  float: left;
  width: 100%;
}
.wrapper .main .inner.ratingform .input-text:after {
  clear: both;
  content: '';
  display: block;
}
.wrapper .main .inner.ratingform .leftBox .ui-inputfield.ui-inputtextarea {
  padding-left: 12px;
  padding-right: 19px;
}
.wrapper .main .inner.ratingform .rightBox .ui-inputfield.ui-inputtext, .wrapper .main .inner.ratingform .rightBox .ui-inputfield.ui-inputtextarea, .wrapper .main .inner.ratingform .rightBox .ui-selectonemenu {
  padding-left: 7px;
  padding-right: 7px;
}
.wrapper .main .inner.ratingform .ratingscore {
  margin-top: 20px;
  width: 90%;
}
.wrapper .main .inner.ratingform .ratingscore .ui-progressbar {
  height: 29px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif, black;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
  background-color: #f7f7f7;
  -webkit-box-shadow: inset 0px 2px 12px -2px rgba(100, 100, 100, 0.75);
  -moz-box-shadow: inset 0px 2px 12px -2px rgba(100, 100, 100, 0.75);
  box-shadow: inset 0px 2px 12px -2px rgba(100, 100, 100, 0.75);
}
.wrapper .main .inner.ratingform .ratingscore .ui-progressbar-label {
  padding-top: 6px;
  box-sizing: border-box;
}
.wrapper .main .inner.ratingform .ratingscore .ui-progressbar-value {
  -moz-border-radius-topleft: 14px;
  -webkit-border-top-left-radius: 14px;
  border-top-left-radius: 14px;
  -moz-border-radius-bottomleft: 14px;
  -webkit-border-bottom-left-radius: 14px;
  border-bottom-left-radius: 14px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  border: 0;
  margin-top: 0;
}
.wrapper .main .inner.ratingform .ratingscore.green .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .green.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .green.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value {
  height: 100%;
}
.wrapper .main .inner.ratingform .ratingscore.green .ui-progressbar-label, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable.checkliste .status .green.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-label, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .green.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable #header-fixed.checkliste .status .green.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-label {
  color: white;
}
.wrapper .main .inner.ratingform .ratingscore.yellow .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .yellow.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .yellow.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value {
  height: 100%;
}
.wrapper .main .inner.ratingform .ratingscore.yellow .ui-progressbar-label, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable.checkliste .status .yellow.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-label, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .yellow.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable #header-fixed.checkliste .status .yellow.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-label {
  color: black;
}
.wrapper .main .inner.ratingform .ratingscore.red .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable.checkliste .status .red.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-value, .ui-datatable #header-fixed.checkliste .status .red.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-value {
  height: 100%;
}
.wrapper .main .inner.ratingform .ratingscore.red .ui-progressbar-label, .wrapper .main .inner.ratingform .ui-datatable.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable.checkliste .status .red.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-label, .wrapper .main .inner.ratingform .ui-datatable #header-fixed.checkliste .status .red.active .ratingscore.indicator .ui-progressbar-label, .ui-datatable #header-fixed.checkliste .status .red.active .wrapper .main .inner.ratingform .ratingscore.indicator .ui-progressbar-label {
  color: black;
}
.wrapper .main .inner.ratingform .rating-category-header {
  margin-top: 50px;
  color: #a4a4a4;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif, black;
  letter-spacing: 0.025em;
  margin-bottom: 8px;
}
.wrapper .main .inner.ratingform .rating-category-header:after {
  clear: both;
  content: '';
  display: block;
}
.wrapper .main .inner.ratingform .rating-category-header div {
  width: 50%;
  float: left;
  padding-left: 12px;
  box-sizing: border-box;
}
.wrapper .main .inner.ratingform .rating-category-header div:last-child {
  padding-left: 0;
  text-align: right;
  padding-right: 19px;
}
.wrapper .main .inner.ratingform .category-entry {
  font-size: 14px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
  padding-top: 12px;
  padding-bottom: 8px;
  background-color: #f7f7f7;
  margin-bottom: 2px;
  color: black;
  cursor: pointer;
}
.wrapper .main .inner.ratingform .category-entry:after {
  content: '';
  clear: both;
  display: block;
}
.wrapper .main .inner.ratingform .category-entry.selected {
  background-color: #e0e0e0;
}
.wrapper .main .inner.ratingform .category-entry .category-col-no, .wrapper .main .inner.ratingform .category-entry .category-col-label, .wrapper .main .inner.ratingform .category-entry .category-col-score {
  box-sizing: border-box;
  float: left;
}
.wrapper .main .inner.ratingform .category-entry .category-col-no {
  width: 8%;
  padding-left: 12px;
}
.wrapper .main .inner.ratingform .category-entry .category-col-label {
  width: 72%;
  text-transform: uppercase;
}
.wrapper .main .inner.ratingform .category-entry .category-col-score {
  width: 20%;
  text-align: right;
  padding-right: 19px;
}
.wrapper .main .inner.ratingform .category-entry.missing .category-col-no, .wrapper .main .inner.ratingform .category-entry.missing .category-col-label {
  color: #d5a300;
}
.wrapper .main .inner.ratingform .file-entry {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  padding-top: 1px;
  padding-bottom: 2px;
  color: black;
}
.wrapper .main .inner.ratingform .file-entry:after {
  content: '';
  clear: both;
  display: block;
}
.wrapper .main .inner.ratingform .file-entry .file-col-name, .wrapper .main .inner.ratingform .file-entry .file-col-delete {
  box-sizing: border-box;
  float: left;
}
.wrapper .main .inner.ratingform .file-entry .file-col-name {
  width: 80%;
  padding-left: 12px;
}
.wrapper .main .inner.ratingform .file-entry .file-col-name .ui-commandlink {
  font-size: 12px;
  color: black;
}
.wrapper .main .inner.ratingform .file-entry .file-col-delete {
  width: 20%;
  text-align: right;
}
.wrapper .main .inner.ratingform .file-entry .file-col-delete .ui-button {
  background: transparent;
}
.wrapper .main .inner.ratingform .file-entry .file-col-delete .ui-button .ui-button-text:before {
  color: #006dc3;
}
.wrapper .main .inner.ratingform .director-text {
  padding-left: 18px;
  min-height: 16px;
  position: relative;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  color: #d5a300;
}
.wrapper .main .inner.ratingform .director-text:before {
  content: '';
  display: block;
  width: 9px;
  height: 16px;
  position: absolute;
  left: 7px;
  top: 0;
  background: url("./../images/achtung.png") no-repeat;
}
.wrapper .main .inner.ratingform .subcategory-hinttext {
  padding-left: 25px;
  min-height: 16px;
  position: relative;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  color: #d5a300;
}
.wrapper .main .inner.ratingform .subcategory-hinttext:before {
  content: '';
  display: block;
  width: 12px;
  height: 16px;
  position: absolute;
  left: 7px;
  top: 4px;
  background-image: url("./../images/info_tooltip.png");
  background-color: transparent;
  background-repeat: no-repeat;
}
.wrapper .main .inner.ratingform .ratingentry-hinttext {
  min-height: 16px;
  position: relative;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: #000000;
  float: left;
}
.wrapper .main .inner.ratingform .subcategory-entry {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 20px;
  padding-bottom: 3px;
}
.wrapper .main .inner.ratingform .subcategory-entry:after {
  content: '';
  clear: both;
  display: block;
}
.wrapper .main .inner.ratingform .subcategory-entry .question {
  padding-left: 7px;
  color: #4d4d4d;
  font-size: 18px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
}
.wrapper .main .inner.ratingform .subcategory-entry .question.left {
  box-sizing: border-box;
  float: left;
  width: 25%;
  height: 32px;
  line-height: 32px;
}
.wrapper .main .inner.ratingform .subcategory-entry .input {
  box-sizing: border-box;
  width: 75%;
  padding-right: 10px;
}
.wrapper .main .inner.ratingform .subcategory-entry .input .ui-inputfield.ui-inputtext {
  margin-bottom: 5px;
}
.wrapper .main .inner.ratingform .subcategory-entry .input .text {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  height: 23px;
  display: inline-block;
  float: left;
  padding-inline-end: 10px;
}
.wrapper .main .inner.ratingform .subcategory-entry .ui-message-error-container {
  width: 75%;
  float: left;
  box-sizing: border-box;
  padding-right: 10px;
}
.wrapper .main .inner.ratingform .rating-entry {
  border: 0;
  margin-bottom: 40px;
}
.wrapper .main .inner.ratingform .rating-entry:after {
  content: '';
  clear: both;
  display: block;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-left, .wrapper .main .inner.ratingform .rating-entry .rating-entry-right {
  box-sizing: border-box;
  float: left;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-left {
  width: 75%;
  padding-right: 10px;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-left .question {
  padding-left: 7px;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
  margin-bottom: 10px;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-left .question .img {
  float: right;
  width: 25px;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-left .text {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  height: 23px;
  display: inline-block;
  float: left;
  padding-inline-end: 10px;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-right {
  width: 25%;
  background-color: #f7f7f7;
  padding-left: 22px;
  position: relative;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-family: "Raleway", sans-serif;
  color: #4d4d4d;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-right:before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 14px;
  background-image: url("./../images/info.png");
  left: 7px;
  top: 12px;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-right:after {
  content: '';
  display: block;
  clear: both;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-right .col-hint-left, .wrapper .main .inner.ratingform .rating-entry .rating-entry-right .col-hint-right {
  float: left;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-right .col-hint-left {
  width: 20%;
}
.wrapper .main .inner.ratingform .rating-entry .rating-entry-right .col-hint-right {
  width: 80%;
}
.wrapper .main .scroller {
  width: 100%;
  overflow-x: scroll;
}
.wrapper .main .scroller .scrollerInner {
  /*width: 1500px;*/
}
.wrapper .main .scroller:after {
  content: '';
  display: block;
  clear: both;
}
.wrapper .main .box {
  /*height:416px;*/
  width: 100%;
  box-sizing: border-box;
  /*background-color: $boxBackgroundColor;*/
  color: #626c75;
  margin-right: 25px;
  margin-bottom: 25px;
  float: left;
  vertical-align: top;
  display: inline-block;
}
@media (min-width: 1900px) {
  .wrapper .main .box {
    margin-right: 18px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) {
  .wrapper .main .box:nth-child(4) {
    margin-right: 0;
  }
}
.wrapper .main .box.doubleWidth .inner {
  padding-right: 12px;
}
.wrapper .main .box.doubleWidth .inner .ui-inputfield.ui-inputtextarea {
  width: 98%;
  overflow: hidden;
  word-wrap: break-word;
  height: 95px;
}
@media (min-width: 1180px) {
  .wrapper .main .box.doubleWidth .inner .ui-inputfield.ui-inputtextarea {
    width: 97%;
  }
}
.wrapper .main .box.doubleWidth .inner .fieldLabel {
  width: 25%;
}
.wrapper .main .box.third .inner .field {
  padding-left: 15%;
}
.wrapper .main .box.third .inner .headlineCG {
  float: left;
  width: 33%;
}
.wrapper .main .box.third .inner .fieldLabel {
  width: 15%;
  margin-left: -15%;
}
.wrapper .main .box.third .inner .ui-selectonemenu {
  width: 33%;
  margin-right: 8%;
}
.wrapper .main .box.third .inner .ui-selectonemenu:last-child {
  margin-right: 0;
}
.wrapper .main .box.mkp-staffpanel .inner .headlineCG.first {
  width: 55% !important;
  float: left;
  margin-right: 5%;
}
.wrapper .main .box.mkp-staffpanel .inner .headlineCG.second {
  width: 23% !important;
  float: left;
}
.wrapper .main .box.mkp-staffpanel .inner .ui-selectonemenu {
  width: 55% !important;
  margin-right: 5%;
}
.wrapper .main .box.mkp-staffpanel .inner .staffinfonew .ui-selectonemenu {
  width: 100%;
}
.wrapper .main .box.mkp-staffpanel .inner .ui-inputNum {
  display: block;
  width: 40%;
  float: left;
}
.wrapper .main .box.mkp-staffpanel .inner .ui-inputNum.exisitingCost {
  width: 31%;
}
.wrapper .main .box.mkp-staffpanel .inner .ui-inputNum * {
  width: 100% !important;
}
.wrapper .main .box.mkp-staffpanel .inner .ui-button {
  float: right;
}
.wrapper .main .box .inner {
  padding-left: 12px;
  padding-right: 29px;
  /* plus symbol f067 */
}
.wrapper .main .box .inner .description {
  clear: both;
  /*padding-top: 19px;*/
  font-family: "Open Sans", sans-serif, black;
  font-size: 10px;
  letter-spacing: -0.006em;
}
.wrapper .main .box .inner .checkboxLabel {
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  margin-top: 8px;
}
.wrapper .main .box .inner table.ui-selectmanycheckbox.checkboxLabel {
  margin-top: 0px;
  display: inline;
}
.wrapper .main .box .inner .ui-selectmanycheckbox label {
  display: block;
  margin-top: -3px;
  margin-left: 8px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
}
.wrapper .main .box .inner .checkboxGroup {
  background-color: #FFFFFF;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  margin-bottom: 12px;
  margin-right: 23px;
  float: left;
  height: 100%;
  width: 130px;
  min-height: 228px;
}
.wrapper .main .box .inner .checkboxGroup.last {
  margin-right: 0px;
  padding-right: 0;
}
.wrapper .main .box .inner .field {
  clear: both;
  position: relative;
}
.wrapper .main .box .inner .field:after {
  content: '';
  clear: both;
  display: block;
}
.wrapper .main .box .inner .field .ui-message-error {
  border: 0;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #cb5757;
  color: white;
  clear: both;
  position: relative;
  top: -6px;
  margin-bottom: 12px;
  padding: 12px 15px;
}
.wrapper .main .box .inner .field .ui-message-error .ui-message-error-detail {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
}
.wrapper .main .box .inner .field .left {
  float: left;
  width: 50%;
}
.wrapper .main .box .inner .field .right {
  float: right;
  width: 50%;
}
.wrapper .main .box .inner .field.fileupload .left, .wrapper .main .box .inner .field.fileupload .right {
  height: 160px;
}
.wrapper .main .box .inner .field.fileupload .image {
  text-align: right;
  position: relative;
}
.wrapper .main .box .inner .field.fileupload .image .cancel {
  position: absolute;
  top: 2px;
  right: 4px;
  text-decoration: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  font-size: 19px;
}
.wrapper .main .box .inner .field.fileupload .image .cancel:before {
  font-family: "FontAwesome";
  content: "\f057";
  color: #fff;
  font-size: inherit;
}
.wrapper .main .box .inner .field.fileupload .image.noImage {
  width: 207px;
  height: 120px;
  background-color: #e1e1e1;
}
.wrapper .main .box .inner .field.fileupload .image.noImage .placeholder {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -29px;
  left: 50%;
  margin-left: -31px;
}
.wrapper .main .box .inner .field.fileupload .image.noImage .placeholder:before {
  font-family: "FontAwesome";
  content: "\f030";
  color: #ecf0f3;
  font-size: 58px;
}
.wrapper .main .box .inner .field.fileupload .right {
  max-width: 207px;
  max-height: 120px;
}
.wrapper .main .box .inner .field.fileupload .right .image img {
  max-width: 207px;
  max-height: 120px;
  width: auto;
  height: auto;
}
.wrapper .main .box .inner .fieldLabel {
  width: 40%;
  display: block;
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  font-weight: bold;
  /*margin-top:8px;*/
}
.wrapper .main .box .inner .fieldLabel.ui-state-error {
  color: #626c75;
  background-image: none;
  background-color: transparent;
}
.wrapper .main .box .inner .ui-selectonemenu .ui-selectonemenu-trigger {
  background: #fff;
  background-image: none;
  border: 0;
}
.wrapper .main .box:last-child {
  margin-right: 0;
}
.wrapper .main .ui-inputfield.ui-inputtext, .wrapper .main .ui-inputfield.ui-password, .wrapper .main .ui-inputfield.ui-inputtextarea, .wrapper .main .ui-selectonemenu, .wrapper .main .ui-inputfield.hasDatepicker, .wrapper .main .ui-inputfield.ui-state-disabled {
  width: 100%;
  display: block;
  float: left;
  box-sizing: border-box;
  margin-bottom: 12px;
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  background-image: none;
  padding-left: 17px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  color: #56606a;
}
.wrapper .main .ui-inputfield.ui-inputtext.ui-state-error, .wrapper .main .ui-inputfield.ui-password.ui-state-error, .wrapper .main .ui-inputfield.ui-inputtextarea.ui-state-error, .wrapper .main .ui-selectonemenu.ui-state-error, .wrapper .main .ui-inputfield.hasDatepicker.ui-state-error, .wrapper .main .ui-inputfield.ui-state-disabled.ui-state-error {
  border: 1px solid #f00;
}
.wrapper .main table.ui-selectoneradio label {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  color: #56606a;
  padding-right: 30px;
}
.wrapper .main table.ui-selectoneradio label.before-noselect-label {
  padding-right: 90px;
}
.wrapper .main table.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box {
  border-radius: 7px;
  height: 12px;
  line-height: 12px;
  width: 12px;
  position: relative;
}
.wrapper .main table.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  height: 12px;
  width: 12px;
  margin-top: -2px;
  margin-left: -1px;
  background: transparent;
  text-indent: 0;
}
.wrapper .main table.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:before {
  content: "\f111";
  display: inline-block;
  position: absolute;
  font-family: "FontAwesome";
  color: #d5a300;
  font-size: 7px;
  left: 0;
  right: 0;
  top: 1px;
  text-align: center;
}
.wrapper .main .ui-inputfield.ui-inputtext, .wrapper .main .ui-inputfield.ui-password, .wrapper .main .ui-selectonemenu, .wrapper .main .ui-inputfield.hasDatepicker {
  height: 27px;
}
.wrapper .main .ui-inputfield.ui-inputtextarea {
  overflow-x: hidden;
}

.hundredPercent {
  width: 100% !important;
}
.hundredPercent .ui-selectonemenu-label {
  width: 100% !important;
}

.thirtyPercent {
  width: 30% !important;
}

.seventyPercent {
  width: 70% !important;
}
.seventyPercent.projectedit-ordervolume {
  width: auto !important;
}
.seventyPercent.projectedit-ordervolume .ui-inputfield {
  width: 70% !important;
}

.fourtyPercent {
  width: 40% !important;
}

.fiftyPercent {
  width: 50% !important;
}

.fiftyFivePercent {
  width: 55% !important;
}

.sixtyPercent {
  width: 60% !important;
}

.eightyPercent {
  width: 80% !important;
}

.twentyPercent {
  width: 20% !important;
}

.fifteenPercent {
  width: 15% !important;
}

.twentyfivePercent {
  width: 25% !important;
}
.twentyfivePercent.budgetResp-expenditure {
  width: auto !important;
}
.twentyfivePercent.budgetResp-expenditure .ui-inputfield {
  width: 25% !important;
}

.thirtyfivePercent {
  width: 35% !important;
}
.thirtyfivePercent.budgetResp-expenditure {
  width: auto !important;
}
.thirtyfivePercent.budgetResp-expenditure .ui-inputfield {
  width: 35% !important;
}

.twentyfivePercent.paddingRight, .fifteenPercent.paddingRight, .twentyPercent.paddingRight, .eightyPercent.paddingRight, .sixtyPercent.paddingRight, .fourtyPercent.paddingRight {
  box-sizing: border-box;
  margin-right: 4% !important;
}

.ui-calendar, .wrapper .main .ui-calendar, .ui-datatable table .ui-calendar {
  display: block;
  width: 50%;
  height: 27px;
  float: left;
  padding-left: 10px;
}
.ui-calendar .ui-datepicker-trigger, .wrapper .main .ui-calendar .ui-datepicker-trigger, .ui-datatable table .ui-calendar .ui-datepicker-trigger {
  float: left;
  width: 10%;
  height: 27px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  border-left: 0;
  background-color: #fff;
}
.ui-calendar .ui-datepicker-trigger .ui-button-icon-left {
  background-image: none;
  text-indent: 0;
}
.ui-calendar .ui-datepicker-trigger .ui-button-icon-left:before {
  content: "\f073";
  display: block;
  font-family: "FontAwesome";
  color: #000;
  font-size: 16px;
  position: absolute;
}
.ui-calendar .timeItem .ui-datepicker-trigger .ui-button-icon-left:before {
  content: "\f017";
  display: block;
  font-family: "FontAwesome";
  color: #000;
  font-size: 16px;
  position: absolute;
}

.wrapper .main .ui-calendar .calendarItem .ui-datepicker-trigger {
  height: 30px;
}

@media screen and (max-width: 1150px) {
  .wrapper .main .inner.ratingform .ratingform-info .header .ui-inputfield.hasDatepicker {
    font-size: 19px;
  }
}
@media screen and (max-width: 1350px) {
  .wrapper .main .inner.ratingform .ratingform-info .header .ui-inputfield.hasDatepicker {
    font-size: 17px;
  }
}

.headlineSBU {
  font-family: "Open Sans", sans-serif, black;
  font-weight: 700;
  font-size: 14px;
  display: block;
  margin: 0;
  padding: 0;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 5px;
  /*border:1px solid #000;*/
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.headlineB {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif, black;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 13px;
}

.headlineCG {
  /* border: 1px solid #fff; */
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin: 5px 0px 12px 0px;
  /* padding: 7px 11px 5px; */
  text-transform: uppercase;
}

.ui-confirm-dialog .ui-dialog-titlebar {
  background-image: none;
  background: transparent;
  padding-left: 12px;
}
.ui-confirm-dialog .ui-icon {
  display: none;
}
.ui-confirm-dialog .ui-dialog-content {
  width: 360px;
  font-size: 12px;
  line-height: 21px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
}
.ui-confirm-dialog .ui-dialog-buttonpane {
  padding-left: 12px;
}
.ui-confirm-dialog .ui-dialog-footer {
  border: 0;
}

.ui-confirm-dialog.concurrent-exception .ui-confirm-dialog-message {
  color: #e71616;
}

a {
  border: 0;
}

.erfolgreiche-wirte-software-button {
  background-color: #CEA20D !important;
  float: right;
  margin-right: 20px !important;
  margin-top: 5px !important;
  height: 30px;
}
.erfolgreiche-wirte-software-button.chrome .ui-button-text {
  padding-top: 6px !important;
}
.erfolgreiche-wirte-software-button.firefox .ui-button-text {
  padding-top: 6px !important;
}

.uppermenu {
  background-color: #006dc3;
  height: 40px;
}
.uppermenu.erfolgreiche-wirte {
  display: none;
}
.uppermenu:after {
  content: '';
  display: block;
  clear: both;
}
.uppermenu .logo {
  padding-left: 20px;
  padding-top: 0px;
  display: inline-block;
}
.uppermenu .logo-text {
  float: right;
  margin-left: 5px;
  color: #f5f5f5;
  line-height: 50px;
  font-size: 16px;
  font-family: "Open Sans",sans-serif;
}
.uppermenu .separator {
  background-color: #d2d2d2;
  height: 25px;
  width: 1px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 8px;
  display: block;
  float: left;
}
.uppermenu .feedback {
  float: left;
  position: relative;
  width: 19px;
  height: 51px;
  cursor: pointer;
}
.uppermenu .feedback .icon:before {
  content: "\f013";
  font-family: "FontAwesome";
  color: white;
  display: block;
  font-size: 22px;
  margin-top: 8px;
}
.uppermenu .settings {
  float: left;
  position: relative;
  width: 19px;
  height: 61px;
  cursor: pointer;
}
.uppermenu .settings .icon:before {
  content: "\f013";
  font-family: "FontAwesome";
  color: white;
  display: block;
  font-size: 22px;
  margin-top: 8px;
}
.uppermenu .settings .menu {
  display: none;
  position: absolute;
}
.uppermenu .settings .menu {
  position: absolute;
  left: -24px;
  top: 49px;
  background: rgba(0, 61, 124, 0.9);
  border: 1px solid rgba(214, 214, 214, 0.9);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding-top: 16px;
  padding-left: 10px;
  padding-right: 20px;
  padding-bottom: 11px;
  font-family: "Open Sans", sans-serif, black;
  color: #d5a300;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  z-index: 2;
}
.uppermenu .settings .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.uppermenu .settings .menu a {
  text-decoration: none;
  color: white;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
.uppermenu .settings .menu:after, .uppermenu .settings .menu:before {
  bottom: 100%;
  left: 16%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.uppermenu .settings .menu:after {
  border-color: rgba(84, 129, 189, 0);
  border-bottom-color: rgba(0, 61, 124, 0.9);
  border-width: 7px;
  margin-left: -7px;
}
.uppermenu .settings .menu:before {
  border-color: rgba(214, 214, 214, 0);
  border-bottom-color: rgba(214, 214, 214, 0.9);
  border-width: 8px;
  margin-left: -8px;
}
.uppermenu .settings:hover .menu {
  display: block;
}
.uppermenu .user {
  float: left;
  display: block;
  width: 150px;
  text-decoration: none;
  cursor: pointer;
}
.uppermenu .user img {
  width: 28px;
  height: 28px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  display: block;
  margin-top: 7px;
  margin-right: 7px;
  float: left;
}
.uppermenu .user .name {
  font-size: 13px;
  font-family: "Open Sans", sans-serif, black;
  color: white;
  text-decoration: none;
  display: block;
  width: 115px;
  height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  margin-top: 12px;
  font-weight: 600;
}
.uppermenu .user:hover .name {
  color: #d5a300;
}
.uppermenu .languages {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 7px;
  float: left;
}
.uppermenu .languages .language-label {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: white;
  text-decoration: none;
}
.uppermenu .languages .language-label.active {
  color: #d5a300;
}
.uppermenu .languages li {
  display: inline-block;
}
.uppermenu .languages a {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: white;
  text-decoration: none;
  display: inline-block;
  margin-right: 6px;
  font-weight: 600;
}
.uppermenu .languages a.ui-state-active, .uppermenu .languages a:hover {
  border: 0;
  background: transparent;
  color: #d5a300;
}
.uppermenu .languages .last a {
  margin-right: 0;
}
.uppermenu .logout {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  margin-top: 8px;
  padding-right: 20px;
}
.uppermenu .logout i, .uppermenu .logout .ui-button-text {
  font-style: normal;
  display: inline-block;
  padding: 0;
}
.uppermenu .logout i:before, .uppermenu .logout .ui-button-text:before {
  display: inline-block;
  content: "\f011";
  font-family: "FontAwesome";
  font-size: 22px;
  color: white;
}
.uppermenu .signin {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  margin-top: 8px;
  padding-right: 20px;
}
.uppermenu .signin i, .uppermenu .signin .ui-button-text {
  font-style: normal;
  display: inline-block;
  padding: 0;
}
.uppermenu .signin i:before, .uppermenu .signin .ui-button-text:before {
  display: inline-block;
  content: "\f090";
  font-family: "FontAwesome";
  font-size: 22px;
  color: white;
}
.uppermenu .left {
  float: left;
}
.uppermenu .left .tabs {
  margin-left: 20px;
  float: left;
}
.uppermenu .left .tabs .tab {
  float: left;
}
.uppermenu .left .tabs .tab .ui-button {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.uppermenu .left .tabs .tab .selected {
  background: white;
  color: black;
  margin-top: 7px;
  height: 35px;
}
.uppermenu .left .tabs .tab .no-selected {
  background: #D3D3D3;
  color: black;
  margin-top: 7px;
  height: 33px;
}
.uppermenu .left .tabs .tab .longer-name span {
  margin-top: -10px;
}
.uppermenu .right {
  float: right;
  min-width: 250px;
}
.uppermenu .right:after {
  clear: both;
  display: block;
  content: '';
}
.uppermenu .inner:after {
  content: '';
  display: block;
  clear: both;
}
.uppermenu .inner .upperLogo {
  float: left;
}
@media screen and (max-width: 1430px) {
  .uppermenu .inner .upperLogo.schankanlagen-logo {
    display: none;
  }
}

.clearfix {
  clear: both;
}

.mainmenu {
  clear: both;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 4px;
  padding-bottom: 6px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  letter-spacing: 0.03em;
  font-size: 13px;
}
.mainmenu:after {
  content: '';
  clear: both;
  display: block;
}
.mainmenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}
.mainmenu ul li {
  display: inline-block;
  margin-right: 30px;
  font-size: 14px;
}
@media screen and (max-width: 1359px) {
  .mainmenu ul li {
    margin-right: 20px;
  }
}
.mainmenu ul li.schankanlagen {
  margin-right: 20px;
}
@media screen and (max-width: 1359px) {
  .mainmenu ul li.schankanlagen {
    margin-right: 10px;
  }
}
.mainmenu ul li.last {
  margin-right: 0;
}
.mainmenu .ui-commandlink {
  padding-top: 46px;
  height: 24px;
  display: inline-block;
  font-family: "Open Sans", sans-serif, black;
  letter-spacing: 0.03em;
  font-size: 13px;
  text-decoration: none;
  color: black;
}
@media screen and (max-width: 1450px) {
  .mainmenu .ui-commandlink {
    font-size: 12px;
  }
}
@media screen and (max-width: 1359px) {
  .mainmenu .ui-commandlink {
    font-size: 11px;
  }
}
@media screen and (max-width: 1150px) {
  .mainmenu .ui-commandlink {
    font-size: 10px;
  }
}
.mainmenu .ui-commandlink.ui-state-active, .mainmenu .ui-commandlink:hover, .mainmenu .ui-commandlink.ui-state-hover {
  color: #006dc3;
  border: 0;
  font-family: "Open Sans", sans-serif, black;
  letter-spacing: 0.03em;
  font-weight: bold;
}
.mainmenu .project {
  background: url("../images/braudienst/objekte.png") center 7px no-repeat transparent;
}
.mainmenu .mpmsummary {
  background: url("../images/braudienst/mpmIcon.png") center 7px no-repeat transparent;
}
.mainmenu .multiprojectoverview {
  background: url("../images/braudienst/auswertung.png") center 7px no-repeat transparent;
}
.mainmenu .education-preview {
  background: url("../images/braudienst/education.svg") center 7px no-repeat transparent;
  background-size: 58px 38px;
}
.mainmenu .testoffers {
  background: url("../images/sdg/testoffer.png") center 7px no-repeat transparent;
}
.mainmenu .cleaningstatus {
  background: url("../images/braudienst/cleaningStatusIcon.png") center 7px no-repeat transparent;
}
.mainmenu .documentationstatus {
  background: url("../images/braudienst/documentationStatus.png") center 7px no-repeat transparent;
}
.mainmenu .sensors {
  background: url("../images/braudienst/sensors.png") center 7px no-repeat transparent;
}
.mainmenu .cableStatus {
  background: url("../images/braudienst/leitungsStatus.png") center 7px no-repeat transparent;
}
.mainmenu .tester {
  background: url("../images/braudienst/tester2.png") center 7px no-repeat transparent;
}
.mainmenu .managementsummary {
  background: url("../images/braudienst/suche.png") center 7px no-repeat transparent;
}
.mainmenu .processcard {
  background: url("../images/braudienst/processCardIcon.png") center 7px no-repeat transparent;
}
.mainmenu .cornerpoints {
  background: url("../images/braudienst/fragebogen.png") center 7px no-repeat transparent;
}
.mainmenu .briefing {
  background: url("../images/braudienst/briefing.png") center 7px no-repeat transparent;
}
.mainmenu .workInstructions {
  min-width: 125px;
  background: url("../images/braudienst/workInstructions.png") center 7px no-repeat transparent;
}
.mainmenu .email {
  background: url("../images/braudienst/kontakt.png") center 7px no-repeat transparent;
}
.mainmenu .projectdata {
  background: url("../images/braudienst/objektdaten.png") center 7px no-repeat transparent;
}
.mainmenu .projectmap {
  background: url("../images/braudienst/landkarte.png") center 7px no-repeat transparent;
}
.mainmenu .projectCockpit {
  background: url("../images/braudienst/projektCockpit.png") center 7px no-repeat transparent;
}
.mainmenu .todo {
  background: url("../images/braudienst/todo.png") center 7px no-repeat transparent;
}
.mainmenu .summaryList {
  background: url("../images/braudienst/uebersicht.png") center 7px no-repeat transparent;
}
.mainmenu .visitOverview {
  background: url("../images/braudienst/calendar.svg") center 7px no-repeat transparent;
  background-size: 38px 38px;
}
.mainmenu .todo-configurator {
  background: url("../images/configurator/menuicons/todo.png") center 7px no-repeat transparent;
}
.mainmenu .object-configurator {
  background: url("../images/configurator/menuicons/objekte.png") center 7px no-repeat transparent;
}
.mainmenu .bookmark-configurator {
  background: url("../images/configurator/menuicons/merkliste.png") center 7px no-repeat transparent;
}
.mainmenu .submenu {
  display: block;
  position: relative;
}
.mainmenu .submenu.inactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.mainmenu .submenu.inactive .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.mainmenu .submenu.inactive .overlay .fullwidthheight {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.mainmenu .separator {
  width: 1px;
  height: 70px;
  margin-left: 20px;
  margin-right: 20px;
  display: block;
  background-color: #d2d2d2;
  float: left;
}
.mainmenu .separator.schankanlagen {
  margin-left: 0px;
  margin-right: 10px;
}

.managementsummary-map {
  width: 100%;
  max-height: 250px;
}

.wrapper .main.testassign {
  margin-top: -10px;
}
.wrapper .main.testassign .startdate, .wrapper .main.testassign .enddate, .wrapper .main.testassign .lasttest, .wrapper .main.testassign .testinterval {
  width: 40%;
}
.wrapper .main.testassign .label {
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  font-weight: 600;
  margin-right: 10%;
  width: 30%;
  line-height: 2em;
}
.wrapper .main.testassign .label.ui-state-error {
  color: #626c75;
  background-image: none;
  background-color: transparent;
}
.wrapper .main.testassign .ui-calendar {
  width: 50%;
  padding-left: 0px;
}
.wrapper .main.testassign .startdate, .wrapper .main.testassign .enddate {
  border-top: 0px;
  border-bottom: 0px;
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
}
.wrapper .main.testassign .startdate .label, .wrapper .main.testassign .enddate .label {
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  font-weight: 600;
  line-height: 2em;
}
.wrapper .main.testassign .startdate .label.ui-state-error, .wrapper .main.testassign .enddate .label.ui-state-error {
  color: #626c75;
  background-image: none;
  background-color: transparent;
}
.wrapper .main.testassign .startdate .fieldLabel, .wrapper .main.testassign .enddate .fieldLabel {
  width: 40%;
  display: block;
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  font-weight: bold;
  /*margin-top:8px;*/
}
.wrapper .main.testassign .startdate .fieldLabel.ui-state-error, .wrapper .main.testassign .enddate .fieldLabel.ui-state-error {
  color: #626c75;
  background-image: none;
  background-color: transparent;
}
.wrapper .main.testassign .startdate .ui-calendar, .wrapper .main.testassign .enddate .ui-calendar {
  display: block;
  height: 27px;
  float: left;
  margin-bottom: 12px;
}
.wrapper .main.testassign .startdate .ui-calendar .ui-datepicker-trigger, .wrapper .main.testassign .enddate .ui-calendar .ui-datepicker-trigger {
  float: left;
  width: 10%;
  height: 27px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  border-left: 0;
  background-color: #fff;
}
.wrapper .main.testassign .startdate .ui-calendar .ui-inputfield.hasDatepicker, .wrapper .main.testassign .enddate .ui-calendar .ui-inputfield.hasDatepicker {
  width: 90%;
  border-right: 0;
  /*margin-left:97px;*/
}
.wrapper .main.testassign .startdate .ui-calendar .ui-inputfield.hasDatepicker.ui-state-error, .wrapper .main.testassign .enddate .ui-calendar .ui-inputfield.hasDatepicker.ui-state-error {
  border-right: 1px solid #c40707;
}
.wrapper .main.testassign .startdate .ui-message, .wrapper .main.testassign .enddate .ui-message {
  display: inline-block;
}
.wrapper .main.testassign .startdate .ui-message .ui-message-error-detail, .wrapper .main.testassign .enddate .ui-message .ui-message-error-detail {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: bold;
}
.wrapper .main.testassign .startdate {
  margin-right: 20px;
}
.wrapper .main.testassign .enddate {
  padding-top: 0px;
}
.wrapper .main.testassign .lasttest, .wrapper .main.testassign .testinterval, .wrapper .main.testassign .testintervalrule {
  float: left;
  margin-top: 10px;
}
.wrapper .main.testassign .lasttest {
  margin-right: 20px;
}
.wrapper .main.testassign .lasttest .ui-inputfield.ui-inputtext, .wrapper .main.testassign .testinterval .ui-inputfield.ui-inputtext {
  width: 50%;
}
.wrapper .main.testassign .testintervalrule {
  width: 70%;
}
.wrapper .main.testassign .testintervalrule .label {
  width: 35%;
  margin-right: 0px;
}
.wrapper .main.testassign .testintervalrule .ui-inputfield.ui-inputtext {
  width: 45%;
}

.ui-button, .ui-button.ui-confirmdialog-yes, .ui-button.ui-confirmdialog-no, .ui-button.ui-confirmdialog-btn {
  background: #006dc3;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  padding: 0;
  margin: 0;
  /*&.upload {
      height: 23px;
      box-sizing: border-box;
  }*/
}
.ui-button:active, .ui-button:focus, .ui-button.ui-confirmdialog-yes:active, .ui-button.ui-confirmdialog-yes:focus, .ui-button.ui-confirmdialog-no:active, .ui-button.ui-confirmdialog-no:focus, .ui-button.ui-confirmdialog-btn:active, .ui-button.ui-confirmdialog-btn:focus {
  outline: 0;
}
.ui-button.ui-state-disabled, .ui-button.ui-confirmdialog-yes.ui-state-disabled, .ui-button.ui-confirmdialog-no.ui-state-disabled, .ui-button.ui-confirmdialog-btn.ui-state-disabled {
  background: #006dc3;
}
.ui-button.ui-state-disabled:hover, .ui-button.ui-state-disabled.ui-state-hover, .ui-button.ui-confirmdialog-yes.ui-state-disabled:hover, .ui-button.ui-confirmdialog-yes.ui-state-disabled.ui-state-hover, .ui-button.ui-confirmdialog-no.ui-state-disabled:hover, .ui-button.ui-confirmdialog-no.ui-state-disabled.ui-state-hover, .ui-button.ui-confirmdialog-btn.ui-state-disabled:hover, .ui-button.ui-confirmdialog-btn.ui-state-disabled.ui-state-hover {
  background-color: #006dc3;
}
.ui-button:hover, .ui-button.ui-state-hover, .ui-button.ui-confirmdialog-yes:hover, .ui-button.ui-confirmdialog-yes.ui-state-hover, .ui-button.ui-confirmdialog-no:hover, .ui-button.ui-confirmdialog-no.ui-state-hover, .ui-button.ui-confirmdialog-btn:hover, .ui-button.ui-confirmdialog-btn.ui-state-hover {
  background-color: #c1c1c1;
}
.ui-button .ui-icon-plusthick, .ui-button.ui-confirmdialog-yes .ui-icon-plusthick, .ui-button.ui-confirmdialog-no .ui-icon-plusthick, .ui-button.ui-confirmdialog-btn .ui-icon-plusthick {
  background: transparent;
  background-image: none;
  text-indent: 0;
  width: auto;
  height: auto;
  margin-top: 6px;
  margin-left: 6px;
  float: left;
}
.ui-button .ui-icon-plusthick:before, .ui-button.ui-confirmdialog-yes .ui-icon-plusthick:before, .ui-button.ui-confirmdialog-no .ui-icon-plusthick:before, .ui-button.ui-confirmdialog-btn .ui-icon-plusthick:before {
  content: "\f067";
  display: inline-block;
  position: static;
  margin-top: 0;
  top: auto;
  left: auto;
  font-family: "FontAwesome";
  font-size: 16px;
}
.ui-button .ui-button-text, .ui-button.ui-confirmdialog-yes .ui-button-text, .ui-button.ui-confirmdialog-no .ui-button-text, .ui-button.ui-confirmdialog-btn .ui-button-text {
  padding: 0;
  margin: 0;
  padding: 8px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: 600;
}
.ui-button.icon .ui-button-text, .ui-button.ui-confirmdialog-yes.icon .ui-button-text, .ui-button.ui-confirmdialog-no.icon .ui-button-text, .ui-button.ui-confirmdialog-btn.icon .ui-button-text {
  padding-left: 26px;
}

#stickybuttons {
  height: 65px;
}
#stickybuttons .ui-button {
  margin-left: 5px;
}

.ui-fileupload-simple .ui-button, .ui-fileupload-buttonbar .ui-button {
  /*height: 23px;
  box-sizing: border-box;*/
}
.ui-fileupload-simple .ui-button span.ui-button-icon-left.ui-icon-plusthick, .ui-fileupload-buttonbar .ui-button span.ui-button-icon-left.ui-icon-plusthick {
  float: left;
  margin-top: 6px;
  margin-left: 6px;
  width: auto;
  height: auto;
  position: static;
}
.ui-fileupload-simple .ui-button .ui-button-text, .ui-fileupload-buttonbar .ui-button .ui-button-text {
  float: left;
}

.ui-fileupload-buttonbar {
  background: none;
  border: none;
}
.ui-fileupload-buttonbar .ui-button.ui-state-default {
  background: #d5a300 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
}

.ui-fileupload-content {
  display: none;
}

.filter {
  clear: both;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 20px;
  padding-left: 20px;
}
.filter.with-small-height {
  min-height: 35px;
}
.filter .left {
  float: left;
  padding-top: 6px;
  padding-bottom: 4px;
  width: 85%;
}
.filter .left.event-manager {
  width: calc(100% - 960px);
}
.filter .left.store-management {
  width: calc(100% - 150px);
}
.filter .left .dropdown-min-width-100 {
  min-width: 100px;
  max-width: 105px;
}
.filter .left .dropdown-min-width-110 {
  min-width: 110px;
  max-width: 115px;
}
.filter .left .dropdown-min-width-120 {
  min-width: 120px;
  max-width: 125px;
}
.filter .left .dropdown-min-width-130 {
  min-width: 130px;
  max-width: 135px;
}
.filter .left .dropdown-min-width-140 {
  min-width: 140px;
  max-width: 145px;
}
.filter .left .dropdown-min-width-150 {
  min-width: 150px;
  max-width: 155px;
}
.filter .left.object-list-filter {
  width: calc(100% - 360px);
}
@media screen and (max-width: 1200px) {
  .filter .left.object-list-filter {
    width: 100%;
  }
}
.filter .left .html-select-filter {
  margin-top: 6px;
}
.filter .left .html-select-filter select {
  width: 150px;
  height: 25px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  padding: 3px 20px;
  background-color: white;
  padding-left: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.filter .left .html-select-filter select option {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: black;
}
.filter .left .html-select-filter select.arrow {
  background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 15px) calc(1em - 2px), calc(100% - 10px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.filter .left .html-select-filter select.ui-state-error {
  border: 1px solid #c40707;
  color: black;
}
.filter .left .html-select-filter select::-ms-expand {
  display: none;
}
.filter .left .html-select-filter .ui-selectcheckboxmenu {
  width: 150px;
  height: 25px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  background-color: white;
  padding-left: 16px;
  border-radius: 0;
  margin-right: 5px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 15px) calc(1em - 2px), calc(100% - 10px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.filter .left .html-select-filter .ui-selectcheckboxmenu.ui-state-focus {
  border: 2px solid black;
  border-radius: 4px;
}
.filter .left .html-select-filter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-hover {
  background: unset !important;
}
.filter .left .html-select-filter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  border: unset !important;
  background: unset !important;
}
.filter .left .html-select-filter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
  display: none;
}
.filter .left .html-select-filter select {
  margin-right: 5px;
}
.filter .left .html-select-filter .search-field {
  width: 350px;
  border-color: #C1C1C1 !important;
  box-sizing: border-box;
  border: 1px solid #7a051e;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  background-image: none;
  padding-left: 17px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  color: #56606a;
  padding-top: 3px;
  padding-bottom: 3px;
}
.filter .left .html-select-filter .search-field.ui-state-error {
  border: 1px solid #f00;
}
.filter .left .html-select-filter .reset-button {
  margin-left: 5px;
}
.filter .left .bierkrug {
  background: url("./../images/braudienst/bierkrug.svg") center 7px no-repeat transparent;
  background-size: 24px 24px;
  width: 24px;
  height: 32px;
  float: left;
  margin-right: 20px;
}
.filter .left .event-manager-title {
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  color: #006dc3;
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 6px;
}
.filter .right {
  float: right;
}
.filter .right .search-client-number {
  width: 200px;
  margin-top: 5px;
  border-color: #C1C1C1 !important;
}
.filter .right.test-category-diagram {
  width: 1260px;
  margin-top: -30px;
  margin-right: -285px;
}
.filter .right.report-without-category {
  width: 960px;
  margin-top: -30px;
  margin-right: -285px;
}
.filter .right .ui-inputfield.ui-inputtext {
  display: block;
  float: left;
  box-sizing: border-box;
  border: 1px solid #7a051e;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  background-image: none;
  padding-left: 17px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  color: #56606a;
}
.filter .right .ui-inputfield.ui-inputtext.ui-state-error {
  border: 1px solid #f00;
}
.filter .right .icon {
  width: 28px;
  height: 26px;
  background: url("../images/braudienst/objekte.png");
  background-size: cover;
  display: block;
  float: left;
}
.filter .right .chosenProject {
  display: inline-block;
}
.filter .right .chosenProject:after {
  content: '';
  display: block;
  clear: both;
}
@media (min-width: 1360px) {
  .filter .right .chosenProject {
    position: absolute;
    top: 63px;
    right: 20px;
  }
  .filter .right .chosenProject .icon {
    width: 36px;
    height: 35px;
  }
  .filter .right .chosenProject .projectImage {
    width: 88px;
    height: 60px;
  }
}
@media screen and (max-width: 1359px) and (min-width: 750px) {
  .filter .right .chosenProject {
    position: absolute;
    top: 63px;
    right: 20px;
  }
  .filter .right .chosenProject .icon {
    width: 36px;
    height: 35px;
  }
  .filter .right .chosenProject .projectImage {
    width: 88px;
    height: 60px;
  }
}
@media screen and (max-width: 751px) and (min-width: 270px) {
  .filter .right .chosenProject {
    position: absolute;
    top: 63px;
    right: 20px;
  }
  .filter .right .chosenProject .icon {
    width: 36px;
    height: 35px;
  }
  .filter .right .chosenProject .projectImage {
    width: 88px;
    height: 60px;
  }
}
.filter .right .description {
  width: 210px;
  margin-left: 12px;
  margin-right: 12px;
  overflow: hidden;
  display: block;
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1359px) {
  .filter .right .description {
    width: 170px;
    margin-right: 5px;
    font-size: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .filter .right .description {
    width: 140px;
    font-size: 9.5px;
  }
}
.filter .right .description .label {
  color: #006dc3;
  margin: 0;
  padding: 0;
  display: inline-block;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  letter-spacing: 0.02em;
  float: left;
  width: 100%;
}
@media screen and (max-width: 1359px) {
  .filter .right .description .label {
    font-size: 10px;
  }
}
.filter .right .description .projectName {
  color: #56606a;
  margin: 0px 40px 0px 0px;
  padding: 0;
  display: inline-block;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1359px) {
  .filter .right .description .projectName {
    font-size: 10px;
  }
}
.filter .right .projectImage {
  display: block;
  float: left;
  width: 54px;
  height: 36px;
}
@media screen and (max-width: 1100px) {
  .filter .right .projectImage {
    display: none;
  }
}
.filter .right.object-list-filter {
  width: 350px;
}
.filter:after {
  clear: both;
  content: '';
  display: none;
}
.filter .ui-selectonemenu {
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: 600;
  margin-right: 11px;
  max-width: 13%;
  background: #fff;
  border: 0;
  border-right: 1px solid #d2d2d2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
@media (min-width: 1200px) {
  .filter .ui-selectonemenu {
    max-width: 14%;
  }
}
.filter .ui-selectonemenu.last {
  margin-right: 14px;
}
.filter .ui-selectonemenu.ui-state-error {
  border: 1px solid #f00;
}
.filter .ui-selectonemenu .ui-selectonemenu-trigger {
  background: #fff;
  border: 0;
}
.filter .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
  margin-top: 11px;
}
.filter .ui-selectonemenu label.ui-selectonemenu-label {
  padding-right: 5px;
  max-width: 300px;
}
.filter .ui-selectonemenu:last-child {
  margin-right: 0;
}
.filter .ui-icon-triangle-1-s {
  background-image: url("../images/braudienst/dropDownArrow.svg");
  background-position: 0 0;
  height: 10px;
}
.filter .resetFilter, .filter .saveFilter, .filter .searchFilter {
  color: #555555;
  background-color: transparent;
}
.filter .resetFilter.project-list, .filter .saveFilter.project-list, .filter .searchFilter.project-list {
  margin-top: 5px;
}
.filter .resetFilter .ui-button-text, .filter .saveFilter .ui-button-text, .filter .searchFilter .ui-button-text {
  padding: 6px;
}
.filter .resetFilter .ui-button-text:before, .filter .saveFilter .ui-button-text:before, .filter .searchFilter .ui-button-text:before {
  content: "\f057";
  font-family: "FontAwesome";
  color: #555555;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
}
.filter .resetFilter:after, .filter .saveFilter:after, .filter .searchFilter:after {
  content: '';
  display: block;
  clear: both;
}
.filter .saveFilter .ui-button-text:before {
  content: "\f0c7";
}
.filter .searchFilter .ui-button-text:before {
  content: "\f002";
}
.filter .label {
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  font-weight: 600;
  margin-right: 20px;
  line-height: 2em;
}
.filter .label.ui-state-error {
  color: #626c75;
  background-image: none;
  background-color: transparent;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ui-selectonemenu .ui-selectonemenu-label {
    padding-top: 6px;
  }
  .ui-selectonemenu .ui-selectonemenu-trigger {
    padding-top: 3px;
    box-sizing: border-box;
    padding-left: 0px;
    right: 2px;
  }
}
.ui-selectonemenu-panel {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: 600;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  width: 100%;
  padding: 0;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter {
  box-sizing: border-box;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-image: none;
  background-color: transparent;
  border: 1px solid #b8bfc8;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search {
  background-image: none;
  text-indent: 0;
  top: 5px;
  right: 5px;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search:before {
  content: "\f002";
  display: inline-block;
  color: #000;
  font-family: "FontAwesome";
  position: absolute;
  font-weight: normal;
  font-size: 14px;
}
.ui-selectonemenu-panel .ui-selectonemenu-table td {
  border: 0;
}
.ui-selectonemenu-panel .ui-selectonemenu-items tr.ui-state-hover, .ui-selectonemenu-panel .ui-selectonemenu-items tr:hover {
  background-color: #c1c1c1;
  color: #fff;
}
.ui-selectonemenu-panel .ui-selectonemenu-items tr.ui-state-hover td, .ui-selectonemenu-panel .ui-selectonemenu-items tr:hover td {
  background-color: #c1c1c1;
}
.ui-selectonemenu-panel .ui-selectonemenu-items .ui-widget-content {
  border: 0;
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
  margin-top: 20px;
}

.ui-datatable table tbody .ui-button.deleteItem, .ui-button.deleteItem {
  background: none;
  margin-left: 10px;
}
.ui-datatable table tbody .ui-button.deleteItem .ui-button-text:before, .ui-button.deleteItem .ui-button-text:before {
  content: "\f057";
  font-family: "FontAwesome";
  color: black;
  display: block;
  float: left;
  font-size: 16px;
  margin-right: 0px;
  margin-left: 0px;
  font-weight: normal;
}
.ui-datatable table tbody .ui-button.deleteItem:after, .ui-button.deleteItem:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .ui-button.editItem .ui-button-text:before, .ui-button.editItem .ui-button-text:before {
  content: "\f040";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 15px;
  text-transform: capitalize;
}
.ui-datatable table tbody .ui-button.editItem:after, .ui-button.editItem:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .ui-button.pencil-editItem, .ui-button.pencil-editItem {
  background: none;
  margin-left: 10px;
}
.ui-datatable table tbody .ui-button.pencil-editItem .ui-button-text:before, .ui-button.pencil-editItem .ui-button-text:before {
  content: "\f040";
  font-family: "FontAwesome";
  color: black;
  display: block;
  float: left;
  font-size: 16px;
  margin-right: 0px;
  margin-left: 0px;
  font-weight: normal;
}
.ui-datatable table tbody .ui-button.pencil-editItem:after, .ui-button.pencil-editItem:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .ui-button.undoItem, .ui-button.undoItem {
  background: none;
  margin-left: 10px;
}
.ui-datatable table tbody .ui-button.undoItem .ui-button-text:before, .ui-button.undoItem .ui-button-text:before {
  content: "\f0e2";
  font-family: "FontAwesome";
  color: black;
  display: block;
  float: left;
  font-size: 16px;
  margin-right: 0px;
  margin-left: 0px;
  font-weight: normal;
}
.ui-datatable table tbody .ui-button.undoItem:after, .ui-button.undoItem:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .ui-button.saveItem, .ui-button.saveItem {
  background: none;
  margin-left: 10px;
}
.ui-datatable table tbody .ui-button.saveItem .ui-button-text:before, .ui-button.saveItem .ui-button-text:before {
  content: "\f0c7";
  font-family: "FontAwesome";
  color: black;
  display: block;
  float: left;
  font-size: 16px;
  margin-right: 0px;
  margin-left: 0px;
  font-weight: normal;
}
.ui-datatable table tbody .ui-button.saveItem:after, .ui-button.saveItem:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .ui-button.tooltipItem, .ui-button.tooltipItem {
  background-image: url("./../images/info_tooltip.png");
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: help;
}
.ui-datatable table tbody .ui-button.tooltipItem .ui-button-text:before, .ui-button.tooltipItem .ui-button-text:before {
  content: "";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 14px;
  margin-right: 7px;
  font-weight: normal;
  width: 14px;
  text-transform: capitalize;
}
.ui-datatable table tbody .ui-button.tooltipItem:after, .ui-button.tooltipItem:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .ui-button.tooltipItem .ui-button-text:before, .ui-button.tooltipItem .ui-button-text:before {
  color: #006dc3;
}

.ui-button.plus .ui-button-text:before {
  content: "\f055";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 18px;
  margin-right: 7px;
  font-weight: normal;
}
.ui-button.plus:after {
  content: '';
  display: block;
  clear: both;
}

.cancel .ui-button-text:before, .pdfdownload .ui-button-text:before, .escalationmail .ui-button-text:before, .save .ui-button-text:before, .meeting_presence .ui-button-text:before, .refresh .ui-button-text:before,
.print .ui-button-text:before, .new .ui-button-text:before, .plus .ui-button-text:before, .update .ui-button-text:before, .trash .ui-button-text:before, .editItem .ui-button-text:before, .trashItem .ui-button-text:before, .calendarItem .ui-button-text:before, .release .ui-button-text:before, .check .ui-button-text:before, .timeItem .ui-button-text:before, .testreject .ui-button-text:before, .excel .ui-button-text:before, .workflow .ui-button-text:before, .offline .ui-button-text:before, .online .ui-button-text:before, .protocol .ui-button-text:before, .copy-document .ui-button-text:before, .download .ui-button-text:before, .workInstructions-btn .ui-button-text:before {
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 18px;
  margin-right: 7px;
  font-weight: normal;
}
.cancel:after, .pdfdownload:after, .escalationmail:after, .save:after, .meeting_presence:after, .refresh:after,
.print:after, .new:after, .plus:after, .update:after, .trash:after, .editItem:after, .trashItem:after, .calendarItem:after, .release:after, .check:after, .timeItem:after, .testreject:after, .excel:after, .workflow:after, .offline:after, .online:after, .protocol:after, .copy-document:after, .download:after, .workInstructions-btn:after {
  content: '';
  display: block;
  clear: both;
}

.new .ui-button-text:before, .plus .ui-button-text:before {
  content: "\f055";
}

.workflow .ui-button-text:before {
  content: "\f201";
}

.excel .ui-button-text:before {
  content: "\f1c3";
}

.print .ui-button-text:before {
  content: "\f02f";
}

.refresh .ui-button-text:before {
  content: "\f01e";
}

.cancel .ui-button-text:before {
  content: "\f057";
}

.offline .ui-button-text:before {
  content: "\f072";
}

.online .ui-button-text:before {
  content: "\f1eb";
}

.protocol .ui-button-text:before {
  content: "\f0f6";
}

.copy-document .ui-button-text:before {
  content: "\f0c5";
}

.meeting_presence .ui-button-text:before {
  content: "\f0c0";
}

.pdfdownload .ui-button-text:before {
  content: "\f0f6";
}

.escalationmail .ui-button-text:before {
  content: "\f003";
}

.save .ui-button-text:before {
  content: "\f0c7";
}

.release .ui-button-text:before {
  content: "\f064";
}

.check .ui-button-text:before {
  content: "\f00c";
}

.testreject .ui-button-text:before {
  content: "\f0e2";
}

.trash .ui-button-text:before {
  content: "\f014";
}
.trash.delete-all-documents {
  margin: 0.3em;
  margin-right: 16px;
}

.download .ui-button-text:before {
  content: "\f019";
}

.workInstructions-btn .ui-button-text:before {
  content: "\f022";
}

.editItem .ui-button-text:before {
  content: "\f040";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 15px;
  text-transform: capitalize;
}
.editItem:after {
  content: '';
  display: block;
  clear: both;
}

.trashItem .ui-button-text:before {
  content: "\f014";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 15px;
  text-transform: capitalize;
}
.trashItem:after {
  content: '';
  display: block;
  clear: both;
}

.calendarItem .ui-button-text:before {
  content: "\f073";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 15px;
  text-transform: capitalize;
}
.calendarItem:after {
  content: '';
  display: block;
  clear: both;
}

.timeItem .ui-button-text:before {
  content: "\f017";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 15px;
  text-transform: capitalize;
}
.timeItem:after {
  content: '';
  display: block;
  clear: both;
}

.update .ui-button-text:before {
  content: "\f021";
}

.sidebar-nav-wrapper-collapsed .buttons.stuck {
  padding-right: 70px;
}

.sidebar-nav-wrapper .buttons.stuck {
  padding-right: 240px;
}

.buttons {
  padding-bottom: 16px;
  padding-top: 16px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  text-align: right;
    /*.print {
        .ui-button-text {
            &:before {
                content: "\f02f";
                font-family: $iconFont01;
                color: $upperMenuNormalColor;
                display: block;
                float: left;
                font-size:18px;
                margin-right: 7px;
                font-weight: normal;
            }
        }

        &:after {
            content: '';
            display: block;
            clear: both;
        }
    }

    .new, .plus {
        .ui-button-text {
            &:before {
                content: "\f055";
                font-family: $iconFont01;
                color: $upperMenuNormalColor;
                display: block;
                float: left;
                font-size:18px;
                margin-right: 7px;
                font-weight: normal;
            }
        }

        &:after {
            content: '';
            display: block;
            clear: both;
        }
    }*/
    /*.refresh {
        .ui-button-text {
            &:before {
                content: "\f01e";
                font-family: $iconFont01;
                color: $upperMenuNormalColor;
                display: block;
                float: left;
                font-size:18px;
                margin-right: 7px;
                font-weight: normal;
            }
        }

        &:after {
            content: '';
            display: block;
            clear: both;
        }
    }

    .cancel {
        .ui-button-text {
            &:before {
                content: "\f057";
                font-family: $iconFont01;
                color: $upperMenuNormalColor;
                display: block;
                float: left;
                font-size:18px;
                margin-right: 7px;
                font-weight: normal;
            }
        }

        &:after {
            content: '';
            display: block;
            clear: both;
        }
    }

    .save {
        .ui-button-text {
            &:before {
                content: "\f0c7";
                font-family: $iconFont01;
                color: $upperMenuNormalColor;
                display: block;
                float: left;
                font-size:18px;
                margin-right: 7px;
                font-weight: normal;
            }
        }

        &:after {
            content: '';
            display: block;
            clear: both;
        }
    }*/
}
.buttons.stuck.side-navigation {
  position: fixed;
  top: 45px;
  z-index: 2;
}
.buttons.stuck.upper-navigation {
  position: fixed;
  top: 0px;
  z-index: 2;
}

.headlineSB {
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.header .left .headlineSB {
  margin-top: 3px;
}

.ui-datatable .ui-datatable-tablewrapper {
  overflow-x: hidden;
}
.ui-datatable .ui-datatable-tablewrapper .ui-accordion-header {
  font-weight: bold;
  background-image: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 0;
  background-color: transparent;
}
.ui-datatable .ui-datatable-tablewrapper .ui-accordion-header .count {
  display: inline-block;
  margin-left: 5px;
  color: #4ab6ff;
}
.ui-datatable .ui-datatable-tablewrapper .ui-accordion-header .ui-icon {
  float: left;
  margin-right: 5px;
}
.ui-datatable .ui-datatable-tablewrapper .ui-accordion-header .ui-icon.ui-sortable-column-icon {
  float: none;
}
.ui-datatable #header-fixed {
  position: fixed;
  top: 65px;
  display: none;
  border-bottom: 3px solid #fff;
  background: #f4f4f4;
  /*background-color:white;*/
  /*left:$paddingLeftRight;
  right:$paddingLeftRight;*/
}
.ui-datatable.todoDataTable #header-fixed {
  top: 0px;
}
.ui-datatable.summaryListTable #header-fixed {
  top: 0px;
}
.ui-datatable.ratingCategoriesTable .first {
  width: 120px;
}
.ui-datatable.ratingCategoriesTable .third {
  width: 5%;
}
.ui-datatable.ratingCategoriesTable .fourth {
  width: 20%;
}
.ui-datatable.ratingCategoriesTable .fifth {
  width: 10%;
}
.ui-datatable.ratingEntriesTable .first {
  width: 115px;
}
.ui-datatable.ratingEntriesTable .third {
  width: 15%;
}
.ui-datatable.ratingEntriesTable .fourth {
  width: 15%;
}
.ui-datatable.ratingEntriesTable .fifth {
  width: 100px;
}
.ui-datatable.ratingSubcategoriesTable .first {
  width: 19px;
}
.ui-datatable.ratingSubcategoriesTable .third {
  width: 25%;
}
.ui-datatable.ratingSubcategoriesTable .fourth {
  width: 8%;
}
.ui-datatable.ratingSubcategoriesTable .fifth {
  width: 14%;
}
.ui-datatable.ratingSubcategoriesTable .sixth {
  width: 10%;
}

@-moz-document url-prefix() {
  .ui-datatable #header-fixed {
    margin-left: 1px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ui-datatable #header-fixed {
    top: 60px;
  }
}
/* ie top 60px; */
.ui-datepicker {
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
  background-color: #6e6e6e;
  color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  border: 0;
  background: #fff;
  background-image: none;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker .ui-datepicker-calendar .ui-state-default .ui-state-hover {
  background-color: #c1c1c1;
  color: #fff;
}
.ui-datepicker .ui-datepicker-calendar:hover, .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  background-color: #c1c1c1;
  color: #fff;
}
.ui-datepicker .ui-datepicker-header {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: 2px;
  background: #e3e3e3 0 0 url("./../images/calendarGradient.png") repeat-x;
}

.textalign-right {
  text-align: right;
}

.textalign-left {
  text-align: left;
}

.textalign-center {
  text-align: center;
}

.errorColor {
  color: #c40707 !important;
}

.ui-datatable.todoDataTable {
  margin-top: 20px;
}
.ui-datatable.todoDataTable th {
  height: 25px;
}
.ui-datatable.todoDataTable td {
  height: 25px;
}
.ui-datatable.todoDataTable tbody, .ui-datatable.todoDataTable td {
  border-bottom: 3px solid #fff;
}
.ui-datatable.todoDataTable .first.with-icon {
  width: 40px;
}
@media screen and (max-width: 1150px) {
  .ui-datatable.todoDataTable .first.with-icon {
    display: none;
  }
}
.ui-datatable.todoDataTable .second {
  width: 200px;
}
@media screen and (max-width: 1050px) {
  .ui-datatable.todoDataTable .second {
    width: 150px;
  }
}
.ui-datatable.todoDataTable .third {
  width: 200px;
}
.ui-datatable.todoDataTable .third.note {
  width: 250px;
}
@media screen and (max-width: 1150px) {
  .ui-datatable.todoDataTable .third {
    width: 150px;
  }
}
.ui-datatable.todoDataTable .fourth {
  width: auto;
}
@media screen and (max-width: 950px) {
  .ui-datatable.todoDataTable .fourth {
    display: none;
  }
}
.ui-datatable.todoDataTable .fifth {
  width: auto;
}
@media screen and (max-width: 1300px) {
  .ui-datatable.todoDataTable .fifth {
    display: none;
  }
}
.ui-datatable.negativeActNowTable.empty-table .ui-datatable-scrollable-body {
  overflow-x: hidden;
}
.ui-datatable.negativeActNowTable .first-chbox {
  width: 79px;
  text-align: center;
}
.ui-datatable.negativeActNowTable .first-icon {
  width: 79px;
  text-align: center;
}
.ui-datatable.negativeActNowTable .second {
  width: 170px;
}
.ui-datatable.negativeActNowTable .second a {
  color: #677380;
}
.ui-datatable.negativeActNowTable .third {
  width: 340px;
}
.ui-datatable.negativeActNowTable .fourth {
  width: auto;
}
.ui-datatable.negativeActNowTable .sixth {
  width: 6%;
}
.ui-datatable.positiveActNowTable.empty-table .ui-datatable-scrollable-body {
  overflow-x: hidden;
}
.ui-datatable.positiveActNowTable .first {
  width: 74px;
  text-align: center;
}
.ui-datatable.positiveActNowTable .second {
  width: 160px;
}
.ui-datatable.positiveActNowTable .third {
  width: 200px;
}
.ui-datatable.positiveActNowTable .fourth {
  width: auto;
}
.ui-datatable.summaryListTable {
  margin-top: 20px;
}
.ui-datatable.summaryListTable th {
  height: 25px;
}
.ui-datatable.summaryListTable td {
  height: 25px;
}
.ui-datatable.summaryListTable tbody, .ui-datatable.summaryListTable td {
  border-bottom: 3px solid #fff;
}
.ui-datatable.summaryListTable .first {
  width: 23px;
}
.ui-datatable.summaryListTable .first.with-icon {
  width: 40px;
}
.ui-datatable.summaryListTable .second {
  width: 185px;
}
@media screen and (max-width: 950px) {
  .ui-datatable.summaryListTable .second {
    width: 100px;
  }
}
.ui-datatable.summaryListTable .second .location-zip-code {
  display: block;
  width: 100%;
  margin-top: 2px;
}
@media screen and (min-width: 950px) {
  .ui-datatable.summaryListTable .second .location-zip-code {
    display: none;
  }
}
.ui-datatable.summaryListTable .third {
  width: 145px;
}
@media screen and (max-width: 950px) {
  .ui-datatable.summaryListTable .third {
    width: 80px;
  }
}
.ui-datatable.summaryListTable .fourth {
  width: 50px;
}
@media screen and (max-width: 950px) {
  .ui-datatable.summaryListTable .fourth {
    display: none;
  }
}
.ui-datatable.summaryListTable .fifth {
  width: 110px;
}
@media screen and (max-width: 950px) {
  .ui-datatable.summaryListTable .fifth {
    display: none;
  }
}
.ui-datatable.summaryListTable .seventh {
  width: 160px;
}
@media screen and (max-width: 1300px) {
  .ui-datatable.summaryListTable .seventh {
    display: none;
  }
}
.ui-datatable.summaryListTable .eight {
  width: 80px;
}
@media screen and (max-width: 940px) {
  .ui-datatable.summaryListTable .eight {
    display: none;
  }
}
@media screen and (max-width: 1500px) {
  .ui-datatable.summaryListTable .schankanlagen-client-name {
    display: none;
  }
}
.ui-datatable.summaryListTable .schankanlagen-actions {
  width: 80px;
  text-align: center;
}
.ui-datatable.projectCornerPoints .first, .ui-datatable #header-fixed.projectCornerPoints .first {
  width: 14px;
}
.ui-datatable.projectCornerPoints .third, .ui-datatable #header-fixed.projectCornerPoints .third {
  width: 160px;
}
.ui-datatable.projectCornerPoints .fourth, .ui-datatable #header-fixed.projectCornerPoints .fourth {
  width: 205px;
}
.ui-datatable.projectCornerPoints .fifth, .ui-datatable #header-fixed.projectCornerPoints .fifth {
  width: 65px;
}
.ui-datatable.checkliste .activities .ui-accordion-content, .ui-datatable #header-fixed.checkliste .activities .ui-accordion-content {
  clear: both;
}
.ui-datatable.checkliste .ui-accordion .ui-accordion-content, .ui-datatable #header-fixed.checkliste .ui-accordion .ui-accordion-content {
  padding: 0;
}
.ui-datatable.checkliste tr.headline td, .ui-datatable #header-fixed.checkliste tr.headline td {
  border-top: 0 !important;
  background-color: #fff;
  margin-top: 25px;
  margin-bottom: 17px;
}
.ui-datatable.checkliste tr.headline .wrapper, .ui-datatable #header-fixed.checkliste tr.headline .wrapper {
  padding-bottom: 11px;
  border-bottom: 1px dashed black;
}
.ui-datatable.checkliste tr.headline .wrapper:after, .ui-datatable #header-fixed.checkliste tr.headline .wrapper:after {
  clear: both;
  content: '';
  display: block;
}
.ui-datatable.checkliste tr.headline h2, .ui-datatable #header-fixed.checkliste tr.headline h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: black;
  float: left;
}
.ui-datatable.checkliste tr.headline h2 span, .ui-datatable #header-fixed.checkliste tr.headline h2 span {
  font-weight: 600;
  display: inline-block;
  margin-left: 10px;
}
.ui-datatable.checkliste tr.headline h2:before, .ui-datatable #header-fixed.checkliste tr.headline h2:before {
  content: '';
  width: 20px;
  height: 20px;
  background-color: #c1c1c1;
  display: block;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui-datatable.checkliste tr.headline h3, .ui-datatable #header-fixed.checkliste tr.headline h3 {
  float: right;
  font-size: 12px;
  font-weight: 600;
  color: black;
}
.ui-datatable.checkliste table, .ui-datatable #header-fixed.checkliste table {
  border-collapse: separate;
}
.ui-datatable.checkliste table tbody td, .ui-datatable #header-fixed.checkliste table tbody td {
  /*padding: 0;*/
                /*.border {
                        min-height: 113px;
                        padding-left:10px;
                        padding-top:10px;
                        padding-bottom:4px;
                        padding-right:10px;
                        display: block;

                        &.first {
                                border-bottom: 2px solid #fff;
                                border-right: 2px solid #fff;
                        }

                        &.second {
                                border-bottom: 2px solid #fff;
                                border-right: 2px solid #fff;
                                border-left: 1px solid #fff;
                        }

                        &.third {
                                border-bottom: 2px solid #fff;
                                border-right: 2px solid #fff;
                                border-left: 1px solid #fff;

                        }

                        &.fourth {
                                border-bottom: 2px solid #fff;
                                border-right:2px solid #fff;
                                border-left: 1px solid #fff;

                        }

                        &.fifth {
                                border-bottom: 2px solid #fff;
                                border-right: 2px solid #fff;
                                border-left: 1px solid #fff;

                        }

                        &.sixth {
                                border-bottom: 2px solid #fff;
                                border-right: 2px solid #fff;
                                border-left: 1px solid #fff;

                        }

                        &.seventh {
                                border-bottom: 2px solid #fff;
                                border-left: 1px solid #fff;

                        }
                }*/
}
.ui-datatable.checkliste .space td, .ui-datatable #header-fixed.checkliste .space td {
  border: 0 !important;
  background-color: #fff;
  height: 5px;
}
.ui-datatable.checkliste td.activities, .ui-datatable #header-fixed.checkliste td.activities {
  border: 0 !important;
}
.ui-datatable.checkliste td.activities table, .ui-datatable #header-fixed.checkliste td.activities table {
  border-collapse: collapse;
}
.ui-datatable.checkliste td.activities td, .ui-datatable #header-fixed.checkliste td.activities td {
  border: 0;
}
.ui-datatable.checkliste tr.firstBorder, .ui-datatable #header-fixed.checkliste tr.firstBorder {
  border-left: 2px solid #bababa !important;
  border-top: 1px solid #bababa !important;
  border-right: 1px solid #bababa !important;
  border-bottom: 0;
}
.ui-datatable.checkliste tr.lastBorder, .ui-datatable #header-fixed.checkliste tr.lastBorder {
  border-left: 2px solid #bababa !important;
  border-bottom: 1px solid #bababa !important;
  border-right: 1px solid #bababa !important;
  border-top: 0;
}
.ui-datatable.checkliste tr.lastBorder .activities .ui-accordion .ui-accordion-header, .ui-datatable #header-fixed.checkliste tr.lastBorder .activities .ui-accordion .ui-accordion-header {
  border-bottom: 1px solid #bababa;
  outline: 0;
}
.ui-datatable.checkliste tr.lastBorder .activities .ui-accordion .ui-accordion-header.ui-state-active, .ui-datatable #header-fixed.checkliste tr.lastBorder .activities .ui-accordion .ui-accordion-header.ui-state-active {
  border-bottom: 0;
}
.ui-datatable.checkliste tr.lastBorder .activities .ui-accordion .ui-accordion-content, .ui-datatable #header-fixed.checkliste tr.lastBorder .activities .ui-accordion .ui-accordion-content {
  /*border-bottom:1px solid #bababa;*/
}
.ui-datatable.checkliste tr.ui-state-error.errorFirst, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst {
  /*border-left:2px solid $statusColorRed !important;
  border-top:1px solid $statusColorRed !important;
  border-right:1px solid $statusColorRed !important;
  border-bottom:0;*/
  /*td {
          background-color:#eaa;
  }*/
}
.ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.first, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.first {
  border-left: 2px solid #c40707 !important;
}
.ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.first, .ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.second, .ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.third, .ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.fourth, .ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.fifth, .ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.sixth, .ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.seventh, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.first, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.second, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.third, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.fourth, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.fifth, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.sixth, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.seventh {
  border-top: 1px solid #c40707 !important;
}
.ui-datatable.checkliste tr.ui-state-error.errorFirst .checklistcell.seventh, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorFirst .checklistcell.seventh {
  border-right: 2px solid #c40707 !important;
}
.ui-datatable.checkliste tr.ui-state-error.errorLast, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorLast {
  /*td {
          background-color:#eaa;
  }*/
  /*border-top:0;
  border-left:2px solid $statusColorRed !important;
  border-bottom:1px solid $statusColorRed !important;
  border-right:1px solid $statusColorRed !important;
  */
}
.ui-datatable.checkliste tr.ui-state-error.errorLast .checklistcell.activities, .ui-datatable #header-fixed.checkliste tr.ui-state-error.errorLast .checklistcell.activities {
  border-left: 2px solid #c40707 !important;
  border-bottom: 1px solid #c40707 !important;
  border-right: 2px solid #c40707 !important;
}
.ui-datatable.checkliste .ui-widget-content, .ui-datatable #header-fixed.checkliste .ui-widget-content {
  border: 0;
}
.ui-datatable.checkliste tbody td, .ui-datatable #header-fixed.checkliste tbody td {
  vertical-align: top;
  padding-top: 10px;
}
.ui-datatable.checkliste tbody td.clickable, .ui-datatable #header-fixed.checkliste tbody td.clickable {
  cursor: pointer;
}
.ui-datatable.checkliste tbody td:last-child, .ui-datatable #header-fixed.checkliste tbody td:last-child {
  /*    vertical-align: middle;
  padding-top: 0;
  */
}
.ui-datatable.checkliste tr.ui-state-error, .ui-datatable #header-fixed.checkliste tr.ui-state-error {
  border: 1px solid #c40707;
}
.ui-datatable.checkliste .even.ui-state-hover, .ui-datatable #header-fixed.checkliste .even.ui-state-hover {
  background-color: #d8d8d8;
  color: white;
}
.ui-datatable.checkliste .even:first-child, .ui-datatable #header-fixed.checkliste .even:first-child {
  border-top: 3px solid #fff;
}
.ui-datatable.checkliste .even td, .ui-datatable.checkliste .even th, .ui-datatable #header-fixed.checkliste .even td, .ui-datatable #header-fixed.checkliste .even th {
  border: 0px solid #fff;
  background-color: #f4f4f4;
}
.ui-datatable.checkliste .even td table td, .ui-datatable.checkliste .even th table td, .ui-datatable #header-fixed.checkliste .even td table td, .ui-datatable #header-fixed.checkliste .even th table td {
  border: 0;
}
.ui-datatable.checkliste .odd.ui-state-hover, .ui-datatable #header-fixed.checkliste .odd.ui-state-hover {
  background-color: #d8d8d8;
  color: white;
}
.ui-datatable.checkliste .odd:first-child, .ui-datatable #header-fixed.checkliste .odd:first-child {
  border-top: 3px solid #fff;
}
.ui-datatable.checkliste .odd td, .ui-datatable.checkliste .odd th, .ui-datatable #header-fixed.checkliste .odd td, .ui-datatable #header-fixed.checkliste .odd th {
  border: 0px solid #fff;
  background-color: #e0e0e0;
}
.ui-datatable.checkliste .odd td table td, .ui-datatable.checkliste .odd th table td, .ui-datatable #header-fixed.checkliste .odd td table td, .ui-datatable #header-fixed.checkliste .odd th table td {
  border: 0;
}
.ui-datatable.checkliste .ui-button.autoWidth, .ui-datatable #header-fixed.checkliste .ui-button.autoWidth {
  width: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 13px;
  margin-right: 16px;
}
.ui-datatable.checkliste .activities .ui-inputfield.ui-inputtext, .ui-datatable #header-fixed.checkliste .activities .ui-inputfield.ui-inputtext {
  width: 100%;
}
.ui-datatable.checkliste .activities .ui-calendar.hasDatepicker, .ui-datatable #header-fixed.checkliste .activities .ui-calendar.hasDatepicker {
  width: 80%;
}
.ui-datatable.checkliste .activities .first, .ui-datatable #header-fixed.checkliste .activities .first {
  width: 43px;
}
.ui-datatable.checkliste .activities .second, .ui-datatable #header-fixed.checkliste .activities .second {
  width: auto;
}
.ui-datatable.checkliste .activities .third, .ui-datatable #header-fixed.checkliste .activities .third {
  width: 182px;
  display: table-cell;
}
.ui-datatable.checkliste .activities .fourth, .ui-datatable #header-fixed.checkliste .activities .fourth {
  width: 128px;
}
.ui-datatable.checkliste .activities .fifth, .ui-datatable #header-fixed.checkliste .activities .fifth {
  width: 65px;
}
.ui-datatable.checkliste .activities .fifth .ui-chkbox, .ui-datatable #header-fixed.checkliste .activities .fifth .ui-chkbox {
  margin-top: 4px;
}
.ui-datatable.checkliste .activities .fifth .ui-chkbox .ui-chkbox-box, .ui-datatable #header-fixed.checkliste .activities .fifth .ui-chkbox .ui-chkbox-box {
  background-color: #fff;
}
.ui-datatable.checkliste .activities .sixth, .ui-datatable #header-fixed.checkliste .activities .sixth {
  width: 30px;
}
.ui-datatable.checkliste .first, .ui-datatable #header-fixed.checkliste .first {
  width: 85px;
  border-left: 0;
}
.ui-datatable.checkliste .second, .ui-datatable #header-fixed.checkliste .second {
  width: 50%;
  /*width: 207px;*/
  border-right: 0;
}
@media (min-width: 1200px) {
  .ui-datatable.checkliste .second, .ui-datatable #header-fixed.checkliste .second {
    border-right: 1px solid #f2f2f2;
  }
}
.ui-datatable.checkliste .third, .ui-datatable #header-fixed.checkliste .third {
  /*width: 36%;
  display: table-cell;*/
  border: 1px solid #f2f2f2;
  width: 175px;
  display: table-cell;
}
@media (max-width: 1200px) {
  .ui-datatable.checkliste .third, .ui-datatable #header-fixed.checkliste .third {
    width: 0;
    display: none;
    border: 0;
  }
}
.ui-datatable.checkliste .fourth, .ui-datatable #header-fixed.checkliste .fourth {
  width: 137px;
}
.ui-datatable.checkliste .fifth, .ui-datatable #header-fixed.checkliste .fifth {
  width: 139px;
}
.ui-datatable.checkliste .sixth, .ui-datatable #header-fixed.checkliste .sixth {
  width: 50%;
}
.ui-datatable.checkliste .seventh, .ui-datatable #header-fixed.checkliste .seventh {
  width: 79px;
  border-right: 0;
}
.ui-datatable.checkliste .ui-calendar, .ui-datatable #header-fixed.checkliste .ui-calendar {
  width: 100%;
}
.ui-datatable.checkliste .ui-calendar .hasDatepicker, .ui-datatable #header-fixed.checkliste .ui-calendar .hasDatepicker {
  width: 73%;
  border-right: 0;
}
.ui-datatable.checkliste .ui-calendar .ui-datepicker-trigger, .ui-datatable #header-fixed.checkliste .ui-calendar .ui-datepicker-trigger {
  width: 20%;
}
.ui-datatable.checkliste .status .red, .ui-datatable.checkliste .status .red.active .indicator, .ui-datatable.checkliste .status .yellow, .ui-datatable.checkliste .status .yellow.active .indicator, .ui-datatable.checkliste .status .green, .ui-datatable.checkliste .status .green.active .indicator, .ui-datatable #header-fixed.checkliste .status .red, .ui-datatable #header-fixed.checkliste .status .red.active .indicator, .ui-datatable #header-fixed.checkliste .status .yellow, .ui-datatable #header-fixed.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste .status .green, .ui-datatable #header-fixed.checkliste .status .green.active .indicator {
  background-color: transparent;
}
.ui-datatable.checkliste .status .red .ui-chkbox, .ui-datatable.checkliste .status .yellow .ui-chkbox, .ui-datatable.checkliste .status .green .ui-chkbox, .ui-datatable #header-fixed.checkliste .status .red .ui-chkbox, .ui-datatable #header-fixed.checkliste .status .yellow .ui-chkbox, .ui-datatable #header-fixed.checkliste .status .green .ui-chkbox {
  position: absolute;
  left: 15px;
  top: 3px;
}
.ui-datatable.checkliste .status .red .ui-chkbox .ui-chkbox-box, .ui-datatable.checkliste .status .yellow .ui-chkbox .ui-chkbox-box, .ui-datatable.checkliste .status .green .ui-chkbox .ui-chkbox-box, .ui-datatable #header-fixed.checkliste .status .red .ui-chkbox .ui-chkbox-box, .ui-datatable #header-fixed.checkliste .status .yellow .ui-chkbox .ui-chkbox-box, .ui-datatable #header-fixed.checkliste .status .green .ui-chkbox .ui-chkbox-box {
  background-color: #fff;
}
.ui-datatable.checkliste .status .yellow, .ui-datatable.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste .status .yellow, .ui-datatable #header-fixed.checkliste .status .yellow.active .indicator {
  height: 35%;
}
.ui-datatable.checkliste .status .red .indicator, .ui-datatable.checkliste .status .yellow .indicator, .ui-datatable.checkliste .status .green .indicator, .ui-datatable.checkliste .status .noStatus .indicator, .ui-datatable #header-fixed.checkliste .status .red .indicator, .ui-datatable #header-fixed.checkliste .status .yellow .indicator, .ui-datatable #header-fixed.checkliste .status .green .indicator, .ui-datatable #header-fixed.checkliste .status .noStatus .indicator {
  height: 100%;
  display: inline-block;
  width: 11px;
  position: absolute;
  left: 0;
  right: 0;
}
.ui-datatable.checkliste .status .red.active .indicator, .ui-datatable #header-fixed.checkliste .status .red.active .indicator {
  top: 0;
}
.ui-datatable.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active .indicator {
  top: 0;
}
.ui-datatable.checkliste .status .green.active .indicator, .ui-datatable #header-fixed.checkliste .status .green.active .indicator {
  bottom: 0;
}
.ui-datatable.checkliste .status .noStatus.active .indicator, .ui-datatable #header-fixed.checkliste .status .noStatus.active .indicator {
  background-color: transparent;
}
.ui-datatable.managementsummary {
  /*.second {
          width: 160px;
          vertical-align: top;
  }*/
}
.ui-datatable.managementsummary .first {
  width: 48px;
  vertical-align: top;
}
.ui-datatable.managementsummary .third {
  width: 160px;
  vertical-align: top;
}
.ui-datatable.managementsummary .third strong {
  padding-left: 10px;
  padding-bottom: 10px;
  display: block;
}
.ui-datatable.managementsummary .third:after {
  content: '';
  clear: both;
  display: block;
}
.ui-datatable.managementsummary .third .statusWrapper {
  float: left;
}
.ui-datatable.managementsummary .third .cornerpoints {
  float: left;
  height: 90px;
  position: relative;
  width: 0px;
}
.ui-datatable.managementsummary .third .cornerpoints .top {
  position: absolute;
  top: 6px;
}
.ui-datatable.managementsummary .third .cornerpoints .bottom {
  position: absolute;
  bottom: 6px;
}
.ui-datatable.managementsummary .third .cornerpoints .middle {
  position: absolute;
  top: 40%;
}
.ui-datatable.managementsummary .third.noPadding {
  padding-bottom: 7px;
  /* Yes I know - confusing name - but another css class would make it also confusing! */
}
.ui-datatable.managementsummary .fourth {
  padding-right: 5px;
}
.ui-datatable.managementsummary .ui-inputtextarea {
  height: 112px !important;
  color: black !important;
  font-size: 13px !important;
}
.ui-datatable.managementsummary tbody td {
  padding-top: 7px;
}
.ui-datatable.managementsummary tbody td.clickable {
  cursor: pointer;
}
.ui-datatable table {
        /*.grid-col-0, .grid-col-1, .grid-col-2, .grid-col-3, .grid-col-4, .grid-col-5, .p2-grid-col-0, .p2-grid-col-1, .p2-grid-col-2, .p2-grid-col-3, .p2-grid-col-3, .p2-grid-col-4, .p2-grid-col-5 {
                box-sizing: border-box;
        }


        .p2-grid-col-0 {
                display: none;
        }

        .p2-grid-col-1 {
                width: 8.33333%;
        }

        .p2-grid-col-2 {
                width: 16.6666%;
        }

        .p2-grid-col-3 {
                width: 24.9999%;
        }

        .p2-grid-col-4 {
                width: 33.3333%;
        }

        .p2-grid-col-5 {
                width: 41.6666%;
        }


        @include breakpoint(1200px) {
                .grid-col-0 {
                        display: none;
                }

                .grid-col-1 {
                        width: 8.33333%;
                }

                .grid-col-2 {
                        width: 16.6666%;
                }

                .grid-col-3 {
                        width: 24.9999%;
                }

                .grid-col-4 {
                        width: 33.3333%;
                }

                .grid-col-5 {
                        width: 41.6666%;
                }
        }*/
}
.ui-datatable table .third {
  display: table-cell;
}
@media (min-width: 1200px) {
  .ui-datatable table .third {
    display: table-cell;
  }
}
.ui-datatable table .statusWrapper {
  width: 100%;
  max-height: 6.9em;
  line-height: 1.4em;
  overflow: hidden;
  left: 6px;
}
.ui-datatable table .statusWrapper.big {
  height: 90px;
  max-height: none;
  width: 50px;
  position: relative;
  /*FINDME*/
}
.ui-datatable table .statusWrapper.big .red, .ui-datatable.checkliste table .statusWrapper.big .status .red.active .indicator, .ui-datatable.checkliste .status .red.active table .statusWrapper.big .indicator, .ui-datatable table .statusWrapper.big #header-fixed.checkliste .status .red.active .indicator, .ui-datatable #header-fixed.checkliste .status .red.active table .statusWrapper.big .indicator, .ui-datatable table .statusWrapper.big .yellow, .ui-datatable.checkliste table .statusWrapper.big .status .yellow.active .indicator, .ui-datatable.checkliste .status .yellow.active table .statusWrapper.big .indicator, .ui-datatable table .statusWrapper.big #header-fixed.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active table .statusWrapper.big .indicator, .ui-datatable table .statusWrapper.big .green, .ui-datatable.checkliste table .statusWrapper.big .status .green.active .indicator, .ui-datatable.checkliste .status .green.active table .statusWrapper.big .indicator, .ui-datatable table .statusWrapper.big #header-fixed.checkliste .status .green.active .indicator, .ui-datatable #header-fixed.checkliste .status .green.active table .statusWrapper.big .indicator, .ui-datatable table .statusWrapper.big .noStatus {
  width: 30px;
  height: 28px;
  display: inline-block;
  position: absolute;
}
.ui-datatable table .statusWrapper.big .yellow, .ui-datatable.checkliste table .statusWrapper.big .status .yellow.active .indicator, .ui-datatable.checkliste .status .yellow.active table .statusWrapper.big .indicator, .ui-datatable table .statusWrapper.big #header-fixed.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active table .statusWrapper.big .indicator {
  top: 29px;
}
.ui-datatable table .first {
  width: 125px;
}
.ui-datatable table .second {
  width: 103px;
}
.ui-datatable table .third {
  width: 180px;
}
.ui-datatable table .fourth {
  /* none status is dynamic */
}
.ui-datatable table .object-status-image-column-schankanlagen {
  width: 125px;
}
@media screen and (max-width: 1450px) {
  .ui-datatable table .object-status-image-column-schankanlagen {
    width: 15px;
  }
}
.ui-datatable table .fifth {
  width: 103px;
  /* 103 when smaller */
}
@media (min-width: 1100px) {
  .ui-datatable table .fifth {
    width: 172px;
  }
}
.ui-datatable table .sixth {
  width: 114px;
}
.ui-datatable table .info-column {
  width: 100px;
  max-width: 114px;
}
.ui-datatable table .pipelines-column {
  width: 200px;
}
@media screen and (max-width: 1450px) {
  .ui-datatable table .pipelines-column {
    width: 150px;
  }
}
@media screen and (max-width: 1500px) {
  .ui-datatable table .pipelines-column.without-sort {
    display: none;
  }
}
@media screen and (min-width: 1500px) {
  .ui-datatable table .pipelines-column.with-sort {
    display: none;
  }
}
.ui-datatable table .schankanlagen-last-test {
  width: 135px;
  text-align: center;
}
@media screen and (max-width: 1500px) {
  .ui-datatable table .schankanlagen-last-test {
    display: none;
  }
}
@media screen and (max-width: 1450px) {
  .ui-datatable table .schankanlagen-category-view {
    display: none;
  }
}
.ui-datatable table .last-quick-test {
  width: 135px;
  text-align: center;
}
@media screen and (max-width: 1750px) {
  .ui-datatable table .last-quick-test {
    display: none;
  }
}
.ui-datatable table .quick-test-results {
  width: 260px;
}
@media screen and (max-width: 1500px) {
  .ui-datatable table .quick-test-results {
    width: 130px;
  }
}
.ui-datatable table .seventh {
  width: 110px;
}
@media (min-width: 1100px) {
  .ui-datatable table .seventh {
    width: 130px;
  }
}
.ui-datatable table thead {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
}
.ui-datatable table thead th {
  text-align: left;
}
.ui-datatable table thead .ui-state-default {
  border: 1px solid #f4f4f4;
  background: #f4f4f4;
  color: black;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.ui-datatable table tbody td {
  border: 3px solid #fff;
  border-bottom: 7px solid #fff;
  background-color: #f4f4f4;
  color: black;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  padding-left: 10px;
  max-height: 82px;
}
.ui-datatable table tbody td.noPadding {
  padding-left: 0;
  border-right: 0px;
}
.ui-datatable table tbody td.noBorderLeft {
  border-left: 0px;
}
.ui-datatable table tbody .ui-state-hover td {
  background-color: #d8d8d8;
  color: white;
}
.ui-datatable table tbody .ui-state-hover td .status .noStatus {
  /* background-color: $tableBodyBackgroundHighlightColor;*/
}
.ui-datatable table tbody .person {
  text-align: center;
}
.ui-datatable table tbody .person img {
  width: 38px;
  height: 38px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 11px;
}
.ui-datatable table tbody .projectname {
  display: block;
}
.ui-datatable table tbody .status {
  height: 82px;
  width: 14px;
  background-color: transparent;
  float: left;
  position: relative;
}
.ui-datatable table tbody .status .red, .ui-datatable.checkliste table tbody .status .red.active .indicator, .ui-datatable table tbody #header-fixed.checkliste .status .red.active .indicator, .ui-datatable #header-fixed.checkliste table tbody .status .red.active .indicator, .ui-datatable table tbody .status .yellow, .ui-datatable.checkliste table tbody .status .yellow.active .indicator, .ui-datatable table tbody #header-fixed.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste table tbody .status .yellow.active .indicator, .ui-datatable table tbody .status .green, .ui-datatable.checkliste table tbody .status .green.active .indicator, .ui-datatable table tbody #header-fixed.checkliste .status .green.active .indicator, .ui-datatable #header-fixed.checkliste table tbody .status .green.active .indicator, .ui-datatable table tbody .status .noStatus {
  height: 33.33%;
  display: inline-block;
  width: 11px;
  position: absolute;
  left: 0;
  right: 0;
}
.ui-datatable table tbody .status .red, .ui-datatable.checkliste table tbody .status .red.active .indicator, .ui-datatable table tbody #header-fixed.checkliste .status .red.active .indicator, .ui-datatable #header-fixed.checkliste table tbody .status .red.active .indicator {
  top: 0;
}
.ui-datatable table tbody .status .yellow, .ui-datatable.checkliste table tbody .status .yellow.active .indicator, .ui-datatable table tbody #header-fixed.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste table tbody .status .yellow.active .indicator {
  top: 29px;
}
.ui-datatable table tbody .status .green, .ui-datatable.checkliste table tbody .status .green.active .indicator, .ui-datatable table tbody #header-fixed.checkliste .status .green.active .indicator, .ui-datatable #header-fixed.checkliste table tbody .status .green.active .indicator {
  top: 58px;
}
.ui-datatable table tbody .status .noStatus {
  background-color: transparent;
}
.ui-datatable table tbody .projectImage {
  display: block;
  float: left;
  width: auto;
  height: auto;
  max-width: 124px;
  max-height: 82px;
  overflow: hidden;
}
@media screen and (max-width: 1450px) {
  .ui-datatable table tbody .projectImage.schankanlagen {
    display: none;
  }
}
.ui-datatable table tbody .ui-button {
  width: 100%;
  background: #006dc3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 0;
}
.ui-datatable table tbody .ui-button .ui-button-text {
  padding-top: 5px;
  padding-bottom: 4px;
  text-align: left;
  color: white;
}
.ui-datatable table tbody .ui-button:hover, .ui-datatable table tbody .ui-button.ui-state-hover {
  background: #c1c1c1;
  color: white;
}
.ui-datatable table tbody .ui-button:hover .ui-button-text, .ui-datatable table tbody .ui-button.ui-state-hover .ui-button-text {
  color: white;
}
.ui-datatable table tbody .ui-button:hover .ui-button-text:before, .ui-datatable table tbody .ui-button.ui-state-hover .ui-button-text:before {
  color: white;
}
.ui-datatable table tbody .edit .ui-button-text:before {
  content: "\f040";
  font-family: "FontAwesome";
  color: #d5a300;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 15px;
}
.ui-datatable table tbody .edit:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .edit.with-transparent-background {
  background: transparent;
}
.ui-datatable table tbody .checklist {
  margin-bottom: 3px;
}
.ui-datatable table tbody .checklist .ui-button-text:before {
  content: "\f05d";
  font-family: "FontAwesome";
  color: #d5a300;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 15px;
}
.ui-datatable table tbody .checklist:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .summary {
  margin-bottom: 3px;
}
.ui-datatable table tbody .summary .ui-button-text:before {
  content: "\f129";
  font-family: "FontAwesome";
  color: #d5a300;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 11px;
  margin-left: 4px;
}
.ui-datatable table tbody .summary:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable table tbody .addNew {
  margin-bottom: 3px;
}
.ui-datatable table tbody .addNew .ui-button-text:before {
  content: "\f055";
  font-family: "FontAwesome";
  color: #d5a300;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 7px;
  font-weight: normal;
  width: 11px;
  margin-left: 1px;
}
.ui-datatable table tbody .addNew:after {
  content: '';
  display: block;
  clear: both;
}
.ui-datatable.checkliste table {
  /*border-collapse: collapse;*/
  width: 99.99%;
}
.ui-datatable.masterdocumentsDataTable table .name-col {
  width: 50%;
}
.ui-datatable.masterdocumentsDataTable table .obligatory {
  width: 130px;
}
.ui-datatable.masterdocumentsDataTable table .productTypes {
  width: 170px;
}
.ui-datatable.masterdocumentsDataTable table .businessUnits {
  width: 170px;
}
.ui-datatable.masterdocumentsDataTable table .keypoints {
  width: 50%;
}
.ui-datatable.masterdocumentsDataTable table .edit {
  width: 150px;
}

.ui-datatable tbody td {
  padding: 0;
}

.choose-project-hint, .header .hint {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #006dc3;
  color: white;
  text-align: center;
  font-family: "Open Sans", sans-serif, black;
  font-size: 18px;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.choose-project-hint .first, .header .hint .first {
  margin-right: 27px;
  font-weight: normal;
}
.choose-project-hint .last, .header .hint .last {
  margin-left: 27px;
  font-weight: normal;
}

.red, .ui-datatable.checkliste .status .red.active .indicator, .ui-datatable #header-fixed.checkliste .status .red.active .indicator, .ui-datatable table tbody .status .red {
  top: 0;
  border: 1px solid #fff;
}
.red.active, .ui-datatable.checkliste .status .red.active .active.indicator, .ui-datatable #header-fixed.checkliste .status .red.active .active.indicator, .ui-datatable table tbody .status .active.red {
  background-color: #c40707;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEF0000', endColorstr='#FFC81211');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ef0000), color-stop(100%, #c81211));
  background-image: -webkit-linear-gradient(top, #ef0000 0%, #c81211 100%);
  background-image: -moz-linear-gradient(top, #ef0000 0%, #c81211 100%);
  background-image: -o-linear-gradient(top, #ef0000 0%, #c81211 100%);
  background-image: linear-gradient(top, #ef0000 0%, #c81211 100%);
}

.yellow, .ui-datatable.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active .indicator, .ui-datatable table tbody .status .yellow {
  top: 29px;
  border: 1px solid #fff;
}
.yellow.active, .ui-datatable.checkliste .status .yellow.active .active.indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active .active.indicator, .ui-datatable table tbody .status .active.yellow {
  background-color: #e1c42e;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7D501', endColorstr='#FFE4BB01');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7d501), color-stop(100%, #e4bb01));
  background-image: -webkit-linear-gradient(top, #f7d501 0%, #e4bb01 100%);
  background-image: -moz-linear-gradient(top, #f7d501 0%, #e4bb01 100%);
  background-image: -o-linear-gradient(top, #f7d501 0%, #e4bb01 100%);
  background-image: linear-gradient(top, #f7d501 0%, #e4bb01 100%);
}

.green, .ui-datatable.checkliste .status .green.active .indicator, .ui-datatable #header-fixed.checkliste .status .green.active .indicator, .ui-datatable table tbody .status .green {
  top: 58px;
  border: 1px solid #fff;
}
.green.active, .ui-datatable.checkliste .status .green.active .active.indicator, .ui-datatable #header-fixed.checkliste .status .green.active .active.indicator, .ui-datatable table tbody .status .active.green {
  background-color: #98ca2f;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8BD400', endColorstr='#FF59B401');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8bd400), color-stop(100%, #59b401));
  background-image: -webkit-linear-gradient(top, #8bd400 0%, #59b401 100%);
  background-image: -moz-linear-gradient(top, #8bd400 0%, #59b401 100%);
  background-image: -o-linear-gradient(top, #8bd400 0%, #59b401 100%);
  background-image: linear-gradient(top, #8bd400 0%, #59b401 100%);
}

.noStatus {
  background-color: transparent;
}

.advancedHint {
  background-color: #f2f2f2;
  border: 1px solid black;
  margin-bottom: 23px;
  /*.bigStatus {
  width: 30px;
  height: 28px;
  /*float: left;*/
  /*margin-left:-37px;
  margin-top:20px;*/
    /*position: absolute;
    left: 12px;


    &.red {
            @extend .red;
            top:17%;
            line-height:28px;
            color:#fff;
            text-align:center;
            font-family: $font01;
    }

    &.yellow {
            @extend .yellow;
            top:36%;
            line-height:28px;
            color:#fff;
            text-align:center;
            font-family: $font01;
    }

    &.green {
            @extend .green;
            bottom:26%;
            line-height:28px;
            color:#fff;
            text-align:center;
            font-family: $font01;
    }

    &.noStatus {
            @extend .noStatus;
    }
}*/
}
.advancedHint:after {
  content: '';
  display: block;
  clear: both;
}
.advancedHint .inner {
  width: 100%;
  padding-left: 70px;
  box-sizing: border-box;
  padding-right: 5px;
  position: relative;
}
.advancedHint .ui-inputtextarea {
  height: 145px !important;
}
.advancedHint .headlineSBU {
  border-bottom: 3px solid #fff;
}
.advancedHint:after {
  content: '';
  clear: both;
  display: block;
}
.advancedHint .ui-inputtextarea {
  color: black !important;
  font-size: 13px !important;
}
.advancedHint .statusWrapper {
  margin-top: 23px;
  width: 100%;
  max-height: 6.9em;
  line-height: 1.4em;
  overflow: hidden;
  margin-left: -58px;
  float: left;
}
.advancedHint .statusWrapper.big {
  height: 90px;
  max-height: none;
  width: 50px;
  position: relative;
  /*FINDME2*/
}
.advancedHint .statusWrapper.big .red, .advancedHint .statusWrapper.big .ui-datatable.checkliste .status .red.active .indicator, .ui-datatable.checkliste .status .red.active .advancedHint .statusWrapper.big .indicator, .advancedHint .statusWrapper.big .ui-datatable #header-fixed.checkliste .status .red.active .indicator, .ui-datatable #header-fixed.checkliste .status .red.active .advancedHint .statusWrapper.big .indicator, .advancedHint .statusWrapper.big .yellow, .advancedHint .statusWrapper.big .ui-datatable.checkliste .status .yellow.active .indicator, .ui-datatable.checkliste .status .yellow.active .advancedHint .statusWrapper.big .indicator, .advancedHint .statusWrapper.big .ui-datatable #header-fixed.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active .advancedHint .statusWrapper.big .indicator, .advancedHint .statusWrapper.big .green, .advancedHint .statusWrapper.big .ui-datatable.checkliste .status .green.active .indicator, .ui-datatable.checkliste .status .green.active .advancedHint .statusWrapper.big .indicator, .advancedHint .statusWrapper.big .ui-datatable #header-fixed.checkliste .status .green.active .indicator, .ui-datatable #header-fixed.checkliste .status .green.active .advancedHint .statusWrapper.big .indicator, .advancedHint .statusWrapper.big .noStatus {
  width: 30px;
  height: 28px;
  display: inline-block;
  position: absolute;
}
.advancedHint .statusWrapper.big .red.clickable, .advancedHint .statusWrapper.big .ui-datatable.checkliste .status .red.active .clickable.indicator, .ui-datatable.checkliste .status .red.active .advancedHint .statusWrapper.big .clickable.indicator, .advancedHint .statusWrapper.big .ui-datatable #header-fixed.checkliste .status .red.active .clickable.indicator, .ui-datatable #header-fixed.checkliste .status .red.active .advancedHint .statusWrapper.big .clickable.indicator, .advancedHint .statusWrapper.big .yellow.clickable, .advancedHint .statusWrapper.big .ui-datatable.checkliste .status .yellow.active .clickable.indicator, .ui-datatable.checkliste .status .yellow.active .advancedHint .statusWrapper.big .clickable.indicator, .advancedHint .statusWrapper.big .ui-datatable #header-fixed.checkliste .status .yellow.active .clickable.indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active .advancedHint .statusWrapper.big .clickable.indicator, .advancedHint .statusWrapper.big .green.clickable, .advancedHint .statusWrapper.big .ui-datatable.checkliste .status .green.active .clickable.indicator, .ui-datatable.checkliste .status .green.active .advancedHint .statusWrapper.big .clickable.indicator, .advancedHint .statusWrapper.big .ui-datatable #header-fixed.checkliste .status .green.active .clickable.indicator, .ui-datatable #header-fixed.checkliste .status .green.active .advancedHint .statusWrapper.big .clickable.indicator, .advancedHint .statusWrapper.big .noStatus.clickable {
  cursor: pointer;
}
.advancedHint .statusWrapper.big .yellow, .advancedHint .statusWrapper.big .ui-datatable.checkliste .status .yellow.active .indicator, .ui-datatable.checkliste .status .yellow.active .advancedHint .statusWrapper.big .indicator, .advancedHint .statusWrapper.big .ui-datatable #header-fixed.checkliste .status .yellow.active .indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active .advancedHint .statusWrapper.big .indicator {
  top: 29px;
}
.advancedHint .cornerpoints {
  margin-top: 23px;
  float: left;
  height: 90px;
  margin-left: -16px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  position: relative;
  width: 0px;
}
.advancedHint .cornerpoints .top {
  position: absolute;
  top: 6px;
}
.advancedHint .cornerpoints .bottom {
  position: absolute;
  bottom: 6px;
}
.advancedHint .cornerpoints .middle {
  position: absolute;
  top: 40%;
}

/* Specific stuff for page login */
.login .wrapper.login-background-schankanlagen {
  background-position: center !important;
  background-size: 100% 100% !important;
}
.login .wrapper .header {
  width: 300px;
  margin: 0 170px auto auto;
}
.login .wrapper .header .inner {
  padding-top: 20px;
  position: relative;
}
.login .wrapper .header .logo {
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}
.login .wrapper .header .logo .logoImage {
  height: 330px;
}
@media screen and (max-width: 768px) {
  .login .wrapper .header .logo .logoImage {
    margin-left: -240px;
    margin-bottom: 10px;
  }
}
.login .wrapper .header .logo .logo-text {
  font-size: 20px;
  font-family: "Open Sans",sans-serif;
  font-weight: bold;
  color: #414146;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .login .wrapper .header .logo .logo-text {
    margin-left: -225px;
    margin-top: 340px;
  }
}
.login .wrapper .header .loginlogo {
  text-align: center;
}
.login .wrapper .header .version {
  position: absolute;
  top: 339px;
  right: 27px;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #006dc3;
}
.login .wrapper .header .welcomeMsg {
  text-align: right;
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: "Raleway", sans-serif;
  color: #006dc3;
  font-weight: normal;
  padding-top: 0;
  margin: 0;
  margin-top: -30px;
  margin-right: 25px;
}
.login .wrapper .footer, .login .wrapper .sideNavBarFooter, .login .wrapper .tablet-sideNavBarFooter {
  background: none;
  min-width: 980px;
}
.login .wrapper .main {
  margin: 0 auto;
  width: 234px;
}
.login .wrapper .main .inner {
  position: absolute;
  width: 360px;
  top: 420px;
  right: 120px;
}
.login .wrapper .main .inner .deactivatedUserError {
  color: red;
  margin-top: 10px;
  display: block;
  font-size: 20px;
}
.login .wrapper .main .schankanlage-login {
  margin-top: -420px;
  margin-left: 0px;
  width: 350px;
  height: 400px;
  background-image: url("./../images/schankanlage/logo_transparent.png");
  background-color: transparent;
  background-size: 350px 400px;
}
@media screen and (max-width: 280px) {
  .login .wrapper .main .schankanlage-login {
    margin-left: -150%;
  }
}
@media screen and (max-width: 412px) {
  .login .wrapper .main .schankanlage-login {
    margin-left: -130%;
  }
}
@media screen and (max-width: 490px) {
  .login .wrapper .main .schankanlage-login {
    margin-left: -100%;
  }
}
@media screen and (max-width: 590px) {
  .login .wrapper .main .schankanlage-login {
    margin-left: -70%;
  }
}
@media screen and (max-width: 640px) {
  .login .wrapper .main .schankanlage-login {
    margin-left: -60%;
  }
}
@media screen and (max-width: 790px) {
  .login .wrapper .main .schankanlage-login {
    margin-left: -50%;
  }
}
@media screen and (max-width: 900px) {
  .login .wrapper .main .schankanlage-login {
    margin-left: -10%;
  }
}
.login .wrapper .main .schankanlage-login .loginPanel {
  margin-top: 56%;
  position: absolute;
  width: 350px;
  height: 150px;
}
.login .wrapper .main .schankanlage-login .loginPanel .ui-inputfield {
  width: 205px;
  height: 35px;
  line-height: 0px;
  margin-left: 20%;
  background-color: #aaaaaa;
  padding: inherit;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  text-align: center;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-left: 1px solid white;
}
.login .wrapper .main .schankanlage-login .loginPanel .ui-inputfield input[placeholder], .login .wrapper .main .schankanlage-login .loginPanel .ui-inputfield [placeholder], .login .wrapper .main .schankanlage-login .loginPanel .ui-inputfield *[placeholder] {
  color: black !important;
}
.login .wrapper .main .schankanlage-login .loginPanel .ui-inputfield.input-username {
  margin-top: 5px;
  margin-bottom: 1px;
}
.login .wrapper .main .schankanlage-login .loginPanel .ui-inputfield.input-password {
  margin-top: 4px;
}
.login .wrapper .main .schankanlage-login .loginPanel .ui-outputlabel {
  color: goldenrod;
  font-size: 14px;
  font-weight: bold;
  margin-left: 41%;
}
.login .wrapper .main .schankanlage-login .loginPanel .ui-button {
  width: 120px;
  text-transform: uppercase;
  height: 25px;
  background-color: rgba(91, 79, 40, 0.5);
  color: #f7d501;
  border: 1px solid #f7d501;
  margin-top: 15px;
  margin-left: 32.5%;
}
.login .wrapper .main .schankanlage-login .loginPanel .ui-button.without-padding .ui-button-text {
  padding: 0px;
  color: #f7d501;
  font-weight: bolder;
}
.login .wrapper .main .schankanlage-login .loginPanel .ui-commandlink {
  text-decoration: none;
  color: whitesmoke;
  position: absolute;
  margin-top: 23%;
  margin-left: 20%;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-grid;
}
@media screen and (max-width: 768px) {
  .login .wrapper .main .gastrotest-login {
    margin-left: -220px;
  }
}
.login .wrapper .main .gastrotest-login .input-username {
  top: -10px !important;
}
.login .wrapper .main .gastrotest-login .loginLabel {
  color: #d5a300;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  padding-left: 11px;
  letter-spacing: 0.03em;
  font-family: "Open Sans", sans-serif, black;
  padding-bottom: 9px;
}
.login .wrapper .main .gastrotest-login .ui-inputfield {
  margin-bottom: 10px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgba(176, 172, 163, 0.9);
  width: 357px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  text-align: center;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-left: 1px solid white;
  height: 51px;
}
.login .wrapper .main .gastrotest-login .ui-inputfield input[placeholder], .login .wrapper .main .gastrotest-login .ui-inputfield [placeholder], .login .wrapper .main .gastrotest-login .ui-inputfield *[placeholder] {
  color: black !important;
}
.login .wrapper .main .gastrotest-login .ui-inputfield.ui-state-error {
  border: 1px solid #e81e1e;
  color: #e81e1e;
}
.login .wrapper .main .gastrotest-login .button, .login .wrapper .main .gastrotest-login .ui-button {
  width: 357px;
  text-transform: uppercase;
  height: 45px;
}
.login .wrapper .main .restore-password-dialog .ui-dialog, .login .wrapper .main .restore-password-dialog .ui-dialog-content {
  overflow: hidden;
}
.login .wrapper .main .restore-password-dialog .ui-dialog-titlebar, .login .wrapper .main .restore-password-dialog .ui-widget-header {
  background: #006dc3;
  color: white;
  box-shadow: none;
}
.login .wrapper .main .restore-password-dialog .restore-password .help-panel {
  width: 300px;
  height: 280px;
}
.login .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-outputlabel {
  width: 100%;
  display: block;
}
.login .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-outputlabel.explanation-label {
  width: 300px;
  margin-left: 0px;
  margin-top: 4%;
  position: absolute;
  font-size: small;
  word-wrap: break-word;
  white-space: pre-line;
}
.login .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-outputlabel.email-label {
  width: 100%;
  margin-left: 0px;
  margin-top: 20%;
  position: absolute;
  font-size: small;
  font-weight: bold;
}
.login .wrapper .main .restore-password-dialog .restore-password .help-panel .button, .login .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-button {
  width: 305px;
  text-transform: uppercase;
  background: #006dc3;
  color: white;
  height: 48px;
}
.login .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-inputfield {
  margin-top: 29%;
  margin-bottom: 12px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 305px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  border: 1px solid #d5a300;
  box-sizing: border-box;
  height: 48px;
}
.login .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-inputfield.ui-state-error {
  border: 1px solid #e81e1e;
  color: #e81e1e;
}
.login .wrapper .main .restore-password-dialog .restore-password .help-panel .forget-password-text .ui-outputlabel {
  font-size: x-small;
  font-weight: normal;
  display: inline;
}
.login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel {
  width: 300px;
  height: 280px;
}
.login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-outputlabel {
  width: 100%;
  display: block;
}
.login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-outputlabel.identity-explanation {
  margin-top: 4%;
  width: 300px;
  margin-left: 0px;
  position: absolute;
  font-size: x-small;
  word-wrap: break-word;
  white-space: pre-line;
}
.login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-outputlabel.enter-code-label {
  margin-top: 26%;
  margin-left: 0px;
  position: absolute;
  font-size: small;
  font-weight: bold;
}
.login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-inputfield {
  margin-top: 38%;
  margin-bottom: 12px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 305px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  border: 1px solid #d5a300;
  box-sizing: border-box;
  height: 48px;
}
.login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-inputfield.ui-state-error {
  border: 1px solid #e81e1e;
  color: #e81e1e;
}
.login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .button, .login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-button {
  width: 305px;
  text-transform: uppercase;
  background: #006dc3;
  color: white;
  height: 48px;
}
.login .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-commandlink {
  margin-top: 15px !important;
  margin-left: 30%;
}
.login .wrapper .main .restore-password-dialog .restore-password .panel-create-password {
  width: 300px;
  height: 280px;
}
.login .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-outputlabel {
  width: 100%;
  display: block;
}
.login .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-outputlabel.create-password-explanation {
  margin-left: 0px;
  width: 300px;
  position: absolute;
  font-size: small;
  word-wrap: break-word;
  white-space: pre-line;
}
.login .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-outputlabel.password-label {
  margin-top: 16%;
  margin-left: 0px;
  position: absolute;
  font-size: small;
  font-weight: bold;
}
.login .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-outputlabel.repeat-password-label {
  margin-bottom: -10px;
  margin-left: 0px;
  font-size: small;
  font-weight: bold;
}
.login .wrapper .main .restore-password-dialog .restore-password .panel-create-password .button, .login .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-button {
  margin-top: 8px;
  width: 305px;
  text-transform: uppercase;
  background: #006dc3;
  color: white;
  height: 48px;
}
.login .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-inputfield {
  margin-bottom: 12px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 305px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  border: 1px solid #d5a300;
  box-sizing: border-box;
  height: 48px;
}
.login .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-inputfield.ui-state-error {
  border: 1px solid #e81e1e;
  color: #e81e1e;
}

.ui-growl {
  top: 165px;
  left: 50%;
  width: 320px;
  margin-left: -160px;
}
.ui-growl .ui-growl-item-container {
  border: 1px solid #000;
  background-color: #fff;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: 600;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
  float: left;
  padding-left: 15px;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message p {
  font-weight: 600;
}

.ui-growl.login {
  /* no positioning here - just the style */
  /*right:auto;
  top:533px;
  left:50%;
  margin-left:-150px;
  position: absolute;*/
}
.ui-growl.login .ui-growl-item-container {
  border: 1px solid #000;
  background-color: #fff;
}

.div[id="loginForm:growl_container"] {
  /* place code here to position the specific login form */
}

div[id="loginForm:messages"] {
  /* place code here to position the specific login form */
  position: absolute;
  top: 536px;
  left: 50%;
  margin-left: 112px;
}

.ui-messages {
  display: inline-block;
}
.ui-messages .ui-messages-error {
  background-color: transparent;
  border: 0;
}
.ui-messages .ui-messages-error:after {
  clear: both;
  display: block;
  content: '';
}
.ui-messages .ui-messages-error-icon {
  width: 19px;
  height: 19px;
  background-color: #e71616;
  color: #fff;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bolder;
  font-size: 14px;
  background-image: none;
  display: block;
  float: left;
  margin-top: 3px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  border-radius: 19px;
  position: relative;
}
.ui-messages .ui-messages-error-icon:before {
  content: "!";
  color: #fff;
  font-family: "Open Sans", sans-serif, black;
  font-weight: 800;
  font-size: 14px;
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 19px;
  text-align: center;
}
.ui-messages .ui-messages-error-detail {
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  color: #e71616;
  font-size: 14px;
}
.ui-messages ul {
  float: left;
  margin-left: 7px;
}

img {
  border: 0;
}

a img {
  border: 0;
}

p.dialogTitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  margin-bottom: -20px;
  margin-left: 20px;
  margin-top: -7px;
}

h1.meetingTableHeader {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 12px;
  display: block;
}

/*

ie10 hacks...

*/
@media screen and (min-width: 990px) and (-ms-high-contrast: active), (min-width: 990px) and (-ms-high-contrast: none) {
  .checkliste.ui-datatable .sixth {
    width: auto;
  }
  .checkliste.ui-datatable .second {
    width: auto;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .checkliste.ui-datatable .sixth {
    width: 38%;
  }
  .checkliste.ui-datatable .sixth .sixth {
    width: 50%;
  }
  .checkliste.ui-datatable .second {
    width: 38%;
  }
  .checkliste.ui-datatable .second .second {
    width: 50%;
  }
}
.map-phasezoomhint {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.map-phasebuttons-container {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  margin-bottom: 10px;
}

.map-mapimage {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}
.map-mapimage img {
  border-style: none;
}

.map-staffs {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}
.map-staffs .map-staff-element {
  display: inline-block;
  margin-left: 20px;
}
.map-staffs .map-staff-element img {
  border-style: none;
}

.mapphase-container {
  display: inline-block;
  padding: 0px;
  margin-left: 20px;
}

.mapphase-button {
  background-color: white;
  border: none;
  background-repeat: repeat-x;
  color: #ffffff;
  padding: 9px 8px 10px 8px;
  text-decoration: none;
  margin: 0px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
}

.mapphase-back, .mapphase-front {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  border: none;
  background-repeat: no-repeat;
  width: 12px;
  padding: 9px 6px 10px 5px;
  height: 33px;
  position: relative;
}

.mapphase-button.selected {
  background-image: url("./../mapphase.jpg?position=Mitte&type=selected&style=braudienst");
}

.mapphase-button.notselected {
  color: white;
  background-image: url("./../mapphase.jpg?position=Mitte&type=notselected&style=braudienst");
}

.mapphase-back.notselected {
  background-image: url("./../mapphase.jpg?position=Heck&type=notselected&style=braudienst");
}

.mapphase-back.selected {
  background-image: url("./../mapphase.jpg?position=Heck&type=selected&style=braudienst");
}

.mapphase-front.notselected {
  background-image: url("./../mapphase.jpg?position=Front&type=notselected&style=braudienst");
}

.mapphase-front.selected {
  background-image: url("./../mapphase.jpg?position=Front&type=selected&style=braudienst");
}

.ui-selectonemenu-list .ui-selectonemenu-list-item.ui-state-highlight {
  background: #fbf9ee url("../images/ui-bg_glass_55_fbf9ee_1x400_dark.png") repeat-x scroll 50% 50%;
}

div#meetingButton_dlg {
  max-height: 100%;
}

.cockpit-image {
  max-width: 100%;
}

.cockpit-image-wrapper {
  display: inline-block;
  max-width: 100%;
}

.footer-tooltip {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  width: 400px;
}

img.star-status {
  width: 11px;
  height: 11px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
img.star-status.green, .ui-datatable.checkliste .status .green.active img.star-status.indicator, .ui-datatable #header-fixed.checkliste .status .green.active img.star-status.indicator {
  background-color: #98ca2f;
}
img.star-status.yellow, .ui-datatable.checkliste .status .yellow.active img.star-status.indicator, .ui-datatable #header-fixed.checkliste .status .yellow.active img.star-status.indicator {
  background-color: #e1c42e;
}
img.star-status.red, .ui-datatable.checkliste .status .red.active img.star-status.indicator, .ui-datatable #header-fixed.checkliste .status .red.active img.star-status.indicator {
  background-color: #c40707;
}
img.star-status.gray {
  background-color: #a4a4a4;
}

div.projectlist-result-entry {
  display: inline-block;
  margin-left: 10px;
}
div.projectlist-result-entry:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1450px) {
  div.projectlist-result-entry.schankanlagen-fast-test-results {
    display: none;
  }
}

.ui-datatable.projectDataTable .fourth {
  display: none;
}
@media (min-width: 1400px) {
  .ui-datatable.projectDataTable .fourth {
    display: table-cell;
  }
}
.ui-datatable.projectDataTable .ui-datatable-scrollable-body {
  overflow-x: hidden;
  overflow-y: auto;
}

#responsibility-comment {
  color: #d5a300;
  resize: none;
  background-color: #f7f7f7;
}

#brewery-comment {
  color: #d5a300;
  resize: none;
  background-color: #f7f7f7;
}

.noselect-icon {
  display: inline;
  background: transparent;
}
.noselect-icon:before {
  font-family: "FontAwesome";
  font-size: 17px;
  content: "\f05e";
  color: #cf2c37;
}

#summaryProvider {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  height: 23px;
  display: inline-block;
  float: left;
  padding-inline-end: 10px;
}

#directortext {
  padding-left: 18px;
  min-height: 16px;
  position: relative;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  color: #d5a300;
  float: left;
}
#directortext:before {
  content: '';
  display: block;
  width: 9px;
  height: 16px;
  position: absolute;
  left: 7px;
  top: 0;
  background: url("./../images/achtung.png") no-repeat;
}

.ratingform-status {
  font-size: 12px;
  margin-top: 10px;
}

#employerTooltip {
  background-image: url("./../images/info_tooltip.png");
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: help;
}
#employerTooltip .ui-button-text:before {
  content: "";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 14px;
  margin-right: 7px;
  font-weight: normal;
  width: 14px;
  text-transform: capitalize;
}
#employerTooltip:after {
  content: '';
  display: block;
  clear: both;
}
#employerTooltip .ui-button-text:before {
  color: #006dc3;
}

.todolistIcon {
  margin: 5px 10px 5px 10px;
}

.top-custom {
  font-family: "FontAwesome";
  margin-left: 8px;
  color: #223a81;
  font-size: 26px;
}

.website-link {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  color: #56606a;
}

.main.release-dialog .box {
  margin-bottom: 0px;
}
.main.release-dialog .box .inner {
  padding-left: 0px;
  padding-right: 0px;
}
.main.release-dialog .box .inner .field {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
.main.release-dialog .box .inner .field.staraward {
  width: 40%;
  height: 30px;
  margin-top: 8px;
}
.main.release-dialog .box .inner .field.testinterval {
  width: 50%;
}
.main.release-dialog .box .inner .field.laststaraward {
  width: 50%;
}
.main.release-dialog .box .inner .field.lastscores .score {
  padding-right: 4px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #56606a;
}
.main.release-dialog .box .inner .field.for-chief-agent {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.main.release-dialog .box .inner .buttons {
  margin-top: 0px;
  display: inline-block;
  padding-right: 0px;
}

#headerTitle {
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 7px;
}

.footer-tooltip {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  width: 400px;
}

#analysisTooltip {
  background-image: url("./../images/info_tooltip.png");
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: help;
}
#analysisTooltip .ui-button-text:before {
  content: "";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 14px;
  margin-right: 7px;
  font-weight: normal;
  width: 14px;
  text-transform: capitalize;
}
#analysisTooltip:after {
  content: '';
  display: block;
  clear: both;
}
#analysisTooltip .ui-button-text:before {
  color: #006dc3;
}

#reportTypeId {
  float: left;
  max-width: none;
  width: 202.2px;
}

#reportCategoryId {
  max-width: none;
  width: 282.2px;
}

#reportPositionId {
  max-width: none;
  width: 242.2px;
}

.starTafelPanel .ui-outputpanel {
  min-width: 100%;
}
.starTafelPanel .stars {
  text-align: center;
}
.starTafelPanel .stars.onerow-stars {
  padding-top: 14%;
}
.starTafelPanel .stars.multiplerow-stars {
  padding-top: 5%;
}
.starTafelPanel .no-stars {
  padding-top: 17%;
  text-align: center;
}
.starTafelPanel .no-stars .no-stars-text {
  color: white;
  font-size: 40px;
  text-transform: uppercase;
}

#reportAddButton {
  float: left;
}

#analysisTooltip {
  float: left;
}

#finishedFlagId {
  border: 1px;
  margin-left: 35%;
  height: 26px !important;
  width: 26px !important;
  overflow: 0 !important;
}

.workInstructions {
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  height: 100%;
}
.workInstructions .workInstructions-header {
  display: table;
  width: 100%;
  border-bottom: solid 3px gray;
}
.workInstructions .workInstructions-header .workInstructions-logo {
  border: none;
  float: left;
  margin-left: 30px;
  display: table-cell;
  width: 207px;
  min-height: 120px;
  max-height: 120px;
}
.workInstructions .workInstructions-header .workInstructions-logo .logo {
  width: 207px;
  height: 120px;
}
.workInstructions .workInstructions-header .workInstructions-logo.noImage {
  background-color: transparent;
}
.workInstructions .workInstructions-header .workInstructions-category-header-text {
  float: right;
  padding-top: 102px;
  margin-right: 30px;
  margin-bottom: 15px;
  display: table-cell;
  text-transform: uppercase;
  font-weight: bold;
}
.workInstructions .workInstructions-header .workInstructions-category-header-text .check-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: bottom;
}
.workInstructions .workInstructions-comment {
  margin-top: 25px;
  min-height: 80px;
  font-weight: bold !important;
  font-size: 20px !important;
  color: black !important;
}
.workInstructions .workInstructions-block {
  background-color: black;
  color: white;
  width: 100%;
  display: inline-block;
  margin-top: 15px;
}
.workInstructions .workInstructions-block .title {
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 10px;
}
.workInstructions .hint {
  font-weight: normal;
  font-size: normal;
  margin-top: 10px;
  display: block;
}
.workInstructions .workInstructions-question {
  display: table-row;
}
.workInstructions .workInstructions-question .daumen {
  width: auto;
  background: transparent;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 12px;
  float: left;
}
.workInstructions .workInstructions-question .question-panel {
  margin-top: 10px;
}
.workInstructions .workInstructions-question .question-panel .question {
  font-size: 13px;
  font-weight: bold;
}
.workInstructions .workInstructions-question .question-panel .question.answer {
  font-weight: normal;
}
.workInstructions .workInstructions-actnows {
  width: 100%;
  display: flex;
  margin-top: 15px;
}
.workInstructions .workInstructions-actnows.first {
  margin-top: 30px;
}
.workInstructions .workInstructions-actnows.gray-background {
  background-color: #EDEDED;
}
.workInstructions .workInstructions-actnows .actnow-first-column {
  display: inline-block;
  width: 50px;
  float: left;
}
.workInstructions .workInstructions-actnows .actnow-first-column .arrow {
  width: 60px;
  height: 60px;
  margin-left: -8px;
  margin-top: -30px;
}
.workInstructions .workInstructions-actnows .actnow-first-column .arrow.arrow-hidden {
  display: none;
}
.workInstructions .workInstructions-actnows .actnow-first-column .pdf-checkbox {
  width: 30px;
  height: 30px;
  margin-top: 30px;
  margin-left: 10px;
}
.workInstructions .workInstructions-actnows .actnow-first-column .pdf-checkbox.without-margin-top {
  margin-top: 0px;
}
.workInstructions .workInstructions-actnows .actnow-first-column .pdf-checkbox .ui-chkbox-box {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid gray;
  background-color: transparent;
}
.workInstructions .workInstructions-actnows .actnow-first-column .pdf-checkbox .ui-chkbox-box .ui-icon-check::before {
  font-size: 22px;
}
.workInstructions .workInstructions-actnows .actnow-first-column .pdf-checkbox .ui-chkbox-box .ui-chkbox-icon {
  text-indent: 1px;
  margin-top: 2px;
}
.workInstructions .workInstructions-actnows .actnow-second-column {
  display: inline-block;
  float: left;
  width: 100%;
}
.workInstructions .workInstructions-actnows .actnow-second-column .ui-inputtextarea {
  width: 100%;
  border: 1px solid #caccce;
  margin-top: 2px;
  font-weight: bold;
  font-size: 20px;
  color: black;
}
.workInstructions .workInstructions-actnows .actnow-second-column .ui-inputtextarea.gray-background {
  background-color: #EDEDED;
}
.workInstructions .workInstructions-actnows .actnow-second-column .question-box {
  width: 100%;
}
.workInstructions .workInstructions-actnows .actnow-second-column .question-box .question {
  font-size: 13px;
}
.workInstructions .workInstructions-actnows .actnow-second-column .question-box .question.question-bold {
  font-weight: bold;
}
.workInstructions .workInstructions-actnows .actnow-second-column .question-box .question.with-left-margin {
  margin-left: 10px;
}
.workInstructions .workInstructions-actnows .actnow-second-column .link-block {
  border: 1px solid black;
  width: 100%;
  min-height: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.workInstructions .workInstructions-actnows .actnow-second-column .link-block.hide {
  display: none;
}
.workInstructions .workInstructions-actnows .actnow-second-column .link-block .leftblock {
  float: left;
}
.workInstructions .workInstructions-actnows .actnow-second-column .link-block .leftblock .arrow-right {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid green;
  float: left;
}
.workInstructions .workInstructions-actnows .actnow-second-column .link-block .leftblock .infotext {
  margin-left: 10px;
  font-size: 14px;
  color: green;
  font-weight: bold;
  vertical-align: sub;
  font-family: "Open Sans", sans-serif, black;
}
.workInstructions .workInstructions-actnows .actnow-second-column .link-block .link {
  vertical-align: sub;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  margin-left: 10px;
  color: black;
  font-weight: bold;
}
.workInstructions.workInstructions-footer {
  margin-top: 35px;
  margin-bottom: 30px;
}
.workInstructions.workInstructions-footer .date {
  float: left;
  width: 50%;
  font-weight: bold;
}
.workInstructions.workInstructions-footer .user {
  float: right;
  font-weight: bold;
}

.html-select-option select, .documentation-filter select, .todo-filter select, .visit-overview-users select {
  width: 125px;
  height: 25px;
  border: 1px solid #ccc;
  font-size: 12px !important;
  font-family: "Open Sans", sans-serif, black !important;
  padding: 3px 20px;
  background: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.html-select-option select option, .documentation-filter select option, .todo-filter select option, .visit-overview-users select option {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
}
.html-select-option select.arrow, .documentation-filter select.arrow, .todo-filter select.arrow, .visit-overview-users select.arrow {
  background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 15px) calc(1em - 2px), calc(100% - 10px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.html-select-option select::-ms-expand, .documentation-filter select::-ms-expand, .todo-filter select::-ms-expand, .visit-overview-users select::-ms-expand {
  display: none;
}

.pipeline-input-number {
  width: 120px;
  text-align: left;
  padding-left: 11px;
  margin-top: 2px;
}

.feedback-selectmenu .ui-selectonemenu {
  min-width: 200px;
  width: 350px !important;
  max-width: 350px !important;
}
.feedback-selectmenu .ui-selectonemenu-label {
  width: 330px;
}

.quicktest-date-label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 10px;
}

.documentation-filter {
  margin-bottom: 25px;
}
.documentation-filter select {
  width: 175px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.documentation-info-text {
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  width: 160px;
  display: inline-block;
  margin-left: 14px;
}
.documentation-info-text.with-info-icon {
  margin-left: 0px;
}
.documentation-info-text.info-header {
  font-weight: bold;
}

.documentation-info-counter {
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  font-weight: bold;
  width: 50px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  margin-bottom: 5px;
}

.documentation-info-button {
  color: #006dc3;
  width: 7px;
  margin-right: 3px;
}

.last-test-date-label {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 7px;
  display: block;
  font-weight: bold;
}
@media screen and (min-width: 1500px) {
  .last-test-date-label {
    display: none;
  }
}

.last-quicktest-label {
  padding-bottom: 5px;
  margin-left: 7px;
  font-weight: bold;
}
.last-quicktest-label.test-date {
  padding-top: 5px;
  padding-bottom: 0px;
}
@media screen and (min-width: 1750px) {
  .last-quicktest-label.test-date {
    display: none;
  }
}
.last-quicktest-label.block {
  display: block;
}
@media screen and (min-width: 1750px) {
  .last-quicktest-label.block {
    display: none;
  }
}

.field-with-info-icon {
  width: 200px;
  margin-left: -250px;
  float: left;
  height: 30px;
}
.field-with-info-icon .label-field {
  display: block;
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}
.field-with-info-icon .info {
  color: #006dc3;
  width: 7px;
  margin-right: 3px;
  margin-top: 4px;
  margin-left: 4px;
}

.dont-test-objects {
  width: 100px !important;
  margin-right: 5px;
}

.login-counter {
  color: #006dc3;
}

.zip-code-dialog .ui-dialog-titlebar, .zip-code-dialog .ui-widget-header {
  background: #006dc3;
  color: white;
  box-shadow: none;
}
.zip-code-dialog .testarea-box {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 50px;
}
.zip-code-dialog .testarea-box .button-box {
  width: 250px;
  float: right;
}
.zip-code-dialog .testarea-box .button-box .save-textareas, .zip-code-dialog .testarea-box .button-box .cancel-textareas {
  width: 80px;
  margin-right: 5px;
  height: 30px;
  float: right;
}
.zip-code-dialog .testarea-box .button-box .save-textareas, .zip-code-dialog .testarea-box .button-box .cancel-textareas, .zip-code-dialog .testarea-box .button-box .ui-state-default, .zip-code-dialog .testarea-box .button-box .ui-state-focus, .zip-code-dialog .testarea-box .button-box .ui-state-hover {
  background: #006dc3;
  color: white;
}
.zip-code-dialog .testarea-box .test-area-dropdown {
  background: transparent !important;
  width: 200px;
  height: 30px;
}
.zip-code-dialog .testarea-box .test-area-dropdown .ui-state-hover, .zip-code-dialog .testarea-box .test-area-dropdown .ui-state-focus, .zip-code-dialog .testarea-box .test-area-dropdown .ui-state-default {
  background: transparent !important;
}

.edit-testarea-button {
  color: #006dc3;
  margin-left: 5px;
  background: transparent !important;
}
.edit-testarea-button .ui-state-hover, .edit-testarea-button .ui-state-focus, .edit-testarea-button .ui-state-default {
  background: transparent !important;
}
.edit-testarea-button:before {
  font-family: "FontAwesome";
  content: "\f040";
  color: #006dc3;
}

.testarea-info-box {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.testarea-info-box .text-label {
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
}
.testarea-info-box .text-label.bold {
  font-weight: bold;
}

.test-offer-table {
  margin-top: 10px;
  margin-bottom: 10px;
}
.test-offer-table th, .test-offer-table td {
  min-height: 30px;
}
.test-offer-table .column-zip-code {
  width: 180px;
}
.test-offer-table .column-action {
  width: 180px;
  text-align: center;
}

.accept-test-dialog {
  width: 400px;
  height: 500px;
}
.accept-test-dialog .ui-dialog-titlebar, .accept-test-dialog .ui-widget-header {
  background: #006dc3;
  color: white;
  box-shadow: none;
}
.accept-test-dialog .ui-calendar, .accept-test-dialog .wrapper .main .ui-calendar, .wrapper .main .accept-test-dialog .ui-calendar, .accept-test-dialog .ui-datatable table .ui-calendar, .ui-datatable table .accept-test-dialog .ui-calendar {
  display: inline-table;
  height: 27px;
  float: left;
  margin-bottom: 1px;
}
.accept-test-dialog .ui-calendar .ui-datepicker-trigger {
  float: left;
  width: 10%;
  height: 27px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  border-left: 0;
  background-color: #fff;
}
.accept-test-dialog .ui-calendar .ui-state-default {
  background: transparent;
}
.accept-test-dialog .ui-calendar .ui-inputfield.hasDatepicker {
  width: 90%;
  border-right: 0;
}
.accept-test-dialog .ui-calendar .ui-inputfield.hasDatepicker.ui-state-error {
  border-right: 1px solid #c40707;
}
.accept-test-dialog .info-block {
  display: flex;
  width: 100%;
}
.accept-test-dialog .info-block.with-margin-top {
  margin-top: 10px;
}
.accept-test-dialog .info-block .text-label {
  float: left;
  width: 120px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  font-size: 14px;
}
.accept-test-dialog .info-block .text-label.normal {
  margin-left: 10px;
  width: 160px;
  font-weight: normal;
  font-size: 12px;
}
.accept-test-dialog .infos {
  display: flex;
  float: left;
  margin-top: 10px;
}
.accept-test-dialog .infos .info-text {
  font-family: "Open Sans", sans-serif, black;
  font-weight: normal;
  font-size: 12px;
}
.accept-test-dialog .button-box {
  display: flex;
  float: right;
  width: 300px;
  padding-top: 5px;
}
.accept-test-dialog .button-box .assign, .accept-test-dialog .button-box .hide {
  margin-right: 5px;
  height: 30px;
  float: right;
  width: 110px;
}
.accept-test-dialog .button-box .assign {
  color: white;
  width: 180px;
}
.accept-test-dialog .button-box .assign .ui-button-text:before {
  font-family: "FontAwesome";
  content: "\f086";
}
.accept-test-dialog .button-box .assign, .accept-test-dialog .button-box .hide, .accept-test-dialog .button-box .ui-state-default, .accept-test-dialog .button-box .ui-state-focus, .accept-test-dialog .button-box .ui-state-hover {
  background: #006dc3;
  color: white;
}

.not-allowed-object-number {
  width: 100px !important;
  margin-right: 5px;
}

.not-working-days-info {
  font-family: "Open Sans", sans-serif, black;
  font-size: 16px;
  color: #006dc3;
  margin-bottom: 5px;
  margin-top: 10px;
  display: block;
}

.attention-symbol {
  display: block;
  float: left;
  width: 50px;
  padding-top: 15px;
}

.attention-info-message {
  padding-top: 15px;
  display: block;
  width: 340px;
  float: right;
  font-weight: bold;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  color: #006dc3;
}

.deactivate-test-offer-mails {
  display: block;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  margin-top: 10px;
}
.deactivate-test-offer-mails .link {
  margin-right: 10px;
  color: #006dc3;
}
.deactivate-test-offer-mails .link.margin-left {
  margin-right: 0px;
  margin-left: 10px;
}

.testoffer-deactivated-by-tester {
  font-family: "Open Sans", sans-serif, black;
  color: #006dc3;
  font-size: 12px;
  margin-left: 10px;
}

.chief-agent-multiple-selection-filter, .todo-chief-agent-multiple-filter {
  margin-right: 5px;
  background: transparent !important;
  width: 220px;
  height: 25px;
}
.chief-agent-multiple-selection-filter .ui-selectcheckboxmenu-label-container, .todo-chief-agent-multiple-filter .ui-selectcheckboxmenu-label-container {
  font-size: 12px;
  font-weight: normal;
  font-family: "Open Sans", sans-serif, black;
  color: black;
}
.chief-agent-multiple-selection-filter .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label, .todo-chief-agent-multiple-filter .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label, .chief-agent-multiple-selection-filter .ui-selectcheckboxmenu-label-container .ui-corner-all, .todo-chief-agent-multiple-filter .ui-selectcheckboxmenu-label-container .ui-corner-all {
  border-radius: 0px;
  display: inline-block;
}
.chief-agent-multiple-selection-filter .ui-state-hover, .todo-chief-agent-multiple-filter .ui-state-hover, .chief-agent-multiple-selection-filter .ui-state-focus, .todo-chief-agent-multiple-filter .ui-state-focus, .chief-agent-multiple-selection-filter .ui-state-default, .todo-chief-agent-multiple-filter .ui-state-default {
  background: transparent !important;
}

.todo-chief-agent-multiple-filter {
  float: left;
}
.todo-chief-agent-multiple-filter .ui-selectcheckboxmenu-trigger .ui-icon, .todo-chief-agent-multiple-filter .ui-state-default .ui-icon, .todo-chief-agent-multiple-filter .ui-corner-right .ui-icon {
  margin-top: 10px;
}

.todo-filter {
  float: left;
  margin-right: 10px !important;
}
.todo-filter select {
  width: 250px;
}

.configurator {
  width: 100%;
  height: 100%;
  display: block;
}
.configurator .configurator-menu {
  width: 290px;
  height: 100%;
  border-right: solid 1px #6C6C6C;
  display: inline-block;
  float: left;
}
.configurator .configurator-menu .menu-item {
  line-height: 40px;
}
.configurator .configurator-menu .menu-item .menu-item-title {
  font-family: "Open Sans", sans-serif, black;
  font-size: 16px;
  font-weight: bold;
  color: #6C6C6C;
}
.configurator .configurator-menu .menu-item .menu-item-title.sequence-number {
  margin-left: 10px;
  margin-right: 15px;
  font-weight: normal;
}
.configurator .configurator-menu .menu-item .menu-item-title.selected {
  color: #006dc3;
}
.configurator .configurator-menu .menu-item .menu-item-border-box {
  width: 7px;
  height: 40px;
  float: left;
}
.configurator .configurator-menu .menu-item .menu-item-border-box.selected {
  background: #006dc3;
}
.configurator .configurator-menu .menu-item:hover {
  background-color: #006dc3;
}
.configurator .configurator-menu .menu-item:hover .menu-item-title {
  color: white !important;
}
.configurator .configurator-menu .subcategories {
  display: block;
  border-left: solid 7px transparent;
}
.configurator .configurator-menu .subcategories.hidden {
  display: none;
}
.configurator .configurator-menu .subcategories.selected {
  border-left: solid 7px #006dc3;
}
.configurator .configurator-menu .subcategories .subitem {
  display: inline-block;
  width: 100%;
  line-height: 25px;
}
.configurator .configurator-menu .subcategories .subitem .subitem-titel {
  margin-left: 43px;
  float: left;
  width: calc(100% - 50px);
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  font-size: 14px;
  color: #6C6C6C;
}
.configurator .configurator-menu .subcategories .subitem .subitem-titel.selected {
  color: #006dc3;
}
.configurator .configurator-menu .subcategories .subitem:hover {
  background-color: #006dc3;
}
.configurator .configurator-menu .subcategories .subitem:hover .subitem-titel {
  color: white;
}
.configurator .configuration-body {
  float: left;
  width: calc(100% - 400px);
}
.configurator .configuration-body .configurator-info-header {
  width: 100%;
  height: 100px;
  margin-top: 10px;
  margin-left: 20px;
}
.configurator .configuration-body .configurator-info-header .info-title {
  font-size: 22px;
  font-weight: bolder;
  font-family: "Open Sans", sans-serif, black;
  margin-bottom: 10px;
}
.configurator .configuration-body .configurator-info-header .configurator-price-info {
  border-right: solid 2px gray;
  min-width: 120px;
  display: inline-block;
}
.configurator .configuration-body .configurator-info-header .configurator-price-info .price {
  width: 100%;
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-size: 13px;
  color: #6C6C6C;
}
.configurator .configuration-body .configurator-info-header .configurator-price-info .price.bolder {
  font-weight: bolder;
}
.configurator .select-schankanlagen-type {
  width: 90%;
  margin-left: 5%;
  min-height: 650px;
  margin-top: 10px;
}
.configurator .select-schankanlagen-type .select-schankanlagen-block {
  margin-right: 20px;
  margin-bottom: 20px;
  height: 180px;
  display: block;
  float: left;
}
.configurator .select-schankanlagen-type .select-schankanlagen-block .image {
  height: 160px;
  margin-bottom: 5px;
  display: block;
}
.configurator .select-schankanlagen-type .select-schankanlagen-block .name {
  width: 100%;
  height: 15px;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  display: block;
}
.configurator .select-schankanlagen-type .select-schankanlagen-block:hover {
  cursor: pointer;
}
.configurator .select-schankanlagen-type .select-schankanlagen-block:hover .image {
  margin-bottom: 0px;
  border-bottom: solid 5px #006dc3;
}
.configurator .select-schankanlagen-type .select-schankanlagen-block:hover .name {
  color: #006dc3;
}
.configurator .select-schankanlagen-type .new-line {
  width: 100%;
  display: inline-block;
}
.configurator .configurator-info-entry-block {
  float: left;
  width: 100px;
  height: 100%;
  border-right: solid 1px #6C6C6C;
}
.configurator .configurator-info-entry-block.hidden {
  display: none;
}
.configurator .configurator-info-entry-block .entry-block {
  width: 100px;
  height: 122px;
  border-bottom: solid 7px transparent;
}
.configurator .configurator-info-entry-block .entry-block.first {
  margin-top: 20px;
}
.configurator .configurator-info-entry-block .entry-block .entry-name {
  width: 100%;
  height: 19px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
  color: #6C6C6C;
}
.configurator .configurator-info-entry-block .entry-block .entry-image {
  width: 100px;
  height: 100px;
}
.configurator .configurator-info-entry-block .entry-block:hover, .configurator .configurator-info-entry-block .entry-block.selected {
  border-bottom: solid 7px #006dc3;
}
.configurator .configurator-info-entry-block .entry-block:hover .entry-name, .configurator .configurator-info-entry-block .entry-block.selected .entry-name {
  color: #006dc3;
}

.visit-overview-users select {
  width: 200px;
  height: 35px;
  background-color: #006dc3;
  color: #fff;
  font-size: 14px !important;
}
.visit-overview-users select option {
  font-size: 13px !important;
}
.visit-overview-users select.arrow {
  background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
}

.education-document-list tr {
  height: 30px;
}
.education-document-list .type-column {
  width: 150px;
}
.education-document-list .order-column, .education-document-list .inactive {
  width: 90px;
  text-align: center;
}
.education-document-list .edit-column {
  width: 150px;
}

.education-document-preview {
  display: block;
  width: 100%;
}
.education-document-preview .header-title {
  margin-top: 40px;
  margin-bottom: 25px;
  width: 100%;
  height: 25px;
  display: block;
  font-family: "Open Sans", sans-serif, black;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 2px solid #000;
  vertical-align: top;
}
.education-document-preview .videos {
  width: 100%;
  display: block;
}
.education-document-preview .videos .video-preview {
  margin-right: 50px;
  margin-top: 40px;
  width: calc(33% - 50px);
  display: inline-block;
}
@media screen and (max-width: 1350px) {
  .education-document-preview .videos .video-preview {
    width: calc(49% - 55px);
  }
}
@media screen and (max-width: 1050px) {
  .education-document-preview .videos .video-preview {
    width: 100%;
  }
}
.education-document-preview .videos .video-preview .title {
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  font-size: 22px;
  width: 100%;
  margin-bottom: 15px;
}
.education-document-preview .videos .video-preview .img {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.education-document-preview .videos .video-preview .video {
  width: 100%;
}

.education-preview-image-validation {
  height: 15px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
}

.store-table {
  width: 100%;
}
.store-table th {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center !important;
  height: 25px;
}
.store-table td {
  height: 25px;
}
.store-table td .ui-inputtext {
  margin-top: 2px;
  margin-bottom: 2px !important;
}
.store-table .name {
  width: calc(100% - 800px);
}
.store-table .zipcode {
  width: 70px;
}
.store-table .place {
  width: 180px;
}
.store-table .action {
  width: 175px;
}
.store-table .inactive {
  width: 80px;
  text-align: center;
}

.category-table {
  width: 100%;
}
.category-table th {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center !important;
  height: 25px;
}
.category-table td {
  height: 25px;
}
.category-table .name {
  width: calc(100% - 550px);
}
.category-table .name .ui-inputtext {
  margin-top: 2px;
  margin-bottom: 2px !important;
}
.category-table .action {
  width: 175px;
}
.category-table .inactive {
  width: 200px;
  text-align: center;
}

.product-table {
  width: 100%;
}
.product-table th {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center !important;
  height: 25px;
}
.product-table td {
  height: 25px;
}
.product-table td .ui-inputtext {
  margin-top: 2px;
  margin-bottom: 2px !important;
}
.product-table .name {
  width: calc(100% - 600px);
}
.product-table .num {
  width: 150px;
  text-align: center;
}
.product-table .category {
  width: 200px;
}
.product-table .category .ui-selectonemenu {
  margin-bottom: 2px;
  margin-top: 2px;
  margin-left: 10px;
  margin-right: 10px;
  width: 180px;
}
.product-table .action {
  width: 125px;
}
.product-table .inactive {
  width: 100px;
  text-align: center;
}

.storemanagement {
  min-width: 780px;
}
.storemanagement.product-list {
  margin-top: 5px;
}
.storemanagement .name.editable .ui-inputfield.ui-inputtext, .storemanagement .number.editable .ui-inputfield.ui-inputtext {
  margin-bottom: 0px;
  padding-left: 5px;
}
.storemanagement .number {
  width: 50px;
  text-align: center;
}
.storemanagement .product {
  min-width: 200px;
}
.storemanagement .stock-inventory {
  width: 100px;
}
.storemanagement .stock-inventory-small {
  width: 90px;
}
.storemanagement .event-product-hint {
  color: #006dc3;
}
.storemanagement .stock-inventory, .storemanagement .stock-inventory-wide {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.storemanagement .stock-inventory span.inputnumber .ui-inputfield, .storemanagement .stock-inventory-wide span.inputnumber .ui-inputfield, .storemanagement .costs span.inputnumber .ui-inputfield {
  margin-left: 5px;
}
.storemanagement .costs span.inputnumber .ui-inputfield {
  margin-left: 10px;
}
.storemanagement .stock-inventory span.inputnumber .ui-inputfield, .storemanagement .stock-inventory-wide span.inputnumber .ui-inputfield, .storemanagement .costs span.inputnumber .ui-inputfield {
  margin-right: 5px;
  margin-bottom: 0px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.storemanagement .min-inventory {
  width: 120px;
  text-align: center;
}
@media screen and (max-width: 1180px) {
  .storemanagement .min-inventory {
    display: none;
  }
}
.storemanagement .costs {
  width: 115px;
  text-align: center;
}
.storemanagement .costs .value {
  text-decoration: underline;
  color: #000;
}
.storemanagement .costs .info-tooltip-short {
  background-image: url("../../images/info_tooltip.png") !important;
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: help;
  width: 15px;
  vertical-align: middle;
}
.storemanagement .costs .info-tooltip-short.ui-outputpanel {
  height: 15px;
  display: inline-block;
}
.storemanagement .costs .info-tooltip-short .ui-button-text:before {
  content: "";
  font-family: "FontAwesome";
  color: white;
  display: block;
  float: left;
  font-size: 14px;
  margin-right: 7px;
  font-weight: normal;
  width: 14px;
  text-transform: capitalize;
  border: none;
}
.storemanagement .costs .info-tooltip-short:after {
  content: '';
  display: block;
  clear: both;
}
.storemanagement .costs .info-tooltip-short .ui-button-text:before {
  color: #006dc3;
}
.storemanagement .number {
  height: 30px;
  width: 30px;
  background: url("./../images/leftSideNavigation/eventmanager/number.svg");
}
.storemanagement .action .plus-button {
  background: transparent;
  color: #ffffff;
  margin-left: 0px;
}
.storemanagement .action .plus-button .ui-button-text:before {
  content: "\f067";
  font-family: "FontAwesome";
  color: #006dc3;
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
.storemanagement .action .edit-button {
  margin-left: 0px !important;
}
.storemanagement .action .edit-button .ui-button-text:before {
  color: #006dc3 !important;
}
.storemanagement .action .delete-button {
  margin-left: 0px;
}
.storemanagement .action .delete-button .ui-button-text:before {
  content: "\f00d";
  font-family: "FontAwesome";
  color: #006dc3;
  font-weight: normal;
  margin-right: 5px;
  float: left;
}

.storeProductTableRowDanger {
  background: #ffcccc !important;
}

.storeProductTableRowHighlight {
  background: #f4f5f7 !important;
}

.storeProductTableRowNormal {
  background: transparent !important;
}

.event-edit-content .product-filter {
  margin-bottom: 20px;
  margin-top: 20px;
}
.event-edit-content .product-filter #beveragesSearchField {
  display: inline-block;
  height: 25px;
  width: 350px;
  border-color: #C1C1C1 !important;
  box-sizing: border-box;
  border: 1px solid #7a051e;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  background-image: none;
  padding-left: 17px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  color: #56606a;
  padding-top: 3px;
  padding-bottom: 3px;
  float: none;
}
.event-edit-content .product-filter #beveragesSearchField.ui-state-error {
  border: 1px solid #f00;
}

.event-edit-content .product-filter select, .event-product-dialog.numbers select {
  width: 150px;
  height: 25px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  padding: 3px 20px;
  background-color: white;
  padding-left: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.event-edit-content .product-filter select option, .event-product-dialog.numbers select option {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: black;
}
.event-edit-content .product-filter select.arrow, .event-product-dialog.numbers select.arrow {
  background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 15px) calc(1em - 2px), calc(100% - 10px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.event-edit-content .product-filter select.ui-state-error, .event-product-dialog.numbers select.ui-state-error {
  border: 1px solid #c40707;
  color: black;
}
.event-edit-content .product-filter select::-ms-expand, .event-product-dialog.numbers select::-ms-expand {
  display: none;
}
.event-edit-content .product-filter select, .event-product-dialog.numbers select {
  margin-right: 5px;
  width: 200px;
}

.event-edit-content .note-text-area.ui-state-disabled {
  border: 0px !important;
}

.event-edit-content {
  margin-left: 15px;
  margin-right: 10px;
}
.event-edit-content .header {
  width: 100%;
  display: block;
  background-color: #fff;
}
.event-edit-content .header .menu {
  margin-left: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
  width: calc(100% - 10px);
  display: inline-block;
  font-family: "Open Sans", sans-serif, black;
}
.event-edit-content .header .menu .select-button {
  float: left;
  width: calc(100% - 360px);
}
.event-edit-content .header .menu .select-button .ui-button {
  margin-right: 5px;
  width: 150px;
  border: 1px solid #006dc3;
  background-color: transparent;
  color: #006dc3;
}
.event-edit-content .header .menu .select-button .ui-button.ui-state-active {
  background-color: #006dc3;
  color: #fff;
}
.event-edit-content .header .menu .select-button .ui-button.ui-state-hover {
  background-color: #006dc3;
  color: #fff;
}
.event-edit-content .header .menu .select-button .ui-button.ui-state-active.ui-state-hover {
  background-color: #006dc3;
  color: #fff;
}
.event-edit-content .header .menu .status {
  width: 350px;
  float: left;
  padding-top: 1px;
  display: flex;
  justify-content: flex-end;
}
.event-edit-content .header .menu .status .status-title {
  line-height: 35px;
  height: 35px;
  width: 80px;
  float: left;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bolder;
  color: #006dc3;
  font-weight: 600;
}
.event-edit-content .header .menu .status .status-panel-grid {
  width: 220px !important;
  border-spacing: 0px;
  padding: 0px;
}
.event-edit-content .header .menu .status .status-panel-grid .tbody.tr.td {
  padding: 0px;
}
.event-edit-content .header .menu .status .todo-button {
  width: 220px;
  margin-top: 5px;
  height: auto !important;
}
.event-edit-content .header .menu .status .todo-button .ui-button-text {
  padding: 8px;
}
.event-edit-content .header .menu .status .todo-button .ui-button-text:before {
  content: "\f061";
  font-family: "FontAwesome";
  display: block;
  float: left;
  font-size: 14px;
  margin-right: 7px;
  margin-top: 1px;
  font-weight: normal;
  width: 14px;
  text-transform: capitalize;
  border: none;
}
.event-edit-content .header .menu .status .status-selection {
  width: 220px;
  float: left;
  border-radius: 3px;
}
.event-edit-content .header .menu .status .status-selection.ui-selectonemenu {
  padding-left: 0px;
  background: none;
  background-color: #006dc3;
  color: white;
  border: none;
  width: 220px !important;
  height: 35px;
  margin-bottom: 0px;
}
.event-edit-content .header .menu .status .status-selection.ui-selectonemenu .ui-selectonemenu-trigger {
  border: none;
  background: none;
  background-color: #006dc3;
}
.event-edit-content .header .menu .status .status-selection.ui-selectonemenu .ui-selectonemenu-label {
  padding: 0px !important;
  line-height: 33px;
  font-family: "Open Sans", sans-serif, black;
  margin-left: 10px;
  font-weight: bolder;
}
.event-edit-content .header .menu .status .status-selection.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 7px;
}
.event-edit-content .header .menu .status .status-selection.ui-state-disabled {
  opacity: unset !important;
}
.event-edit-content .header .menu .status .status-selection.ui-state-disabled .ui-icon {
  display: none !important;
}
.event-edit-content .header .menu .status .history-button {
  width: 33px;
  height: 33px;
  vertical-align: top;
  margin-left: 5px;
}
.event-edit-content .header .menu .status .history-button .ui-button-text:before {
  content: "\f1da";
  font-family: "FontAwesome";
  font-size: 14px;
  font-weight: normal;
}
.event-edit-content .header .menu .status .history-button.ui-state-default {
  border: 1px solid #006dc3 !important;
  background-color: transparent !important;
  color: #006dc3 !important;
}
.event-edit-content .header .menu .status .history-button.ui-state-active {
  background-color: #006dc3 !important;
  color: #fff !important;
}
.event-edit-content .header .menu .status .history-button.ui-state-hover {
  background-color: #006dc3;
  color: #fff;
}
.event-edit-content .header .menu .status .history-button.ui-state-active.ui-state-hover {
  background-color: #006dc3;
  color: #fff;
}
.event-edit-content .left {
  width: calc(50% - 30px);
  margin-right: 30px;
  float: left;
}
@media screen and (max-width: 1050px) {
  .event-edit-content .left {
    width: calc(100% - 30px);
  }
}
.event-edit-content .left .headline {
  font-weight: 700;
  font-size: 14px;
  display: block;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif, black;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #919191;
}
.event-edit-content .left .field {
  width: 100%;
  height: 40px;
  display: block;
}
.event-edit-content .left .field .field-link {
  line-height: 27px;
  width: 300px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  float: left;
  display: inline-block;
  color: #696969;
}
.event-edit-content .left .field .checkbox {
  width: calc(100% - 305px);
  display: inline-block;
  margin-top: 5px;
}
.event-edit-content .left .field .field-info-label {
  line-height: 27px;
  width: 250px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  float: left;
  display: inline-block;
  color: #696969;
}
.event-edit-content .left .field .field-info-label.summary {
  font-weight: bold;
  color: #006dc3;
}
.event-edit-content .left .field .field-data {
  width: calc(100% - 255px);
  display: inline-block;
}
.event-edit-content .left .field .field-data.summary {
  font-weight: bold;
  color: #006dc3;
}
.event-edit-content .left .field .field-data.overview {
  text-align: right;
}
.event-edit-content .left .field span.auto-complete {
  width: calc(100% - 255px);
  display: inline-block;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
}
.event-edit-content .left .field span.auto-complete .ui-inputfield {
  padding-left: 18px;
  width: calc(100% - 25px);
  background: #fff;
  border-radius: 0px;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  height: 17px;
  border: 1px solid #e9e9e9;
}
.event-edit-content .left .field span.auto-complete .ui-inputfield.ui-state-error {
  border: none;
}
.event-edit-content .left .field span.calendar {
  width: calc(100% - 255px);
  display: inline-block;
}
.event-edit-content .left .field span.calendar.duration {
  width: calc(50% - 135px);
}
.event-edit-content .left .field span.calendar.duration-with-margin {
  width: calc(50% - 135px);
  margin-left: 15px;
}
.event-edit-content .left .field span.calendar .ui-inputfield {
  width: 100%;
  background: #fff;
}
.event-edit-content .left .field .calendar-blue-border {
  display: inline-block;
  width: calc(50% - 135px);
}
.event-edit-content .left .field .calendar-blue-border.duration-with-margin {
  width: calc(50% - 135px);
  margin-left: 15px;
}
.event-edit-content .left .field .calendar-blue-border .ui-inputfield {
  width: 100%;
  background: #fff;
  border: 1px solid #006dc3;
}
.event-edit-content .left .field .calendar-input-blue-border .ui-inputfield {
  border: 1px solid #006dc3;
}
.event-edit-content .left .field .ui-selectonemenu {
  width: calc(100% - 255px) !important;
}
.event-edit-content .left .field .select-one-menu select {
  width: 150px;
  height: 25px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  padding: 3px 20px;
  background-color: white;
  padding-left: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.event-edit-content .left .field .select-one-menu select option {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: black;
}
.event-edit-content .left .field .select-one-menu select.arrow {
  background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 15px) calc(1em - 2px), calc(100% - 10px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.event-edit-content .left .field .select-one-menu select.ui-state-error {
  border: 1px solid #c40707;
  color: black;
}
.event-edit-content .left .field .select-one-menu select::-ms-expand {
  display: none;
}
.event-edit-content .left .field .select-one-menu select {
  width: calc(100% - 255px);
  border: 1px solid #e9e9e9;
}
.event-edit-content .right {
  width: calc(50% - 30px);
  margin-right: 30px;
  float: left;
}
@media screen and (max-width: 1050px) {
  .event-edit-content .right {
    width: calc(100% - 30px);
  }
}
.event-edit-content .right .headline {
  font-weight: 700;
  font-size: 14px;
  display: block;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif, black;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #919191;
}
.event-edit-content .right .headline.headlineWithCheckbox {
  display: flex;
}
.event-edit-content .right .headline.headlineWithCheckbox .headlineText {
  width: 240px;
  display: block;
  font-family: inherit;
}
.event-edit-content .right .field {
  width: 100%;
  height: 40px;
  display: block;
}
.event-edit-content .right .field .field-info-label {
  line-height: 27px;
  width: 250px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  float: left;
  display: inline-block;
  color: #696969;
}
.event-edit-content .right .field .field-info-label.summary {
  font-weight: bold;
  color: #006dc3;
}
.event-edit-content .right .field .field-data {
  width: calc(100% - 255px);
  display: inline-block;
}
.event-edit-content .right .field .field-data.summary {
  font-weight: bold;
  color: #006dc3;
}
.event-edit-content .right .field .field-data.overview {
  text-align: right;
}
.event-edit-content .right .field span.auto-complete {
  width: calc(100% - 255px);
  display: inline-block;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
}
.event-edit-content .right .field span.auto-complete .ui-inputfield {
  padding-left: 18px;
  width: calc(100% - 25px);
  background: #fff;
  border-radius: 0px;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  height: 17px;
  border: 1px solid #e9e9e9;
}
.event-edit-content .right .field span.auto-complete .ui-inputfield.ui-state-disabled {
  width: 100%;
  height: auto;
}
.event-edit-content .right .field span.auto-complete .ui-inputfield.ui-state-error {
  border: none;
}
.event-edit-content .left .event-documents, .event-edit-content .right .event-documents {
  display: grid;
  gap: 5px;
}
.event-edit-content .left .event-documents .files-wrapper, .event-edit-content .right .event-documents .files-wrapper {
  display: grid;
  gap: 5px;
}
.event-edit-content .left .event-documents .files-wrapper .header, .event-edit-content .left .event-documents .files-wrapper .body, .event-edit-content .right .event-documents .files-wrapper .header, .event-edit-content .right .event-documents .files-wrapper .body {
  display: grid;
  grid-template-columns: auto 50px;
  gap: 5px;
  font-size: 13px;
  align-items: center;
  height: auto;
  min-height: 23px;
}
.event-edit-content .left .event-documents .files-wrapper .header, .event-edit-content .right .event-documents .files-wrapper .header {
  color: #5E6372;
  font-weight: 600;
  height: 23px;
}
.event-edit-content .left .event-documents .files-wrapper .body:hover, .event-edit-content .right .event-documents .files-wrapper .body:hover {
  background-color: #EDEDF2;
}
.event-edit-content .left .event-documents .ui-fileupload-choose, .event-edit-content .right .event-documents .ui-fileupload-choose {
  margin-right: 0;
}
.event-edit-content .product-table-info {
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
  color: #006dc3;
  margin-top: 30px;
  display: block;
  width: calc(100% - 40px);
}
.event-edit-content .product-table-info.product {
  margin-left: 40px;
  margin-top: -23px;
}
.event-edit-content .product-table-info.booked {
  margin-left: 40px;
  margin-top: -23px;
}
.event-edit-content .booked-image {
  background: url("../images/braudienst/warenkorb.svg");
  width: 25px;
  height: 25px;
}
.event-edit-content .product-image {
  background: url("../images/braudienst/artikelliste.svg");
  width: 25px;
  height: 25px;
}
.event-edit-content .headline {
  font-weight: 700;
  font-size: 14px;
  display: block;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 7px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif, black;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #919191;
}

.event-list-table .number {
  width: 70px !important;
}
.event-list-table .event-name {
  width: 200px;
}
.event-list-table .supply {
  width: 80px;
}
.event-list-table .pickup {
  width: 105px;
}
.event-list-table .cost {
  width: 80px;
}
.event-list-table .from {
  width: 50px;
}
.event-list-table .to {
  width: 85px;
}
.event-list-table .name {
  width: 150px;
}
.event-list-table .client {
  width: 150px;
}
.event-list-table .event-status {
  width: 110px;
}
@media screen and (max-width: 1060px) {
  .event-list-table .event-status {
    display: none;
  }
}
.event-list-table .ui-datatable-scrollable-body {
  height: 78vh;
}

.customers-table .ui-datatable-scrollable-header {
  background: none;
}
.customers-table th {
  height: 25px;
  text-align: center;
}
.customers-table td {
  height: 25px;
}
.customers-table .number {
  width: 50px;
  text-align: center;
}
.customers-table .name {
  width: 200px;
}
.customers-table .zip-code {
  width: 70px;
}
.customers-table .place {
  width: 150px;
}

.event-product-dialog.details {
  max-height: 500px;
  overflow-y: scroll;
  top: 200px !important;
  width: 1000px !important;
}
.event-product-dialog .ui-dialog-titlebar, .event-product-dialog .ui-widget-header {
  background: transparent;
  box-shadow: none;
  color: #006dc3;
}
.event-product-dialog .dialog-row {
  margin-bottom: 10px;
  display: block;
}
.event-product-dialog .dialog-row .label {
  width: 100px;
  margin-right: 10px;
  float: left;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
}
.event-product-dialog .dialog-row .label-info {
  width: 220px;
  font-family: "Open Sans", sans-serif, black;
  color: #4a4f5b;
}
.event-product-dialog .dialog-row span.amount {
  width: 200px;
}
.event-product-dialog .dialog-row span.amount .ui-inputfield {
  width: 200px !important;
}
.event-product-dialog .dialog-row .device-number {
  font-size: 12px;
  float: none;
  text-transform: uppercase;
  color: #7F7F7F;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
  width: 100px;
  margin-right: 10px;
}
.event-product-dialog .dialog-row .missing {
  float: none;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Open Sans", sans-serif, black;
  width: 100px;
  margin-right: 10px;
  color: #7F7F7F;
}
.event-product-dialog .dialog-button {
  width: 95px;
  margin-left: 110px;
  margin-top: 20px;
  margin-right: 5px;
  background: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
  height: 25px;
}
.event-product-dialog .dialog-button.cancel {
  margin-left: 0px;
}
.event-product-dialog .dialog-button .ui-button-text {
  padding-top: 3px;
}
.event-product-dialog .dialog-button .ui-button-text:before {
  content: none;
}
.event-product-dialog .dialog-button .ui-button-text:after {
  color: #006dc3;
}
.event-product-dialog .dialog-button.internet-explorer .ui-button-text {
  padding-top: 5px;
}
.event-product-dialog .dialog-button.internet-explorer .ui-button-text:after {
  color: #006dc3;
}
.event-product-dialog .dialog-button:hover {
  background: #006dc3;
  color: white;
}
.event-product-dialog .dialog-button:hover .ui-button-text:after {
  background: #006dc3;
  color: white;
}
.event-product-dialog .dialog-button:disabled {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
}

.replacementCostTable {
  min-width: 780px;
}
.replacementCostTable .number {
  width: 70px;
  text-align: center;
}
.replacementCostTable .replacement-cost {
  width: 220px;
  text-align: center;
}
.replacementCostTable .product-name {
  min-width: 200px;
  width: calc(100% - 290px);
}

.eventManagerTable, .storemanagement, .event-list-table, .customers-table, .replacementCostTable, .todoTable, .missingListTable, .missingSumTable, .outflow-table {
  width: 100%;
  margin-top: 10px;
}
.eventManagerTable .ui-widget-content, .storemanagement .ui-widget-content, .event-list-table .ui-widget-content, .customers-table .ui-widget-content, .replacementCostTable .ui-widget-content, .todoTable .ui-widget-content, .missingListTable .ui-widget-content, .missingSumTable .ui-widget-content, .outflow-table .ui-widget-content {
  border: none;
  background: transparent;
}
.eventManagerTable th, .storemanagement th, .event-list-table th, .customers-table th, .replacementCostTable th, .todoTable th, .missingListTable th, .missingSumTable th, .outflow-table th {
  background: transparent !important;
  height: 25px !important;
  border: none !important;
  border-bottom: 1px solid #ededed !important;
  vertical-align: bottom;
}
.eventManagerTable th .ui-column-title, .storemanagement th .ui-column-title, .event-list-table th .ui-column-title, .customers-table th .ui-column-title, .replacementCostTable th .ui-column-title, .todoTable th .ui-column-title, .missingListTable th .ui-column-title, .missingSumTable th .ui-column-title, .outflow-table th .ui-column-title {
  color: #7F7F7F;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.eventManagerTable td, .storemanagement td, .event-list-table td, .customers-table td, .replacementCostTable td, .todoTable td, .missingListTable td, .missingSumTable td, .outflow-table td {
  background: transparent !important;
  height: 30px !important;
  border: none !important;
  border-bottom: 1px solid #ededed !important;
}
.eventManagerTable td .ui-outputlabel, .storemanagement td .ui-outputlabel, .event-list-table td .ui-outputlabel, .customers-table td .ui-outputlabel, .replacementCostTable td .ui-outputlabel, .todoTable td .ui-outputlabel, .missingListTable td .ui-outputlabel, .missingSumTable td .ui-outputlabel, .outflow-table td .ui-outputlabel {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
}
.eventManagerTable .ui-state-hover td, .storemanagement .ui-state-hover td, .event-list-table .ui-state-hover td, .customers-table .ui-state-hover td, .replacementCostTable .ui-state-hover td, .todoTable .ui-state-hover td, .missingListTable .ui-state-hover td, .missingSumTable .ui-state-hover td, .outflow-table .ui-state-hover td {
  color: #006dc3 !important;
}
.eventManagerTable .action, .storemanagement .action, .event-list-table .action, .customers-table .action, .replacementCostTable .action, .todoTable .action, .missingListTable .action, .missingSumTable .action, .outflow-table .action {
  width: 30px;
}
.eventManagerTable .action .ui-button, .storemanagement .action .ui-button, .event-list-table .action .ui-button, .customers-table .action .ui-button, .replacementCostTable .action .ui-button, .todoTable .action .ui-button, .missingListTable .action .ui-button, .missingSumTable .action .ui-button, .outflow-table .action .ui-button {
  background: transparent;
  margin-top: 2px;
  width: 30px;
}
.eventManagerTable .action .ui-button .ui-button-text:before, .storemanagement .action .ui-button .ui-button-text:before, .event-list-table .action .ui-button .ui-button-text:before, .customers-table .action .ui-button .ui-button-text:before, .replacementCostTable .action .ui-button .ui-button-text:before, .todoTable .action .ui-button .ui-button-text:before, .missingListTable .action .ui-button .ui-button-text:before, .missingSumTable .action .ui-button .ui-button-text:before, .outflow-table .action .ui-button .ui-button-text:before {
  color: #006dc3;
}
.eventManagerTable .action .ui-button:hover, .storemanagement .action .ui-button:hover, .event-list-table .action .ui-button:hover, .customers-table .action .ui-button:hover, .replacementCostTable .action .ui-button:hover, .todoTable .action .ui-button:hover, .missingListTable .action .ui-button:hover, .missingSumTable .action .ui-button:hover, .outflow-table .action .ui-button:hover {
  background: transparent;
}
.eventManagerTable .action .ui-button:hover .ui-button-text:before, .storemanagement .action .ui-button:hover .ui-button-text:before, .event-list-table .action .ui-button:hover .ui-button-text:before, .customers-table .action .ui-button:hover .ui-button-text:before, .replacementCostTable .action .ui-button:hover .ui-button-text:before, .todoTable .action .ui-button:hover .ui-button-text:before, .missingListTable .action .ui-button:hover .ui-button-text:before, .missingSumTable .action .ui-button:hover .ui-button-text:before, .outflow-table .action .ui-button:hover .ui-button-text:before {
  color: #006dc3;
}

.freight-cost-table {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 20px;
}
.freight-cost-table thead {
  background: #F2F2F2;
  border: 1px solid grey;
}
.freight-cost-table thead td {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
}
.freight-cost-table thead tr {
  height: 25px;
}
.freight-cost-table thead th {
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
}
.freight-cost-table tbody td {
  height: 25px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
}
.freight-cost-table tbody td.with-background {
  background-color: #F2F2F2;
  text-align: center;
  font-weight: bold;
}
.freight-cost-table tbody td .rotated-text {
  width: 40px;
}
.freight-cost-table tbody td .rotated-text .ui-outputlabel {
  transform: rotate(-90deg);
  width: 200px;
  height: 50px;
  display: block;
  margin-left: -65px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
}
.freight-cost-table tbody td span.input-number .ui-inputfield {
  margin-bottom: 0px !important;
}
.freight-cost-table tbody tr {
  height: 25px;
}

.filter .search-client {
  border-radius: 0px;
  border: 1px solid #ccc;
  background: #fff;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  padding: 3px 5px 3px 20px;
  width: 200px;
  margin-top: 5px;
}

.ui-menu .ui-menuitem-text {
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
}

.todoTable {
  min-width: 780px;
}
.todoTable .offer-num {
  width: 100px;
  text-align: center;
}
.todoTable .event-name {
  width: 200px;
}
.todoTable .date-column {
  width: 70px;
  text-align: center;
}
.todoTable .status-column {
  width: 100px;
}

.field-autocomplete.ui-autocomplete {
  border-radius: 0px;
  width: 100%;
}
.field-autocomplete.ui-autocomplete .ui-autocomplete-input.ui-inputfield, .field-autocomplete.ui-autocomplete .ui-autocomplete-input.ui-inputfield.ui-state-disabled {
  border-radius: 0px;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  border-right: none;
  margin-bottom: 0px;
  font-family: "Open Sans", sans-serif, black;
  height: 27px;
  font-size: 12px;
  padding: 2px 2px 2px 17px;
  box-sizing: border-box;
  width: calc(100% - 29px);
}
.field-autocomplete.ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  font-size: 12px;
  height: 27px;
  border-radius: 0px;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  font-family: "Open Sans", sans-serif, black;
}

.ui-chkbox.relative-check-position .ui-chkbox-box .ui-icon-check:before {
  position: relative;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
  font-size: 13px;
  font-family: "Open Sans", sans-serif, black;
}

.missingListTable {
  min-width: 780px;
}
.missingListTable .product-number {
  width: 70px;
}
.missingListTable .product-name {
  min-width: 200px;
}
.missingListTable .missing {
  width: 100px;
  text-align: center;
}
.missingListTable .client-number {
  width: 140px;
  text-align: center;
}
.missingListTable .client-name {
  min-width: 200px;
  text-align: center;
}
.missingListTable .event-number {
  width: 250px;
  text-align: center;
}
.missingListTable .event-name {
  min-width: 200px;
  text-align: center;
}
.missingListTable .ui-sticky {
  top: 45px !important;
  background: #f4f4f4 !important;
  webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.missingSumTable {
  min-width: 780px;
}
.missingSumTable .product-number {
  width: 70px;
}
.missingSumTable .product-name {
  min-width: 200px;
}
.missingSumTable .missing-sum {
  width: 220px;
  text-align: center;
}

.eventManagerScroller, .historyScroller {
  width: 100%;
}
.eventManagerScroller .ui-widget-content, .historyScroller .ui-widget-content {
  border: none;
  background: transparent;
}
.eventManagerScroller th, .historyScroller th {
  background: transparent !important;
  height: 25px !important;
  border: none !important;
  vertical-align: bottom;
}
.eventManagerScroller th .ui-column-title, .historyScroller th .ui-column-title {
  color: #7F7F7F;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.eventManagerScroller td, .historyScroller td {
  background: transparent !important;
  height: 30px !important;
  border: none !important;
}
.eventManagerScroller td .ui-outputlabel, .historyScroller td .ui-outputlabel {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
}
.eventManagerScroller .ui-state-hover td, .historyScroller .ui-state-hover td {
  color: #006dc3 !important;
}
.eventManagerScroller .action, .historyScroller .action {
  width: 30px;
}
.eventManagerScroller .action .ui-button, .historyScroller .action .ui-button {
  background: transparent;
  margin-top: 2px;
  width: 30px;
}
.eventManagerScroller .action .ui-button .ui-button-text:before, .historyScroller .action .ui-button .ui-button-text:before {
  color: #006dc3;
}
.eventManagerScroller .action .ui-button:hover, .historyScroller .action .ui-button:hover {
  background: transparent;
}
.eventManagerScroller .action .ui-button:hover .ui-button-text:before, .historyScroller .action .ui-button:hover .ui-button-text:before {
  color: #006dc3;
}

.historyScroller .item {
  width: 100%;
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 5px;
}
.historyScroller .userIcon {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}

.event-edit-content .tabview {
  border: 0px;
  font-weight: 700;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: #919191;
}
.event-edit-content .tabview .ui-tabs-nav {
  background: transparent;
  margin-left: 10px;
}
.event-edit-content .tabview .ui-tabs-nav li a {
  padding: .4em .7em;
}
.event-edit-content .tabview .ui-tabs-panel {
  margin: 0px;
  padding: 0px;
}
.event-edit-content .tabview .tab {
  border: 1px solid lightgray !important;
  border-radius: 2px;
}

.event-cancel-dialog {
  width: 550px;
}
.event-cancel-dialog .ui-dialog-content {
  border: 0px;
}
.event-cancel-dialog .ui-panelgrid-content {
  border: 0px;
}
.event-cancel-dialog .ui-panel-grid {
  border: 0px;
}
.event-cancel-dialog .ui-panel {
  border: 0px;
}
.event-cancel-dialog .event-cancel-buttons {
  padding: 0px;
}
.event-cancel-dialog .event-cancel-buttons .ui-panel-content {
  padding: 0px;
}
.event-cancel-dialog .event-cancel-buttons .ui-button {
  margin-right: 5px;
}
.event-cancel-dialog .ui-grid-row {
  margin-bottom: 10px;
  margin-top: 10px;
}
.event-cancel-dialog .ui-inputfield.ui-inputtextarea {
  width: 100%;
  display: block;
  float: left;
  box-sizing: border-box;
  margin-bottom: 12px;
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  background-image: none;
  padding-left: 17px;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: normal;
  color: #56606a;
}
.event-cancel-dialog .ui-inputfield.ui-inputtextarea.ui-state-error {
  border: 1px solid #f00;
}

/* Specific stuff for page login */
.login-event-manager .wrapper .main .restore-password-dialog .ui-dialog, .login-event-manager .wrapper .main .restore-password-dialog .ui-dialog-content {
  overflow: hidden;
}
.login-event-manager .wrapper .main .restore-password-dialog .ui-dialog-titlebar, .login-event-manager .wrapper .main .restore-password-dialog .ui-widget-header {
  background: #006dc3;
  color: white;
  box-shadow: none;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel {
  width: 300px;
  height: 280px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-outputlabel {
  width: 100%;
  display: block;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-outputlabel.explanation-label {
  width: 300px;
  margin-left: 0px;
  margin-top: 4%;
  position: absolute;
  font-size: small;
  word-wrap: break-word;
  white-space: pre-line;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-outputlabel.email-label {
  width: 100%;
  margin-left: 0px;
  margin-top: 20%;
  position: absolute;
  font-size: small;
  font-weight: bold;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel .button, .login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-button {
  width: 305px;
  text-transform: uppercase;
  background: #006dc3;
  color: white;
  height: 48px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-inputfield {
  margin-top: 29%;
  margin-bottom: 12px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 305px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  border: 1px solid #d5a300;
  box-sizing: border-box;
  height: 48px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel .ui-inputfield.ui-state-error {
  border: 1px solid #e81e1e;
  color: #e81e1e;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .help-panel .forget-password-text .ui-outputlabel {
  font-size: x-small;
  font-weight: normal;
  display: inline;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel {
  width: 300px;
  height: 280px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-outputlabel {
  width: 100%;
  display: block;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-outputlabel.identity-explanation {
  margin-top: 4%;
  width: 300px;
  margin-left: 0px;
  position: absolute;
  font-size: x-small;
  word-wrap: break-word;
  white-space: pre-line;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-outputlabel.enter-code-label {
  margin-top: 26%;
  margin-left: 0px;
  position: absolute;
  font-size: small;
  font-weight: bold;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-inputfield {
  margin-top: 38%;
  margin-bottom: 12px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 305px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  border: 1px solid #d5a300;
  box-sizing: border-box;
  height: 48px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-inputfield.ui-state-error {
  border: 1px solid #e81e1e;
  color: #e81e1e;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .button, .login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-button {
  width: 305px;
  text-transform: uppercase;
  background: #006dc3;
  color: white;
  height: 48px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .identity-verify-panel .ui-commandlink {
  margin-top: 15px !important;
  margin-left: 30%;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password {
  width: 300px;
  height: 280px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-outputlabel {
  width: 100%;
  display: block;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-outputlabel.create-password-explanation {
  margin-left: 0px;
  width: 300px;
  position: absolute;
  font-size: small;
  word-wrap: break-word;
  white-space: pre-line;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-outputlabel.password-label {
  margin-top: 16%;
  margin-left: 0px;
  position: absolute;
  font-size: small;
  font-weight: bold;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-outputlabel.repeat-password-label {
  margin-bottom: -10px;
  margin-left: 0px;
  font-size: small;
  font-weight: bold;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password .button, .login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-button {
  margin-top: 8px;
  width: 305px;
  text-transform: uppercase;
  background: #006dc3;
  color: white;
  height: 48px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-inputfield {
  margin-bottom: 12px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 305px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  border: 1px solid #d5a300;
  box-sizing: border-box;
  height: 48px;
}
.login-event-manager .wrapper .main .restore-password-dialog .restore-password .panel-create-password .ui-inputfield.ui-state-error {
  border: 1px solid #e81e1e;
  color: #e81e1e;
}

.eventmanager-field {
  line-height: 27px;
  font-family: "Open Sans", sans-serif, black !important;
  font-size: 14px !important;
  color: #696969 !important;
}
.eventmanager-field.dateDialog {
  width: 180px;
  display: inline-block;
}
.eventmanager-field.font22 {
  font-size: 22px !important;
}

.eventmanager-tooltip {
  background-image: url("./../images/info_tooltip.png") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  cursor: help !important;
  width: 15px !important;
  height: 15px !important;
  vertical-align: middle !important;
}

.eventmanager-tooltip-text {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  width: 400px;
}

.ui-button.withTooltipIcon .ui-button-text:after {
  font-family: "FontAwesome";
  color: #fff;
  font-size: 18px;
  margin-left: 5px;
  margin-top: -1px;
  font-weight: normal;
  content: "\f05a";
  display: block;
  float: right;
}

.changeEventDatePopupColum1 {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}

.eventEditChangeDateButton {
  width: 105px !important;
  height: 26px !important;
  display: inline-block;
  float: right;
  margin-right: 5px;
}

.store-inventory-stocks-last .ui-inputfield {
  width: calc(100% - 140px) !important;
}

.store-inventory-stocks-first .ui-inputfield {
  width: calc(100% - 70px) !important;
}

.tablet-table {
  width: auto !important;
  min-width: auto !important;
}
.tablet-table td {
  background: transparent !important;
  height: 3em !important;
  max-height: unset !important;
  border: none !important;
  border-bottom: 1px solid #ededed !important;
  padding: 1em !important;
  white-space: normal;
  font-family: "Open Sans", sans-serif, black;
}
@media screen and (max-width: 1024px) {
  .tablet-table td {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-table td {
    font-size: 14px !important;
  }
}
.tablet-table td .ui-outputlabel {
  font-family: "Open Sans", sans-serif, black;
}
@media screen and (max-width: 1024px) {
  .tablet-table td .ui-outputlabel {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-table td .ui-outputlabel {
    font-size: 14px !important;
  }
}
.tablet-table td .ui-inputfield {
  font-family: "Open Sans", sans-serif, black;
  margin: 0px !important;
  height: auto !important;
}
@media screen and (max-width: 1024px) {
  .tablet-table td .ui-inputfield {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-table td .ui-inputfield {
    font-size: 14px !important;
  }
}
.tablet-table th {
  padding: 4px 4px !important;
}
.tablet-table th .ui-column-title {
  font-family: "Open Sans", sans-serif, black;
}
@media screen and (max-width: 1024px) {
  .tablet-table th .ui-column-title {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-table th .ui-column-title {
    font-size: 14px !important;
  }
}
.tablet-table tr {
  line-height: 1.4em;
}
.tablet-table .ui-chkbox {
  width: auto !important;
  height: auto !important;
}
.tablet-table .ui-chkbox .ui-chkbox-box {
  width: 25px;
  height: 25px;
}
.tablet-table .ui-chkbox .ui-chkbox-box .ui-icon-check:before {
  font-size: 22px !important;
}

.table-80vh .ui-datatable-tablewrapper {
  height: 80vh;
}

.table-75vh .ui-datatable-tablewrapper {
  height: 75vh;
}

.tablet-button {
  font-family: "Open Sans", sans-serif, black;
  width: 150px !important;
  height: 35px !important;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .tablet-button {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-button {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 1024px) {
  .tablet-button {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-button {
    font-size: 14px !important;
  }
}
.tablet-button .ui-button-text {
  font-family: "Open Sans", sans-serif, black;
}
@media screen and (max-width: 1024px) {
  .tablet-button .ui-button-text {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-button .ui-button-text {
    font-size: 14px !important;
  }
}

.tablet-filter select {
  font-family: "Open Sans", sans-serif, black;
  width: 100% !important;
  height: 35px !important;
}
@media screen and (max-width: 1024px) {
  .tablet-filter select {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-filter select {
    font-size: 14px !important;
  }
}
.tablet-filter select.tablet-font {
  font-family: "Open Sans", sans-serif, black;
}
@media screen and (max-width: 1024px) {
  .tablet-filter select.tablet-font {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-filter select.tablet-font {
    font-size: 14px !important;
  }
}
.tablet-filter .search-field {
  font-family: "Open Sans", sans-serif, black;
  width: 100% !important;
  height: 35px !important;
}
@media screen and (max-width: 1024px) {
  .tablet-filter .search-field {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .tablet-filter .search-field {
    font-size: 14px !important;
  }
}

.tablet-sideNavBarFooter {
  width: 100% !important;
  padding-left: 170px !important;
  position: fixed !important;
}

.sticky-tablet-table th {
  background: #f4f4f4 !important;
  webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.datepicker-110 input {
  width: 110px !important;
}

.datepicker-max-100 input {
  max-width: 100px;
}

.store-edit-button {
  width: 65px;
}

.text-label {
  font-family: 'Open Sans', sans-serif, black;
  font-family: "Open Sans", sans-serif, black;
  display: inline-block;
  color: #696969;
}

.outflow-table {
  min-width: 780px;
}
.outflow-table .number {
  width: 6%;
}
.outflow-table .artikel {
  width: 30%;
}
.outflow-table .kw-total {
  width: 14%;
}
.outflow-table .kw {
  width: 14%;
}
.outflow-table .used-name {
  width: 16%;
}
.outflow-table .used-number {
  width: 10%;
}
.outflow-table .used-plz {
  width: 10%;
}
.outflow-table .used-total {
  width: 10%;
}

.ui-timepicker-div .ui-widget-header {
  border-radius: 0;
  margin: 2px;
}

.ui-timepicker-div dl {
  padding-left: 5px;
  padding-right: 5px;
}

.ui-timepicker-div .ui_tpicker_hour {
  margin-top: 3px;
}

.ui-timepicker-div .ui_tpicker_minute {
  margin-top: 3px;
}

.link-label {
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  color: #696969;
}

.fomatted-field-text {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px !important;
  font-weight: normal;
  color: #56606a;
}

.store-management-sap-lock {
  font-family: 'FontAwesome';
  color: #626c75;
  font-size: 20px;
  padding-top: 3px;
}

.left-side-menu {
  width: 220px;
  background-color: #f4f5f7;
  position: fixed;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
  top: 45px;
}
.left-side-menu.collapsed {
  width: 65px;
}
.left-side-menu .scroll-content {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 95px);
}
.left-side-menu .selected-project {
  width: calc(100% - 20px);
  margin: 10px;
  margin-bottom: 7px;
  float: left;
}
.left-side-menu .selected-project .title {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif, black;
  font-size: 11px;
  font-weight: bold;
  color: #444549;
  width: 100%;
}
.left-side-menu .selected-project .title.collapsed {
  font-size: 8px;
}
.left-side-menu .selected-project .project-image-block {
  width: 100%;
  margin-top: 6px;
}
.left-side-menu .selected-project .project-image-block .image {
  max-width: 134px;
  max-height: 60px;
  float: left;
}
.left-side-menu .selected-project .project-image-block .image.collapsed {
  max-height: 36px;
  max-width: 36px;
}
.left-side-menu .selected-project .project-image-block .separator-div {
  width: 5px;
  height: 50px;
  float: left;
}
.left-side-menu .selected-project .project-image-block .separator-div.collapsed {
  display: none;
}
.left-side-menu .selected-project .project-image-block .project-name {
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  font-weight: bold;
  color: #444549;
  overflow-x: hidden;
  letter-spacing: 0.02em;
  float: left;
  margin-top: 5px;
}
.left-side-menu .selected-project .project-image-block .project-name.collapsed {
  display: none;
}
.left-side-menu .separator {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 15px;
  margin-top: 2px;
  height: 1px;
  background-color: #313233;
  float: left;
}
.left-side-menu .menu-items {
  width: 100%;
  padding: 5px;
}
.left-side-menu .menu-items .menu-item {
  width: calc(100% - 10px);
  line-height: 40px;
  border-radius: 5px;
  margin-bottom: 1px;
}
.left-side-menu .menu-items .menu-item .icon {
  width: 36px;
  height: 36px;
  vertical-align: middle;
  line-height: 40px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
  float: left;
}
.left-side-menu .menu-items .menu-item .icon.todo-list-gastrotest {
  background: url("./../images/leftSideNavigation/todo.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.summary-list-gastrotest {
  background: url("./../images/leftSideNavigation/summary_list.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.object-list-gastrotest {
  background: url("./../images/leftSideNavigation/object_list.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.briefing {
  background: url("./../images/leftSideNavigation/gastrotest/briefing.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.test-offers {
  background: url("./../images/leftSideNavigation/gastrotest/test_offer.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.rating-form-gastrotest {
  background: url("./../images/leftSideNavigation/rating_form.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.work-instructions {
  background: url("./../images/leftSideNavigation/gastrotest/work_instruction.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.reports {
  background: url("./../images/leftSideNavigation/gastrotest/report.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.education {
  background: url("./../images/leftSideNavigation/gastrotest/education.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.object-edit-gastrotest {
  background: url("./../images/leftSideNavigation/object_edit.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.contact {
  background: url("./../images/leftSideNavigation/gastrotest/contact.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.tester {
  background: url("./../images/leftSideNavigation/gastrotest/tester.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.todo-list-schankanlagen {
  background: url("./../images/leftSideNavigation/todo.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.summary-list-schankanlagen {
  background: url("./../images/leftSideNavigation/summary_list.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.object-list-schankanlagen {
  background: url("./../images/leftSideNavigation/object_list.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.object-edit-schankanlagen {
  background: url("./../images/leftSideNavigation/object_edit.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.documentation {
  background: url("./../images/leftSideNavigation/rating_form.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.documentation-status {
  background: url("./../images/leftSideNavigation/schankanlagen/documentation_status.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.cleaning-status {
  background: url("./../images/leftSideNavigation/schankanlagen/cleaning_status.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.sensors {
  background: url("./../images/leftSideNavigation/schankanlagen/sensors.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.cable-status {
  background: url("./../images/leftSideNavigation/schankanlagen/cable_status.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.visit-overview {
  background: url("./../images/leftSideNavigation/schankanlagen/calendar.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.todo-list-configurator {
  background: url("./../images/leftSideNavigation/todo.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.object-list-configurator {
  background: url("./../images/leftSideNavigation/object_list.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.bookmark-configurator {
  background: url("./../images/leftSideNavigation/configurator/bookmarks.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.store-management {
  background: url("./../images/leftSideNavigation/eventmanager/lagerverwaltung.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.beverges {
  background: url("./../images/leftSideNavigation/eventmanager/getraenke.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.refrigerated-truck {
  background: url("./../images/leftSideNavigation/eventmanager/kuehlwagen.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.events {
  background: url("./../images/leftSideNavigation/eventmanager/customer_veranstaltungen.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.schank-plant {
  background: url("./../images/leftSideNavigation/eventmanager/schankanlage.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.event-partner {
  background: url("./../images/leftSideNavigation/eventmanager/partnerveranstaltung.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.subcontractor {
  background: url("./../images/leftSideNavigation/eventmanager/subunternehmer.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.event-brewery {
  background: url("./../images/leftSideNavigation/eventmanager/event_brewery.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.event-braudienst-intern {
  background: url("./../images/leftSideNavigation/eventmanager/braudienst_intern_veranstaltungen.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.event-brewery-intern {
  background: url("./../images/leftSideNavigation/eventmanager/braurei_intern_veranstaltungen.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.customers {
  background: url("./../images/leftSideNavigation/eventmanager/customer.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.sonderposten {
  background: url("./../images/leftSideNavigation/eventmanager/sonderposten.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.customers-braudienst {
  background: url("./../images/leftSideNavigation/eventmanager/braudienst.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.customers-braurei {
  background: url("./../images/leftSideNavigation/eventmanager/braukunden.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.em-todos {
  background: url("./../images/leftSideNavigation/eventmanager/todo.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.em-calendar {
  background: url("./../images/leftSideNavigation/eventmanager/calendar.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.em-relocation {
  background: url("./../images/leftSideNavigation/eventmanager/relocation.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.em-retrieval {
  background: url("./../images/leftSideNavigation/eventmanager/relocation.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
  transform: scaleX(-1);
}
.left-side-menu .menu-items .menu-item .icon.em-freight-costs {
  background: url("./../images/leftSideNavigation/eventmanager/freight_costs.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .icon.em-replacement-costs {
  background: url("./../images/leftSideNavigation/eventmanager/glass_broken.svg") center 7px no-repeat transparent;
  background-size: 28px 28px;
  margin-top: 2px;
}
.left-side-menu .menu-items .menu-item .icon.em-missing {
  background: url("./../images/leftSideNavigation/eventmanager/fehlmeldung.svg") center 7px no-repeat transparent;
  background-size: 28px 28px;
  margin-top: 2px;
}
.left-side-menu .menu-items .menu-item .icon.em-events-in-year {
  background: url("./../images/leftSideNavigation/eventmanager/calendar-days.svg") center 7px no-repeat transparent;
  background-size: 28px 28px;
  margin-top: 2px;
}
.left-side-menu .menu-items .menu-item .icon.em-turnover-development {
  background: url("./../images/leftSideNavigation/eventmanager/lager.svg") center 7px no-repeat transparent;
  background-size: 28px 28px;
  margin-top: 2px;
}
.left-side-menu .menu-items .menu-item .icon.em-outflow {
  background: url("./../images/leftSideNavigation/eventmanager/bestandsabgaenge.svg") center 7px no-repeat transparent;
  background-size: 28px 28px;
  margin-top: 2px;
}
.left-side-menu .menu-items .menu-item .icon.em-summary-list {
  background: url("./../images/leftSideNavigation/summary_list.svg") center 7px no-repeat transparent;
  background-size: 21px 21px;
}
.left-side-menu .menu-items .menu-item .title {
  font-family: "Open Sans", sans-serif, black;
  font-size: 14px;
  font-weight: normal;
  color: #313233;
  display: inline-block;
  width: 145px;
}
.left-side-menu .menu-items .menu-item .title.unavailable {
  color: #838387;
}
.left-side-menu .menu-items .menu-item .title.smaller {
  font-size: 11px;
}
.left-side-menu .menu-items .menu-item .title.two-rows {
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.left-side-menu .menu-items .menu-item .hidden {
  display: none;
}
.left-side-menu .menu-items .menu-item.active {
  background-color: #d9dade;
}
.left-side-menu .menu-items .menu-item:hover {
  background-color: #d9dade;
  cursor: pointer;
}
.left-side-menu .separator-line {
  height: 1px;
  background-color: #d9dade;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
  margin-bottom: 10px;
}
.left-side-menu .separator-line.project {
  margin-top: 15px;
  margin-bottom: 15px;
}
.left-side-menu .separator-line.operation {
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.left-side-menu .titleText {
  font-family: "Open Sans", sans-serif, black;
  font-size: 13px;
  font-weight: bold;
  color: #444549;
  overflow-x: hidden;
  letter-spacing: 0.02em;
  float: left;
  width: 100%;
  margin-bottom: 5px;
  margin-left: 5%;
}

.tooltip-sidebar {
  position: absolute;
  color: white;
  background: #181b20;
  font-family: "Open Sans", sans-serif, black;
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  padding: 8px;
  white-space: nowrap;
  z-index: 100000;
}

.tooltip-sidebar::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-right: 5px solid #181b20;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.collapse-expand {
  text-decoration: none;
  line-height: normal;
  font-size: 19px;
  height: 28px;
  width: 28px;
  margin-top: 10px;
  background-color: #006dc3;
}
.collapse-expand.expand {
  margin-left: 13px;
}
.collapse-expand.expand:before {
  font-family: "FontAwesome";
  content: "\f101";
  color: #fff;
  font-size: 28px;
  display: block;
  margin-top: -1px;
}
.collapse-expand.expand.firefox:before {
  margin-top: -4px;
}
.collapse-expand.collapse {
  margin-left: 190px;
}
.collapse-expand.collapse:before {
  font-family: "FontAwesome";
  content: "\f100";
  color: #fff;
  font-size: 28px;
  display: block;
  margin-top: -1px;
}
.collapse-expand.collapse.firefox:before {
  margin-top: -4px;
}

.collapse-expand:hover {
  background-color: #d9dade;
}

.ui-growl {
  position: fixed;
  top: 55px;
  left: 220px;
  width: 450px;
  z-index: 9999;
  background-color: #fff;
  margin-left: 0;
}
.ui-growl .ui-growl-item-container {
  box-shadow: 0 20px 32px -8px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31);
  pointer-events: auto;
  border-width: 0;
  margin: 0;
}
.ui-growl .ui-growl-item-container .ui-growl-item {
  background-color: #ffffff;
  padding-top: 13px;
  padding-bottom: 13px;
}
.ui-growl .ui-growl-item-container .ui-growl-item .growl-image-default, .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image-info, .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image-error, .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image-fatal, .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image-warn {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 15px;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image-info {
  background: url("./../images/leftSideNavigation/growl-icons/Check.svg") no-repeat !important;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image-error, .ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image-fatal {
  background: url("./../images/leftSideNavigation/growl-icons/Error.svg") no-repeat !important;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image-warn {
  background: url("./../images/leftSideNavigation/growl-icons/Warning.svg") no-repeat !important;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
  padding-left: 32px;
  padding-bottom: 0px;
  width: 350px;
  line-height: 19px;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message .ui-growl-title {
  display: none;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message p {
  font-weight: 400;
  font: "Open Sans", sans-serif, black;
  font-size: 14px;
  color: #000000;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-icon-close {
  top: 13px;
  right: 10px;
}

.left-side-upper-menu {
  color: white;
  font-family: "Open Sans", sans-serif, black;
  font-size: 18px;
  letter-spacing: 0.02em;
  font-weight: 600;
  z-index: 1001;
  margin-top: 0px;
  height: 45px;
  background-color: #006dc3;
  width: 100%;
  margin-bottom: 25px;
  position: fixed;
}
.left-side-upper-menu.collapsed {
  margin-left: 50px;
  width: calc(100% - 50px);
}
.left-side-upper-menu:after {
  content: '';
  display: block;
  clear: both;
}
.left-side-upper-menu .left {
  float: left;
}
.left-side-upper-menu .left .software-one-option {
  float: left;
  width: 220px;
  height: 45px;
  background-color: #376a8d;
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  line-height: 45px;
  display: block;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}
.left-side-upper-menu .left .choose-software {
  float: left;
}
.left-side-upper-menu .left .choose-software select {
  width: 150px;
  height: 25px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  padding: 3px 20px;
  background-color: white;
  padding-left: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.left-side-upper-menu .left .choose-software select option {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: black;
}
.left-side-upper-menu .left .choose-software select.arrow {
  background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, #808080 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 15px) calc(1em - 2px), calc(100% - 10px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.left-side-upper-menu .left .choose-software select.ui-state-error {
  border: 1px solid #c40707;
  color: black;
}
.left-side-upper-menu .left .choose-software select::-ms-expand {
  display: none;
}
.left-side-upper-menu .left .choose-software select {
  color: white;
  background-color: #376a8d;
  height: 45px;
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif, black !important;
  line-height: 45px;
  font-weight: bold;
  width: 220px;
  border-color: #376a8d;
}
.left-side-upper-menu .left .choose-software select option {
  font-size: 14px;
  font-family: "Open Sans", sans-serif, black;
  color: #313233;
}
.left-side-upper-menu .left .choose-software select.arrow {
  background-position: calc(100% - 15px) calc(1em + 4px), calc(100% - 10px) calc(1em + 4px), calc(90% - 4.5em) 1.5em;
}
.left-side-upper-menu .left .choose-software {
  width: 220px;
  float: left;
}
.left-side-upper-menu .left .choose-software .ui-selectonemenu {
  background: none;
  background-color: #376a8d;
  border: none;
  width: 220px !important;
  height: 45px;
  color: white;
}
.left-side-upper-menu .left .choose-software .ui-selectonemenu .ui-selectonemenu-trigger {
  border: none;
  background: none;
  background-color: #376a8d;
}
.left-side-upper-menu .left .choose-software .ui-selectonemenu .ui-selectonemenu-label {
  padding: 0px !important;
  line-height: 45px;
  font-size: 18px;
  font-family: "Open Sans", sans-serif, black;
  margin-left: 10px;
}
.left-side-upper-menu .left .choose-software .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 10px;
}
.left-side-upper-menu .left .client-logo {
  float: left;
  width: 210px;
  height: 41px;
  margin-top: 3px;
  margin-left: 10px;
  display: block;
  /*
  background: url('./../images/leftSideNavigation/eventmanager/logo.svg') no-repeat !important;
   */
}
@media screen and (max-width: 900px) {
  .left-side-upper-menu .left .client-logo {
    display: none;
  }
}
.left-side-upper-menu .right {
  float: right;
  min-width: 250px;
}
.left-side-upper-menu .right:after {
  clear: both;
  display: block;
  content: '';
}
.left-side-upper-menu .right .separator {
  background-color: #d2d2d2;
  height: 25px;
  width: 1px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  display: block;
  float: left;
}
.left-side-upper-menu .right .settings {
  float: left;
  position: relative;
  width: 19px;
  height: 61px;
  cursor: pointer;
  margin-right: 25px;
}
.left-side-upper-menu .right .settings .icon:before {
  content: "\f013";
  font-family: "FontAwesome";
  color: white;
  display: block;
  font-size: 22px;
  margin-top: 12px;
  line-height: 22px;
}
.left-side-upper-menu .right .settings .menu {
  display: none;
  position: absolute;
}
.left-side-upper-menu .right .settings .menu {
  min-width: 170px;
  position: absolute;
  left: -95px;
  top: 49px;
  background: #006dc3;
  border: 1px solid rgba(214, 214, 214, 0.9);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding-top: 16px;
  padding-left: 10px;
  padding-right: 20px;
  padding-bottom: 11px;
  font-family: "Open Sans", sans-serif, black;
  color: #d5a300;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  z-index: 2;
}
.left-side-upper-menu .right .settings .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.left-side-upper-menu .right .settings .menu a {
  text-decoration: none;
  color: white;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
.left-side-upper-menu .right .settings .menu:after, .left-side-upper-menu .right .settings .menu:before {
  bottom: 100%;
  left: 52%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.left-side-upper-menu .right .settings .menu:after {
  border-color: rgba(84, 129, 189, 0);
  border-bottom-color: #006dc3;
  border-width: 7px;
  margin-left: -7px;
}
.left-side-upper-menu .right .settings .menu:before {
  border-color: rgba(214, 214, 214, 0);
  border-bottom-color: #006dc3;
  border-width: 8px;
  margin-left: -8px;
}
.left-side-upper-menu .right .settings:hover .menu {
  display: block;
}
.left-side-upper-menu .right .user {
  float: left;
  display: block;
  width: 180px;
  text-decoration: none;
  cursor: default;
}
.left-side-upper-menu .right .user .user-logo {
  width: 28px;
  height: 28px;
  display: block;
  margin-top: 9px;
  margin-right: 7px;
  background: url("./../images/leftSideNavigation/eventmanager/user.svg") no-repeat !important;
  float: left;
}
.left-side-upper-menu .right .user .name {
  font-size: 13px;
  font-family: "Open Sans", sans-serif, black;
  color: white;
  text-decoration: none;
  display: block;
  width: 115px;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  margin-top: 14px;
  font-weight: 600;
}
.left-side-upper-menu .right .user:hover .name {
  color: #d5a300;
}
.left-side-upper-menu .right .languages {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 9px;
  margin-right: 10px;
  float: left;
}
.left-side-upper-menu .right .languages .language-label {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: white;
  text-decoration: none;
}
.left-side-upper-menu .right .languages .language-label.active {
  color: #d5a300;
}
.left-side-upper-menu .right .languages li {
  display: inline-block;
}
.left-side-upper-menu .right .languages a {
  font-size: 12px;
  font-family: "Open Sans", sans-serif, black;
  color: white;
  text-decoration: none;
  display: inline-block;
  margin-right: 6px;
  font-weight: 600;
}
.left-side-upper-menu .right .languages a.ui-state-active, .left-side-upper-menu .right .languages a:hover {
  border: 0;
  background: transparent;
  color: #d5a300;
}
.left-side-upper-menu .right .languages .last a {
  margin-right: 0;
}
.left-side-upper-menu .right .logout {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  margin-top: 12px;
  padding-right: 20px;
}
.left-side-upper-menu .right .logout.firefox {
  margin-top: 12px;
}
.left-side-upper-menu .right .logout i, .left-side-upper-menu .right .logout .ui-button-text {
  font-style: normal;
  display: inline-block;
  padding: 0;
}
.left-side-upper-menu .right .logout i:before, .left-side-upper-menu .right .logout .ui-button-text:before {
  display: inline-block;
  content: "\f011";
  font-family: "FontAwesome";
  font-size: 22px;
  line-height: 22px;
  color: white;
}
.left-side-upper-menu .right .help-page-img {
  line-height: 22px;
  height: 22px;
  width: 22px;
  float: left;
  margin-top: 11.5px;
  margin-right: 22px;
  margin-left: 16px;
}
.left-side-upper-menu .right .help-page-img.firefox {
  margin-top: 11.5px;
}
.left-side-upper-menu .right .help-page-img.chrome {
  margin-top: 12px;
}

.side-nav-header-content {
  padding-top: 45px;
}

.panel .ui-selectonemenu-items-wrapper {
  margin-top: 2px;
}

.panel .ui-selectonemenu-item {
  line-height: 28px;
  color: white;
  border-radius: 0px;
}

.panel .ui-selectonemenu-list {
  margin: 0px;
  padding: 0px;
  border-radius: 0px;
}

.panel .ui-selectonemenu-list .ui-selectonemenu-list-item.ui-state-highlight {
  background: none !important;
  background-color: #006dc3 !important;
  font-weight: bold;
  color: gold;
}

.panel .ui-selectonemenu-list .ui-selectonemenu-list-item.ui-state-hover {
  background: none !important;
  background-color: #006dc3 !important;
}

.panel .ui-selectonemenu-list-item {
  background-color: #006dc3;
}

.ui-message-error-icon {
  margin-top: 5px;
  margin-right: 10px;
}

.event-manager-login {
  margin-left: calc(50% - 200px) !important;
}
.event-manager-login .ui-inputfield {
  width: 400px !important;
  height: 35px !important;
  padding: 5px !important;
  margin-bottom: 10px !important;
  background-color: #f6f6f6 !important;
  background-image: none !important;
  border: 1px solid grey !important;
}

.login-container {
  padding-top: 11%;
  font-size: 12px;
}
.login-container .login-message {
  border-radius: 5px;
  background-color: white;
  display: flex;
  align-items: center;
  padding: 9px;
  margin: 20px 0;
  color: #003c82;
  font-weight: 600;
  font-size: 14px;
}
.login-container .login-message .k-icon {
  color: #f31700;
  font-size: 23px;
  margin-right: 20px;
}
.login-container .login-message.hidden {
  visibility: hidden;
}
.login-container .login-box {
  border-radius: 10px;
  background-color: whitesmoke;
  padding: 1vh 2vw;
  width: 450px;
  margin-left: calc(0.47 * (100% - 450px));
}
.login-container .login-box *:focus {
  outline: none;
}
.login-container .login-box .message {
  position: relative !important;
  left: unset !important;
  top: unset !important;
  margin-left: 15% !important;
}
.login-container .login-box .logintitle {
  color: #56606a;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  width: 90%;
  margin-left: 6%;
  text-align: center;
}
.login-container .login-box .logintitle.first {
  margin-top: 40px;
  margin-block-end: 0;
  font-family: "Open Sans", sans-serif;
}
.login-container .login-box .logintitle.last {
  margin-bottom: 20px;
  margin-block-start: 0;
  font-family: "Open Sans", sans-serif;
}
.login-container .login-box .loginbutton {
  width: 80%;
  margin-left: 10%;
  margin-top: 45px;
  margin-bottom: 65px;
  background-color: #003c82;
}
.login-container .login-box .loginbutton:hover {
  opacity: 0.9;
}
.login-container .login-box .loginbutton .ui-button-text {
  text-transform: uppercase;
  color: white;
}
.login-container .login-box .loginbutton .ui-button-text:before {
  background-color: #677380;
}
.login-container .login-box .loginbutton .ui-button-text:after {
  background-color: #677380;
}
.login-container .login-box form .submit {
  width: 100%;
  background-color: #006dc3;
  text-transform: uppercase;
  font-weight: bold;
}
.login-container .login-box form .field {
  margin-top: 9px;
}
.login-container .login-box form .field .input-value {
  width: calc(100% - 80px);
}
.login-container .login-input-label {
  font-size: 12px;
  display: inline-block;
  width: 60px;
  margin-top: 7px;
  font-family: "Open Sans", sans-serif !important;
  background: inherit;
}
.login-container .reset-password {
  float: right;
  margin-top: 10px;
  text-decoration: none;
  color: black;
  font-size: 12px;
  font-family: "Open Sans", sans-serif !important;
}
.login-container .login-input {
  width: 85%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid;
  border-radius: unset;
  background: inherit;
  margin-left: 10px;
}

.ui-messages {
  display: inline-block;
}
.ui-messages .ui-messages-error {
  background-color: transparent;
  border: 0;
}
.ui-messages .ui-messages-error:after {
  clear: both;
  display: block;
  content: '';
}
.ui-messages .ui-messages-error-icon {
  width: 19px;
  height: 19px;
  background-color: #e71616;
  color: #fff;
  font-family: "Open Sans", sans-serif, black;
  font-weight: bolder;
  font-size: 14px;
  background-image: none;
  display: block;
  float: left;
  border-radius: 19px;
  position: relative;
  margin-top: 0;
}
.ui-messages .ui-messages-error-icon:before {
  content: "!";
  color: #fff;
  font-family: "Open Sans", sans-serif, black;
  font-weight: 800;
  font-size: 14px;
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 19px;
  text-align: center;
}
.ui-messages .ui-messages-error-detail {
  font-family: "Open Sans", sans-serif, black;
  font-weight: bold;
  color: #e71616;
  font-size: 14px;
}
.ui-messages ul {
  float: left;
  margin-left: 7px;
}

.ui-button-text:before {
  margin-top: -1.5px;
}

.button-with-new-design {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
  height: 25px;
}
.button-with-new-design .ui-button-text {
  padding-top: 3px;
}
.button-with-new-design .ui-button-text:before {
  content: none;
}
.button-with-new-design .ui-button-text:after {
  color: #006dc3;
}
.button-with-new-design.internet-explorer .ui-button-text {
  padding-top: 0px;
  padding-bottom: 0px;
}
.button-with-new-design.internet-explorer .ui-button-text:after {
  color: #006dc3;
}
.button-with-new-design.right-filter {
  margin-top: 10px;
  margin-right: 10px;
}

.button-with-new-design:hover {
  background-color: #006dc3;
  color: white;
}
.button-with-new-design:hover .ui-button-text:after {
  background-color: #006dc3;
  color: white;
}

.button-with-new-design:disabled {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
}

.choose-file-button-new-design .ui-button-text {
  padding-top: 4px;
}
.choose-file-button-new-design.internet-explorer .ui-button-text {
  padding-top: 7px;
}
.choose-file-button-new-design .ui-fileupload-buttonbar .ui-button.ui-state-default {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
  height: 24px;
}
.choose-file-button-new-design .ui-fileupload-buttonbar .ui-button.ui-state-hover {
  background-color: #006dc3;
  color: white;
}
.choose-file-button-new-design .ui-fileupload-simple .ui-button span.ui-button-icon-left.ui-icon-plusthick, .choose-file-button-new-design .ui-fileupload-buttonbar .ui-button span.ui-button-icon-left.ui-icon-plusthick {
  display: none;
}

.choose-file-button-new-design:disabled {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
}

.selectOneButtonNewDesign {
  float: left;
}
.selectOneButtonNewDesign .ui-button {
  margin-right: 5px;
}
.selectOneButtonNewDesign .ui-button-text {
  padding-top: 4px;
}
.selectOneButtonNewDesign .ui-button {
  height: 25px;
  background-color: transparent;
  color: #006dc3;
}
.selectOneButtonNewDesign .ui-button.ui-state-active {
  background-color: #006dc3;
  color: white;
}
.selectOneButtonNewDesign .ui-button.ui-state-hover {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
}
.selectOneButtonNewDesign.internet-explorer .ui-button-text {
  padding-top: 5px;
}

.left-side-navigation-sticky-buttons-layout .ui-button-text:before, .buttons.side-navigation-button-layout .ui-button-text:before {
  content: none;
}
.left-side-navigation-sticky-buttons-layout .ui-button, .buttons.side-navigation-button-layout .ui-button, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-yes, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-yes, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-no, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-no, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-btn, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-btn {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
  height: 25px;
}
.left-side-navigation-sticky-buttons-layout .ui-button .ui-button-text, .buttons.side-navigation-button-layout .ui-button .ui-button-text, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-yes .ui-button-text, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-yes .ui-button-text, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-no .ui-button-text, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-no .ui-button-text, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-btn .ui-button-text, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-btn .ui-button-text {
  padding-top: 3px;
}
.left-side-navigation-sticky-buttons-layout .ui-button .ui-button-text:after, .buttons.side-navigation-button-layout .ui-button .ui-button-text:after, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-yes .ui-button-text:after, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-yes .ui-button-text:after, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-no .ui-button-text:after, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-no .ui-button-text:after, .left-side-navigation-sticky-buttons-layout .ui-button.ui-confirmdialog-btn .ui-button-text:after, .buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-btn .ui-button-text:after {
  color: #006dc3;
}
.left-side-navigation-sticky-buttons-layout.internet-explorer .ui-button .ui-button-text, .internet-explorer.buttons.side-navigation-button-layout .ui-button .ui-button-text, .left-side-navigation-sticky-buttons-layout.internet-explorer .ui-button.ui-confirmdialog-yes .ui-button-text, .internet-explorer.buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-yes .ui-button-text, .left-side-navigation-sticky-buttons-layout.internet-explorer .ui-button.ui-confirmdialog-no .ui-button-text, .internet-explorer.buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-no .ui-button-text, .left-side-navigation-sticky-buttons-layout.internet-explorer .ui-button.ui-confirmdialog-btn .ui-button-text, .internet-explorer.buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-btn .ui-button-text {
  padding-top: 5px;
}
.left-side-navigation-sticky-buttons-layout.internet-explorer .ui-button .ui-button-text:after, .internet-explorer.buttons.side-navigation-button-layout .ui-button .ui-button-text:after, .left-side-navigation-sticky-buttons-layout.internet-explorer .ui-button.ui-confirmdialog-yes .ui-button-text:after, .internet-explorer.buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-yes .ui-button-text:after, .left-side-navigation-sticky-buttons-layout.internet-explorer .ui-button.ui-confirmdialog-no .ui-button-text:after, .internet-explorer.buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-no .ui-button-text:after, .left-side-navigation-sticky-buttons-layout.internet-explorer .ui-button.ui-confirmdialog-btn .ui-button-text:after, .internet-explorer.buttons.side-navigation-button-layout .ui-button.ui-confirmdialog-btn .ui-button-text:after {
  color: #006dc3;
}
.left-side-navigation-sticky-buttons-layout .ui-button.ui-state-hover, .buttons.side-navigation-button-layout .ui-button.ui-state-hover {
  background-color: #006dc3;
  color: white;
}
.left-side-navigation-sticky-buttons-layout .ui-button.ui-state-hover .ui-button-text:after, .buttons.side-navigation-button-layout .ui-button.ui-state-hover .ui-button-text:after {
  background-color: #006dc3;
  color: white;
}
.left-side-navigation-sticky-buttons-layout .ui-button.ui-state-disabled, .buttons.side-navigation-button-layout .ui-button.ui-state-disabled {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
}

.split-button .ui-button {
  background-color: transparent;
  color: #006dc3;
  border: 1px solid #006dc3;
  height: 25px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.split-button .ui-button .ui-button-icon-left, .split-button .ui-button .ui-icon, .split-button .ui-button .ui-icon-triangle-1-s {
  margin-top: -6px;
}
.split-button .ui-button .ui-button-text {
  padding-top: 3px;
}
.split-button .ui-button .ui-button-text:before {
  content: none;
}
.split-button .ui-button .ui-button-text:after {
  color: #006dc3;
}
.split-button .ui-button-text-only {
  border-right: 0px;
}
.split-button .ui-button-icon-only {
  border-left: 0px;
  width: 20px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.split-button.internet-explorer .ui-button .ui-button-text {
  padding-top: 5px;
}
.split-button.internet-explorer .ui-button .ui-button-text:after {
  color: #006dc3;
}

.split-button:hover .ui-button {
  background-color: #006dc3;
  color: white;
}
.split-button:hover .ui-button .ui-button-text:after {
  background-color: #006dc3;
  color: white;
}

.ui-datatable.schankanlagen-documentations td {
  height: 25px;
}
@media screen and (max-width: 1600px) {
  .ui-datatable.schankanlagen-documentations .client-name {
    display: none;
  }
}
.ui-datatable.schankanlagen-documentations .client-num {
  width: 100px;
}
@media screen and (max-width: 1550px) {
  .ui-datatable.schankanlagen-documentations .email {
    display: none;
  }
}
@media screen and (max-width: 1550px) {
  .ui-datatable.schankanlagen-documentations .telefon {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .ui-datatable.schankanlagen-documentations .address {
    display: none;
  }
}
@media screen and (max-width: 1350px) {
  .ui-datatable.schankanlagen-documentations .qs {
    display: none;
  }
}
@media screen and (max-width: 1250px) {
  .ui-datatable.schankanlagen-documentations .brewery {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  .ui-datatable.schankanlagen-documentations .afg-barrel {
    display: none;
  }
}
@media screen and (max-width: 1050px) {
  .ui-datatable.schankanlagen-documentations .cleaner {
    display: none;
  }
}
.ui-datatable.schankanlagen-documentations .ui-datatable-scrollable-body {
  overflow-x: hidden;
  overflow-y: auto;
}

.eventEdit-filter .firefox#reorder-navigation.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
  margin-top: 7px;
}
.eventEdit-filter .internet-explorer#reorder-navigation.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
  margin-top: 5px;
}
.eventEdit-filter .chrome#reorder-navigation.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
  margin-top: 9px;
}

.flex-field {
  display: inline-flex;
  flex: auto;
  margin-left: 5px;
}
.flex-field.first {
  margin-left: 0px !important;
}

.flex-field-row {
  display: inline-flex !important;
  width: 100%;
}

.field .ui-inputfield {
  padding-left: 0;
}