/*
    Allgemeine CSS Einstellung
*/

@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: normal;
  src: local("PT Sans"), local("PTSans-Regular"),
    url("fonts/PT_Sans.ttf") format("truetype");
}

html {
  overflow-y: scroll;
}

body {
  color: #434343;
  background: #ffffff;
  font-family: PT Sans, Arial, sans-serif;
}

.kh-waitingIcon {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -16px;
  z-index: 9999;
}

.kh-invisible {
  display: none;
}
#KHContent {
  max-width: 1200px;
  margin: 0 auto;
}

#wait-dialog #wait-progress {
  display: none;
}

#wait-dialog .kh-form-waiting-dialog-message,
#kh-apiWaitDialog .kh-api-waiting-dialog-message {
  display: flex;
}

#wait-dialog
  .kh-form-waiting-dialog-message
  .kh-form-waiting-dialog-circle-icon,
#kh-apiWaitDialog
  .kh-api-waiting-dialog-message
  .kh-api-waiting-dialog-circle-icon {
  flex-grow: 0;
  padding: 0 5px;
  align-self: center;
  min-width: 46px;
}

#wait-dialog .kh-form-waiting-dialog-message .kh-form-waiting-dialog-text,
#kh-apiWaitDialog .kh-api-waiting-dialog-message .kh-api-waiting-dialog-text {
  flex-grow: 1;
  padding-right: 8px;
}

/********************************
    CSS  für M:* Element
*********************************/
.kh-hint > img {
  width: 0.8em;
  height: 0.8em;
  display: inline;
  margin-right: 0.5em;
}
span.kh-hint {
  color: blue;
}
.kh-hint > img {
  width: 0.8em;
  height: 0.8em;
  display: inline;
  margin-right: 0.5em;
}

span.kh-error {
  color: red;
}
.kh-error > img {
  width: 0.8em;
  height: 0.8em;
  display: inline;
  margin-right: 0.5em;
}

span.kh-important {
  font-weight: bold;
}

span.kh-comment {
  color: gray;
  font-style: italic;
}

span.kh-quote {
  font-style: italic;
}

span.kh-underline {
  text-decoration: underline;
}

/*******************************
* CSS für Canvas
********************************/
.menu-icon {
  position: absolute;
  left: 15px;
  z-index: 12;
}

.kh-menu-icon-hidden {
  display: none;
}

@media screen and (max-width: 39.9375em) {
  .menu-icon {
    top: 11px;
  }
}

@media screen and (max-width: 63.9375em) {
  .kh-canvas-block-menu {
    display: none;
  }
}

@media screen and (min-width: 40em) {
  .menu-icon {
    top: 30px;
  }
}

.off-canvas-absolute {
  min-width: 370px;
  padding: 50px 10px;
}
.off-canvas-absolute > .close-button {
  appearance: none !important;
  -moz-appearance: none !important; /* Firefox */
  -webkit-appearance: none !important; /*Chrom*/
  outline: none;
  color: #0093d9;
}

/*******************************
*  CSS für L:gridlayout
********************************/
.grid-x > .vertical-middle,
.kh-topbar > .vertical-middle {
  align-self: center;
}
.grid-x > .vertical-top,
.kh-topbar > .vertical-top {
  align-self: flex-start;
}
.grid-x > .vertical-bottom,
.kh-topbar > .vertical-bottom {
  align-self: flex-end;
}

.kh-gridlayout-verticalseperatoholder {
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
  box-sizing: border-box;
  min-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

@media screen and (min-width: 40em) {
  #KHContent > .kh-gridlayout,
  .Ajaxcontent > .kh-gridlayout {
    padding-left: 0.9375rem;
  }
  #KHContent > .kh-gridlayout > .kh-part,
  .Ajaxcontent > .kh-gridlayout > .kh-part {
    padding-left: 0px;
  }
}

/***************************
  CSS für highChart
******************************/

.kh-highChart {
  position: relative;
  margin: 0 auto;
}

.kh-highchart-switch {
  position: absolute;
  cursor: pointer;
}

.kh-highchart-switch-tooltip {
  display: none;
}

.kh-highchart-switch img {
  width: 0.85em;
}

/************************************
* CSS für Kh
*************************************/

#kh-web-header {
  height: 69px;
  background: #0093d9;
  margin-bottom: 20px;
}

#kh-web-header-content {
  max-width: 1200px;
  min-width: 350px;
  height: 69px;
  background: #0093d9;
  margin: 0 auto;
}

#kh-web-header-content .kh-topbar {
  height: 69px;
  background: #0093d9;
  margin: 0;
  padding: 0;
}
#kh-web-header-content .kh-topbar .kh-topbar-left,
#kh-web-header-content .kh-topbar .kh-topbar-right {
  flex: 0 1 auto;
}

#kh-web-header-content .kh-topbar .kh-topbar-left a {
  display: inline-block;
  margin-left: 35px;
}

@media screen and (max-width: 63.9375em) {
  #kh-web-header-content .kh-topbar .kh-topbar-left a {
    margin-left: 50px;
  }
}

@media screen and (max-width: 39.9375em) {
  #kh-web-header-content .kh-topbar .kh-topbar-left img {
    width: 155px;
  }
  #kh-web-header,
  #kh-web-header-content,
  #kh-web-header-content .kh-topbar {
    height: 37px;
  }
}

#kh-web-header-content .kh-topbar .kh-topbar-right {
  color: #bcdfed;
}

#kh-web-header-content .kh-topbar .kh-topbar-right .kh-icon {
  width: 16px;
  color: #bcdfed;
  font-size: 20px;
}

#kh-web-header-content .kh-topbar .kh-topbar-right .kh-text {
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-size: 12px;
  margin-left: -5px;
  margin-right: 20px;
  color: #bcdfed;
}

#kh-web-header-content .kh-topbar .kh-topbar-right #kh-web-header-menu {
  color: white;
}

.kh-web-footer .kh-withApi:hover,
.kh-web-footer .kh-PopupLink:hover,
.kh-web-footer .kh_gotodocument_link:hover {
  color: #016595;
}

.kh-web-footer .kh-withApi,
.kh-web-footer .kh-PopupLink,
.kh-web-footer .kh_gotodocument_link {
  color: #ffffff;
}

/************************************
* CSS für Api Element
*************************************/

.kh_gotodocument_link {
  display: inline;
}

.kh-withApi,
.kh_gotodocument_link {
  cursor: pointer;
  color: #0093d9;
}

.kh-withApi:hover,
.kh_gotodocument_link:hover,
.kh-PopupLink:hover {
  color: #016595;
}

.kh-button.kh-withApi:not(.kh-button-disabled):hover,
.kh-button.kh_gotodocument_link:not(.kh-button-disabled):hover {
  color: #ffffff;
  background-color: #004e6d;
}

#kh-web-header-content .kh-topbar .kh-topbar-right .kh-withApi:hover .kh-text,
#kh-web-header-content .kh-topbar .kh-topbar-right .kh-withApi:hover .kh-icon,
.kh-block-visualtype-secondary .kh-withApi:hover,
.kh-block-visualtype-secondary .kh_gotodocument_link:hover,
.kh-block-visualtype-highlight .kh-withApi:hover,
.kh-block-visualtype-highlight .kh_gotodocument_link:hover,
.kh-block-visualtype-important .kh-withApi:hover,
.kh-block-visualtype-important .kh_gotodocument_link:hover {
  color: #ffffff;
}

/************************************
* CSS für L:loginmask Element
*************************************/

.kh-login-mask {
  color: #434343;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  padding: 36px 65px 60px 45px;
  border: 5px solid #0093d9;
}

@media screen and (max-width: 39.9375em) {
  .kh-login-mask {
    border-color: transparent;
  }
}

.kh-login-mask label {
  color: #434343;
}

.grid-x.kh-login-mask-caption {
  color: #0093d9;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.kh-login-mask-salutation {
  margin-bottom: 10px;
  font-size: 15px;
}

.kh-login-mask-input input {
  border: 1px solid #0093d9;
}

.kh-login-mask .kh-form .kh-rowlayout-row {
  margin-bottom: 15px;
}

.kh-login-mask-button .kh-button {
  margin-top: 15px;
}

.kh-login-help {
  position: relative;
}

.kh-password-link > span,
.kh-registration-link > span {
  font-size: 12px;
  color: #434343;
  font-style: italic;
  text-decoration-line: underline;
}

.kh-login-mask-post {
	margin-top: 20px;
}

@media screen and (min-width: 40em) {
	.kh-password-link, .kh-registration-link {
    height: 50%;
    padding: 28px 0 0 30px;
    margin-bottom: 2px;
  }
}

/****************************
    CSS  für pageheader
****************************/

body > .kh-pageheader:first-of-type {
  margin-top: 0;
}

body > .kh-h1:first-of-type {
  margin-top: 0;
}

div#KHContent > .kh-h1:first-of-type {
  margin-top: 0;
}

div#KHContent > .kh-pageheader:first-of-type {
  margin-top: 0;
}

.kh-pageheader {
  font-size: 22px;
  color: #0093d9;
  margin-left: 0px;
  text-align: left;
  font-weight: normal;
  border: 0px;
  padding: 3px 10px;
  margin-top: 35px;
  font-family: PT Sans, Arial, sans-serif;
}

.kh-h1 {
  font-size: 24px;
  font-weight: bold;
  font-family: PT Sans, Arial, sans-serif;
  margin-left: 0;
  margin: 20px 0 10px 0;
  padding: 3px 5px 3px 0px;
  text-align: left;
  color: #0093d9;
}

.kh-h2 {
  color: #004e6d;
  font-size: 15px;
  font-weight: bold;
  margin: 15px 0 0 0;
  padding: 3px 5px 8px 0px;
  text-align: left;
}

.kh-h3,
.kh-h4,
.kh-h5,
h3,
h4,
h5 {
  font-weight: bold;
  line-height: normal;
  padding: 0 10px 0 0;
  color: #004e6d;
}

.kh-h3,
h3 {
  font-size: 14px;
}

.kh-h4,
h4 {
  font-size: 13px;
}

.kh-h5,
h5 {
  font-size: 12px;
}

.kh-h7,
.kh-h8,
.kh-h6,
h6 {
  font-size: 12px;
  font-weight: normal;
  padding: 0 10px 0 0;
}

.kh-defaultTopmarginHeader {
  margin-top: 30px;
}

.kh-noneTopmarginHeader {
  margin-top: 0px;
}

.kh-smallTopmarginHeader {
  margin-top: 5px;
}

.kh-mediumTopmarginHeader {
  margin-top: 15px;
}

.kh-bigTopmarginHeader {
  margin-top: 30px;
}

td.details > .kh-defaultTopmarginHeader:first-child {
  margin-top: 10px;
}

/*****************************
	Styles für L:icon
******************************/

.kh-icon {
  margin: 0 10px;
}

/******************************
  Styles für L:category
*******************************/
.kh-newslist-item-category {
  display: inline-block;
  width: 24px;
  border-radius: 15px;
  margin-right: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
}

.kh-newslist-item-category.kh-category-visualtype-standard {
  background-color: #ffffff;
  color: #004e6d;
}

.kh-newslist-item-category.kh-category-visualtype-important {
  background-color: #004e6d;
  color: #ffffff;
}

.kh-newslist-item-category.kh-category-visualtype-secondary {
  background-color: #9f9972;
  color: #ffffff;
}

.kh-newslist-item-category.kh-category-visualtype-highlight {
  background-color: #ff2e63;
  color: #ffffff;
}
/****************************
  Styles  für L:tooltip
****************************/

.kh-tooltip,
.kh-grid-header-tooltip {
  display: none;
}

#tooltip {
  opacity: 1;
}

/*****************************
	Styles für L:textblock
******************************/

.kh-text,
.kh-textblock {
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-size: 15px;
}

.kh-textblock {
  white-space: pre-wrap;
  text-align: left;
  margin-bottom: 10px;
}

/*****************************
	Styles für L:frame
******************************/
.kh-frame{
	border: solid #0093d9 2px;
	border-radius: 5px;
	padding: 5px 10px;
}
.kh-frame>legend>table{
	margin: 0;
}
.kh-frame>legend>table>tbody {
	outline: none;
	border: none;
}
.kh-frame>legend>table>tbody>tr>td{
	padding: 0 2px;;
}

