@import url('/img/fontawesome_pro/css/all.min.css');
@import url('/img/fontawesome_pro/css/v4-shims.min.css');

/* color scheme variables*/
:root {
  --clrBlue-1:            #F2F9FC; /* very very very very light blue */
  --clrBlue-01:           #DAEDF6; /* very very very light blue */
  --clrBlue-0:            #C9DCEF; /*very very light blue */
  --clrBlue0:             #AAD0EC; /*very light blue*/
  --clrBlue1:             #66AADD; /*light blue rgb(102, 170, 221) */
  --clrBlue2:             #3470AB; /*middle blue*/
  --clrBlue3:             #2A6599; /*dark blue*/
  --clrBlue4:             #1F497C; /*very dark blue*/
  --clrBlack1:            #333333; /*allmost black*/
  --clrBlack2:            #666666; /*light black*/
  --clrBlack3:            #999999; /*almost gray*/
  --clrBlack4:            #5F5F5F; /*almost black*/
  --clrGray3:             #B3B3B3; /*middle gray*/
  --clrGray2:             #DDDDDD; /*middle gray*/
  --clrGray1:             #E2E2E2; /*light gray*/
  --clrGray0:             #EBEBEB; /*very light gray*/
  --clrGray-1:            #F6F6F6; /*very very light gray*/
  --clrGray-2:            #FBFBFB; /*very very light gray*/
  --clrRedAlert:          #FF4B29; /*alert red*/
  --clrNotify1:           #FFFEE1; /*light yellow*/
  --clrNotify2:           #FDF4B5; /*nice orange*/
  --clrGreen2:            rgb(86, 171, 86); /*darker green enhanced*/
  --clrGreen1:            rgb(108, 196, 109); /*normal green enhanced*/
  --clrGreenP2:           #A3CB8F; /*green pastel*/
  --clrGreenP1:           #BDE6A9; /*green pastel light*/
  --clrGreenP0:           #EFFCE0; /*green pastel very light*/
  --clrRed1:              rgb(255, 98, 0); /*normal red enhanced*/
  --clrRed2:              #F19152; /*almost orange*/
  --clrRedP-1:            rgba(218, 118, 107, 0.05); /*red pastel very very light*/
  --clrRedP0:             #FFEFE8; /*red pastel very light*/
  --clrRedP1:             #FFBA9D; /*red pastel light*/
  --clrRedP2:             #DA766B; /*red pastel*/
  --clrRedP3:             #9F0000; /*red dark*/
  --clrOrange1:           rgb(255, 211, 65); /* orange */
  --clrOrange0:           rgb(244, 225, 168); /*very light orange*/
  --clrYellow1:           #F7E763; /*normal yellow enhanced*/
  --clrYellow2:           #F7E939; /*normal yellow enhanced*/
  --clrYellow0:           #FFF79C; /*light yellow*/
  --clrYellow-1:          #FEFFD4; /*very very light yellow*/
  --clrPurpleP1:          #E5D8F1;
  --clrPurpleP2:          #C0B3CC;
  --clrYellowP1:          #F1EABE;
  --clrYellowP2:          #D1CAA4;

  --clrYAHHome:           #999999; /**/
  --clrYAHLeft:           #B3B3B3; /**/
  --clrYAHLeftSeperator:  white; /**/
  --clrYAHCenter:         #DDDDDD; /**/
  --clrYAHRightSeperator: white; /**/
  --clrYAHRight:          #E2E2E2; /**/
  --clrYAHRightHover:     #B3B3B3; /**/
}

* {
  font-family: Calibri, Arial, sans-serif;
  font-size:   10pt;
  box-sizing:  border-box;
  color:       var(--clrBlack1);
  transition:  .3s all ease;
}

*.bold { font-weight: bold;}

*.bgGray1 { background-color: var(--clrGray1);}

*.bgGray2 { background-color: var(--clrGray-1);}

*.bgGray3 { background-color: var(--clrGray2);}

*.bgBlue1 { background-color: var(--clrBlue1); }

*.bgNotify { background-color: var(--clrNotify1);}

*.clrGray1 { color: var(--clrGray1);}

*.clrGray2 { color: var(--clrGray-1);}

*.clrGray3 { color: var(--clrGray2);}

*.clrBlack1 { color: var(--clrBlack1);}

*.clrBlack2 { color: var(--clrBlack2);}

*.clrBlack3 { color: var(--clrBlack3);}

*.clrBlack4 { color: var(--clrBlack4);}

*.clrGreen1 { color: var(--clrGreen1);}

*.clrGreen2 {color: var(--clrGreen2);}

*.clrGreenP1 {color: var(--clrGreenP1);}

*.clrGreenP0 {color: var(--clrGreenP0);}

*.clrRedAlert { color: var(--clrRedAlert);}

*.clrRed1 { color: var(--clrRed1);}

*.clrRed2 { color: var(--clrRed2);}

*.clrRed3 { color: var(--clrRedP3);}

*.clrNotify { color: var(--clrNotify1);}

*.clrOrange1 { color: var(--clrOrange1);}

*.clrYellow0 { color: var(--clrYellow0);}

*.clrYellow2 { color: var(--clrYellow2);}

*.clrBlue2 { color: var(--clrBlue2);}

*.clrBlue3 { color: var(--clrBlue3);}

*.clrBlue4 { color: var(--clrBlue4);}

*.white { color: white;}

*.clear { clear: both;}

.shadow0 {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05)}

.shadow {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);}

.shadow1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) }

.shadow2 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) }

.shadow3 { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) }

.shadow4 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) }

.shadow5 { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) }

.borderRadius { border-radius: 0px; }

