@import url('/img/fontawesome/css/font-awesome.min.css');

/* color scheme variables*/
:root {
  --clrBlue-1:   rgba(9, 131, 194, 0.05); /* very very light blue */
  --clrBlue0:    #AAD0EC; /*very light blue*/
  --clrBlue1:    #66AADD; /*light blue*/
  --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*/
  --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*/
  --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*/
  --clrYellow-1: #FEFFD4; /*very very light yellow*/
  --clrPurpleP1: #E5D8F1;
  --clrPurpleP2: #C0B3CC;
  --clrYellowP1: #F1EABE;
  --clrYellowP2: #D1CAA4;
}

* {
  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);}

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

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

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

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

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

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

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

*.white { color: white;}

*.clear { clear: both;}

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

*.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;
}

.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;}

*.h70 { height: 70px;}

*.p10 { padding: 10px;}

*.p20 { padding: 20px;}

*.p30 { padding: 30px;}

*.aL { text-align: left;}

*.aR { text-align: right;}

*.aC { text-align: center;}

*.w10 { width: 10px;}

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:    3px;
}

*.logoffBtn I { color: white;}

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

*.loginMask {
  background-color: white;
  position:         absolute;
  left:             50%;
  top:              50%;
  margin-top:       -172px;
  margin-left:      -175px;
  width:            290px;
  height:           340px;
  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%;
}

/*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:   16pt;
  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:   40px;
  overflow:    hidden;
  display:     inline-block;
}

*.naviRow { background-color: white;}

*.naviRowDesign0:hover, *.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;
}

*.btnSave, A.btnSave, A.btnSave:link {
  background-color: var(--clrBlue1);
  color:            white;
  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);
}

*.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);
  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);
}

*.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;
}

*.form_saveDone {
  background-color: var(--clrNotify1);
  padding:          10px;
  border-bottom:    1px solid var(--clrGray2);
}

*.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:    3px;
  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 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;
}

*.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;
  padding-left:  8px;
  padding-right: 8px;
  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);
}

*.leftNaviBarSecond {
  position: relative;
  height:   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:       0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}

*.viewMainContent {
  margin-bottom:    20px;
  background-color: white;
  box-shadow:       0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}

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

*.bodySinglePageDesignYouAreHere {
  font-size:        11pt;
  background-color: var(--clrGray3);
  margin-bottom:    20px;
  display:          flex;
  flex-basis:       border-box;
  flex-direction:   row;
  flex-wrap:        nowrap;
}

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

.bodySinglePageDesignYouAreHereSubNaviDiv {margin-bottom: 20px; background-color: var(--clrGray0); padding: 13px; }
a>.bodySinglePageDesignYouAreHereSubNaviSpan:hover{
  text-decoration: underline;
}
.bodySinglePageDesignYouAreHereSubNaviSpan{    padding: 10px;
    display: inline-block;
    background-color: var(--clrGray-1);
    margin-right: 10px;
    border-radius: 3px;}

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

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

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

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

*.bodySinglePageDesignYouAreHereFirst {display: flex;}

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

.bodySinglePageDesignYouAreHereSecondWithSubNavi:after {content: "\f078"; position: absolute; left: 25px; bottom: -10px; background-color: var(--clrGray1); box-sizing: border-box; border-radius: 30px;line-height: 1em; height: 25px; font-family: FontAwesome; 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;
}

*.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(--clrNotify2);
}

/* DESIGN Listen-Spalte */
*.listViewHeadline {
  background-color: var(--clrBlue1);
  font-size:        12pt;
  padding:          8px;
  color:            white;
}

*.listViewDataDiv {
  padding:    20px;
  background-color: white;
}

*.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;
}

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

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

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

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

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:    3px;
}

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

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

*.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:    3px;
}

BODY.bodySinglePageDesign *.listViewMainCellItem, BODY.bodySinglePageDesign A.listViewMainCellItem, BODY.bodySinglePageDesign A.listViewMainCellItem:link {
  background-color: var(--clrBlue-1);
  border-radius:    3px;
  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: 10pt;
  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(--clrGray0);
  border-right:     1px solid var(--clrGray2);
  border-bottom:    3px solid var(--clrGray0);
  white-space:      nowrap;
  cursor:           hand;
}

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

*.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(--clrGray0)
}

*.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: 20px;
}

*.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;
}

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

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

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

*.highlightBox {
  border:           1px solid var(--clrGray1);
  background-color: var(--clrNotify1);
  padding:          10px;
}

*.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(--clrGray-1);
}

*.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;
  border-bottom:   5px solid var(--clrGray2);
  border-top:      5px solid var(--clrGray2);
}

*.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:    2px;
  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: 50%; max-width: 800px; height: 50%; margin-right: auto; margin-left: auto; padding-top: 12%;}

*.tblgroupconf {
  padding: 20px;
}

*.tblgroupfilter {
  padding: 20px;
}

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

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

*.tdLink {
  display: block;
}

/*Dashboard*/
*.dashboardBody {
  margin:           0px;
  padding:          0px;
  background-color: var(--clrGray-1);
}

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

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

*.dashboardBoxBtn {
  padding:          12px;
  font-size:        11pt;
  background-color: var(--clrGray1);
  border-left:      1px solid var(--clrGray-1);
  text-align:       center;
  width:            45px;
}

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

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

.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;
  border-bottom:    5px solid var(--clrGray2);
  margin-bottom:    20px;
  padding:          10px;
}

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

*.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_highlight {
  background-color: var(--clrNotify1);
  padding:          12px;
}

*.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:    3px;
  display:          inline-block;
}

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

/*settings*/
.module_icon {
  float:         left;
  font-size:     64px;
  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*/
.pointer {cursor: pointer;}

.hideMe {display: none}

.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;}

/*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: #C9DCEF;
}

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

/* register form */
*.registerSelect {width:106px;}