.kh-frame>legend>table>tbody>tr>td:first-child>.kh-expandableIcon:after
{
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    position: relative;
    color: #0093d9;
    font-weight: 600;
}

legend.kh-expandableOpen .kh-expandableIcon:after
{
	content: "\f0aa";
}

legend.kh-expandableClosed .kh-expandableIcon:after
{
	content: "\f0ab";
}

/*****************************
	Styles für L:block
******************************/

.kh-block-visualtype-standard-gradient > .kh-modern-block-caption,
.kh-block-visualtype-standard-fill > .kh-modern-block-caption,
.kh-block-visualtype-important > .kh-modern-block-caption,
.kh-block-visualtype-secondary > .kh-modern-block-caption,
.kh-block-visualtype-highlight > .kh-modern-block-caption {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
}

.kh-modern-block-caption-icon {
  cursor: pointer;
  font-size: 40px;
}

.kh-block-visualtype-standard-gradient
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-standard-fill
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-important
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-secondary
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-highlight
  > .kh-modern-block-content
  > .kh-modern-block-main-content {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
}

.kh-modern-block-main-content {
  /* Die Margin-Top von Element in Main-Content kann die Main Content Block
   nach Unter schieben, wenn padding top 0 ist => padding top 1px */
  padding: 1px 36px 25px 36px;
}

.kh-modern-block-with-sub .kh-modern-block-main-content {
  padding: 0 36px 80px 36px;
}

.kh-modern-block
  > .kh-modern-block-content:first-child
  > .kh-modern-block-main-content {
  padding-top: 25px;
}

.kh-modern-block-sub {
  margin: -11px 10px 15px 10px;
  padding: 30px 26px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16), -1px 1px 3px rgba(0, 0, 0, 0.16);
}

.kh-modern-block,
.kh-modern-block-main-content {
  position: relative;
}

.kh-modern-block {
  margin-bottom: 16px;
}

.kh-modern-block.kh-modern-equal-block {
  display: flex;
  flex-direction: column;
}

.kh-modern-block.kh-modern-equal-block > .kh-modern-block-caption {
  flex-grow: 0;
}

.kh-modern-block.kh-modern-equal-block > .kh-modern-block-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.kh-modern-block.kh-modern-equal-block
  > .kh-modern-block-content
  > .kh-modern-block-main-content {
  flex-grow: 1;
}