.borderRadiusTop { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.borderRadiusTopLeft { border-top-left-radius: 0px; }

.borderRadiusBottomLeft { border-bottom-left-radius: 0px; }

.borderRadiusLeft { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.borderRadiusTopRight { border-top-right-radius: 0px; }

.borderRadiusBottomRight { border-bottom-right-radius: 0px; }

.borderRadiusRight { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.borderRadiusBottom { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

*.writeDown {
  -ms-writing-mode:     tb-rl;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode:    vertical-rl;
  -ms-writing-mode:     vertical-rl;
  writing-mode:         vertical-rl;
}

.tdCenterTxt,
.rotate {
  text-align:     center;
  vertical-align: middle;
  width:          5em;
  padding:        10px;
}

.rotate div, .rotate a, .rotate a:link, .rotate a:hover {
  display:           block;
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform:    rotate(-90deg);
  /* IE */
  -ms-transform:     rotate(-90deg);
  /* Opera */
  -o-transform:      rotate(-90deg);
  /* Internet Explorer */
  filter:            progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

*.fs8 { font-size: 8pt;}

*.fs9 { font-size: 9pt;}

*.fs10 { font-size: 10pt;}

*.fs11 { font-size: 11pt;}

*.fs12 { font-size: 12pt;}

*.fs15 { font-size: 15pt;}

*.fs15 { font-size: 15pt;}

*.fs20 { font-size: 20pt;}

*.fw100 { font-weight: 100; }

*.fw200 { font-weight: 200; }

*.fw300 { font-weight: 300; }

*.fw400 { font-weight: 400; }

*.fw500 { font-weight: 500; }

*.fw600 { font-weight: 600; }

*.fw700 { font-weight: 700; }

*.fw800 { font-weight: 800; }

*.fw900 { font-weight: 900; }

*.h70 { height: 70px;}

*.p3 { padding: 3px;}

*.p4 { padding: 4px;}

*.p5 { padding: 5px;}

*.p10 { padding: 10px;}

*.p20 { padding: 20px;}

*.p30 { padding: 30px;}

*.aL { text-align: left;}

*.aR { text-align: right;}

*.aC { text-align: center;}

*.w10 { width: 10px;}

*.m3 { margin: 3px;}

.posCenter {
  position:  absolute;
  top:       50%;
  left:      50%;
  transform: translate(-50%, -50%);
}


*.mw200 {
  max-width: 200px;
}

*.mw300 {
  max-width: 300px;
}

*.mw800 {
  max-width: 800px;
}


BODY {
  margin:  0px;
  padding: 0px;
}

A:link {
  color:           var(--clrBlue2);
  text-decoration: none;
}

A:active {
  color:           var(--clrRed1);
  text-decoration: none;
}

A:visited {
  color:           var(--clrBlue2);
  text-decoration: none;
}

A:hover {
  color:           var(--clrRed1);
  text-decoration: underline;
}

A.clGray:link, I.clGray {
  color:           var(--clrBlack3);
  text-decoration: none;
}

A.clGray:active {
  color:           var(--clrRed1);
  text-decoration: none;
}

A.clGray:visited {
  color:           var(--clrBlack3);
  text-decoration: none;
}

A.clGray:hover, I.clGray:hover {
  color:           var(--clrRed1);
  text-decoration: none;
}

FRAME {
  border-right:  2px solid var(--clrGray2);
  border-bottom: 2px solid var(--clrGray2);
}

FRAME.noborder {
  border: 0px solid var(--clrGray2);
}

A.logoffBtn {
  padding:          2px;
  padding-right:    5px;
  padding-left:     5px;
  background-color: var(--clrBlue1);
  color:            white;
  border-radius:    0px;
}

*.logoffBtn I { color: white;}

/*DESIGN login*/
*.loginBody { background-color: var(--clrGray-1);}

*.loginMask {
  background-color: white;
  width:            100%;
  border:           0px solid var(--clrRed1);
  border-top:       15px solid var(--clrGray2);
  border-bottom:    5px solid var(--clrGray2);
  padding:          30px;
  padding-top:      10px;
}

*.loginMaskInput {
  font-size: 12pt;
  padding:   5px;
  border:    1px solid var(--clrGray1);
  width:     100%;
}

*.loginLogo {text-align: center;}

*.loginLogo > img {width: 100%;max-width: 180px;}

*.privacyLogo > img {
  display: block;
  max-width: 180px;
  max-height: 100px;
  width: auto;
  height: auto;
}

/*DESIGN navi*/
*.naviTopItem {
  font-size:        12pt;
  background-color: var(--clrBlue2);
  color:            white;
  font-weight:      bold;
  padding:          10px;
  padding-left:     5px;
}

*.naviHeadItem {
  font-size:        10pt;
  background-color: var(--clrGray2);
  color:            var(--clrBlack1);
  font-weight:      bold;
  padding:          10px;
  padding-left:     5px;
}

*.naviHeadIco { color: var(--clrBlack2);}

*.naviHeadIcoBig {
  font-size:   14pt;
  display:     inline-block;
  padding-top: 10px;
  width:       40px;
  height:      40px;
  color:       var(--clrBlue0);
}

*.naviHeadIcoBigTxt {
  clear:       both;
  color:       var(--clrGray-1);
  font-weight: normal;
  font-size:   8pt;
  max-width:   55px;
  overflow:    hidden;
  display:     inline-block;
}

*.naviRow { background-color: white;}

*.naviRowDesign0:hover,
*.naviRowDesign0:hover a,
*.naviRowDesignActive {
  background-color: var(--clrBlue1);
  color:            white;
}

*.naviRowDesign0:hover i.fa-plus-square,
*.naviRowDesign0:hover i.fa-external-link-square {
  color: white;
}

*.naviRowDesign2 { padding: 50px;}

A.naviLink {
  font-size:    10pt;
  display:      block;
  padding:      3px;
  padding-left: 5px;
}

*.naviRowDesignActive A.naviLink {
  color: white;
}

*.naviRowDesignActive A.naviLinkDesign2 {
  color: var(--clrBlue2) !important;
}

A.naviLink:hover, A.naviLink:active {
  background-color: var(--clrBlue1);
  color:            white;
}

A.naviLinkDesign2 {
  font-size:    12pt;
  display:      block;
  padding:      5px;
  padding-left: 10px;
}

A.naviLinkDesign2:hover, A.naviLinkDesign2:active {
  background-color: var(--clrBlue1);
  color:            white;
}

/* DESIGN Forms */

*.formTab {
  background-color: var(--clrGray0);
  border-right:     1px solid var(--clrGray-1);
  border-top:       3px solid var(--clrGray0);
}

*.formTab:hover {background-color: var(--clrYellow-1); border-top: 3px solid var(--clrYellow1); color: var(--clrBlack1);}

*.formTabActive {}

*.formTabSpan {
  color:     var(--clrBlue2);
  font-size: 10pt;
  padding:   5px;
  display:   block;
}

*.formTabLink, A.formTabLink {
  color:     var(--clrBlack2);
  font-size: 10pt;
  padding:   5px;
  display:   block;
}

*.formTabDiv {
  padding:    8px;
  width:      100%;
  box-sizing: border-box;
}

*.formTabDiv INPUT[type=text], *.formTabDiv INPUT[type=password], *.formTabDiv SELECT, *.formTabDiv TEXTAREA {
  border: 1px solid var(--clrGray2);
}

table.formMainTable {width: 100%; border-spacing: 0px; border-collapse: collapse;}

table.formMainTable td {padding: 2px;}

table.formSecondTable {width: 100%; border-spacing: 0px; border-collapse: collapse;}

table.formSecondTable td {padding: 0px; padding-top: 5px;}

table.formSecondTable td.formTdMiddle {text-align: right;}

table.formSecondTable td.formTdMiddle > * {vertical-align: middle;}

td.formTableTd {padding-top: 5px; }

td.formTableTd > *, td.formTableTd2 > * {vertical-align: top;}

td.formTableTdFixed {width: 140px;}

td.formTdChanges {width: 25px; background-color: var(--clrOrange0); color: var(--clrRed1);}

td.formTdChangesText {color: var(--clrRed1);}

*.formTableRow {
}

*.formTableRow:hover {
  background-color: var(--clrNotify1);
}

*.form_textarea {
  font-family: Arial;
  font-size:   10px;
  width:       100%;
}

*.form_floater {
  /*float:    left; */
  /*clear:    left;*/
  width:    100%;
  overflow: hidden;
  z-index:  1;
}

*.btnNo, A.btnNo, A.btnNo:link,
*.btnSave, A.btnSave, A.btnSave:link {
  background-color: var(--clrBlue1);
  color:            white;
  border-style:     none;
  border-radius:    0px;
  padding:          5px;
  padding-left:     25px;
  padding-right:    25px;
  font-size:        10pt;
  cursor:           pointer;
  box-shadow:       0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

*.btnNo:hover, A.btnNo:hover,
*.btnSave:hover, A.btnSave:hover {
  background-color: var(--clrBlue2);
  text-decoration:  none;
}

*.btnSkip, A.btnSkip, A.btnSkip:link {
  background-color: var(--clrGray2);
  color:            var(--clrBlack1);
  border:           0px solid white;
  border-bottom:    1px solid var(--clrGray1);
  border-right:     1px solid var(--clrGray1);
  padding:          5px;
  padding-left:     25px;
  padding-right:    25px;
  font-size:        10pt;
  cursor:           pointer;
  box-shadow:       0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}

*.btnSkip:hover, A.btnSkip:hover {
  background-color: var(--clrOrange0);
  text-decoration:  none;
}

*.btnDel, A.btnDel, A.btnDel:link {
  background-color: var(--clrRed2);
  color:            white;
  border:           0px solid white;
  border-bottom:    1px solid var(--clrGray1);
  border-right:     1px solid var(--clrGray1);
  border-radius:    0px;
  padding:          5px;
  padding-left:     25px;
  padding-right:    25px;
  font-size:        10pt;
  cursor:           pointer;
  box-shadow:       0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

*.btnDel:hover, A.btnDel:hover {
  background-color: var(--clrRed1);
  text-decoration:  none;
}

*.btnLink, A.btnLink, A.btnLink:link {
  line-height:    2em;
  padding-top:    5px;
  padding-bottom: 5px;
}


*.btnSpinner {
  color: var(--clrBlue1);
}

*.formHR {
  border-bottom: 1px solid var(--clrGray2);
  margin-top:    15px;
  margin-bottom: 15px;
}

*.formAddDescription {
  font-size: 8pt;
  color:     var(--clrBlack3);
}

*.form_date_disabled {
  background-color: var(--clrGray2);
  color:            var(--clrBlack3);
  opacity:          0.5;
}

*.form_cbSelect {
  border:           1px solid var(--clrGray2);
  padding:          3px;
  max-height:       150px;
  overflow:         auto;
  background-color: white;
  position:         relative;
}

*.form_cbSelect_allBtns {
  position: absolute;
  right:    3px;
  top:      3px;
}

*.form_cbSelect_allBtn {
  display:          inline-block;
  padding:          3px;
  border-radius:    0px;
  background-color: var(--clrGray0);
  border:           1px solid var(--clrGray2);
  margin:           2px;
  cursor:           hand;
}

*.form_cbSelect_GroupItem {
}

*.form_cbSelect_GroupItem_text {
}

*.form_cbSelect_GroupItemCB {
  width:  1.2em;
  cursor: hand;
}

*.form_cbSelect_GroupExpand {
  width:  1.2em;
  cursor: hand;
}

*.form_cbSelect_Group {
  margin-left: 1.2em;
}

*.form_cbSelect_multi *.form_cbSelect_Group {
  margin-left: 2.4em;
}

*.form_cbSelect_Item {
}

*.form_cbSelect_Item_text {
}

*.form_cbSelect_Item_textInGroup {
}

*.form_cbSelect_Item_textNoGroup {
}

*.form_cbSelect_ItemInGroup {
}

*.form_cbSelect_ItemNoGroup {
}

*.form_cbSelect_ItemCB {
  width:  1.2em;
  cursor: hand;
}

*.form_cbSelect_multi *.form_cbSelect_ItemNoGroup *.form_cbSelect_ItemCB {
  margin-left: 1.2em;
}

A.formDatepicker {
  padding:          4px;
  border-radius:    3px;
  background-color: var(--clrGray2);
  display:          inline-block;
}

*.formDatepicker I {
  font-size: 9pt;
  color:     var(--clrBlack1);
}

A.formDatepickerToday {
  padding:          4px;
  border-radius:    3px;
  background-color: var(--clrGray2);
  display:          inline-block;
}

*.formDatepickerToday I {
  font-size: 9pt;
  color:     var(--clrBlack1);
}

input[type="radio"],
input[type="checkbox"],
input[type="submit"] {
  cursor: pointer;
}

*.formAdditionalInfo {
  font-size: 8pt;
  color:     var(--clrBlack4);
}

SELECT {
  cursor: pointer;
}

*.formAttention {
  border:           1px solid #DFDFDF;
  background-color: var(--clrYellow-1); /* war ursprünglich #FFFFDF aber --clrYellow-1 ähnlich und schon vorhanden */
  padding:          5px;
  font-size:        8pt;
}

*.verticalLine {
  border-left:   1px solid var(--clrBlack3);
  border-top:    none;
  border-bottom: none;
  border-right:  none;
}

/* DESIGN  oben*/
*.topNaviBar {
  background-color: var(--clrBlue3);
  height:           43px;
}

*.topNaviBarDesign2 {
  border-bottom: 5px solid var(--clrBlue4);
}

*.topNaviBarItem {
  width:          140px;
  text-transform: uppercase;
  text-align:     center
}

*.topNaviBarItem:hover a {
  text-decoration: underline;
}

*.topNaviBarItem A {
  margin-left:  5px;
  margin-right: 5px;
  font-weight:  bold;
  display:      block;
  color:        white;
}

*.topNaviBarItemPlus {
  width:          80px;
  text-transform: uppercase;
  text-align:     center
}

*.topNaviBarItemPlus A, *.topNaviBarItemPlus I {
  padding:     6px;
  font-weight: bold;
  display:     block;
  color:       white;
  font-size:   14pt;
}

*.topNaviBarItemPlusDiv {
  position:         absolute;
  left:             0px;
  top:              40px;
  background-color: var(--clrBlue1);
  display:          none;
  width:            200px;
  box-shadow:       5px 5px 5px -5px var(--clrBlack3);
  z-index:          9999;
}

*.topNaviBarItemPlusWiz {
  padding:    5px;
  text-align: left;
}

*.topNaviBarItemPlusWiz A {
  color:        white;
  font-size:    10pt;
  padding-left: 10px;
}

*.topNaviBarItemPlusWiz A:hover {
  color:            var(--clrBlue2);
  background-color: white;
}

*.topNaviBarLogoTd {
  width: 93px;
}

*.topNaviBarLogo {
  background-color: white;
  height:           43px;
  width:            93px;
}

*.topNaviBarSearch {
  margin:           2px;
  height:           26px;
  font-size:        10pt;
  border:           0px solid var(--clrBlue2);
  background-color: var(--clrGray-1);
  color:            white;
  display:          inline-block;
  border-radius:    3px;
}

*.topNaviBarSearchInput {
  font-size:        10pt;
  border:           0px solid var(--clrBlue2);
  background-color: var(--clrGray-1);
  color:            var(--clrBlack1);
  width:            120px;
  padding-left:     5px;
}

*.topNaviBarSearchBtn {
  color:       var(--clrBlue1);
  padding:     5px;
  padding-top: 6px;
}

*.userIcon {
  background-color: var(--clrOrange1);
  border-radius:    3px;
  padding:          3px;
  padding-left:     10px;
  padding-right:    10px;
  margin-right:     5px;
}

*.topNaviBarTasksOut {
  display:          none;
  position:         absolute;
  right:            0px;
  top:              20px;
  border:           1px solid var(--clrBlue3);
  background-color: white;
  z-index:          999;
  box-shadow:       0px 5px 5px -5px var(--clrBlack3), 5px 0px 5px -5px var(--clrBlack3), -5px 0px 5px -5px var(--clrBlack3);
}

*.topNaviBarTasksIn {
  border:           1px solid var(--clrBlue3);
  background-color: var(--clrBlue3);
  width:            300px;
  padding:          5px;
  font-size:        9pt;
  max-height:       300px;
  overflow-y:       scroll;
  color:            white;
}

*.topNaviBarTasksIn A, *.topNaviBarTasksIn B {
  color: white;
}

*.topNaviBarSecond {
  background-color: var(--clrBlue1);
  border-bottom:    1px solid white;
}

*.topNaviBarnaviTopItem {
  font-size:        12pt;
  background-color: var(--clrBlue2);
  color:            white;
  font-weight:      bold;
  padding:          10px;
  padding-left:     5px;
}

*.topNaviBarnaviHeadItem1 {
  background-color: var(--clrBlue1);
  width:            140px;
}

*.topNaviBarnaviHeadItemA1, A.topNaviBarnaviHeadItemA1, *.topNaviBarnaviHeadItemA1:link {
  font-size:        10pt;
  background-color: var(--clrBlue1);
  color:            white;
  font-weight:      bold;
  padding:          5px;
  padding-left:     8px;
  padding-right:    8px;
  display:          block;
  text-align:       center;
  position:         relative;
}

*.topNaviBarnaviHeadItemA1:hover, A.topNaviBarnaviHeadItemA1:hover, A.topNaviBarnaviHeadItemA1:hover I, A.topNaviBarnaviHeadItemA1.naviRowDesignActive, A.topNaviBarnaviHeadItemA1.naviRowDesignActive I {
  background-color: var(--clrBlue0);
  color:            white;
}

*.topNaviBarnaviHeadItem2 {
  background-color: var(--clrBlue4);
  width:            140px;
  border-left:      5px solid var(--clrBlue4);
  padding-right:    5px;
}

*.topNaviBarnaviHeadItemA2, A.topNaviBarnaviHeadItemA2, *.topNaviBarnaviHeadItemA2:link {
  font-size:   10pt;
  color:       white;
  font-weight: bold;
  padding:     5px;
  display:     block;
  text-align:  center;
  position:    relative;
}

*.topNaviBarnaviHeadItemA2First, A.topNaviBarnaviHeadItemA2First, *.topNaviBarnaviHeadItemA2First:link {
  padding-top: 0px;
}

/**.topNaviBarnaviHeadItem2:hover, A.topNaviBarnaviHeadItem2:hover, A.topNaviBarnaviHeadItem2:hover I, *.topNaviBarnaviHeadItemA2:hover, A.topNaviBarnaviHeadItemA2:hover, A.topNaviBarnaviHeadItemA2:hover I{background-color: var(--clrBlue1); color: white;  }*/

*.topNaviBarOpen2, *.topNaviBarOpen2 *, /* {background-color: var(--clrBlue1); color: white;}*/
*.topNaviBarClick2, *.topNaviBarClick2 *,
*.topNaviBarnaviHeadItem2.naviRowDesignActive {
  background-color:  var(--clrBlue1);
  border-left-color: white !important;
  color:             white;
}

*.topNaviBarnaviHeadItem2.naviRowDesignActive *.naviHeadIcoBigTxt, *.topNaviBarnaviHeadItem2.naviRowDesignActive I {
  color: white;
}

*.topNaviBarnaviHeadItem2.naviRowDesignActive A I {
  color: inherit;
}

*.topNaviBarnaviRow {
  background-color: white;
}

A.topNaviBarnaviLink {
  font-size:    10pt;
  display:      block;
  padding:      3px;
  padding-left: 5px;
}

A.topNaviBarnaviLink:hover, A.topNaviBarnaviLink:active {
  color: white;
}

*.leftNaviBar {
  padding:          0px;
  background-color: var(--clrBlue4);
  width:            80px;
  border-right:     2px solid var(--clrGray2);
  position:         relative;
}

*.leftNaviBarSecond {
  position: absolute;
  height:   100%;
  width:    100%;
}

*.subNaviDiv {
  position:   absolute;
  top:        30px;
  left:       0px;
  width:      100%;
  box-shadow: 0px 5px 5px -5px var(--clrBlack3), 5px 0px 5px -5px var(--clrBlack3), -5px 0px 5px -5px var(--clrBlack3);
}

*.subnaviAHighlight, *.subnaviAHighlight * {
  background-color: var(--clrBlue1);
  color:            white;
}

*.subNaviDivBig {
  position:         absolute;
  top:              0px;
  left:             80px;
  width:            250px;
  height:           100%;
  background-color: white;
  box-shadow:       5px 0px 5px -5px var(--clrBlack3);
}

*.subNaviDivBig * {
  background-color: inherit;
  color:            inherit;
}

*.subNaviHead {
  background-color: var(--clrGray2);
  padding:          10px;
  color:            var(--clrBlack1);
  font-size:        12pt;
  font-weight:      bold;
}

*.subNaviClose, *.subNaviClose *, *.subNaviClose A, *.subNaviClose A:link {
  font-size:        14pt;
  color:            var(--clrBlack1);
  background-color: var(--clrGray2);
}

*.subNaviTable {
  padding-right: 10px;
}

*.subNaviCountdown {
  position:         absolute;
  left:             0px;
  left:             0px;
  background-color: var(--clrBlue1);
  height:           2px;
  width:            2px;
  z-index:          99999;
}

*.indexhome_body {
  margin:   0px;
  padding:  0px;
  overflow: hidden;
}

*.indexhome_maintable {
  padding: 0px;
  margin:  0px;
  border:  0px;
}

*.indexhome_systime {
  color:            white;
  font-size:        9pt;
  width:            80px;
  border:           0px solid white;
  background-color: transparent;
}

*.indexhome_searchform {
  padding: 0px;
  margin:  0px;
}

*.indexhome_username, A.indexhome_username, A.indexhome_username:link {
  color:       white;
  font-size:   9pt;
  font-weight: bold;
}

*.indexhome_aufgabenrow, A.indexhome_aufgabenrow, A.indexhome_aufgabenrow:link {
  color:     var(--clrBlue2);
  font-size: 8pt;
}

*.indexhome_aufgabenrow2 {
  padding-left:  0px;
  padding-right: 0px;
  padding-top:   5px;
}

*.indexhome_aufgabenspan {
  position:  relative;
  font-size: 8pt;
}

*.indexhome_akquisediv {
  position:         absolute;
  left:             0px;
  top:              30px;
  background-color: var(--clrBlue3);
  width:            300px;
  z-index:          9999;
  box-shadow:       0px 5px 5px -5px var(--clrBlack3), 5px 0px 5px -5px var(--clrBlack3), -5px 0px 5px -5px var(--clrBlack3);
}

*.indexhome_akquisediv2 {
  background-color: var(--clrBlue3);
  width:            300px;
  padding:          5px;
  font-size:        9pt;
  color:            white;
  box-shadow:       0px 5px 5px -5px var(--clrBlack3), 5px 0px 5px -5px var(--clrBlack3), -5px 0px 5px -5px var(--clrBlack3);
}

*.indexhome_akquisediv2 * {color: white;}

*.indexhome_helplink, A.indexhome_helplink, A.indexhome_helplink:link {
  color:     white;
  font-size: 9pt;
}

*.indexhome_servertimetd {
  white-space:  nowrap;
  color:        white;
  padding-left: 20px;
}

*.naviInfoIcon {
  width:        13px;
  float:        right;
  position:     relative;
  margin-right: 20px;
  top:          -2px;
}

#tasks.naviInfoIcon {margin-bottom: 10px;}

/*single page design*/
BODY.bodySinglePageDesign, *.bodySinglePageDesign {
  padding:          20px;
  background-color: var(--clrGray-1);
  margin-bottom:    30px;
}

*.bodySinglePageDesignDiv {
}

*.bodySinglePageDesignBack {
  padding: 10px;
}

*.bodySinglePageDesignBack A, *.bodySinglePageDesignBack A:link {
  font-size: 11pt;
}

*.dashboardbox {
  position:         relative; width: 100%; left: 0px; top: 0px;
  background-color: white;
  box-shadow:       0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05);
  border-radius:    0px;
  border:           1px solid white;
}

*.viewMainContent {
  margin-bottom:    20px;
  background-color: white;
  border:           1px solid white !important;
  box-shadow:       0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05);
  border-radius:    0px;
}

*.bodySinglePageDesignYouAreHere {
  font-size:               11pt;
  background-color:        var(--clrYAHLeft);
  display:                 flex;
  flex-basis:              border-box;
  flex-direction:          row;
  flex-wrap:               nowrap;
  border-top-left-radius:  0px;
  border-top-right-radius: 0px;
}

.bodySinglePageDesignYouAreHereOuter {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05); border: 1px solid white !important; border-radius: 0px; overflow: hidden;
  margin-bottom:                                  20px;}

.bodySinglePageDesignYouAreHereWithSubNavi {margin-bottom: 0px !important;}

.bodySinglePageDesignYouAreHereSubNaviDiv {background-color: var(--clrGray0); padding: 13px;
  border-bottom-left-radius:                                 0px;
  border-bottom-right-radius:                                0px;}

a > .bodySinglePageDesignYouAreHereSubNaviSpan:hover {
  text-decoration: underline;
}


A.bodySinglePageDesignYouAreHereSubNaviSpan:link { padding: 10px;
  display:                                                  inline-block;
  background-color:                                         var(--clrGray-1);
  margin-right:                                             10px;
  border-radius:                                            0px;}

A.bodySinglePageDesignYouAreHereSubNaviSpan:hover { background-color: var(--clrNotify1); }

A.bodySinglePageDesignYouAreHereSubNaviActive:link {background-color: var(--clrNotify1);}

*.bodySinglePageDesignYouAreHere A, *.bodySinglePageDesignYouAreHere A:link, *.bodySinglePageDesignYouAreHere *.bodySinglePageDesignYouAreHereText {
  font-size:     11pt;
  padding:       15px;
  padding-right: 20px;
  display:       inline-block;
  position:      relative;
  color:         var(--clrBlack5);
}

*.bodySinglePageDesignYouAreHereBlock0 {
  width:          0px;
  height:         0px;
  border-top:     24px solid transparent;
  border-bottom:  24px solid transparent;
  border-left:    24px solid var(--clrYAHHome);
  display:        inline-block;
  vertical-align: middle;
  z-index:        9;
  position:       relative;
}

*.bodySinglePageDesignYouAreHereBlock {
  width:          0px;
  height:         0px;
  border-top:     24px solid transparent;
  border-bottom:  24px solid transparent;
  border-left:    24px solid var(--clrYAHLeft);
  display:        inline-block;
  vertical-align: middle;
  z-index:        9;
  position:       relative;
}

*.bodySinglePageDesignYouAreHereBlock2 {
  width:          0px;
  height:         0px;
  border-top:     24px solid transparent;
  border-bottom:  24px solid transparent;
  border-left:    24px solid var(--clrYAHLeftSeperator);
  display:        inline-block;
  vertical-align: middle;
  position:       relative;
  left:           -22px;
  z-index:        6;
  margin-right:   -20px;
}

*.bodySinglePageDesignYouAreHereBlock3 {
  width:            28px;
  /*height:           100%;*/
  display:          inline-block;
  vertical-align:   middle;
  position:         relative;
  left:             -26px;
  z-index:          2;
  margin-right:     -28px;
  background-color: var(--clrYAHCenter);
}

*.bodySinglePageDesignYouAreHereBlockFw {
  width:          0px;
  height:         0px;
  border-top:     24px solid transparent;
  border-bottom:  24px solid transparent;
  border-left:    24px solid var(--clrYAHCenter);
  display:        inline-block;
  vertical-align: middle;
  z-index:        9;
  position:       relative;
}

*.bodySinglePageDesignYouAreHereBlockFw2 {
  width:          0px;
  height:         0px;
  border-top:     24px solid transparent;
  border-bottom:  24px solid transparent;
  border-left:    24px solid var(--clrYAHRightSeperator);
  display:        inline-block;
  vertical-align: middle;
  position:       relative;
  left:           -22px;
  z-index:        6;
  margin-right:   -20px;
}

*.bodySinglePageDesignYouAreHereBlockFw3 {
  width:          0px;
  height:         0px;
  border-top:     24px solid transparent;
  border-bottom:  24px solid transparent;
  border-left:    24px solid var(--clrYAHRight);
  display:        inline-block;
  vertical-align: middle;
  position:       relative;
  left:           -20px;
  z-index:        6;
  margin-right:   -20px;
  margin-left:    25px;
}

*.bodySinglePageDesignYouAreHereForwardNaviDiv:hover *.bodySinglePageDesignYouAreHereBlockFw3 {border-left-color: var(--clrYAHRightHover);}

*.bodySinglePageDesignYouAreHereBlockFw4 {
  width:          0px;
  height:         0px;
  border-top:     24px solid transparent;
  border-bottom:  24px solid transparent;
  border-left:    24px solid var(--clrYAHRightSeperator);
  display:        inline-block;
  vertical-align: middle;
  position:       relative;
  left:           -22px;
  z-index:        3;
  margin-right:   -20px;
}

*.bodySinglePageDesignYouAreHereHome {display: flex; background-color: var(--clrYAHHome)}

*.bodySinglePageDesignYouAreHereHome A:link, *.bodySinglePageDesignYouAreHereHome I {color: white; font-size: 12pt;}

*.bodySinglePageDesignYouAreHereFirst {display: flex;}

*.bodySinglePageDesignYouAreHereSecond {flex-grow: 2;background-color: var(--clrYAHCenter); position: relative}

*.bodySinglePageDesignYouAreHereForwardNaviDiv {display: flex; background-color: var(--clrYAHRight); position: relative}

.bodySinglePageDesignYouAreHereSecondWithSubNavi:after {content: "\f078"; position: absolute; left: 25px; bottom: -10px; background-color: var(--clrYAHCenter); box-sizing: border-box; border-radius: 30px;line-height: 1em; height: 25px; font-family: "Font Awesome 5 Pro"; padding: 8px;}

/*
*.bodySinglePageDesignYouAreHere A:after, *.bodySinglePageDesignYouAreHere A:link:after {
  content:         "»";
  padding-left:    10px;
  color:           var(--clrBlack1);
  text-decoration: none;
}
*/

*.bodySinglePageDesignYouAreHereSpan {
  font-size: 11pt;
  padding:   15px;
  display:   inline-block;
}

*.bodySinglePageDesignYouAreHereSpan A:link {padding: 0px;}

*.splitLinkGroup {
  padding-left:   15px;
  padding-right:  15px;
  display:        flex;
  flex-direction: row;
  /*height:                       100%;*/
}

*.splitLinkGroup2 {display: flex;
  flex-direction:           column;
  /*height:                   100%;*/
  justify-content:          center;
}

*.bodySinglePageDesignYouAreHere A.splitLink, *.bodySinglePageDesignYouAreHere A:link.splitLink {
  padding:     0px;
  font-size:   10pt;
  line-height: 1.0em;
}

*.bodySinglePageDesignYouAreHere A.splitFirst, *.bodySinglePageDesignYouAreHere A:link.splitFirst {
  font-size: 11pt;
}

*.bodySinglePageDesignYouAreHere A.splitFirstOfMore, *.bodySinglePageDesignYouAreHere A:link.splitFirstOfMore {
  font-size: 10pt;
}

*.bodySinglePageDesignYouAreHere A.splitLast, *.bodySinglePageDesignYouAreHere A:link.splitLast {
  color: var(--clrYellow0);
}

*.bodySinglePageDesignYouAreHereForwardNaviDiv, *.bodySinglePageDesignYouAreHereForwardNaviDiv A, *.bodySinglePageDesignYouAreHereForwardNaviDiv A:link, *.bodySinglePageDesignYouAreHereForwardNaviDiv A.splitFirst:link { color: var(--clrBlack3);}

*.bodySinglePageDesignYouAreHereForwardNaviDiv A.splitLast, *.bodySinglePageDesignYouAreHereForwardNaviDiv A:link.splitLast {
  color: var(--clrYellow-1);
}

*.bodySinglePageDesignYouAreHereForwardNaviDiv:hover {background-color: var(--clrYAHRightHover);}

*.bodySinglePageDesignYouAreHereForwardNaviDiv:hover, *.bodySinglePageDesignYouAreHereForwardNaviDiv:hover A, *.bodySinglePageDesignYouAreHereForwardNaviDiv:hover A:link, *.bodySinglePageDesignYouAreHereForwardNaviDiv:hover A.splitFirst:link { color: var(--clrBlack5);}

*.bodySinglePageDesignYouAreHereForwardNaviDiv:hover A.splitLast, *.bodySinglePageDesignYouAreHereForwardNaviDiv:hover A:link.splitLast {
  color: var(--clrYellow0);
}

*.singlePageInnerContent { padding: 10px; }

/* DESIGN Listen-Spalte */
.listViewHeadlineContainer {
  position:         relative;
  display:          flex;
  background-color: var(--clrBlue1);
}


.listViewHeadlineContainerGray {
  position:         relative;
  display:          flex;
  background-color: var(--clrGray2);
}


*.listViewHeadline {
  background-color: var(--clrBlue1);
  font-size:        12pt;
  padding:          8px;
  color:            white;
  flex-grow:        1;
}


*.listViewHeadlineGray {
  background-color: var(--clrGray2);
  font-size:        12pt;
  padding:          8px;
  color:            var(--clrBlack1);
  flex-grow:        1;
}

.listViewHeadlineContainer *.listViewHeadline { background-color: transparent;}

.listViewHeadlineContainerGray *.listViewHeadlineGray { background-color: transparent;}

.bodySinglePageDesign .listViewHeadlineContainer,
.bodySinglePageDesign .listViewHeadlineContainerGray,
.bodySinglePageDesign .listViewHeadline,
.bodySinglePageDesign .listViewHeadlineGray {
  border-top-left-radius:  0px;
  border-top-right-radius: 0px;
}

*.listViewDataDiv {
  padding: 20px;
}

*.listViewDataDivNoPad {
  padding: 0px;
}

.bodySinglePageDesign .listViewDataDiv,
.bodySinglePageDesign .listViewDataDivNoPad {

  border-bottom-left-radius:  0px;
  border-bottom-right-radius: 0px;
}


*.listViewHeadlineSmall {
  background-color: var(--clrGray2);
  font-size:        11pt;
  padding:          5px;
  color:            var(--clrBlack2);
}

*.listViewHeaderRow {
  background-color: var(--clrGray0);
}

*.listViewHeaderRowDark {
  background-color: var(--clrGray1);
}

*.listViewHeaderCell {
}

*.listViewHeaderRow *.listViewHeaderCell {
  border-right: 1px solid var(--clrGray-1);
}

*.listViewHeaderRowDark *.listViewHeaderCell {
  border-right: 1px solid var(--clrGray3);
}

*.listViewHeaderLink, A.listViewHeaderLink {
  color:     var(--clrBlack2);
  font-size: 10pt;
}

*.listViewDataRow {
  background-color: white;
}

*.listViewDataRow:hover {
  background-color: var(--clrGray-1);
  color:            var(--clrBlack1);
}

*.listViewDataRowDetails {
  padding:    20px;
  text-align: center;
}

*.ntbltdcls {
  border-top:    1px solid white;
  border-bottom: 1px solid var(--clrGray-1);
}

*.ntbltdclsgrp {
  border-bottom:    1px solid var(--clrGray-1);
  border-top:       1px solid var(--clrGray-1);
  padding-top:      5px;
  padding-left:     3px;
  padding-bottom:   3px;
  background-color: var(--clrGray-1);
}

*.ntbltdclsgrp2 {
  font-size:   9pt;
  font-weight: bold;
  color:       var(--clrBlack1);
}

*.grpslct {
  font-size: 7pt;
  color:     var(--clrBlack1);
}

*.listViewLoadData {
  position:         absolute;
  left:             10%;
  top:              5px;
  width:            80%;
  background-color: var(--clrNotify1);
  border:           1px solid silver;
  padding:          10px;
  box-shadow:       0px 0px 5px 0px var(--clrBlack3);
}

*.listViewLoadDataFound {
  position:         absolute;
  left:             10%;
  top:              5px;
  width:            80%;
  background-color: var(--clrNotify1);
  border:           1px solid silver;
  padding:          10px;
  box-shadow:       0px 0px 5px 0px var(--clrBlack3);
}

*.listViewRemoveFilter {
  border-top:       1px solid white;
  border-bottom:    1px solid var(--clrGray2);
  background-color: var(--clrNotify2);
  padding:          10px;
}

*.listViewPageing {
  border-top:       1px solid white;
  border-bottom:    1px solid var(--clrGray2);
  background-color: var(--clrNotify2);
}

*.listViewMainDiv {
}

*.listViewMainTbl {
  border-bottom: 5px solid var(--clrGray2);
}

*.listViewContent {
  padding: 10px;
}

*.listViewHeadline A {
  font-size: 12pt;
  color:     white;
}

*.listViewHeadline A:hover {
  font-size: 12pt;
  color:     var(--clrOrange1);
}

*.listViewBookingIncludeRow TD:nth-of-type(1) {
  border-left:  5px solid var(--clrGreenP2);
  padding-left: 5px;
}

*.listViewBookingExcludeRow {
  background-color: var(--clrRedP-1);
}

*.listViewBookingExcludeRow TD:nth-of-type(1) {
  border-left:  5px solid var(--clrRedP2);
  padding-left: 5px;
}

*.listViewBookingKontingentRow {
  background-color: var(--clrBlue-1);
}

*.listViewBookingKontingentRow TD:nth-of-type(1) {
  border-left:  5px solid var(--clrBlue2);
  padding-left: 5px;
}

*.listViewBookingWMGroupRow {
  background-color: var(--clrBlue-1);
}

*.listViewBookingWMGroupRow TD:nth-of-type(1) {
  border-left:  5px solid var(--clrPurpleP2);
  padding-left: 5px;
}

DIV.listViewAddBtn,
DIV.listViewRemoveBtn{
  cursor: pointer;
}

DIV.listViewAddBtn,
DIV.listViewRemoveBtn,
A.listViewAddBtn,
A.listViewRemoveBtn {
  padding-top:      4px;
  padding-left:     5px;
  width:            20px;
  height:           20px;
  background-color: var(--clrGray0);
  border-radius:    0px;
  display:          inline-block;
  color:            var(--clrBlack3);
}

A.listViewAddText,
A.listViewRemoveText {
  padding-top:      4px;
  padding-left:     5px;
  padding-right:    5px;
  height:           20px;
  background-color: var(--clrGray0);
  border-radius:    0px;
  display:          inline-block;
  color:            var(--clrBlack3);
}

A.listViewAddBtn:hover, A.listViewAddText:hover {
  background-color: var(--clrGreen2);
}

DIV.listViewRemoveBtn:hover,
A.listViewRemoveBtn:hover,
A.listViewRemoveText:hover
{
  background-color: var(--clrRedP1);
}

DIV.listViewAddBtn I,
A.listViewAddBtn I,
A.listViewAddText I,
DIV.listViewRemoveBtn I,
A.listViewRemoveBtn I,
A.listViewRemoveText I {
  color: var(--clrBlack3);
}

DIV.listViewAddBtn:hover,
A.listViewAddBtn:hover,
A.listViewAddText:hover,
DIV.listViewRemoveBtn:hover,
A.listViewRemoveBtn:hover,
A.listViewRemoveText:hover,
DIV.listViewAddBtn:hover I,
A.listViewAddBtn:hover I,
A.listViewAddText:hover I,
DIV.listViewRemoveBtn:hover I,
A.listViewRemoveBtn:hover I,
A.listViewRemoveText:hover I {
  color: white;
}

*.listViewItemActive, A.listViewItemActive, A.listViewItemActive:link {
  color:     var(--clrGreen2);
  font-size: 8pt;
}

*.listViewItemInActive, A.listViewItemInActive, A.listViewItemInActive:link {
  color:     var(--clrRed2);
  font-size: 8pt;
}

*.listViewItemDeActive, A.listViewItemDeActive, A.listViewItemDeActive:link {
  color:     var(--clrRed1);
  font-size: 8pt;
}

*.listViewItemActiveUnchecked, A.listViewItemActiveUnchecked, A.listViewItemActiveUnchecked:link {
  color:            var(--clrGreen2);
  font-size:        8pt;
  background-color: var(--clrGray0);
  padding:          3px;
  border-radius:    0px;
}

*.listViewItemInActiveUnchecked, A.listViewItemInActiveUnchecked, A.listViewItemInActiveUnchecked:link {
  color:            var(--clrRed2);
  font-size:        8pt;
  background-color: var(--clrGray0);
  padding:          3px;
  border-radius:    0px;
}

*.listViewItemDeActiveUnchecked, A.listViewItemDeActiveUnchecked, A.listViewItemDeActiveUnchecked:link {
  color:            var(--clrRed1);
  font-size:        8pt;
  background-color: var(--clrGray0);
  padding:          3px;
  border-radius:    0px;
}

*.listViewItemExpired, A.listViewItemExpired, A.listViewItemExpired:link {
}

*.listViewItemExpiredTxt, A.listViewItemExpiredTxt, A.listViewItemExpiredTxt:link {
  color:            var(--clrBlack3);
  font-size:        8pt;
  background-color: var(--clrGray2);
  padding:          3px;
  border-radius:    0px;
}

*.listSort {margin-left: 2px;}

BODY.bodySinglePageDesign *.listViewMainCellItem, BODY.bodySinglePageDesign A.listViewMainCellItem, BODY.bodySinglePageDesign A.listViewMainCellItem:link {
  background-color: var(--clrBlue-1);
  border-radius:    0px;
  display:          block;
  padding:          2px;
  font-weight:      bold;
}

BODY.bodySinglePageDesign A.listViewMainCellItem:hover {
  background-color: var(--clrYellow-1);
  color:            var(--clrBlack1);
}

*.bar1 {
  width:            5px;
  height:           100%;
  background-color: var(--clrGreenP2);
  font-size:        1px;
}

*.bar2 {
  width:            5px;
  height:           100%;
  background-color: var(--clrOrange1);
  font-size:        1px;
}

*.bar3 {
  width:            5px;
  height:           100%;
  background-color: var(--clrRedP2);
  font-size:        1px;
}

*.bar4 {
  width:            5px;
  height:           100%;
  background-color: var(--clrBlack3);
  font-size:        1px;
}

*.bar5 {
  width:            5px;
  height:           100%;
  background-color: var(--clrBlue1);
  font-size:        1px;
}

/* DESIGN Toolbar in Liste */
*.toolbarBody {
  background-color: var(--clrGray2);
  border:           0px;
  margin:           0px;
  padding:          0px;
}

*.toolbarFaBtn {
  font-size: 9pt;
  color:     var(--clrBlack2);
  margin:    4px;
}

*.toolbarFaBtnStacked {
  width:    2em;
  height:   1em;
  position: relative;
}

*.toolbarFaBtn:hover {
  color: var(--clrBlack1);
}

*.toolbarPanel {
  padding:          3px;
  padding-bottom:   0px;
  background-color: var(--clrGray1);
  border-right:     1px solid var(--clrGray0);
  border-bottom:    3px solid var(--clrGray1);
  white-space:      nowrap;
  cursor:           pointer;
}

*.toolbarPanel:hover {
  background-color: var(--clrYellow-1);
  color:            var(--clrBlack1);
  border-bottom:    3px solid var(--clrYellow1);
}

*.toolbarPanel:hover I {
  color: var(--clrRed2);
}


*.toolbarScrollBtnLeft {
  background-color: var(--clrGray2);
  border-right:     1px solid var(--clrGray2);
  font-size:        16pt;
  color:            var(--clrBlue1);
  height:           30px;
  padding-top:      4px;
  padding-left:     10px;
  padding-right:    10px;
}

*.toolbarScrollBtnRight {
  background-color: var(--clrGray2);
  border-left:      1px solid var(--clrGray2);
  font-size:        16pt;
  color:            var(--clrBlue1);
  height:           30px;
  padding-top:      4px;
  padding-left:     10px;
  padding-right:    10px;
}

*.toolbarForm {
  padding:          0px;
  margin:           0px;
  height:           30px;
  background-color: var(--clrGray1)
}

*.toolbarFormDiv {
  width:    100%;
  height:   30px;
  margin:   0px;
  padding:  0px;
  position: relative;
}

*.toolbarFormDivDiv {
  height:        100%;
  padding-left:  5px;
  padding-right: 3px;
}

*.toolbarScroller {
  width:    100%;
  height:   100%;
  overflow: hidden;
  position: relative;
}

*.toolbarScrollerTable {
  position: absolute;
  left:     0px;
  top:      0px;
}

*.toolbarScrollerLeft {
  position: absolute;
  left:     0px;
  top:      0px;
  display:  none;
}

*.toolbarScrollerRight {
  position: absolute;
  right:    -1px;
  top:      0px;
  display:  none;
}

*.toolbarBtn {
  cursor:          pointer;
  display:         block;
  text-decoration: none;
  font-size:       1pt;
  font-weight:     normal;
  font-family:     Arial;
  padding:         0px;
  margin:          0px;
}

*.toolbarBtnTitle {
  color:     var(--clrBlack2);
  font-size: 10pt;
}

*.toolbarIncludeDiv {
  margin-bottom: 0px; /*was 20*/
}

*.toolbarIncludeDivTop {
  position: relative;
}

*.asmpageTHeadToolBar *.toolbarForm {
  border-bottom: 1px solid var(--clrGray2);
}

*.asmpageTHeadToolBar {
}

*.asmpageTHeadToolBarFixed {
  position:      fixed;
  top:           0px;
  left:          0px;
  width:         100%;
  z-index:       999999;
  padding-left:  20px;
  padding-right: 20px;
}

*.asmpageTFootToolBar *.toolbarForm {
  border-top: 1px solid var(--clrGray2);
}

*.asmpageTFootToolBar {
}

*.asmpageTFootToolBarFixed {
  position:      fixed;
  bottom:        0px;
  left:          0px;
  width:         100%;
  z-index:       999999;
  padding-left:  20px;
  padding-right: 20px;
}

/* DESIGN übersichtsfenster rechts oben */
*.overviewWinTab {
  background-color: var(--clrGray0);
  border-right:     1px solid var(--clrGray-1);
  border-top:       3px solid var(--clrGray0);
}

*.overviewWinTab:hover {background-color: var(--clrYellow-1); border-top: 3px solid var(--clrYellow1); color: var(--clrBlack1);}

*.overviewWinTabActive {
}

*.overviewWinTabSpan, *.overviewWinTabActive *.overviewWinTabLink, *.overviewWinTabActive A.overviewWinTabLink {
  color:     var(--clrBlue2);
  font-size: 10pt;
  padding:   5px;
  display:   block;
}

*.overviewWinTabLink, A.overviewWinTabLink {
  color:     var(--clrBlack2);
  font-size: 10pt;
  padding:   5px;
  display:   block;
}

*.overviewWinTabLink I, *.overviewWinTab I {color: var(--clrBlack2)}

*.overviewHeadlineRow {
  background-color: var(--clrGray-1);
}

*.overviewHeadlineCell {
  padding:     2px;
  font-weight: bold;
}

*.tblBox { width: 100%; background-color: #FFFFFF; margin: 0px; padding: 0px; }

/*Highlight-Cell*/
*.highlightCell {
  background-color: var(--clrNotify1);
  padding:          12px;
}

*.highlightCellBorder {
  border-bottom: 1px solid var(--clrGray0);
}

*.highlightCellBorderAll {
  border: 1px solid var(--clrGray0);
}


*.codeBox {
  font-family: Monospaced, Courier New;
  color:       var(--clrBlue2);
  font-size:   8pt;
  width:       100%;
  border:      1px solid var(--clrGray3);
  padding:     3px;
}

*.websitesKeyWordCloud {
  padding:          10px;
  text-align:       center;
  background-color: var(--clrNotify1);
  position:         relative;
}

/* REPORTS */
*.st_body {
  background-color: var(--clrGray-1);
  margin:           20px;
}

*.st_configTable {
  background-color: var(--clrGray2);
}

*.st_configTableHeadline {
  font-size: 11pt;
  padding:   12px;
}

*.st_confbox_td {
  vertical-align: middle;
  width:          200px;
  text-align:     center;
}

*.st_configboxBtn {
  padding:          12px;
  font-size:        11pt;
  background-color: var(--clrGray2);
  border-left:      1px solid var(--clrGray0);
  border-bottom:    1px solid var(--clrGray0);
  text-align:       center;
  width:            25px;
}

*.st_configboxBtn:hover {
  background-color: var(--clrYellow-1);
  color:            var(--clrBlack1);
  border-bottom:    3px solid var(--clrYellow1);
}

*.st_configboxBtn:hover I {
  color: var(--clrRed2);
}

*.st_button {
  background-color: var(--clrBlue1);
  color:            white;
  border:           0px solid white;
  border-bottom:    1px solid var(--clrGray2);
  border-right:     1px solid var(--clrGray2);
  padding:          5px;
  padding-left:     15px;
  padding-right:    15px;
  font-size:        10pt;
  cursor:           pointer;
}

*.st_button:hover {
  background-color: var(--clrBlue3);
}

*.st_table {
  border-spacing:  2px;
  border-collapse: collapse;
  font-size:       9pt;
}

*.st_table td, *.st_table th {
  padding: 2px;
}

*.st_headline_row {
  background-color: var(--clrGray0);
}

*.st_headline, TH.st_headline {
  font-size: 10pt;
  padding:   4px;
}

*.st_row {
  background-color: white;
}

*.st_row:hover {
  background-color: var(--clrNotify1);
}

TR.st_row:nth-child(2n+1) {
  background-color: var(--clrGray-1);
}

*.st_sum {
  font-weight: bold;
}

*.st_sum1, *.st_sum1 td {
  background-color: var(--clrGray-1);
  padding:          3px;
}

*.st_sum2, *.st_sum2 td {
  background-color: var(--clrBlue-1);
  padding:          3px;
}

*.st_sum3, *.st_sum3 td {
  background-color: var(--clrBlue0);
  padding:          4px;
  font-size:        10pt;
}

*.st_grafik {
  background-color: white;
  border-bottom:    5px solid var(--clrGray2);
  margin-bottom:    20px;
}

*.st_settingsTable {
  background-color: white;
  border-bottom:    5px solid var(--clrGray2);
  margin-bottom:    20px;
  padding-bottom:   10px;
}

*.st_mailform {
  background-color: white;
  border-bottom:    5px solid var(--clrGray2);
  margin-bottom:    20px;
  padding-bottom:   10px;
}

*.st_countryfilter {
  font-size: 8pt;
  border:    1px solid var(--clrBlack3);
  padding:   1px;
}

A.st_shylink {
  text-decoration: none;
  color:           var(--clrBlack1);
}

*.tblgroup A, *.tblgroup A:link {
  font-size: 8pt;
  color:     var(--clrBlack1);
}

*.st_colgroup {
  text-align:     left;
  vertical-align: top;
}

*.st_colgrpline {
  display:        inline-block;
  float:          left;
  width:          33%;
  max-width:      300px;
  text-align:     left;
  vertical-align: top;
}

*.st_savebox {
  clear: both;
}

*.st_selbtns {
  padding:          4px;
  border-radius:    0px;
  margin:           2px;
  background-color: var(--clrBlue0);
  color:            var(--clrBlack1);
  display:          inline-block;
  width:            1.5em;
  height:           1.5em;
  vertical-align:   middle;
  text-align:       center;
}

*.st_selbtns:hover {
  background-color: var(--clrBlue1);
}

*.st_selbtns * {
  color:          var(--clrBlack1);
  vertical-align: middle;
  text-align:     center;
  font-size:      1em;
}

*.st_selbtns_td {
  width:          2em;
  text-align:     center;
  vertical-align: top;
}

st_selbtns_td * {
  vertical-align: top;
}

*.st_plusminusbtn {
  margin: 3px;
}

*.st_waiter {border-bottom: 5px solid var(--clrGray2); background-color: white; border-top: 1px solid var(--clrGray2); width: 100%; height: 100%;}

*.st_waiter2 {}

*.st_waiterBox {
  background-color: white;
  border-bottom:    5px solid var(--clrGray2);
  margin-bottom:    20px;
  padding-bottom:   10px;
  height:           100%;
}

*.st_waiterMsg {
  width:    400px;
  height:   400px;
  position: absolute;
  left:     calc(50% - 200px);
  top:      calc(50% - 200px);
}

*.tblgroupconf {
  padding: 20px;
}

*.tblgroupfilter {
  padding: 20px;
}

*.tblgroupfilter INPUT, *.tblgroupfilter SELECT {
  margin-right: 5px;
}

*.trHover:hover {
  background-color: var(--clrNotify1);
}

*.tdLink {
  display: block;
}

/*Dashboard*/
.dashboardBoxRow {display: flex;}

.dashboardBoxFull {width: 100%; display: block;}

.dashboardBoxHalf {width: 50%; display: block; position: relative;}

.dashboardBoxHalf:nth-of-type(odd) {margin-right: 10px;}

.dashboardBoxHalf:nth-of-type(even) {margin-left: 10px;}

.dashboardBoxHalf .viewMainContent {height: calc(100% - 20px);}

.dashboardBoxEmpty { position: relative; min-height: 100px;}

.dashboardBoxEmpty A {position: absolute; left: calc(50% - 21px); top: calc(50% - 21px);}


*.dashboardBoxHeadlineTable {
  background-color:        var(--clrGray1);
  border-top-left-radius:  0px;
  border-top-right-radius: 0px;
}

*.dashboardBoxHeadline {
  padding:   12px;
  font-size: 11pt;
}


.dashlink:hover {
  text-decoration: none;
}

/*Suche*/
*.searchLeftCol {
  background-color: var(--clrGray-1);
  width:            190px;
  padding:          10px;
  vertical-align:   top;
}

*.searchLeftHeadline {
  font-size:     12pt;
  margin-bottom: 10px;
}

*.searchCenterCol {
  background-color: white;
  padding:          10px;
  vertical-align:   top;
}

*.searchCenterHeadline {
  font-size:     12pt;
  margin-bottom: 10px;
}

*.searchRightCol {
  background-color: var(--clrGray2);
  color:            white;
  width:            300px;
  padding:          10px;
  vertical-align:   top;
}

*.searchRightHeadline {
  font-size:     12pt;
  margin-bottom: 10px;
}

*.searchResultHeadline {
  font-weight:    bold;
  vertical-align: top;
  width:          150px;
}

*.searchResultHeadlineMore {
  font-weight: normal;
  font-size:   9pt;
  color:       var(--clrBlack3);
}

*.searchResultItems {
  vertical-align: top;
}

*.searchResultItem {
  padding-bottom: 5px;
}

*.searchResultItemByline {
  color:     var(--clrBlack3);
  font-size: 9pt;
}

*.searchHelpResult {
  margin-bottom: 10px;
}

/*workflow*/
*.wfBody {
  padding:          20px;
  background-color: var(--clrGray-1);
  margin-bottom:    30px;
}

*.LastStep {
  background-color: white;
}

*.LastStepinner {
  background-color: white;
}

*.LastStepBetween {
  margin-top: 20px;
}

*.LastStepNumber {
  font-size:        11pt;
  color:            var(--clrBlack1);
  font-weight:      bold;
  width:            30px;
  background-color: var(--clrGray1);
  padding:          10px;
}

*.LastStepName {
  font-size:        11pt;
  color:            var(--clrBlack1);
  background-color: var(--clrGray1);
  padding:          10px;
}

*.contentLast {
  font-size:        9pt;
  color:            var(--clrBlack1);
  padding:          10px;
  background-color: white;
}

*.CurrentStep {
  margin-top: 20px;
}

*.CurrentStepinner {
  background-color: white;
}

*.CurrentStepBetween {
  margin-top: 20px;
}

*.CurrentStepNumber {
  font-size:        11pt;
  color:            var(--clrBlack1);
  font-weight:      bold;
  width:            30px;
  background-color: var(--clrBlue0);
  padding:          10px;
}

*.CurrentStepName {
  font-size:        11pt;
  color:            var(--clrBlack1);
  background-color: var(--clrBlue0);
  padding:          10px;
}

*.contentCurrent {
  font-size:        9pt;
  color:            var(--clrBlack1);
  padding:          10px;
  background-color: white;
}

*.nextStep {
  background-color: white;
  margin-top:       20px;
}

*.nextStepBetween {
  margin-top: 20px;
}

*.nextStepNumber {
  font-size:        11pt;
  color:            var(--clrBlack1);
  font-weight:      bold;
  width:            30px;
  background-color: var(--clrGray1);
  padding:          10px;
}

*.nextStepName {
  font-size:        11pt;
  color:            var(--clrBlack1);
  background-color: var(--clrGray1);
  padding:          10px;
}

*.contentnext {
  font-size:        9pt;
  color:            var(--clrBlack1);
  padding:          10px;
  background-color: white;
}

*.innerStep {
  margin-top: 20px;
}

*.editedby {
  font-size:      10pt;
  color:          var(--clrBlack2);
  padding-bottom: 5px;
}

*.campaignfromoffer {
  font-size:      8pt;
  color:          var(--clrBlack1);
  padding-bottom: 5px;
}

*.campaignfromofferlink {
  font-size: 8pt;
}

*.comment {
  padding-top:    10px;
  padding-bottom: 5px;
}

*.commentinput {
  width:     100%;
  height:    50px;
  font-size: 8pt;
}

*.comment_from {
  font-size: 10pt;
  color:     var(--clrBlack2);
}

*.comment_text {
  font-size: 10pt;
}

*.wfCommentBox {
  background-color: var(--clrGray1);
  padding:          10px;
}

*.privateComment {
  color:     var(--clrBlack2);
  font-size: 9pt;
}

*.actionComment {
  color:     var(--clrBlack1);
  font-size: 9pt;
}

*.wful {
  margin-top:     0px;
  padding-top:    2px;
  margin-bottom:  0px;
  padding-bottom: 8px;
}

*.HLheader {
  background-color: var(--clrBlue1);
  font-size:        12pt;
  padding:          8px;
  color:            white; /*var(--clrBlue2)*/;
}

*.HLheaderAct {
  background-color: white;
  padding:          3px !important;
  font-size:        10pt;
  color:            var(--clrBlack1);
  border-right:     1px solid var(--clrBlue2);
  border-left:      1px solid var(--clrBlue2);
  border-top:       1px solid var(--clrBlue2);
  border-bottom:    0px solid var(--clrBlue2);
}

*.HLheaderComment {
  background-color: var(--clrGray1);
  padding:          3px;
  font-size:        8pt;
  color:            white;
  border:           2px solid white;
  width:            20px;
  height:           20px;
  text-align:       center;
  vertical-align:   middle;
}

*.HLheaderCommentActive {
  background-color: var(--clrGray1);
  padding:          3px;
  font-size:        8pt;
  color:            white;
  border-right:     2px solid var(--clrGray1);
  border-left:      2px solid var(--clrGray1);
  border-top:       2px solid var(--clrGray1);
  border-bottom:    2px solid var(--clrGray1);
  width:            20px;
  height:           20px;
  text-align:       center;
  vertical-align:   middle;
}

/*codecenter*/
*.cc_body {
  background-color: var(--clrGray-1);
  margin:           0px;
}

*.cc_content {
  margin: 20px;
}

*.cc_BoxHeadline {
  background-color: var(--clrGray2);
  font-size:        11pt;
  padding:          12px;
}

*.cc_BoxContent {
  background-color: white;
  margin-bottom:    20px;
  padding:          10px;
}

/* Marketplace */

*.mp_h2 {
  font-size:  14pt;
  margin-top: 30px;
}

*.mp_body {
  background-color: var(--clrGray-1);
  margin:           0px;
}

*.mp_content {
  padding: 20px;
}

*.mp_BoxHeadline {
  background-color: var(--clrGray2);
  font-size:        11pt;
  padding:          12px;
}

*.mp_BoxContent, *.mp_BoxContentSmall {
  background-color: white;
  border-bottom:    5px solid var(--clrGray2);
  margin-bottom:    20px;
  padding:          10px;
  min-height:       300px;
}

*.mp_BoxContentSmall {
  min-height: 50px;
}

*.mp_BoxContentReadfirst {
  background-color: var(--clrNotify2);
  padding:          10px;
}

*.mp_logo {
  border:     1px solid var(--clrBlack3);
  margin:     10px;
  box-shadow: 0px 0px 5px 0px var(--clrGray2);
}

*.mp_bgHeadline {
  color:         silver;
  font-size:     30pt;
  margin-bottom: 20px;
  margin-top:    20px;
}

*.mp_offerbox {
  width:          31%;
  display:        inline-block;
  vertical-align: top;
  margin-right:   2%;
}

*.mp_contentlink {
  padding:          10px;
  font-size:        11pt;
  background-color: var(--clrGray2);
  margin-bottom:    20px;
}

*.mp_contentlink * {
  font-size: 11pt;
}

*.mp_contentlink A, *.mp_contentlink A:link, *.mp_contentlink A:hover {
  display:       inline-block;
  border-right:  2px solid var(--clrGray1);
  padding-right: 20px;
  margin-right:  20px;
}

*.mp_linkspan {
  padding-right: 10px;
}

*.mp_company {
  vertical-align: top;
  border-top:     1px solid var(--clrGray3);
  margin-top:     10px;
  padding-top:    10px;
}

*.mp_company_logo {
  float:      left;
  border:     1px solid var(--clrBlack3);
  margin:     10px;
  box-shadow: 0px 0px 5px 0px var(--clrGray2);
}

*.mp_company_addr {
  display: inline-block;
  margin:  10px;
}

*.mp_clear {
  clear: both;
}

*.mp_offertype {
  padding: 8px;
}

*.mp_offerHeadline {
  border-bottom: 8px solid white;
}

*.mp_offertype_0 {
  background-color: var(--clrNotify1);
}

*.mp_offertype_1 {
  background-color: var(--clrNotify1);
}

*.mp_offertype_other {
  background-color: var(--clrRedP1);
  border-left:      3px solid var(--clrRedP2);
}

*.mp_offertype_Views {
  background-color: var(--clrBlue-1);
  border-left:      3px solid var(--clrBlue0);
}

*.mp_offertype_Clicks {
  background-color: var(--clrPurpleP1);
  border-left:      3px solid var(--clrPurpleP2);
}

*.mp_offertype_Actions {
  background-color: var(--clrYellowP1);
  border-left:      3px solid var(--clrYellowP2);
}

*.mp_offertype_RTB {
  background-color: var(--clrGreenP1);
  border-left:      3px solid var(--clrGreenP2);
}

*.mp_approval {
  padding:          8px;
  border-bottom:    8px solid white;
  background-color: var(--clrRed2);
}

*.mp_contact {
  margin-top: 10px;
  text-align: center;
  padding:    10px;
}

*.mp_button, A.mp_button, A.mp_button:link, A.mp_button:hover {
  background-color: var(--clrBlue1);
  color:            white;
  border:           0px solid white;
  border-bottom:    1px solid var(--clrGray2);
  border-right:     1px solid var(--clrGray2);
  padding:          8px;
  padding-left:     14px;
  padding-right:    14px;
  font-size:        10pt;
  cursor:           pointer;
  display:          inline-block
}

*.mp_rtb_button, A.mp_rtb_button, A.mp_rtb_button:link, A.mp_rtb_button:hover {
  font-weight: bold;
}


*.mp_chars {
  font-size: 8pt;
  color:     var(--clrBlack3);
}

*.mp_table {
  width: 100%;
}

*.mp_table TH {
  text-align:       left;
  background-color: var(--clrGray1);
  padding:          4px;
  font-size:        11pt;
}

*.mp_s_0 {
  color: var(--clrOrange1);
}

*.mp_s_1 {
  color: var(--clrGreen2);
}

*.mp_s_2 {
  color: var(--clrRed1);
}

/*calendar*/
*.cal_link_off, A.cal_link_off, A.cal_link_off:link {
  font-size: 8pt;
}

*.cal_maindiv {
  position: relative;
  z-index:  27;
  left:     0px;
  top:      0px;
}

*.cal_mainspan {
  white-space: nowrap;
}

*.cal_prevmonth {
  font-size: 12pt;
}

*.cal_nextmonth {
  font-size: 12pt;
}

*.cal_monthtbl {
  border:           1px solid var(--clrGray2);
  border-bottom:    0px none white;
  background-color: var(--clrGray-1);
}

*.cal_maintbl {
  border:           1px solid var(--clrGray2);
  border-top:       1px solid var(--clrGray2);
  background-color: var(--clrNotify1);
}

*.cal_select_month {
}

*.cal_select_year {
}

*.cal_maintbl_td_top {
  border-bottom:    1px solid var(--clrGray2);
  background-color: var(--clrGray-1);
  text-align:       center;
}

*.cal_maintbl_td_week {
  border-right:     1px solid var(--clrGray2);
  background-color: var(--clrGray-1);
  text-align:       center;
}

*.cal_td_today, A.cal_td_today, A.cal_td_today:link {
  color: var(--clrRed1);
}

*.cal_td_period_start {
  background-color: var(--clrGreenP1);
}

*.cal_td_period_days {
  background-color: var(--clrOrange0);
}

*.cal_td_period_end {
  background-color: var(--clrGray0);
}

*.cal_td_a, A.cal_td_a, A.cal_td_a:link {
  display: block;
}

*.cal_td_empty {
}

/*client area*/
*.client_btnreport {
  padding:          3px;
  border:           1px solid var(--clrGray2);
  background-color: var(--clrGray-1);
  text-align:       center;
  margin-left:      3px;
  font-size:        8pt;
  border-radius:    0px;
  display:          inline-block;
}

*.client_btnreport:hover {
  background-color: var(--clrRedP1);
  border:           1px solid var(--clrRedP2);
  color:            white;
}

/*Table ActionWarteschlange Protokoll*/
table.onePageDesignTbl {border-collapse: collapse;}

table.onePageDesignTbl th {border: 1px solid white;padding: 5px;}

table.onePageDesignTbl td {border: 1px solid white;font-size: 8pt;padding: 5px;}

table.onePageDesignTbl tr:first-child th {border-top: 0;}

table.onePageDesignTbl tr:last-child td {border-bottom: 0;}

table.onePageDesignTbl tr td:first-child,
table.onePageDesignTbl tr th:first-child {border-left: 0;}

table.onePageDesignTbl tr td:last-child,
table.onePageDesignTbl tr th:last-child {border-right: 0;}

.onePageDesignTbl thead tr {background-color: var(--clrBlue-0)}

.onePageDesignTbl tr {background-color: var(--clrGreenP0)}

.onePageDesignTbl tbody tr:hover {background-color: white}

table.onePageDesignTbl tr:hover td:first-child {border-left: 0;}

table.onePageDesignTbl tr:hover td:last-child {border-right: 0;}

table.onePageDesignTbl tbody tr:hover td {border-right: 1px solid var(--clrGreenP0);border-left: 1px solid var(--clrGreenP0);}

/*settings*/
.module_icon {
  float:         left;
  font-size:     60px;
  width:         70px;
  height:        70px;
  color:         var(--clrGreen1);
  margin-right:  15px;
  margin-bottom: 5px;
  text-align:    center;
}

.module_headline {
  font-size: 14pt;
  color:     var(--clrBlack2);
  margin:    0px;
}

.hrGray {margin-top: 15px; margin-bottom: 15px; height: 1px; border-top: 1px solid var(--clrGray1);}

/*helper classes*/

.floatLeft {float: left;}

.floatRight {float: right;}

.pointer {cursor: pointer;}

.hideMe {display: none !important;}

.noEvents {pointer-events: none}

.pwResetBtn {font-size: 8pt;color: var(--clrBlue2); cursor: pointer;}

.alertBlinker {animation: blinker 1.5s linear infinite;}

.overflowY { overflow-y: scroll;}

@keyframes blinker {
  50% {opacity: 0;}
}

.blur {
  -webkit-animation: blur .5s linear forwards;
  -moz-animation:    blur .5s linear forwards;
  -ms-animation:     blur .5s linear forwards;
  -o-animation:      blur .5s linear forwards;
  animation:         blur .5s linear forwards;
  filter:            blur(1.5px);
  -moz-filter:       blur(1.5px);
  -webkit-filter:    blur(1.5px);
  -o-filter:         blur(1.5px);
}

*.noBorder {border: none !important;}
*.noBoxShadow {box-shadow: none !important;}

/*service area*/
.closeHighlightFrame {text-align: center;position: absolute; right: 0px; top: -25px; padding: 2px;height: 25px;}

.closeHighlightFrameX {color: #FFFFFF;font-size: 20px;}

.closeHighlightFrame:hover .closeHighlightFrameX {color: var(--clrRedAlert);}

*.topBarServiceNavi {
  border:           none;
  background-color: var(--clrBlue3);
  color:            white;
}

*.serviceNaviCol {
  border-top:       1px solid #ECF2F9;
  border-bottom:    1px solid #7CAAD8;
  font-size:        9pt;
  background-color: var(--clrBlue-0);
}

/* custom fields */
.customFieldInfo {display: none;}

/* register form */
#registerForm td,
#registerForm select,
#registerForm textarea,
#registerForm input {width: 150px;}


/* toolbar buttons (dashboard, reports, listen-toolbar) - - - - -- - - - - - - -- - - - - - -- - - - - -- - - -- - - - - -- - - - - - --  */
*.listViewToolBtn {
  padding:        12px;
  padding-bottom: 9px;
  font-size:      11pt;
  border-left:    1px solid var(--clrGray-1);
  border-bottom:  3px solid transparent;
  white-space:    nowrap;
  cursor:         pointer;
  text-align:     center;
  min-width:      45px;
}

.listViewToolBtn I:before {font-size: 11pt;}

*.listViewToolBtn:hover {
  background-color: var(--clrYellow-1);
  color:            var(--clrBlack1);
  border-bottom:    3px solid var(--clrYellow1);
}

*.listViewToolBtn I {
  color: var(--clrBlack3);
}

*.listViewToolBtn:hover I {
  color: var(--clrRed2);
}

.listViewToolBtnSelect {padding-bottom: 0px; padding-top: 8px;}


/* NOTIFICATIONS - - - - -- - - - - - - -- - - - - - -- - - - - -- - - -- - - - - -- - - - - - --  */
.notifybox,
  /*the following must be same as below ! */ .notifybox_mail, .notifybox_exclamation, .notifybox_help, .notifybox_done, .notifybox_news {
  padding:          12px;
  border:           0;
  border-left:      3px solid var(--clrYellow1);
  background-color: var(--clrNotify1);
  display:          block;
  position:         relative;
  font-size:        10pt;
  color:            var(--clrBlack1);
  margin-bottom:    15px;
  border-radius:    0px;
  border:           1px solid white;
}

.bodySinglePageDesign .notifybox,
.bodySinglePageDesign .notifybox_mail,
.bodySinglePageDesign .notifybox_exclamation,
.bodySinglePageDesign .notifybox_help,
.bodySinglePageDesign .notifybox_done,
.bodySinglePageDesign .notifybox_news {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05)}

/*add icons to notifications*/
.notifybox_mail, .notifybox_exclamation, .notifybox_help, .notifybox_done, .notifybox_news {
  padding-left: 54px;
}

.notifybox_mail:before, .notifybox_exclamation:before, .notifybox_help:before, .notifybox_done:before, .notifybox_news:before {
  font-family:               'Font Awesome 5 Pro';
  margin-right:              12px;
  position:                  absolute;
  left:                      0px;
  top:                       0px;
  height:                    100%;
  width:                     42px;
  text-align:                center;
  padding:                   12px;
  box-sizing:                border-box;
  background-color:          var(--clrYellow0);
  display:                   flex;
  align-items:               center;
  border-bottom-left-radius: 0px;
  border-top-left-radius:    0px;
}

.notifybox_mail:before {content: '\f0e0'; }

.notifybox_exclamation:before {content: '\f071'; color: var(--clrRedAlert); font-weight: 900;}

.notifybox_help:before {content: '\f672'; color: var(--clrRedAlert); font-weight: 400;}

.notifybox_done:before {content: '\f00c'; color: var(--clrGreen2); }

.notifybox_news:before {content: '\f00c'; }


/* FontAwesome */

*.fad {--fa-secondary-opacity: 0.75;}

.fa.fw100 { font-weight: 100; !important;}

/* Rechnung Gutschrift */
.invoice_head_bg { background-color: var(--clrBlue3);}

.invoice_ctn { margin: 40px auto; overflow: auto; width: 700px; padding: 33px; padding-left: 40px;}

/* Planung */
.planung_arrow_right {
  width:         0;
  height:        0;
  border-top:    50px solid transparent;
  border-left:   100px solid red;
  border-bottom: 50px solid transparent;
}

.planung_auto {
  display:         inline-block;
  height:          100px;
  width:           88px;
  color:           #FFFFFF;
  text-shadow:     1px 0px 0px #000000;
  text-decoration: none;
  line-height:     31px;
  margin:          5px 0 0;
  text-align:      center;
}

*.planung_loading {
  background-color: var(--clrBlue1);
  color:            white;
  left:             30%;
  top:              100px;
  width:            20%;
  height:           100px;
  padding:          30px;
  position:         absolute;
  border-radius:    0px;
  text-align:       center;
  font-weight:      bold;
  z-index:          1;
}

/*Table ActionWarteschlange Protokoll*/
table.planung_tbl {background-color: white;}

table.planung_tbl A:link,
table.planung_tbl A:visited {color: blue;}

table.planung_tbl A:active,
table.planung_tbl A:hover {color: red;}

table.planung_tbl {border-collapse: seperate;}

table.planung_tbl th {padding: 3px;}

table.planung_tbl td {font-size: 8pt;padding: 3px;}

table.planung_tbl tr:first-child th {border-top: 0;}

table.planung_tbl tr:last-child td {border-bottom: 0;}

table.planung_tbl tr td:first-child,
table.planung_tbl tr th:first-child {border-left: 0;}

table.planung_tbl tr td:last-child,
table.planung_tbl tr th:last-child {border-right: 0;}

table.planung_tbl tr:hover td:first-child {border-left: 0;}

table.planung_tbl tr:hover td:last-child {border-right: 0;}

table.planung_tbl thead td.planung_th_main {background-color: #BFBFBF}

table.planung_tbl thead td.planung_th_forecast {background-color: #CFCFCF}

table.planung_tbl thead td.planung_th_today {background-color: #FCD9B1}

table.planung_tbl tbody tr.planung_tr_seperate {background-color: white}

.planung_a {text-shadow: white 0px 0px 10px;}

.planung_day {background-color: var(--clrRedP0)}

.planung_week {background-color: var(--clrBlue-01)}

.planung_today {background-color: var(--clrRedP1)}

.planung_edge {
  top:              0;
  right:            0;
  height:           100vh;
  position:         fixed;
  display:          block;
  width:            20px;
  color:            white;
  background-color: var(--clrBlue4);
}

.planung_edge:hover {
  background-color: var(--clrBlue1);
}

.planung_expand1 {
  margin-top: 15px;
  color:      white;
  font-size:  13pt;
  padding:    2px;

}

.planung_edge_bottom {
  text-align:   center;
  height:       20%;
  writing-mode: vertical-rl;
  transform:    rotate(180deg);
  font-weight:  bold;
  margin:       0 auto;
}

.planung_edge_top {
  height: 80%;
}

/* Mailer */
.mce-container {
  font-size: 8pt !important;
}

.hover_bg_w:hover { background-color: white }

*.linkedItem {border: 1px solid #D6E2ED; background-Color: #EFF4F8; margin-Right: 3px; padding: 1px; padding-Left: 3px; padding-Right: 3px; font-size: 9pt; line-height: 1.6em; }

*.linkedItem2 {padding-top: 1px; padding-bottom: 1px; font-size: 9pt; line-height: 1.6em; }

.fa-stack{
  height: 1.5em;
  line-height: 1.5em;
  width: 1.3em;
  font-size: 1em;
}

.subidField{border: 1px solid var(--clrGray2); width: 100px;}
.searchField{padding-left:20px; background-image: url('/img/lupe.gif'); background-position: 3px center; background-repeat: no-repeat;}