.kh-block-visualtype-standard-gradient
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-standard-gradient > .kh-modern-block-caption {
  background: linear-gradient(90deg, #ffffff, #f4f4f4);
}

.kh-block-visualtype-standard-fill
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-standard-fill > .kh-modern-block-caption {
  background: #f4f4f4;
}

.kh-block-visualtype-important
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-important > .kh-modern-block-caption {
  background: #0093d9;
}

.kh-block-visualtype-secondary
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-secondary > .kh-modern-block-caption {
  background: #9f9972;
}

.kh-block-visualtype-highlight
  > .kh-modern-block-content
  > .kh-modern-block-main-content,
.kh-block-visualtype-highlight > .kh-modern-block-caption {
  background: #ff2e63;
}

.kh-modern-block-content {
  margin-bottom: 0;
  margin-top: 0;
}

.kh-modern-block-caption + .kh-modern-block-content {
  margin-top: 0;
}

.kh-modern-block-caption {
  color: #004e6d;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-weight: bold;
  font-size: 24px;
  padding: 18px 36px 18px;
}

.kh-modern-block-caption.kh-modern-block-caption-level-2 {
  font-weight: bold;
  font-size: 16px;
  padding: 8px 36px 10px;
}

.kh-modern-block-content .kh-modern-block-caption {
  padding-left: 18px;
}

.kh-modern-block-expandable .kh-modern-block-caption {
  padding: 6px 36px 6px 34px;
  cursor: pointer;
}

@media screen and (max-width: 39.9375em) {
  .kh-modern-block-caption,
  .kh-modern-block-main-content,
  .kh-modern-block-expandable .kh-modern-block-caption {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.kh-modern-block-sub-icon {
  position: absolute;
  right: 40px;
  bottom: -20px;
  color: #ffffff;
  background: #0093d9;
  border-radius: 25px;
  width: 44px;
  height: 44px;
  text-align: center;
  padding-top: 6px;
}

.kh-modern-block-sub-icon:hover {
  background: #004e6d;
  cursor: pointer;
}

.kh-modern-block-sub-icon.kh-modern-block-sub-disabled {
  background: #aaaaaa;
  opacity: 0.5;
}

.kh-modern-block-sub-icon .kh-icon {
  font-size: 22px;
  cursor: pointer;
  margin: 0 0 0 1px;
}

/* Farb-Festlegungen - Anfang */

.kh-block-visualtype-standard-fill,
.kh-block-visualtype-standard-gradient {
  color: #434343;
}

.kh-block-visualtype-important,
.kh-block-visualtype-secondary,
.kh-block-visualtype-highlight {
  color: #ffffff;
}

.kh-block-visualtype-standard-fill .kh-PopupLink:hover,
.kh-block-visualtype-standard-fill .kh-withApi:hover,
.kh-block-visualtype-standard-fill .kh_gotodocument_link:hover,
.kh-block-visualtype-standard-gradient .kh-PopupLink:hover,
.kh-block-visualtype-standard-gradient .kh-withApi:hover,
.kh-block-visualtype-standard-gradient .kh_gotodocument_link:hover {
  color: #016595;
}

.kh-block-visualtype-important .kh-PopupLink:hover,
.kh-block-visualtype-important .kh-withApi:hover,
.kh-block-visualtype-important .kh-withApi:hover,
.kh-block-visualtype-secondary .kh-PopupLink:hover,
.kh-block-visualtype-secondary .kh-withApi:hover,
.kh-block-visualtype-secondary .kh-withApi:hover,
.kh-block-visualtype-highlight .kh-PopupLink:hover,
.kh-block-visualtype-highlight .kh-withApi:hover,
.kh-block-visualtype-highlight .kh-withApi:hover {
  color: #016595;
}

.kh-block-visualtype-important .kh-modern-block-sub,
.kh-block-visualtype-secondary .kh-modern-block-sub,
.kh-block-visualtype-highlight .kh-modern-block-sub {
  color: #434343;
}

.kh-modern-block-caption-text,
.kh-modern-block-caption-text .kh-text {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.kh-block-visualtype-important
  > .kh-modern-block-caption
  .kh-modern-block-caption-text,
.kh-block-visualtype-important
  > .kh-modern-block-caption
  .kh-modern-block-caption-text
  .kh-text,
.kh-block-visualtype-important > .kh-modern-block-caption,
.kh-block-visualtype-important > .kh-modern-block-caption .kh-withApi,
.kh-block-visualtype-highlight
  > .kh-modern-block-caption
  .kh-modern-block-caption-text,
.kh-block-visualtype-highlight
  > .kh-modern-block-caption
  .kh-modern-block-caption-text
  .kh-text,
.kh-block-visualtype-highlight > .kh-modern-block-caption,
.kh-block-visualtype-highlight > .kh-modern-block-caption .kh-withApi,
.kh-block-visualtype-secondary
  > .kh-modern-block-caption
  .kh-modern-block-caption-text,
.kh-block-visualtype-secondary
  > .kh-modern-block-caption
  .kh-modern-block-caption-text
  .kh-text,
.kh-block-visualtype-secondary > .kh-modern-block-caption,
.kh-block-visualtype-secondary > .kh-modern-block-caption .kh-withApi {
  color: #ffffff;
}

.kh-block-visualtype-standard-fill
  > .kh-modern-block-caption
  .kh-modern-block-caption-text,
.kh-block-visualtype-standard-fill
  > .kh-modern-block-caption
  .kh-modern-block-caption-text
  .kh-text,
.kh-block-visualtype-standard-fill > .kh-modern-block-caption,
.kh-block-visualtype-standard-fill > .kh-modern-block-caption .kh-withApi:hover,
.kh-block-visualtype-standard-gradient
  > .kh-modern-block-caption
  .kh-modern-block-caption-text,
.kh-block-visualtype-standard-gradient
  > .kh-modern-block-caption
  .kh-modern-block-caption-text
  .kh-text,
.kh-block-visualtype-standard-gradient > .kh-modern-block-caption,
.kh-block-visualtype-standard-gradient
  > .kh-modern-block-caption
  .kh-withApi:hover {
  color: #016595;
}

.kh-block-visualtype-standard-fill > .kh-modern-block-caption .kh-withApi,
.kh-block-visualtype-standard-gradient > .kh-modern-block-caption .kh-withApi {
  color: #0093d9;
}

.kh-modern-block-header-expandableClosed > .kh-block-sub-opened,
.kh-modern-block-header-expandableOpen > .kh-block-sub-closed {
  display: none;
}

.kh-modern-block-sub-expandableClosed > .kh-block-sub-opened,
.kh-modern-block-sub-expandableOpen > .kh-block-sub-closed,
.kh-modern-block-sub-disabled > .kh-block-sub-closed,
.kh-modern-block-sub-disabled > .kh-block-sub-opened,
.kh-modern-block-sub-activ > .kh-block-sub-disabled {
  display: none;
}

/* Farb-Festlegungen - Ende */

.kh-modern-block-header-actions {
  position: relative;
  left: 30px;
  top: -10px;
}

.kh-block-actions-icon {
  position: relative;
  font-size: 24px;
  cursor: pointer;
  z-index: 1002;
}

.kh-block-actions-import-icon {
  font-size: 15px;
  position: absolute;
  top: -2px;
  left: 22px;
}

.kh-block-actions-menu {
  position: absolute;
  font-size: 15px;
  padding: 0;
  z-index: 1001;
  right: 0;
  top: -3px;
}

.kh-block-actions-menu > ul {
  /*border: 1px #afafaf solid;*/
  min-width: 100px;
  margin: 0;
  padding: 35px 30px 15px 20px;
  font-weight: normal;
}

.kh-block-actions-menu > ul > li {
  padding: 2px 5px;
}

.kh-block-action-item > a {
  display: inline-block;
  margin-left: 25px;
  position: relative;
}

.kh-block-action-item > a > .kh-icon {
  position: absolute;
  margin: 0 0 0 5px;
  width: 20px;
  left: -30px;
}

.kh-block-actions-menu-closed {
  display: none;
}

.kh-block-actions-menu ul {
  background-color: #ffffff;
  list-style: none;
}

.kh-block-visualtype-important
  > .kh-modern-block-caption
  .kh-block-actions-menu
  ul,
.kh-block-visualtype-secondary
  > .kh-modern-block-caption
  .kh-block-actions-menu
  ul,
.kh-block-visualtype-highlight
  > .kh-modern-block-caption
  .kh-block-actions-menu
  ul {
  background-color: #016595;
}

/*****************************
	Styles für L:blocknavigation
******************************/

@media screen and (min-width: 40em) {
  .kh-part.medium-shrink .kh-blocknavigation {
    width: 324px;
  }
  .kh-canvas-menu > .kh-blocknavigation {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .kh-blocknavigation {
    width: 324px;
  }
}

.kh-blocknavigation-head {
  background: #f4f4f4;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
  padding: 30px 10px;
  margin-bottom: 16px;
}

.kh-blocknavigation-head-icon .kh-icon {
  color: #0093d9;
  font-size: 32px;
  margin-right: 15px;
  line-height: 1;
}

.kh-blocknavigation-head-caption {
  color: #0093d9;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
  margin-left: 16px;
}

.kh-blocknavigation-head.kh-blocknavigation-head-with-icon
  .kh-blocknavigation-head-caption {
  margin-left: 0;
}

.kh-blocknavigation-head-content {
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-size: 15px;
  margin-top: 16px;
  margin-left: 16px;
}

.kh-blocknavigation-items-item {
  background: #f4f4f4;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
  padding: 15px 26px;
  margin-bottom: 16px;
}

.kh-blocknavigation-items-item-with-content {
  padding: 22px 26px;
}

.kh-blocknavigation-items-item-with-api:hover {
  background: #ffffff;
  cursor: pointer;
}

.kh-blocknavigation-items-item-with-api:hover
  .kh-blocknavigation-items-item-icon
  .kh-icon,
.kh-blocknavigation-items-item-with-api:hover
  .kh-blocknavigation-items-item-caption {
  color: #0093d9;
}

.kh-blocknavigation-items-item-icon {
  min-width: 35px;
}

.kh-blocknavigation-items-item-icon .kh-icon {
  color: #004e6d;
  font-size: 21px;
  margin: 0 0 15px 0;
  width: 30px;
}

.kh-blocknavigation-items-item-caption {
  color: #004e6d;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-weight: bold;
  font-size: 15px;
}

.kh-blocknavigation-items-item-content {
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-size: 15px;
  margin-left: 35px;
}

/* Farb-Festlegungen - Anfang */

.kh-blocknavigation-items-item-type-standard {
  background: #f4f4f4;
  color: #000000;
}

.kh-blocknavigation-items-item-type-standard
  .kh-blocknavigation-items-item-icon
  .kh-icon,
.kh-blocknavigation-items-item-type-standard
  .kh-blocknavigation-items-item-caption {
  color: #004e6d;
}

.kh-blocknavigation-items-item-type-important {
  color: #ffffff;
  background: #0093d9;
}

.kh-blocknavigation-items-item-type-important
  .kh-blocknavigation-items-item-icon
  .kh-icon,
.kh-blocknavigation-items-item-type-important
  .kh-blocknavigation-items-item-caption {
  color: #ffffff;
}

.kh-blocknavigation-items-item-type-secondary {
  color: #ffffff;
  background: #9f9972;
}

.kh-blocknavigation-items-item-type-secondary
  .kh-blocknavigation-items-item-icon
  .kh-icon,
.kh-blocknavigation-items-item-type-secondary
  .kh-blocknavigation-items-item-caption {
  color: #ffffff;
}

.kh-blocknavigation-items-item-selected {
  background: #ffffff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
}

.kh-blocknavigation-items-item-selected.kh-blocknavigation-items-item-checked {
  color: #0093d9;
}

.kh-blocknavigation-items-item-checked {
  color: #004e6d;
}

.kh-blocknavigation-items-item-checked .kh-icon {
  font-size: 20px;
}

.kh-blocknavigation-items-item-selected
  .kh-blocknavigation-items-item-icon
  .kh-icon,
.kh-blocknavigation-items-item-selected .kh-blocknavigation-items-item-caption {
  color: #0093d9;
}

.kh-blocknavigation-items-item-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.kh-blocknavigation-items-back {
  background: #004e6d;
  color: #ffffff;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-weight: bold;
  font-size: 15px;
}

.kh-blocknavigation-items-back:hover {
  color: #0093d9;
}

.kh-blocknavigation-items-back .kh-icon {
  color: #ffffff;
}

/* Farb-Festlegungen - Ende */

/*****************************
	Styles für L:blockmenu
******************************/

.kh-blockmenu {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
  margin-bottom: 16px;
  background: #f4f4f4;
}

.kh-blockmenu h2 {
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-weight: bold;
  font-size: 24px;
  color: #004e6d;
  padding: 30px 26px 0 26px;
}

.kh-blockmenu-item {
  padding: 5px 20px 20px 26px;
  font-family: "Pt Sans", Arial, Sans-Serif;
}

.kh-blockmenu-item:hover {
  background: #ffffff;
  cursor: pointer;
}

.kh-blockmenu-item-icon .kh-icon {
  color: #004e6d;
  font-size: 21px;
  margin: 0px;
  min-width: 35px;
  display: inline-block;
}

.kh-blockmenu-item:hover .kh-blockmenu-item-icon .kh-icon,
.kh-blockmenu-item:hover .kh-blockmenu-item-caption {
  color: #0093d9;
}

.kh-blockmenu-item-caption {
  color: #004e6d;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-weight: bold;
  font-size: 15px;
}

.kh-blockmenu-item-content {
  color: #434343;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-size: 15px;
  margin-left: 35px;
}

.kh-blockmenu-item-selected {
  background: #ffffff;
}

.kh-blockmenu-item-selected .kh-blockmenu-item-icon .kh-icon,
.kh-blockmenu-item-selected .kh-blockmenu-item-caption {
  color: #0093d9;
}

/*****************************
	Styles für L:breadcrumb
******************************/

.kh-breadcrumb {
  margin-left: 41px;
}

.breadcrumbs li {
  text-transform: none;
  color: #848484;
  font-size: 12px;
}

.kh-breadcrumb-home svg,
.breadcrumbs li a {
  color: #848484;
}

.kh-breadcrumb-home .kh-icon {
  margin: 0;
}

.kh-breadcrumb-home svg:hover {
  color: #004e6d;
}

.breadcrumbs li.kh-breadcrumbs-activ a {
  color: #0093d9;
}

.breadcrumbs .kh-breadcrumb-hinttext {
  color: #848484;
}

.breadcrumbs li.kh-breadcrumb-hinttext:after {
  content: "";
  margin: 0 5px;
}

.kh-breadcrumbs-without-seperator.breadcrumbs li:not(:last-child)::after {
  content: "";
  margin: 0 0 0 5px;
}

/*****************************
	Styles für L:newslist
******************************/

.kh-newslist-item {
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;
}

.kh-newslist-item-icon {
  width: 14px;
  color: #004e6d;
}

.kh-newslist-collapse-text {
  text-align: right;
}

.kh-newslist-showmoretext {
  margin-top: 10px;
}

.kh-newslist-collapse-text > .kh-text.kh-PopupLink {
  text-decoration: underline;
}

.kh-block-visualtype-highlight
  .kh-newslist-collapse-text
  > .kh-text.kh-PopupLink,
.kh-block-visualtype-secondary
  .kh-newslist-collapse-text
  > .kh-text.kh-PopupLink,
.kh-block-visualtype-important
  .kh-newslist-collapse-text
  > .kh-text.kh-PopupLink {
  color: #ffffff;
}

.kh-newslist-item-icon > .kh-icon {
  margin-left: 0;
}

.kh-newslist-item-date {
  font-size: 12px;
  margin-right: 5px;
}

.kh-newslist-item-date:after {
  content: " |";
}

.kh-newslist-item-news .kh-withApi:hover,
.kh-newslist-item-news .kh-kh-PopupLink:hover {
  color: #004e6d;
}

.kh-newslist-item-actions {
  text-align: right;
}

@media screen and (min-width: 40em) {
  .kh-newslist-item-actions .kh-icon {
    margin-left: 18px;
  }

  .kh-newslist-item-icon {
    margin-right: 15px;
  }
}

@media screen and (max-width: 39.9375em) {
  .kh-newslist-item-text {
    order: 2;
  }
  .kh-newslist-item-date:after {
    content: "";
  }
}

.kh-newslist-item-actions .kh-icon:hover {
  color: #004e6d;
}

/*****************************
	Styles für L:rowlayout
******************************/

.kh-rlcol-label {
  font-style: italic;
}
.kh-rlcol-label > * {
  font-style: normal;
}
.kh-rlcol-label > .kh-text,
.kh-rlcol-label > .kh-textblock {
  font-style: italic;
}

.kh-rowlayout-col.kh-rlcol-data {
  word-wrap: break-word;
}

.kh-block-visualtype-important
  .kh-rowlayout-row-with-seperator
  > .kh-col:not(:last-child),
.kh-block-visualtype-secondary
  .kh-rowlayout-row-with-seperator
  > .kh-col:not(:last-child),
.kh-block-visualtype-highlight
  .kh-rowlayout-row-with-seperator
  > .kh-col:not(:last-child) {
  border-right: 1px solid #ffffff;
  padding-right: 15px;
  margin-right: 0;
}

@media screen and (max-width: 39.9375em) {
  .kh-block-visualtype-important
    .kh-rowlayout-row-with-seperator
    > .kh-col.small-12,
  .kh-block-visualtype-secondary
    .kh-rowlayout-row-with-seperator
    > .kh-col.small-12,
  .kh-block-visualtype-highlight
    .kh-rowlayout-row-with-seperator
    > .kh-col.small-12 {
    border-right-width: 0;
    margin-bottom: 15px;
    margin-right: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .kh-block-visualtype-important
    .kh-rowlayout-row-with-seperator
    > .kh-col.medium-12,
  .kh-block-visualtype-secondary
    .kh-rowlayout-row-with-seperator
    > .kh-col.medium-12,
  .kh-block-visualtype-highlight
    .kh-rowlayout-row-with-seperator
    > .kh-col.medium-12 {
    border-right-width: 0;
    margin-bottom: 15px;
  }
}

.kh-rowlayout-row-with-seperator {
  padding: 5px 0px;
}

table.kh-rowlayout-table tbody,
table.kh-rowlayout-table tfoot,
table.kh-rowlayout-table thead {
  border: 0;
  background: transparent;
}

table.kh-rowlayout-table > tbody > tr > td.vertical-middle {
  vertical-align: middle;
}

table.kh-rowlayout-table > tbody > tr > td.vertical-bottom {
  vertical-align: bottom;
}

table.kh-rowlayout-table > tbody > tr > td.vertical-top {
  vertical-align: top;
}

table.kh-rowlayout-table-transport-background > tbody > tr,
table.kh-rowlayout-table-transport-background > thead > tr {
  background: transparent;
}

table.kh-rowlayout-table-transport-background > tbody > tr > td,
table.kh-rowlayout-table-transport-background > thead > tr > th {
  padding: 0 5px;
}

table.kh-rowlayout-table-transport-background > tbody > tr > td:first-child,
table.kh-rowlayout-table-transport-background > thead > tr > th:first-child {
  padding-left: 0;
}

/*****************************
	Styles für L:button
******************************/

.ui-button {
  min-width: 125px;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-size: 15px;
  font-weight: normal !important;
  padding: 12px 30px;
  appearance: none !important;
  -moz-appearance: none !important; /* Firefox */
  -webkit-appearance: none !important; /*Chrom*/
  color: #ffffff;
}

.ui-button:focus {
  outline-style: none;
}

  .ui-button.kh-button-disabled:hover {
    color: #ffffff;
  }

.ui-button-text {
  color: inherit;
}

.kh-primaryButton,
.kh-primaryButton:focus,
.kh-primaryButton:active,
.kh-primaryButton:hover,
.kh-primaryButton.kh-button-disabled:hover {
  background: #0093d9;
  border-color: #cccccc;
}

.kh-secondaryButton,
.kh-secondaryButton:focus,
.kh-secondaryButton:active,
.kh-secondaryButton:hover,
.kh-secondaryButton.kh-button-disabled:hover {
  background: #9f9972;
  border-color: #cccccc;
}



  .kh-secondaryButton:not(.kh-button-disabled):hover,
  .kh-primaryButton:not(.kh-button-disabled):hover {
    background: #004e6d;
  }

/*****************************
	Styles für L:grid
******************************/

.kh-modern-block-main-content > .kh-responsive-gridcontainer-with-sub {
  position: relative;
  right: -36px;
  width: auto;
  margin-left: -36px;
}

.tableData {
  vertical-align: middle;
}

.kh-grid-nohead > thead {
  display: none;
}

table.dataTable.dtr-inline.collapsed
  > tbody
  > tr[role="row"]
  > td:first-child:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr[role="row"]
  > th:first-child:before {
  color: #000;
  border: none;
  box-shadow: none;
  font-family: "Font Awesome 5 Pro";
  content: "\f0c9";
  background: none;
  font-weight: 900;
  top: 50%;
  top: calc(50% - 6px);
  top: -moz-calc(50% - 6px);
  top: -webkit-calc(50% - 6px);
}

.kh-disabled-grid-aktion {
  opacity: 0.5;
}

.kh-disabled-grid-aktion a {
  pointer-events: none;
}

.kh-grid.dataTable.dtr-inline.collapsed
  tbody
  tr[role="row"]:first-child
  td:not(.kh-grid-selectable-row):first-child:before {
  top: 50%;
  top: calc(50% - 4px);
  top: -moz-calc(50% - 4px);
  top: -webkit-calc(50% - 4px);
}

.kh-grid > thead > tr > th {
  background-image: none !important;
}

.kh-grid > thead > tr > th.sorting,
.kh-grid > thead > tr > th.sorting_asc,
.kh-grid > thead > tr > th.sorting_desc {
  position: relative;
}

.kh-grid > thead > tr > th.sorting:before,
.kh-grid > thead > tr > th.sorting_asc:before,
.kh-grid > thead > tr > th.sorting_desc:before {
  content: "\f161";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  right: 5px;
  position: absolute;
  top: 5px;
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
}

.kh-grid-primary.kh-grid > thead > tr > th.sorting:before,
.kh-grid-primary.kh-grid > thead > tr > th.sorting_asc:before,
.kh-grid-primary.kh-grid > thead > tr > th.sorting_desc:before {
  color: #000000;
}
.kh-grid-secondary.kh-grid > thead > tr > th.sorting:before,
.kh-grid-secondary.kh-grid > thead > tr > th.sorting_asc:before,
.kh-grid-secondary.kh-grid > thead > tr > th.sorting_desc:before {
  top: 8px;
}

table.dataTable thead th.sorting_disabled {
  cursor: default;
}

.kh-grid > thead > tr > th.sorting:last-child:before,
.kh-grid > thead > tr > th.sorting_asc:last-child:before,
.kh-grid > thead > tr > th.sorting_desc:last-child:before {
  left: calc(100% - 18px);
}

.kh-grid > thead > tr > th.kh-tableHeader-date.sorting:before,
.kh-grid > thead > tr > th.kh-tableHeader-number.sorting:before,
.kh-grid > thead > tr > th.kh-tableHeader-date.sorting_asc:before,
.kh-grid > thead > tr > th.kh-tableHeader-number.sorting_asc:before,
.kh-grid > thead > tr > th.kh-tableHeader-date.sorting_desc:before,
.kh-grid > thead > tr > th.kh-tableHeader-number.sorting_desc:before {
  content: "\f163";
}

.dataTables_scrollBody .kh-grid > thead > tr > th.sorting:before,
.dataTables_scrollBody .kh-grid > thead > tr > th.sorting_asc:before,
.dataTables_scrollBody .kh-grid > thead > tr > th.sorting_desc:before {
  content: none !important;
}

.dataTables_scrollBody > .kh-grid > thead > .kh-headerFilterRow {
  display: none;
}

.kh-grid-primary.kh-grid > thead > tr > th.kh-tableHeader-date.sorting:before,
.kh-grid > thead > tr > th.kh-tableHeader-number.sorting:before,
.kh-grid-primary.kh-grid > thead > tr > th.kh-tableHeader-date.sorting_asc:before,
.kh-grid > thead > tr > th.kh-tableHeader-number.sorting_asc:before,
.kh-grid-primary.kh-grid > thead > tr > th.kh-tableHeader-date.sorting_desc:before,
.kh-grid > thead > tr > th.kh-tableHeader-number.sorting_desc:before {
  content: "\f163";
}

.kh-table-single-selected
  > tbody
  > tr:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)),
.kh-table-single-selected + .dataTables_paginate {
  /*display: none !important;*/
}

.kh-table-single-selected > tbody > tr:nth-child(1) > td,
tr.kh-table-tr-single-selected > td,
tr.kh-table-tr-multi-selected > td {
  /*font-weight: bold !important;*/
}

.kh-table-single-selected > tbody > tr:nth-child(2) {
  /*opacity: 0.7;*/
}

.kh-table-single-selected > tbody > tr:nth-child(3) {
  /*opacity: 0.4;*/
}

table.dataTable.kh-grid-primary > tbody,
table.dataTable.kh-grid-primary > tbody > tr,
table.dataTable.kh-grid-primary > tbody > tr > td,
table.dataTable.kh-grid-primary > thead,
table.dataTable.kh-grid-primary > thead > tr,
table.dataTable.kh-grid-primary > thead > tr > td,
table.dataTable.kh-grid-primary > thead > tr > th,
table.dataTable.kh-grid-primary > tfoot > tr {
  background-color: transparent;
  border: 0;
}

table.dataTable.kh-grid-secondary > tbody,
table.dataTable.kh-grid-secondary > thead,
table.dataTable.kh-grid-secondary > thead > tr,
table.dataTable.kh-grid-secondary > thead > tr > th,
table.dataTable.kh-grid-secondary > tfoot {
  border: 0;
}

/*.kh-grid.kh-grid-primary>tbody>tr:not(.kh-Opentr):hover{
  background: #AFAFAF !important
}*/

/* Details-Bereich */

.beforedetails {
  display: none;
}

table.dataTable > tbody > tr.kh-Opentr > td.details {
  background-color: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
}

table.dataTable > tbody > tr.kh-sub-with-grid + tr.kh-Opentr > td.details {
  background-color: #ffffff;
  padding: 0 4px 0px 10px;
  box-shadow: 0 -1px 0 #707070, 0 1px 0 #afafaf, 5px 0px 0 white;
}

tr.kh-sub-with-grid + tr.kh-Opentr + tr > td {
  padding-top: 50px;
}

tr.kh-sub-with-grid + tr.kh-Opentr > td.details .dataTables_wrapper {
  padding: 0 0 17px 23px;
  margin: 0;
  background: #d6e3e8;
}

tr.kh-sub-with-grid
  + tr.kh-Opentr
  > td.details
  .dataTables_wrapper
  .dataTables_paginate {
  margin-top: 20px;
}

tr.kh-sub-with-grid
  + tr.kh-Opentr
  > td.details
  .dataTables_wrapper
  td:last-child {
  padding-right: 50px;
}

tr.kh-sub-with-grid
  + tr.kh-Opentr
  > td.details
  .dataTables_wrapper
  tr
  > th:first-child {
  box-shadow: -23px 0px 0px #003246;
}

tr.kh-grid-opening-row {
  font-weight: 600;
}

.kh-grid-open-icon-right,
.kh-grid-open-icon-right-head {
  display: none;
  /*
    todo: diese Spalte versuchen zu verwerfen
  */
}

.kh-icon-with-sub-grid-content {
  color: #0093d9;
  cursor: pointer;
}

.kh-icon-with-sub-grid-content:hover {
  color: #004e6d;
}

.kh-icon-with-sub-grid-content.kh-with-sub-grid-content-open {
  color: #ff2e63;
}

.kh-sub-grid-content:not(.kh-sub-grid-content-grid) {
  margin-left: 25px;
  margin-top: 14px;
  padding-bottom: 32px;
}

.kh-grid-open-icon-right {
  vertical-align: middle;
  padding-top: 10px;
}

.kh-grid-open-icon-right .detailRowIcon.kh-detail-open > svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.kh-grid-open-icon-right .detailRowIcon > svg {
  font-size: 24px;
}

.kh_detailrowicon {
  font-weight: normal;
  color: black;
}

.kh-grid-primary td.details {
  padding: 14px 36px 20px 36px;
}

table.dataTable.kh-grid-primary > tbody > .kh-grid-opening-row > td {
  padding-bottom: 20px;
}

.dataTables_scrollHeadInner thead > tr > th {
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
  box-sizing: border-box;
}

.dataTables_scrollBody > table.kh-grid > thead > tr > th.sorting,
.dataTables_scrollBody > table.kh-grid > thead > tr > th.sorting_asc,
.dataTables_scrollBody > table.kh-grid > thead > tr > th.sorting_desc {
  line-height: 0;
  background-image: none !important;
}

.dataTables_scrollBody > table {
  min-width: 100%;
}

/* Farbschema für Secondary Grid*/

.kh-grid-secondary {
  color: #000000;
  padding-bottom: 20px;
}

.kh-grid-secondary > thead,
.kh-grid-secondary > thead > tr > th {
  background-color: #003246;
  color: #ffffff;
  vertical-align: middle;
}

.kh-grid-secondary thead th:not(.kh-white-headerrow) {
  height: 33px;
}

.kh-grid-secondary tbody tr.odd {
  background: #d6e3e8;
}

.kh-grid-secondary tbody tr.even {
  background: #ffffff;
}

.kh-grid-secondary tbody,
.kh-grid-secondary tr,
.kh-grid-secondary tr td {
  color: #000000;
  margin: 3px;
}

.kh-grid-secondary > tbody > tr > td.tableData_rest {
  border-left: 1px dotted #0093d9;
}

.kh-grid-secondary
  > thead
  > tr
  > td:not(:last-child):not(.kh-responsive-grid-header-column-filter),
.kh-grid-secondary
  > thead
  > tr
  > th:not(:last-child):not(.kh-responsive-grid-header) {
  border-right: 1px dotted #ffffff;
}

.dtr-inline:not(.collapsed) > thead > tr > th.kh-responsive-grid-header,
.dtr-inline:not(.collapsed)
  > thead
  > tr
  > td.kh-responsive-grid-header-column-filter,
.dtr-inline:not(.collapsed)
  > tbody
  > tr
  > td.kh-responsive-grid-collapse-column {
  padding: 0 !important;
  width: 0px !important;
}

.dataTables_scrollHeadInner {
  min-width: 100%;
}

.dataTables_scrollHeadInner > table {
  margin-bottom: 0 !important;
}
.dataTables_scrollHeadInner > table > thead > tr > .kh-responsive-grid-header {
  padding: 0 !important;
}

.dataTables_wrapper {
  width: 100% !important;
  margin-top: 5px;
}

.kh_grid_hscroll {
  overflow-x: auto;
  overflow-y: hidden;
}

.dataTables_paginate {
  float: none;
  text-align: center;
  margin-top: 17px;
}

.paging_full_numbers a.paginate_button {
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
  box-sizing: border-box;
  border: none;
  display: inline-block;
  height: 14px;
  padding: 0px 5px 4px;
  margin: 0 3px;
  cursor: pointer;
  color: #848484 !important;
  font-size: 1rem;
  background-color: transparent !important;
  position: relative;
}

.paging_full_numbers a.paginate_button:hover {
  color: #004e6d !important;
}

.dataTables_paginate > span > a.paginate_button {
  vertical-align: top;
  position: relative;
  top: 2px;
  left: -7px;
}

.dataTables_paginate a.first.paginate_button,
.dataTables_paginate a.previous.paginate_button,
.dataTables_paginate a.next.paginate_button,
.dataTables_paginate a.last.paginate_button {
  padding-left: 10px;
  padding-right: 10px;
  background-position: 2px 2px;
}

.dataTables_paginate .first:before {
  content: "\f100";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  position: absolute;
  top: 0;
}

.dataTables_paginate .previous:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  position: absolute;
  top: 0;
}

.dataTables_paginate .next:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  position: absolute;
  top: 0;
}

.dataTables_paginate .last:after {
  content: "\f101";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  position: absolute;
  top: 0;
}

.paging_full_numbers a.current {
  color: #004e6d !important;
  font-weight: 600;
}

.kh-grid-export,
.kh-grid-dynamic-count {
  float: left;
  margin: 0 15px 0 10px;
  color: #0093d9;
  cursor: pointer;
  font-size: 25px;
  height: 38px;
  padding-top: 2px;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
  box-sizing: border-box;
}

.kh-grid-dynamic-count-hidden {
  display: none;
}

.kh-grid-count-disabled {
  opacity: 0.5;
  cursor: default;
}

.kh-grid-count-disabled > * {
  pointer-events: none;
}

.kh-grid-ActionList {
  float: left;
  color: #ffffff;
  margin-bottom: 30px;
}

.kh-grid-ActionList .kh-grid-action-node > a {
  display: inline-block;
  height: 38px;
  background: #0093d9;
  color: inherit;
  padding: 6px 9px;
  line-height: 24px;
  margin: 0 5px;
}

.kh-grid-ActionList .kh-grid-action-node > a:hover {
  color: #004e6d;
}

.kh-grid-ActionList .kh-grid-action-node > a .kh-icon {
  margin: 0;
  display: inline-block;
}

.kh-grid-ActionList .kh-grid-action-node-icontext > a .kh-icon {
  margin-right: 10px;
}

.kh-grid-ActionList .kh-grid-action-group-item {
  position: relative;
}

.kh-grid-ActionList ul.kh-grid-action-group {
  position: absolute;
  display: none;
  width: 150px;
  background: #f0f0f0;
  color: #0093d9;
  z-index: 2002;
}

.kh-grid-ActionList
  ul.kh-grid-action-group
  > li
  > .kh-grid-action-group-item-text
  > .kh-icon {
  margin: 0 0 0 5px;
  width: 20px;
  display: inline-block;
}

.kh-grid-ActionList ul.kh-grid-action-group ul.kh-grid-action-group {
  left: 130px;
  top: 0;
}

.kh-grid-ActionList > ul li:hover > ul.kh-grid-action-group {
  border: 1px solid #cccccc;
  display: block;
  border-bottom: none;
}

.kh-grid-ActionList > ul li:hover > ul.kh-grid-action-group > li {
  border-bottom: 1px solid #cccccc;
}

.kh-grid-ActionList
  > ul
  > li
  ul
  > li
  > .kh-grid-action-group-item-text
  > .kh-grid-action-item:first-child {
  margin-left: 25px;
}

.kh-grid-ActionList > ul > li > .kh-grid-action-group-item-text > span {
  height: 38px;
  display: inline-block;
  padding: 6px 0;
  margin: 0;
}

.kh-grid-ActionList
  > ul
  > li
  > .kh-grid-action-group-item-text
  > span.kh-icon
  + span {
  padding-left: 10px;
}

.kh-grid-ActionList > ul > li > .kh-grid-action-group-item-text {
  height: 38px;
  background: #0093d9;
  display: inline-block;
  padding: 0 9px;
  margin: 0 5px;
}

.kh-grid-action-group-item > .kh-grid-action-group-item-text:hover {
  color: #004e6d;
  cursor: pointer;
}

.kh-grid-ActionList > ul > li > .kh-grid-action-group-item-text:hover,
.kh-grid-ActionList > ul > li.kh-grid-action-node > a:hover {
  background: #004e6d;
  color: #ffffff;
}

.kh-grid-ActionList > ul ul > li.kh-grid-action-item > a > .kh-icon {
  position: absolute;
  margin: 0 0 0 5px;
  width: 20px;
  left: -25px;
}

.kh-grid-ActionList .kh-grid-action-item > a {
  display: inline-block;
  margin-left: 25px;
  position: relative;
}

.kh-grid-ActionList > ul > li > .ui-button {
  height: 38px;
  padding: 0 15px 12px;
  margin: 0 5px;
}

.kh-grid-ActionList ul {
  list-style-type: none;
}

.kh-grid-ActionList:first-child ul,
.kh-grid-dynamic-count-hidden:first-child ~ .kh-grid-ActionList ul {
  margin-left: 0;
}

.kh-grid-ActionList > ul > li {
  float: left;
}

.filter_table_table {
  border-collapse: separate;
}

.kh-open-disabled {
  pointer-events: none;
}

.filter_table_table tbody tr.filter_table_row {
  background-color: transparent;
}

.dataTables_filter input {
  height: 38px;
  border: solid 1px #0093d9;
  position: relative;
  /*background: url(images/magnifier_light_0094d6.svg) no-repeat scroll #fff;
  background-size: 18px 18px;
  background-position-y: center;
  background-position-x: right;
  background-position-x: -webkit-calc(100% - 7px);
  background-position-x: -moz-calc(100% - 7px);
  background-position-x: calc(100% - 7px);*/
  padding: 3px 30px 7px 5px;
  font-size: 1rem;
}

.dataTables_filter label:after {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  left: -26px;
  position: relative;
  top: 3px;
  color: #0093d9;
  font-weight: 100;
}

.dataTables_length {
  position: relative;
  float: right;
  top: 3px;
  margin-left: 120px;
  margin-bottom: 25px;
}

.dataTables_length > label {
  position: relative;
  left: -120px;
  margin-bottom: 10px;
  font-size: 100%;
}

.dataTables_length > label > div.chosen-container {
  min-width: 95px;
  width: 95px !important;
  position: absolute;
  left: 135px;
  top: -3px;
}

.dataTables_length > label > div.chosen-container-single .chosen-single {
  padding-top: 6px;
}

.dataTables_filter {
  float: left;
  margin-bottom: 30px;
  margin-right: 15px;
}

table.kh-grid thead th {
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 0;
}

.kh-grid tbody tr {
  margin-bottom: 10px;
}

.kh-grid tbody td {
  font-size: 15px;
}

.kh-grid tbody tr td {
  padding: 20px 10px 6px;
}

.kh-grid-secondary.kh-grid > tbody > tr > td {
  padding: 7px 10px 6px;
}

.kh-grid.kh-grid-secondary > tbody > tr:first-child > td {
  padding-top: 12px;
}

.kh-grid-row-is-selected tr:first-child {
  font-weight: bold;
}

.kh-grid-secondary thead {
  background: #003246;
}

table.dataTable td.kh-grid-selectable-row {
  padding-left: 0;
  padding-right: 0;
}

table.dataTable thead th.kh-selectionIconColumn {
  padding-left: 0;
  padding-right: 0;
  min-width: 25px;
}

.kh-grid-selection-icon,
.kh-grid-selection-change,
.kh-grid-selected-disabled-row {
    font-size: 19px;
    line-height: 0.875em;
    color: #0093d9;
    cursor: pointer;
}

.kh-grid-selected-disabled-row {
    opacity: 0.5;
}

.kh-grid-select-all {
    font-weight: normal;
    color: black;
}

.kh-noselectable-row {
  opacity: 0.5;
  pointer-events: none;
}

.detailRowIcon svg {
  width: 16px;
}

/* Formatierungen für Spalten-Typen (z.B. Zahl) */

.kh-grid-columntype-number {
  text-align: right;
}

.kh-grid-columntype-icon {
  text-align: center;
}

/*dynamisch Grid Aktualisierung steuern*/
.kh-grid-DynamicGridControls {
  float: left;
}

.kh-grid-DynamicGridControls > .kh-grid-DynamicGridControls-grid,
.kh-grid-DynamicGridControls > .kh-grid-DynamicGridControls-grid tbody,
.kh-grid-DynamicGridControls > .kh-grid-DynamicGridControls-grid tr,
.kh-grid-DynamicGridControls > .kh-grid-DynamicGridControls-grid td {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
}

.kh-grid-DynamicGridControls
  > .kh-grid-DynamicGridControls-grid
  .kh-formNumber {
  border: 0;
  height: 34px;
}

.kh-grid-DynamicGridControls .kh-DynamicRefreshButton {
  margin: 0 15px 0 0;
  color: #0093d9;
  cursor: pointer;
  font-size: 1.3em;
}

.kh-grid-DynamicGridControls .kh_ordervortop > div {
  margin-left: 5px;
}

/*****************************
	Styles für L:form
******************************/

.kh-form
  .kh-rowlayout-row
  > .kh-rowlayout-col.cell
  .kh-input-validation-container,
.kh-form .kh-rowlayout-row > .kh-rowlayout-col.cell .kh-subform {
  margin-bottom: 21px;
}

.kh-form
  .kh-subform
  .kh-checkbox-validation-container.kh-input-validation-container.kh-checkbox-validation-container,
.kh-form
  .kh-subform
  .kh-radioButtons-validation-container.kh-input-validation-container.kh-radioButtons-validation-container {
  margin-bottom: 0;
}

.kh-form .kh-gridlayout + .kh-gridlayout {
  margin-top: 21px;
}

.kh-form-element-edit-icon {
  cursor: pointer;
  font-size: 14px;
  color: #afafaf;
  margin-left: 5px;
}
.kh-form-element-edit-icon .kh-icon {
  margin: 0;
}

.kh-form-element-edit-icon .kh-icon:hover {
  color: #004e6d;
}

.kh-api-running-Element.kh-button, .kh-api-running-Element.kh-icon, .kh-form-submitting-button {
    opacity: 0.5;
}

.kh-api-running-Element, .kh-form-submitting-button {
    pointer-events: none;
}

/**********************************
  Styles für L:subform
**********************************/

.kh-subform {
  position: relative;
}

.kh-subform-close .kh-subform-content {
  display: none;
}

.kh-subform-caption {
  position: relative;
  cursor: pointer;
}

.kh-subform-visualtype-text .kh-subform-caption-text {
  padding-left: 15px;
}

.kh-subform-visualtype-dropdown .kh-subform-caption-text {
  border: 1px solid #ffffff;
  padding: 7px 12px 6px 12px;
  height: 38px;
}

.kh-subform-caption-text:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  color: #ffffff;
  right: 12px;
  position: absolute;
  line-height: 24px;
}

.kh-subform:not(.kh-subform-close) .kh-subform-caption-text:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.kh-subform-content {
  position: absolute;
  right: 0;
  padding: 10px;
  border: 1px solid #afafaf;
  background: #ffffff;
  z-index: 9999;
}

/**********************************
  allgemein Eingabefeld
**********************************/

[type="color"],
[type="date"],
[type="datetime-local"],
[type="datetime"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
  display: inline-block;
  margin: 0;
}

.ui-spinner-button {
  display: none;
}

/*************************
  Styles für L:datepicker,L:timepicker,L:datetimepicker  
*****************************/

.kh-datepicker,
.kh-datetimepicker,
.kh-timepicker {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  font-weight: normal;
  font-size: 15px;
  font-family: PT Sans, Arial, sans-serif;
  text-decoration: none;
  height: 37px;
  transition: border-color 0.5s linear 0s;
  box-shadow: none;
  border: 1px solid transparent;
  margin-bottom: 0;
  border-left-color: #d8d8d8;
  border-bottom-color: #d8d8d8;
}

.kh-block-visualtype-important .kh-datepicker,
.kh-block-visualtype-important .kh-datetimepicker,
.kh-block-visualtype-important .kh-timepicker,
.kh-block-visualtype-important .kh-textbox,
.kh-block-visualtype-important .chosen-container-single .chosen-single,
.kh-block-visualtype-important .chosen-container-multi .chosen-choices,
.kh-block-visualtype-important .kh-formNumber,
.kh-block-visualtype-secondary .kh-datepicker,
.kh-block-visualtype-secondary .kh-datetimepicker,
.kh-block-visualtype-secondary .kh-timepicker,
.kh-block-visualtype-secondary .kh-textbox,
.kh-block-visualtype-secondary .chosen-container-single .chosen-single,
.kh-block-visualtype-secondary .chosen-container-multi .chosen-choices,
.kh-block-visualtype-secondary .kh-formNumber,
.kh-block-visualtype-highlight .kh-datepicker,
.kh-block-visualtype-highlight .kh-datetimepicker,
.kh-block-visualtype-highlight .kh-timepicker,
.kh-block-visualtype-highlight .kh-textbox,
.kh-block-visualtype-highlight .chosen-container-single .chosen-single,
.kh-block-visualtype-highlight .chosen-container-multi .chosen-choices,
.kh-block-visualtype-highlight .kh-formNumber,
.kh-popup-visualtype-important .kh-datepicker,
.kh-popup-visualtype-important .kh-datetimepicker,
.kh-popup-visualtype-important .kh-timepicker,
.kh-popup-visualtype-important .kh-textbox,
.kh-popup-visualtype-important .chosen-container-single .chosen-single,
.kh-popup-visualtype-important .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-important .kh-formNumber,
.kh-popup-visualtype-secondary .kh-datepicker,
.kh-popup-visualtype-secondary .kh-datetimepicker,
.kh-popup-visualtype-secondary .kh-timepicker,
.kh-popup-visualtype-secondary .kh-textbox,
.kh-popup-visualtype-secondary .chosen-container-single .chosen-single,
.kh-popup-visualtype-secondary .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-secondary .kh-formNumber,
.kh-popup-visualtype-highlight .kh-datepicker,
.kh-popup-visualtype-highlight .kh-datetimepicker,
.kh-popup-visualtype-highlight .kh-timepicker,
.kh-popup-visualtype-highlight .kh-textbox,
.kh-popup-visualtype-highlight .chosen-container-single .chosen-single,
.kh-popup-visualtype-highlight .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-highlight .kh-formNumber {
  border: 1px solid #ffffff;
}

.kh-subform .kh-datepicker,
.kh-subform .kh-datetimepicker,
.kh-subform .kh-timepicker {
  border: 0;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.kh-datepicker.error,
.kh-datetimepicker.error,
.kh-timepicker.error {
  border-color: red;
}

.ui-datepicker .ui-datepicker-prev {
  left: 11px;
  top: 0;
  background: none;
}

.ui-datepicker .ui-datepicker-next {
  right: 4px;
  top: 0;
  background: none;
}

.ui-datepicker .ui-datepicker-prev:hover:after,
.ui-datepicker .ui-datepicker-next:hover:after {
  color: #ff2e63;
}

.ui-datepicker .ui-datepicker-prev:after {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  color: #0093d9;
  right: 12px;
  position: absolute;
  top: 13px;
  line-height: 12px;
}

.ui-datepicker .ui-datepicker-next:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  color: #0093d9;
  right: 12px;
  position: absolute;
  top: 13px;
  line-height: 12px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  right: 4px;
  top: 0;
  border: none;
  background: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  left: 11px;
  top: 0;
  border: none;
  background: none;
}

.ui-datepicker .ui-widget-header {
  background: white;
  border: none;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
  border-bottom: 1px solid #004e6d;
  color: #0093d9;
  font-size: 15px;
  margin: 0 1em;
  padding-bottom: 10px;
  font-family: "Pt Sans", Arial, Sans-Serif;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
  background: none;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
  background: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  background: none;
  background-color: #0093d9;
  border-radius: 4px;
  border: none;
  color: #ffffff;
  opacity: 1;
}

.ui-datepicker.ui-widget-content {
  background: #ffffff;
  color: #0093d9;
  border-radius: 0;
  border: 1px solid #004e6d;
  padding: 0.2em 1px 0.5em;
  font-size: 15px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

.ui-datepicker .ui-slider {
  background-color: #0093d9;
  border: none;
  border-radius: 4px;
}

.ui-timepicker-div dl > dd,
.ui-timepicker-div dl > dt,
.ui-datepicker-div dl > dd,
.ui-datepicker-div dl > dt {
  line-height: 1em !important;
}

.ui-slider .ui-state-default {
  background-color: #000000;
  width: 0.8em;
  height: 0.8em;
  border: none;
  margin: -0.4em;
  margin-top: 0;
  top: 0;
}

table.ui-datepicker-calendar tbody tr:nth-child(even) {
  background-color: #f4f4f4;
  font-family: "Pt Sans", Arial, Sans-Serif;
}

table.ui-datepicker-calendar > thead > tr {
  display: none;
}

table.ui-datepicker-calendar > tbody {
  border: none;
}

.ui-datepicker-calendar .ui-state-default {
  background: none;
  background-color: transparent;
  border: none;
  color: #0093d9;
  transition: color 0.2s linear 0s;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.kh-datepicker,
.kh-datetimepicker,
.kh-timepicker {
  padding: 4px 22px 4px 13px;
}
.kh-without-calendar-panel .kh-datepicker,
.kh-without-calendar-panel .kh-datetimepicker,
.kh-without-calendar-panel .kh-timepicker {
  padding-right: 5px;
}

img.ui-datepicker-trigger,
button.ui-datepicker-trigger {
  padding-left: 3px;
  padding-top: 3px;
  font-weight: 100;
  position: relative;
  width: 18px;
  margin-top: 8px;
  margin-left: -27px;
  vertical-align: top;
  display: inline-block;
  cursor: pointer;
  color: #afafaf;
  outline: none;
}

.kh-without-calendar-panel .ui-datepicker-trigger {
  display: none;
}

.ui-datepicker-calendar .ui-state-highlight {
  background: none repeat scroll 0 0 #d4d4d4;
  border: 1px solid #0072c6;
}

.ui-datepicker-calendar .ui-state-default:hover {
  background: none repeat scroll 0 0 #004e6d;
  color: #ffffff;
}

.ui-datepicker-calendar .ui-state-active {
  color: #004e6d;
}

.kh-picker-grid-container {
  position: relative;
}

.kh-input-container.disabled .kh-picker-container {
  pointer-events: none;
}

/*****************************
	Styles für L:textbox, L:number
******************************/

.ui-widget.ui-widget-content.ui-spinner {
  border: none;
}

.ui-spinner {
  background: none;
  border: none;
  display: inline-block;
  width: 100%;
}

.kh-textbox,
.kh-formNumber {
  background: transparent;
  box-shadow: none;
  border: 1px solid transparent;
  height: 38px;
  font-size: 15px !important;
  margin-bottom: 0;
  padding-left: 13px;
  border-left-color: #d8d8d8;
  border-bottom-color: #d8d8d8;
}

.kh-textarea {
  font-size: 15px !important;
}

.kh-textbox.error,
.kh-formNumber.error,
.kh-textarea.error {
  border-color: red;
}

.kh-textbox {
  padding: 4px 5px 4px 13px;
}

.kh-searchField {
  padding-right: 35px;
}

.kh-textbox-container > .cell:first-child {
  position: relative;
}

.kh-searchField-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.kh-searchField-trigger {
  position: absolute;
  top: 10px;
  right: 7px;
  width: 25px;
  height: 18px;
  /*background: url(images/magnifier_light_525252.svg) no-repeat scroll transparent;
  background-position-x: right;
  background-position-x: -webkit-calc(100% - 5px) !important;
  background-position-x: -moz-calc(100% - 5px) !important;
  background-position-x: calc(100% - 5px) !important;*/
  cursor: pointer;
}

.kh-searchField-trigger:before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  left: 0;
  position: relative;
  top: -5px;
  color: #525252;
  font-weight: 100;
}

.ui-state-disabled {
  /*jquery CSS überschreiben*/
  opacity: 1;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
  pointer-events: none;
  opacity: 0.5;
  background: transparent;
}

input::-ms-clear {
  /*x Button in Edge ausblenden*/
  display: none;
}

.kh-input-container.disabled > .kh-form-element-edit-icon {
  pointer-events: none;
  opacity: 0.5;
  visibility: hidden;
}

.kh-fileInput-image {
  position: relative;
}

.kh-fileInput-file {
  left: -32px;
}

.kh-fileInput-folder {
  left: -35px;
}

.kh-fileInput-text {
  padding-right: 35px;
}

.kh-form-single .kh-textbox,
.kh-form-single .ui-spinner,
.kh-form-single .dropdownlist-wrapper,
.kh-form-single .kh-picker-container {
  pointer-events: none;
}

.kh-form-single .kh-input-container.kh-activ .kh-textbox,
.kh-form-single .kh-input-container.kh-activ .ui-spinner,
.kh-form-single .kh-input-container.kh-activ .dropdownlist-wrapper,
.kh-form-single .kh-input-container.kh-activ .kh-picker-container {
  pointer-events: auto;
}

.kh-form-single .kh-input-container.kh-activ .kh-form-element-edit-icon {
  visibility: hidden;
}

.kh-form-element-edit-icon {
  display: none;
}

.kh-form-single .kh-form-element-edit-icon {
  display: block;
}

.kh-textbox-selected {
  border: 1px solid #0093d9;
  font-size: 15px;
}

.kh-textbox:focus,
.kh-datepicker:focus,
.kh-datetimepicker:focus,
.kh-timepicker:focus,
.kh-textarea:focus,
.kh-picker-activ .kh-datepicker,
.kh-picker-activ .kh-timepicker,
.kh-picker-activ .kh-datetimepicker {
  border: 1px solid #0093d9;
  color: #0a0a0a;
  font-size: 15px;
}
.kh-popup-visualtype-important input,
.kh-popup-visualtype-secondary input,
.kh-popup-visualtype-highlight input,
.kh-block-visualtype-important input,
.kh-block-visualtype-secondary input,
.kh-block-visualtype-highlight input,
.kh-block-visualtype-important .chosen-container-single .chosen-single,
.kh-block-visualtype-secondary .chosen-container-single .chosen-single,
.kh-block-visualtype-highlight .chosen-container-single .chosen-single,
.kh-popup-visualtype-important .chosen-container-single .chosen-single,
.kh-popup-visualtype-important .chosen-container-single .chosen-single,
.kh-popup-visualtype-important .chosen-container-single .chosen-single,
.kh-block-visualtype-important .chosen-container-multi .chosen-choices,
.kh-block-visualtype-secondary .chosen-container-multi .chosen-choices,
.kh-block-visualtype-highlight .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-important .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-secondary .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-highlight .chosen-container-multi .chosen-choices,
.kh-popup-visualtype-important .icheckbox_square-blue:before,
.kh-popup-visualtype-secondary .icheckbox_square-blue:before,
.kh-popup-visualtype-highlight .icheckbox_square-blue:before,
.kh-popup-visualtype-important .iradio_square-blue:before,
.kh-popup-visualtype-secondary .iradio_square-blue:before,
.kh-popup-visualtype-highlight .iradio_square-blue:before,
.kh-block-visualtype-important .icheckbox_square-blue:before,
.kh-block-visualtype-secondary .icheckbox_square-blue:before,
.kh-block-visualtype-highlight .icheckbox_square-blue:before,
.kh-block-visualtype-important .iradio_square-blue:before,
.kh-block-visualtype-secondary .iradio_square-blue:before,
.kh-block-visualtype-highlight .iradio_square-blue:before,
.kh-block-visualtype-important
  .chosen-container-single
  .chosen-single
  div
  b:after,
.kh-block-visualtype-important
  .chosen-container-multi
  .chosen-choices
  div
  b:after,
.kh-block-visualtype-secondary
  .chosen-container-single
  .chosen-single
  div
  b:after,
.kh-block-visualtype-secondary
  .chosen-container-multi
  .chosen-choices
  div
  b:after,
.kh-block-visualtype-highlight
  .chosen-container-single
  .chosen-single
  div
  b:after,
.kh-block-visualtype-highlight
  .chosen-container-multi
  .chosen-choices
  div
  b:after,
.kh-popup-visualtype-important
  .chosen-container-single
  .chosen-single
  div
  b:after,
.kh-popup-visualtype-important
  .chosen-container-multi
  .chosen-choices
  div
  b:after,
.kh-popup-visualtype-secondary
  .chosen-container-single
  .chosen-single
  div
  b:after,
.kh-popup-visualtype-secondary
  .chosen-container-multi
  .chosen-choices
  div
  b:after,
.kh-popup-visualtype-highlight
  .chosen-container-single
  .chosen-single
  div
  b:after,
.kh-popup-visualtype-highlight
  .chosen-container-multi
  .chosen-choices
  div
  b:after {
  color: #ffffff;
}

.kh-popup-visualtype-important .icheckbox_square-blue.checked:before,
.kh-popup-visualtype-secondary .icheckbox_square-blue.checked:before,
.kh-popup-visualtype-highlight .icheckbox_square-blue.checked:before,
.kh-popup-visualtype-important .iradio_square-blue.checked:before,
.kh-popup-visualtype-secondary .iradio_square-blue.checked:before,
.kh-popup-visualtype-highlight .iradio_square-blue.checked:before,
.kh-block-visualtype-important .icheckbox_square-blue.checked:before,
.kh-block-visualtype-secondary .icheckbox_square-blue.checked:before,
.kh-block-visualtype-highlight .icheckbox_square-blue.checked:before,
.kh-block-visualtype-important .iradio_square-blue.checked:before,
.kh-block-visualtype-secondary .iradio_square-blue.checked:before,
.kh-block-visualtype-highlight .iradio_square-blue.checked:before {
  color: #ffffff;
  font-weight: normal;
}

.kh-popup-visualtype-important .icheckbox_square-blue:hover:before,
.kh-popup-visualtype-secondary .icheckbox_square-blue:hover:before,
.kh-popup-visualtype-highlight .icheckbox_square-blue:hover:before,
.kh-popup-visualtype-important .iradio_square-blue:not(.checked):hover:before,
.kh-popup-visualtype-secondary .iradio_square-blue:not(.checked):hover:before,
.kh-popup-visualtype-highlight .iradio_square-blue:not(.checked):hover:before,
.kh-block-visualtype-important .icheckbox_square-blue:hover:before,
.kh-block-visualtype-secondary .icheckbox_square-blue:hover:before,
.kh-block-visualtype-highlight .icheckbox_square-blue:hover:before,
.kh-block-visualtype-important .iradio_square-blue:not(.checked):hover:before,
.kh-block-visualtype-secondary .iradio_square-blue:not(.checked):hover:before,
.kh-block-visualtype-highlight .iradio_square-blue:not(.checked):hover:before {
  /*checked radio Button ist nicht klickbar*/
  color: #a8a8a8;
}

.kh-subform-content,
.kh-subform-content input,
.kh-subform-content .chosen-container-single .chosen-single,
.kh-subform-content .chosen-container-multi .chosen-choices,
.chosen-container input {
  color: #0a0a0a;
}
.kh-subform-content .icheckbox_square-blue:before,
.kh-subform-content .iradio_square-blue:before {
  color: #a8a8a8 !important;
}

.kh-subform-content .icheckbox_square-blue.checked:before,
.kh-subform-content .iradio_square-blue.checked:before {
  color: #0093d9 !important;
}

.kh-subform-content .icheckbox_square-blue:not(.checked):hover:before,
.kh-subform-content .iradio_square-blue:not(.checked):hover:before {
  color: #0093d9 !important;
}

.kh-input-label label {
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-style: italic;
  font-size: 12px !important;
  color: #434343;
  padding-left: 13px;
}

.kh-popup-visualtype-important label,
.kh-popup-visualtype-secondary label,
.kh-popup-visualtype-highlight label,
.kh-block-visualtype-important label,
.kh-block-visualtype-secondary label,
.kh-block-visualtype-highlight label {
  color: #ffffff;
}

.kh-subform-content {
  min-width: 100%;
}

.kh-subform-content label {
  color: #434343;
}

/* Wenn sich eine Textbox / Number in einer Tabelle befindet, muss das Styling anders sein */
.kh-grid-secondary .kh-formNumber {
  border: 1px solid #0093d9;
  background: white;
}

.kh-grid-secondary .kh-formNumber.error {
  border-color: red;
}

/*für single form wird Number Field wie normal aussehen*/
.kh-form-single .kh-spinner-container:not(.kh-activ) .kh-formNumber {
  border: 0;
  background: transparent;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

/*****************************
	Styles für L:dropdownlist
******************************/

.kh-dropdownlist-all-selection {
  position: absolute;
  right: 55px;
  bottom: 24px;
}

.kh-dropdownlist-all-selection:after {
  content: "\f0c8";
  font-family: "Font Awesome 5 Pro";
  font-size: 1em;
  font-weight: 100;
  color: RGB(175, 175, 175);
  position: absolute;
  line-height: 12px;
  font-style: normal;
}

.kh-dropdownlist-all-selection.deselectAll:after {
  content: "\f14a";
  color: #0093d9;
}

.kh-select-item-with-icon:after {
  content: attr(data-icon);
  font-family: "Font Awesome 5 Pro";
  float: right;
}

.dropdownlist-wrapper {
  display: inline-block;
  width: 100%;
  position: relative;
}

.chosen-container {
  min-width: 100px;
  width: 100% !important;
}
.chosen-container-active:not(.chosen-with-drop) .chosen-single,
.chosen-container-active:not(.chosen-with-drop) .chosen-choices {
  outline: 0;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  color: #000000;
}

.chosen-container-active.chosen-with-drop {
  background: #ffffff;
}

.chosen-container .chosen-results > li {
  font-size: 15px;
  color: #434343;
}

.chosen-container .chosen-results li.highlighted {
  background-image: none;
  background-color: #0093d9;
}

ul.selected-results {
  padding-left: 6px;
}

.chosen-container-multi .chosen-drop > ul > li.kh-item {
  position: relative;
  background-image: none;
}

.chosen-container-multi .chosen-drop > ul > li.kh-item:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  top: 7px;
  left: 2px;
  line-height: 12px;
  font-style: normal;
}

.chosen-container-multi .chosen-results li.highlighted:before {
  content: "\f0c8";
  color: white;
}

.chosen-container-multi .chosen-results li.highlighted.result-selected:before {
  content: "\f14a";
  font-size: 12px;
}

li.kh-shortsearchvalue.kh-item {
  display: list-item;
  background-image: none !important;
  background-color: none !important;
  color: #000 !important;
}

.chosen-container-single .chosen-search,
.chosen-container-multi .search-field {
  position: relative;
  z-index: 2010;
  margin: 0;
  padding: 3px 12px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .search-field input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 20px 4px 5px;
  font-size: 15px;
  height: auto;
}

.chosen-container-single .chosen-single span,
.chosen-container-multi .chosen-choices span {
  display: block;
  color: inherit;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-size: 15px;
  font-weight: normal;
  margin-right: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
}

.chosen-container-multi.chosen-with-drop > .chosen-choices span,
.chosen-container-single.chosen-with-drop > .chosen-single span {
  color: #afafaf;
}

.chosen-container .chosen-results {
  padding: 0 0 0 6px;
  margin: 0 6px 4px 0;
}

.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: none;
  box-sizing: border-box;
  border-width: 0 0 1px 1px;
  box-shadow: none;
  border-color: #d8d8d8;
  border-radius: 0 !important;
  display: block;
  height: 38px;
  overflow: hidden;
  padding: 7px 12px 6px 12px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  background-color: transparent;
}

.chosen-container .chosen-drop {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background-image: none;
  border: 1px solid #0093d9;
}

.chosen-container-single:not(.chosen-with-drop) .chosen-single:hover {
  border-color: #004e6d;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: 1px -2px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 14px;
  right: 35px;
  display: block;
  width: 16px;
  height: 16px;
  background-size: 12px 16px;
  font-size: 1px;
  border-bottom: none;
  cursor: pointer;
}

.chosen-container-single .chosen-single abbr:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 100;
  color: #0093d9;
  right: 12px;
  position: absolute;
  top: 0;
  left: 2px;
  line-height: 12px;
  font-style: normal;
}

.chosen-disabled {
  pointer-events: none;
}

.chosen-container-single.chosen-disabled .chosen-single abbr {
  display: none;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 28px;
  height: 100%;
}

.chosen-container-single .chosen-single div b:after,
.chosen-container-multi .chosen-choices div b:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  font-weight: 100;
  color: RGB(175, 175, 175);
  right: 12px;
  position: absolute;
  top: 13px;
  line-height: 12px;
  font-style: normal;
}

.chosen-container-multi .chosen-choices {
  cursor: pointer;
}

.chosen-container-single .chosen-single div b:hover:after,
.chosen-container-multi .chosen-choices div b:hover:after {
  color: #004e6d;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after,
.chosen-container-active.chosen-with-drop .chosen-choices div b:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.chosen-container-single .chosen-drop {
  border-radius: 0 !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: center center;
}

.chosen-container-multi:not(.chosen-with-drop) .chosen-choices:hover {
  border-color: #004e6d;
}

.chosen-with-drop .chosen-choices {
  border: 1px solid #0093d9;
  border-radius: 0;
  border-bottom: 1px solid transparent;
}

.chosen-container-multi .chosen-choices div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 28px;
  height: 100%;
}

.chosen-container-multi .chosen-choices div b {
  background: none;
  display: block;
  height: 100%;
  width: 100%;
}

.chosen-container-multi .chosen-choices div b:hover {
  background: none;
}

.chosen-container-multi .selected-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid #0072c6;
  margin: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  padding-left: 18px;
  cursor: pointer;
  color: #434343;
}

.chosen-container-multi .chosen-drop .result-selected:before {
  content: "\f14a";
  color: #0093d9;
  font-weight: bold !important;
}

.chosen-container-multi .selected-results li.result-selected {
  padding: 5px 6px 5px 18px;
}

.chosen-container-multi .chosen-results > .active-result {
  padding-left: 18px;
  position: relative;
  color: #434343;
}

.chosen-container-multi .chosen-results > .active-result:before {
  content: "\f0c8";
  color: #0093d9;
}

.dropdownlist-wrapper.error
  .chosen-container:not(.chosen-with-drop)
  .chosen-single,
.dropdownlist-wrapper.error
  .chosen-container:not(.chosen-with-drop)
  .chosen-choices {
  border-color: red !important;
}

.chosen-container-multi > .chosen-drop > li.search-choice {
  display: none;
}

.chosen-container .chosen-drop {
  border: 1px solid #0093d9;
  border-top: 0;
  font-family: Pt Sans, arial, sans-serif;
}

.kh-dropdownlist-nofilter + .chosen-container-multi .search-field {
  display: none;
}

.kh-comboboxRequired:not(.kh-dynamicCombobox)
  + .chosen-container
  abbr.search-choice-close {
  display: none;
}

.kh-invisible-item {
  display: none !important;
}

.kh-visible-item {
  display: block !important;
}

/********************************************
	Styles für L:checkbox und L:radiobuttons
*********************************************/

.kh-checkbox-label {
  margin-left: 10px;
  margin-top: 1px;
  font-size: 15px;
}

.icheckbox_square-blue,
.iradio_square-blue {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 17px;
  height: 17px;
  border: none;
  cursor: pointer;
}

.icheckbox_square-blue:before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  left: 0;
  position: relative;
  top: -5px;
  color: #a8a8a8;
  font-weight: 100;
}

.icheckbox_square-blue.checked:before {
  content: "\f14a";
  color: #0093d9;
  font-weight: 900;
}

.icheckbox_square-blue.indeterminate:before {
  content: "\f146";
  color: #d8d8d8;
}

.icheckbox_square-blue.error:before {
  color: red;
}

.icheckbox_square-blue.error.checked:before {
  color: red;
  font-weight: 100;
}

.icheckbox_square-blue:hover:before {
  color: #0093d9;
}

label.kh-radiobutton-label {
  display: inline;
  cursor: pointer;
}

.kh-subform-content label.kh-radiobutton-label {
  display: inline-block;
  width: calc( 100% - 30px );
}

.kh-radioButton-item {
  padding-right: 10px;
}

.kh-radioButton-container-vertical .kh-radioButton-item {
  display: block;
}

.iradio_square-blue:hover:before,
.icheckbox_square-blue.indeterminate:hover:before {
  color: #0093d9;
}

.iradio_square-blue:before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-size: 17px;
  left: 0;
  position: relative;
  top: -5px;
  color: #d8d8d8;
  font-weight: 100;
}

.iradio_square-blue.error:before {
  color: red;
}

.iradio_square-blue.checked:before {
  content: "\f058";
  color: #0093d9;
  font-weight: 900;
}

.iradio_square-blue.error.checked:before {
  color: red;
  font-weight: 100;
}

.kh-radiobutton-label {
  margin-left: 10px;
  margin-top: 1px;
  font-size: 15px;
}

.iradio_square-blue.disabled,
.iradio_square-blue.disabled ~ label,
.icheckbox_square-blue.disabled,
.icheckbox_square-blue.disabled ~ label {
  pointer-events: none;
  opacity: 0.5;
}

/**********************************
	Styles für Fehlermeldung Dialog
***********************************/

.ui-dialog {
  border-radius: 0;
  /*border: 5px solid #FF2E63;*/
  padding: 35px;
  z-index: 2001 !important;
  font-size: 15px;
  font-family: "PT Sans", Arial, Sans-Serif;
}

.ui-dialog.kh-error-message-dialog {
  border: 5px solid #ff2e63;
}

.ui-dialog .ui-dialog-titlebar {
  color: #0093d9;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 25px;
  padding: 0;
  background: none;
  border: none;
}

.ui-dialog.kh-error-message-dialog .ui-dialog-titlebar {
  color: #ff2e63;
}

.kh-table-export-dialog.ui-dialog .ui-dialog-titlebar {
  color: #0093d9;
}

.ui-dialog .ui-dialog-titlebar-close {
  right: -30px;
  top: -20px;
  min-width: 20px;
  background-color: transparent;
  border: none;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
  border: none;
  color: #0093d9;
  background: none;
}

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

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  left: 1px;
  position: absolute;
  top: -5px;
  text-indent: 0;
  color: #0093d9;
  font-weight: 100;
}

.ui-dialog.kh-error-message-dialog .ui-dialog-titlebar-close:before {
  color: #ff2e63;
}

.kh-table-export-dialog.ui-dialog .ui-dialog-titlebar-close:before {
  color: #0093d9;
}

.ui-dialog .ui-dialog-content {
  padding: 0;
}

.ui-dialog .ui-dialog-buttonpane {
  border: 0;
  padding: 0;
  margin-top: 50px;
}

.kh-table-export-dialog.ui-dialog .ui-dialog-buttonpane {
  margin-top: 10px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: left;
}

.ui-dialog .ui-dialog-buttonpane .ui-button {
  border: 0;
  margin: 0 5px;
  color: #ffffff;
  font-family: "Pt Sans", Arial, Sans-Serif;
}

.ui-dialog .ui-dialog-buttonpane .kh-primaryButton {
  background: #0093d9;
}

.ui-dialog .ui-dialog-buttonpane .kh-secondaryButton {
  background: #9f9972;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child {
  margin-left: 0;
}

#kh-validation-message.ui-dialog-content + .ui-dialog-buttonpane .ui-button,
#kh-ErrorMessage.ui-dialog-content + .ui-dialog-buttonpane .ui-button {
  background: #ff2e63;
  color: #ffffff;
}

#kh-validation-message p {
  margin-bottom: 0;
}

.kh-input-validation-container label.error {
  display: none !important;
}
.kh-validation-error-block {
  display: none;
  font-size: 0.675em;
  color: red;
  font-style: italic;
}
.kh-validation-error-block.showing {
  display: block;
}

.kh-block-visualtype-important .kh-validation-error-block,
.kh-block .kh-block-visualtype-important .kh-validation-error-block {
  background-color: #ffffff;
}

.kh-block
  .kh-block:not(.kh-block-visualtype-important)
  .kh-validation-error-block {
  background-color: transparent;
}

/*****************************
	Styles für L:popup
******************************/

.kh-popup-caption {
  color: #0093d9;
  font-family: "Pt Sans", Arial, Sans-Serif;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 25px;
  z-index: 1007;
}

.ui-widget-overlay {
  background: rgba(10, 10, 10, 0.45);
}

.ui-widget-overlay {
  z-index: 2000 !important;
}

.reveal-overlay {
  overflow: visible;
}

@media screen and (min-width: 40em) {
  .kh-popup.reveal {
    /*folgende Regel ist ein blauen Rahmen für Popup Fenster.
     es muss aber noch spezifizieren, ob das wir brauchen */
    /*border: 5px solid #0093D9;*/
    border: 0;
    overflow: visible !important;
    padding: 0;
    background-color: transparent;
    padding-left: 50px;

    display: flex;
    flex-direction: column;
    position: absolute;
    left: 25%;
  }

  .kh-popup.reveal.large {
    left: 5%;
  }

  .kh-popup.reveal {
    max-height: calc(100% - 100px);
  }

  .kh-popup.reveal.kh-popup-with-dynamic-content {
    top: 50px !important;
    bottom: 50px !important;
  }

  .kh-popup-caption {
    position: absolute;
    width: 100%;
    width: calc(
      100% - 67px
    ); /*17px ist Breite der scrollbar 40px ist Breite der */
    padding: 35px 35px 25px 35px;
    top: 0;
    left: 50px;
  }
  .kh-popup.reveal .kh-popup-content {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 35px 35px 35px;
  }

  .kh-popup.reveal .kh-popup-content.kh-popup-content-without-caption {
    padding-top: 0;
  }

  .kh-popup-caption .kh-part-header > .cell:last-child .kh-icon {
    position: absolute;
    /*top: -8px;
    right: calc(
      -31px - 17px
    ); wenn calc funktioniert, wird width von Caption 17px schmaller als 100%(17px ist Breite von scrollbar)*/
    top: 0;
    right: -10px;
  }
}

@media screen and (min-width: 83.333rem) {
  .kh-popup.reveal.large {
    left: calc((100% - 75rem) / 2);
  }
}

/****************************
scrollbar css
*****************************/
.kh-popup-content::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.kh-popup-content::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px grey;*/
  border-radius: 5px;
}

/* Handle */
.kh-popup-content::-webkit-scrollbar-thumb {
  background: #434343;
  border-radius: 5px;
}

/* Handle on hover */
.kh-popup-content::-webkit-scrollbar-thumb:hover,
scrollbar {
  background: #233333;
}

/******End srcollbar CSS************/

.kh-popup-actions-container {
  position: absolute;
  top: 0;
  left: 0px;
  width: 50px;
}

.kh-popup-actions {
  margin-top: 2px;
}

.kh-popup-action {
  background-color: white;
  margin-right: 2px;
  margin-bottom: 2px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 47px;
  text-align: center;
  vertical-align: middle;
  padding: 7px 0;
}

.kh-popup-action .kh-icon {
  font-size: 24px;
}

@media screen and (max-width: 39.9375em) {
  .kh-popup.reveal {
    padding: 0;
    top: 0 !important;
    display: flex;
    flex-direction: column;
  }
  .kh-popup-actions-container {
    top: 10px;
    background-color: #a3a3a3;
  }

  .kh-popup.reveal .kh-popup-content {
    padding: 35px;
  }

  .kh-popup.reveal .kh-popup-content.kh-popup-content-with-action {
    padding-left: 60px;
  }

  .kh-popup-caption .kh-part-header > .cell:last-child .kh-icon {
    position: relative;
    top: -35px;
    left: 35px;
  }

  .kh-popup-buttons-container .kh-button {
    width: 100%;
    margin: 5px 0;
  }
}

.kh-popup-visualtype-important .kh-popup-caption .kh-icon,
.kh-popup-visualtype-secondary .kh-popup-caption .kh-icon,
.kh-popup-visualtype-highlight .kh-popup-caption .kh-icon {
  color: #ffffff;
}

.kh-popup-visualtype-secondary .kh-withApi,
.kh-popup-visualtype-secondary .kh_gotodocument_link,
.kh-popup-visualtype-secondary .kh-popup-caption,
.kh-popup-visualtype-secondary .kh-PopupLink,
.kh-popup-visualtype-highlight .kh-withApi,
.kh-popup-visualtype-highlight .kh_gotodocument_link,
.kh-popup-visualtype-highlight .kh-popup-caption,
.kh-popup-visualtype-highlight .kh-PopupLink,
.kh-popup-visualtype-important .kh-withApi,
.kh-popup-visualtype-important .kh_gotodocument_link,
.kh-popup-visualtype-important .kh-popup-caption,
.kh-popup-visualtype-important .kh-PopupLink {
  color: #ffffff;
  font-weight: bold;
}

.kh-popup .kh-PopupLink:not(.kh-button-disabled):hover,
.kh-popup .kh-withApi:not(.kh-button-disabled):hover,
.kh-popup .kh_gotodocument_link:not(.kh-button-disabled):hover {
  color: #016595;
}

.kh-popup-visualtype-standard .kh-withApi,
.kh-popup-visualtype-standard .kh_gotodocument_link,
.kh-popup-visualtype-standard .kh-popup-caption {
  color: #0093d9;
}

.kh-popup-visualtype-important .kh-popup-content,
.kh-popup-visualtype-important .kh-popup-action {
  background-color: #0093d9;
  color: #ffffff;
}
.kh-popup-visualtype-important .kh-popup-caption,
.kh-popup-visualtype-important .kh-popup-buttons-container {
  background-color: #0093d9;
}

.kh-popup-visualtype-secondary .kh-popup-content,
.kh-popup-visualtype-secondary .kh-popup-action {
  background-color: #9f9972;
  color: #ffffff;
}

.kh-popup-visualtype-secondary .kh-popup-caption,
.kh-popup-visualtype-secondary .kh-popup-buttons-container {
  background-color: #9f9972;
}

.kh-popup-visualtype-highlight .kh-popup-content,
.kh-popup-visualtype-highlight .kh-popup-action {
  background-color: #ff2e63;
  color: #ffffff;
}

.kh-popup-visualtype-highlight .kh-popup-caption,
.kh-popup-visualtype-highlight .kh-popup-buttons-container {
  background-color: #ff2e63;
}

.kh-popup-visualtype-standard .kh-popup-content,
.kh-popup-visualtype-standard .kh-popup-action {
  background-color: #ffffff;
  color: #000000;
}

.kh-popup-visualtype-standard .kh-popup-caption,
.kh-popup-visualtype-standard .kh-popup-buttons-container {
  background-color: #ffffff;
}

.kh-popup-buttons-container .kh-button {
  border: none;
  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /*Chrom*/
}

.kh-popup-visualtype-highlight .kh-button,
.kh-popup-visualtype-secondary .kh-button,
.kh-popup-visualtype-important .kh-button,
.kh-popup-visualtype-highlight .kh-button.kh-button-disabled:hover,
.kh-popup-visualtype-secondary .kh-button.kh-button-disabled:hover,
.kh-popup-visualtype-important .kh-button.kh-button-disabled:hover {
  background: #ffffff;
  color: #016595;
}

.kh-popup-visualtype-standard .kh-button,
.kh-popup-visualtype-standard .kh-button.kh-button-disabled:hover {
  color: #ffffff;
  background: #0093d9;
}

  .kh-popup-visualtype-highlight .kh-button:not(.kh-button-disabled):hover,
  .kh-popup-visualtype-secondary .kh-button:not(.kh-button-disabled):hover,
  .kh-popup-visualtype-important .kh-button:not(.kh-button-disabled):hover,
  .kh-popup-visualtype-standard .kh-button:not(.kh-button-disabled):hover {
    background: #004e6d;
    color: #ffffff;
  }

.kh-popup-buttons-container {
  padding: 15px;
}

.kh-popup-closebutton-container {
  margin-top: 50px;
  text-align: right;
}

.kh-popup-caption .kh-icon {
  color: #0093d9;
}

.kh-PopupLink {
  cursor: pointer;
  color: #0093d9;
}

.kh-PopupLink.ui-button {
  color: #ffffff;
}

.kh-f3-search-grid > tbody > tr {
  cursor: pointer;
}

.dataTables_scrollHeadInner > .kh-f3-search-grid > tbody > tr {
  cursor: default;
}
/*****************************
	Styles für L:buttonblock
******************************/

.kh-buttonblock {
  background: #0093d9;
  margin-bottom: 20px;
  padding: 30px 36px 25px 36px;
}

.kh-buttonblock .kh-button {
  color: #016595;
  background: #ffffff;
  border: 0;
  margin: 0;

  appearance: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /*Chrom*/
}

    .kh-buttonblock .kh-button.kh-button-disabled:hover {
      color: #016595;
      background: #ffffff;
    }

.kh-buttonblock.grid-x > div {
  padding: 10px;
}

.kh-buttonblock.grid-x > div .ui-button {
  width: 100%;
}

.kh-buttonblock .kh-button .ui-button-text {
  color: #016595;
}

.kh-buttonblock .kh-button:first-child {
  margin-left: 0;
}

.kh-buttonblock .kh-button:not(.kh-button-disabled):hover {
  color: #ffffff;
  background: #004e6d;
}

.kh-buttonblock .kh-button:not(.kh-button-disabled):hover .ui-button-text {
  color: #ffffff;
}

.kh-button-disabled {
  cursor: unset;
  opacity: 0.5;
}

.kh-block-visualtype-standard-fill .kh-withApi,
.kh-block-visualtype-standard-fill .kh_gotodocument_link,
.kh-block-visualtype-standard-fill .kh-PopupLink,
.kh-block-visualtype-standard-gradient .kh-withApi,
.kh-block-visualtype-standard-gradient .kh_gotodocument_link,
.kh-block-visualtype-standard-gradient .kh-PopupLink {
  color: #0093d9;
}

.kh-block-visualtype-secondary .kh-withApi,
.kh-block-visualtype-secondary .kh_gotodocument_link,
.kh-block-visualtype-secondary .kh-PopupLink,
.kh-block-visualtype-highlight .kh-withApi,
.kh-block-visualtype-highlight .kh_gotodocument_link,
.kh-block-visualtype-highlight .kh-PopupLink,
.kh-block-visualtype-important .kh-withApi,
.kh-block-visualtype-important .kh_gotodocument_link,
.kh-block-visualtype-important .kh-PopupLink {
  color: #ffffff;
}

.kh-modern-block .kh-button,
.kh-modern-block .kh-button:not(.kh-button-disabled):hover {
  color: #ffffff;
}

/*****************************
	Styles für L:validationmessages
******************************/

.kh-form-validationmessages {
  display: none;
}


/*****************************
	Styles für L:hsplitter
******************************/

table.kh-hsplitter > tbody {
  /* CSS von Fondation überschreiben*/
  background-color: transparent;
  border: 0;
}


/************************************
	Styles für Standard Login Maske
*************************************/

#ctl00_MainContent_pnlLogin .kh-button {
    background-color: #0093d9;
}

#ctl00_MainContent_pnlLogin .kh-button:hover {
    background-color: #004e6d;
}

#ctl00_MainContent_pnlLogin .kh-button a#ctl00_MainContent_lnkLogin.kh-primaryButton {
    font-size: 1em;
    color: #ffffff;
    background: unset;
}