@charset "UTF-8";
/*$zy-color-blue: #5A6B7B;*/
/* 
    das ist das Image-Verzeichnis, ausgehend von einer Datei im SCSS Verzeichnis 
    - das muss weg, wenn wir die Variablen zentralisieren wollen. Wir brauchen es auch nicht, wenn alle Bilder zentralisiert sind!
*/
html, body {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  /*font: 11px "Segoe UI",Arial,sans-serif ;*/
  font: 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
  color: #333333;
  /*width: 100%;*/
  /*height: 100%;*/
}

/* Das wäre schön, aber dann muss einiges im layout überarbeitet werden, da die meisten Größenangaben dann nicht mehr passen, bzw anders als vorher aussehen*/
/*
div {
    box-sizing: border-box;
}
*/
form {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}

.content {
  padding-left: 8px;
  box-sizing: border-box;
}

.ContentWrapper {
  width: 100%;
  height: 100%;
  padding: 0 5px 5px 0;
  box-sizing: border-box;
}

.spUserRightCategorie {
  text-align: center;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid var(--zy-ci-color-1);
  margin-top: 10px;
  margin-bottom: 10px;
}

.RadSplitter_Default {
  font: inherit !important;
}

.Header {
  padding-left: 9px;
  padding-top: 9px;
  vertical-align: top;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 8pt;
  color: #999999;
  line-height: 14px;
}

html body .riSingle.LoginTextBox .riTextBox,
html body .riSingle.LoginTextBox .riDisplay {
  /*font: 11px "Segoe UI",Arial,sans-serif ;*/
  font: 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

html body form span.LoginTextBox .riEmpty,
html body form span.LoginTextBox .riEnabled,
html body form span.LoginTextBox .riHover,
html body form span.LoginTextBox .riError,
html body form span.LoginTextBox .riNegative {
  border-color: #6d7fae;
  border-width: 1px;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
}

html body form span.LoginTextBox .riFocused {
  border-color: #ac5454;
  border-width: 1px;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
}

span.LoginTextBox .riDisplay {
  border-left-width: 2px;
  border-top-width: 2px;
}

html body span.LoginTextBox textarea.riTextBox {
  padding: 10px 5px;
}

.RadWindowHelpBtn {
  background-image: url(../TCSPortal/images/helpButtonKuPv2.gif) !important;
  background-position: -6px -2px;
  cursor: help !important;
  width: 19px;
  height: 19px;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  display: inline-block;
  *zoom: 1;
  *display: block;
  text-indent: -9999px;
  *font-size: 0;
  *line-height: 0;
}

.RadWindowKeyValueBtn {
  background-image: url(../TCSPortal/images/KeyValueBtn.png) !important;
  background-position: -6px -2px;
  cursor: help !important;
  width: 19px;
  height: 19px;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  display: inline-block;
  *zoom: 1;
  *display: block;
  text-indent: -9999px;
  *font-size: 0;
  *line-height: 0;
}

.RadWindowLogBtn {
  background-image: url(../TCSPortal/images/Log.png) !important;
  cursor: pointer !important;
  width: 19px;
  height: 19px;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  display: inline-block;
  *zoom: 1;
  *display: block;
  text-indent: -9999px;
  *font-size: 0;
  *line-height: 0;
}

.RadWindowCloseBtn {
  background-image: url(../TCSPortal/images/Button/close_01.png) !important;
  background-position: 0px 0px;
  width: 19px;
  height: 19px;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  display: inline-block;
  *zoom: 1;
  *display: block;
  text-indent: -9999px;
  *font-size: 0;
  *line-height: 0;
}

.RadWindowCloseBtn:hover {
  background-position: 0px -16px;
  cursor: pointer !important;
  width: 19px;
  height: 19px;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  display: inline-block;
  *zoom: 1;
  *display: block;
  text-indent: -9999px;
  *font-size: 0;
  *line-height: 0;
}

.Header_Top {
  /*font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  cursor: pointer;
  color: #828282;
  vertical-align: top;
  font-weight: bold;
}

a.Header_Top {
  text-decoration: none;
  font-weight: bold;
}

a.Header_Top:link {
  color: var(--zy-ci-color-1);
  font-weight: bold;
}

a.Header_Top:visited {
  color: var(--zy-ci-color-1);
}

a.Header_Top:hover {
  color: var(--zy-ci-color-1-hover);
  font-weight: bold;
}

a.Header_Top:active {
  color: var(--zy-ci-color-1);
  font-weight: bold;
}

.Header_Top_Exit {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  cursor: pointer;
  color: #828282;
  vertical-align: top;
  font-weight: bold;
}

a.Header_Top_Exit {
  text-decoration: none;
  font-weight: bold;
}

a.Header_Top_Exit:link {
  color: #828282;
  font-weight: bold;
}

a.Header_Top_Exit:visited {
  color: #828282;
  font-weight: bold;
}

a.Header_Top_Exit:hover {
  color: #FF0000;
  font-weight: bold;
}

a.Header_Top_Exit:active {
  color: #828282;
  font-weight: bold;
}

a.eloadlink {
  text-decoration: none;
}

a.eloadlink:visited {
  color: #2175d9;
}

a.eloadlink:hover {
  color: #000000;
}

/* Layout für DIVs */
#header {
  margin-right: auto;
  height: 100px;
  width: 100%;
}

#Footer {
  position: absolute;
  bottom: 30px;
}

#TreeContent {
  position: absolute;
  left: 0px;
  top: 120px;
  width: 210px;
}

#MenuContent {
  position: relative; /* (WORKAROUND) das war notwendig, da sonst der z-index nicht (mehr) gesetzt werden konnte */
  width: 100%;
  white-space: nowrap;
  display: inline-block;
  z-index: 5;
}

#MenuContentBack {
  position: absolute;
  left: 0px;
  top: 121px;
  width: 100%;
  height: 10px;
  background-color: #b8d000;
  z-index: 5;
}

.NextButton {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.AbrButton {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

#CenterSum {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}

#ImgRight {
  position: absolute;
  /*left: 550px;
  top: 2px;*/
  top: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 0;
}

.masterHead {
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding-left: 8px;
}

#TopLinkList {
  position: fixed !important;
  bottom: 0;
  top: 0.5em;
  right: 1em;
  z-index: 8000;
  width: 90px;
  height: 75px;
  line-height: 20px;
}

#ImgLeft {
  position: absolute;
  left: 8px;
  top: 2px;
  z-index: 0;
}

#Welcome {
  position: absolute;
  left: 240px;
  top: 35px;
  z-index: 0;
}

#MainContent {
  position: relative;
  /*top: -24px;*/
  z-index: 0;
  margin-top: 10px;
}

#fullNaviPanel {
  min-height: 15px;
  min-width: 350px;
  max-width: 950px;
  white-space: nowrap;
}

.nav_area_feiertage {
  white-space: nowrap;
  overflow: auto;
  /*color: var(--zy-ci-color-1);*/
}

.ftDetails {
  display: none;
  position: absolute;
  top: 110px;
  left: 350px;
  /*padding:5px;
  border:1px solid #ddd;
  background:#fff;*/
  z-index: 800;
}

.NaviObjects {
  margin-top: 5px;
  z-index: 0;
  display: inline-block;
  vertical-align: middle;
}

.TelerikModalOverlay {
  background-color: #e5e5e5 !important;
  opacity: 0.6 !important;
}

.fixtable {
  table-layout: fixed;
}

.MainTree {
  width: 205px;
}

.MainTree Table {
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.ModulTitel {
  /*font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  font-size: 18px;
  color: #888; /*#3D5598;*/
  font-weight: bold;
}

/* Menu-Css */
.MenuDefault {
  background-color: #696969;
  padding: 7px 8px 8px 13px;
  border: solid 1px #000000;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #DCDCDC;
  text-decoration: none;
}

.MenuDefault_Hover {
  background-color: #696969;
  color: #ffffff;
}

.MenuDefault_Selected {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 12px;
  color: #8B0000;
  text-decoration: none;
  background-color: #ffffff;
}

.DynamicMenu {
  background-color: #ffffff;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
}

.DynamicMenuDefault {
  background-color: #ffffff;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  /*font-size: 11px;*/
  color: #999999;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
  display: block;
}

.DynamicMenuDefault_Hover {
  background-color: #3D5598;
  color: #ffffff;
}

.DynamicMenuDefault_Selected {
  background-color: #ffffff;
  border-style: none;
  height: 24px;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 10pt;
  color: #2175d9;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
}

.DTHeaderSub {
  font-weight: normal;
  font-size: 7pt;
  color: #333333;
  border-style: none;
  border-width: 0px;
  margin: 1px 1px 1px 1px;
  background-color: #cccccc;
}

.DTRow, .DTRowNormalLink {
  min-width: 25px !important;
  min-height: 20px;
  /*font-size: 8pt;*/
  color: #333333;
  /*font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  /*background-color: #ffffff;*/
  background: transparent;
  border-style: none;
  border-width: 0px;
  margin: 1px 1px 1px 1px;
  text-decoration: none;
}

.DTRowNC {
  min-width: 25px !important;
  min-height: 20px;
  /*font-size: 8pt;*/
  color: #333333;
  /*font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  /*background-color: #ffffff;*/
  background: transparent;
  border-style: none;
  border-width: 0px;
  margin: 1px 1px 1px 1px;
  text-decoration: none;
}

.DTRowNC a, .DTRowNC a:visited, .DTRowNC a:hover {
  min-width: 16px !important;
  /*font-size: 8pt;*/
  color: var(--zy-ci-color-3);
  background: transparent;
  border: 0;
  padding: 0.2em;
  cursor: default;
  text-align: left;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.textCenter, .textCenter a {
  text-align: center !important;
}

.DTRowAlternate, .DTRowAlternateNormalLink {
  min-width: 20px;
  min-height: 20px;
  /*font-size: 8pt;*/
  color: #333333;
  /*font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  background-color: #F0F2F4;
  border-style: none;
  border-width: 0px;
  margin: 1px 1px 1px 1px;
}

.DTRowAW, .DTRowNormalLinkAW {
  min-width: 20px;
  min-height: 20px;
  /*font-size: 8pt;*/
  color: #333333;
  /*font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  background-color: #ffffff;
  border-style: none;
  border-width: 0px;
  margin: 1px 1px 1px 1px;
  text-decoration: none;
}

.DTRowAlternateAW, .DTRowAlternateNormalLinkAW {
  min-width: 20px;
  min-height: 20px;
  /*font-size: 8pt;*/
  color: #333333;
  /*font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  background-color: #F0F2F4;
  border-style: none;
  border-width: 0px;
  margin: 1px 1px 1px 1px;
}

.DTRowTR, .DTRowNormalLinkTR {
  min-width: 20px;
  min-height: 20px;
  /*font-size: 8pt;
  font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  margin: 1px 1px 1px 1px;
  text-decoration: none;
}

.DTRowAlternateTR, .DTRowAlternateNormalLinkTR {
  min-width: 20px;
  min-height: 20px;
  /*font-size: 8pt;
  font-family: arial, tahoma, verdana,  helvetica, sans-serif;*/
  margin: 1px 1px 1px 1px;
}

.DTRowNormalLink a, .DTRowNormalLink a:visited, .DTRowAlternateNormalLink a, .DTRowAlternateNormalLink a:visited, .DTRowNormalLinkAW a, .DTRowNormalLinkAW a:visited, .DTRowAlternateNormalLinkAW a, .DTRowAlternateNormalLinkAW a:visited, .DTRowNormalLinkTR a, .DTRowNormalLinkTR a:visited, .DTRowAlternateNormalLinkTR a, .DTRowAlternateNormalLinkTR a:visited {
  overflow: hidden;
}

.DTRowNormalLink a:hover, .DTRowAlternateNormalLink a:hover, DTRowNormalLinkAW a:hover, .DTRowAlternateNormalLinkAW a:hover, DTRowNormalLinkTR a:hover, .DTRowAlternateNormalLinkTR a:hover {
  overflow: hidden;
}

.DTRow a, .DTRow a:visited, .DTRowAlternate a, .DTRowAlternate a:visited, .DTRowAW a, .DTRowAW a:visited, .DTRowAlternateAW a, .DTRowAlternateAW a:visited {
  min-width: 16px !important;
  /*font-size: 8pt;*/
  color: var(--zy-ci-color-3);
  background-color: #fff;
  border: 1px var(--zy-ci-color-3) solid;
  padding: 0.2em;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  display: block;
  overflow: hidden;
  border-radius: 4px;
}

.DTRow a:hover, .DTRowAlternate a:hover, .DTRowAW a:hover, .DTRowAlternateAW a:hover {
  color: #ffffff !important;
  background-color: var(--zy-ci-color-3);
  border: 1px var(--zy-ci-color-3) solid;
  overflow: hidden;
  border-radius: 4px;
}

.DTRow a:hover, .DTRowAlternate a:hover, .DTRowAW a:hover, .DTRowAlternateAW a:hover {
  color: #ffffff;
  background-color: var(--zy-ci-color-3);
  border: 1px var(--zy-ci-color-3) solid;
  overflow: hidden;
  border-radius: 4px;
}

.DTRowTR a, .DTRowTR a:visited, .DTRowAlternateTR a, .DTRowAlternateTR a:visited {
  /*font-size: 8pt;*/
  padding: 0.2em;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.DTRowTR a:hover, .DTRowAlternateTR a:hover {
  overflow: hidden;
}

.DTRowTR a:hover, .DTRowAlternateTR a:hover {
  overflow: hidden;
}

.DTHeaderToday {
  font-weight: bold !important;
  /*font-size: 8pt;*/
  color: #333333;
  border: 1px solid #939CAC;
  background-color: #fff;
  margin: 1px 1px 1px 1px !important;
}

.DTHeaderFT {
  font-weight: bold !important;
  font-size: 8pt;
  color: #333333;
  border: 1px solid #387B22;
  background-color: #DEF4D7;
  margin: 1px 1px 1px 1px !important;
}

.DTHeader {
  font-weight: bold !important;
  font-size: 8pt !important;
  color: #333333 !important;
  /*border-style:none !important;
  border-width: 0px !important;*/
  margin: 1px 1px 1px 1px !important;
  background-color: #DBDEE3;
  border: 1px solid #939CAC;
}

.DTHeader a:link {
  color: #333333;
  font-size: 8pt;
}

.DTHeader a:visited {
  color: #333333;
}

.DTHeader a:hover {
  color: #00308f;
}

.DTHeader a:active {
  color: #00308f;
}

.DTHeader .rgSortAsc {
  background-image: url("../TCSPortal/images/iconSortUp_02.png");
  display: inline !important;
  height: 8px !important;
  vertical-align: text-top !important;
}

.DTHeader .rgSortDesc {
  background-image: url("../TCSPortal/images/iconSortDown_02.png");
  display: inline !important;
  vertical-align: bottom !important;
  height: 8px !important;
  vertical-align: middle !important;
}

.fixedAtBottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.TabSorted {
  padding-bottom: 5px;
  border-bottom: 1px solid #c2c3c4;
}

.Chance {
  background-color: #9d9d9d;
  height: 10px;
}

.Pager {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-weight: bold;
  font-size: 8pt;
  color: #333333;
  margin: 1px 1px 1px 1px;
  background-color: #DBDEE3;
  border: 1px solid #939CAC !important;
  vertical-align: middle;
  width: 50px;
  border-radius: 4px;
}

.btnLinkHelp {
  cursor: help;
}

.btnLink {
  cursor: pointer;
}

.Titel {
  padding-left: 5px;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 12pt;
  color: #ffffff;
  font-weight: bold;
}

.Titel2 {
  padding-left: 5px;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 11pt;
  color: #ffffff;
  font-weight: bold;
}

.TitelBlue {
  padding-left: 5px;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 12pt;
  color: #2175d9;
}

.FormBack {
  background-color: #ffffff;
}

.DynamicFormBack {
  background-color: #ffffff;
  width: 100%;
}

.buttonGenericSection {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  background-image: url(../TCSPortal/images/Button/kup_btnConfirm.png);
  background-position: 0% 30%;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 1px solid #3D5598;
  color: #3D5598;
}

.buttonGenericSection:hover {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  border: solid 1px #3D5598;
  background-image: url(../TCSPortal/images/Button/kup_btnConfirm_hover.png);
  background-position: 0% 80%;
  background-repeat: no-repeat;
  background-color: transparent;
  color: #FFFFFF;
}

.buttonSpecificSection {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  border: solid 1px #76829A;
  background-color: #FFFFFF;
  color: #76829A;
}

.buttonSpecificSection:hover {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  border: solid 1px #76829A;
  background-color: #76829A;
  color: #FFFFFF;
}

.buttonLowGenericSection {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  border: solid 1px #696969;
  background-color: #FFFFFF;
  color: #696969;
}

.buttonLowGenericSection:hover {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  border: solid 1px #888888;
  background-color: #888888;
  color: #FFFFFF;
}

.buttonLowGenericHelp {
  font-size: 8pt;
  color: #2175d9;
  background-color: #fff;
  border: 1px #2175d9 solid;
  padding: 2px 2px 4px 4px;
  height: 20px;
  cursor: pointer;
  text-align: left;
}

.buttonLowGenericHelp:hover {
  color: #ffffff;
  background-color: #00308f;
  border: 1px #00308f solid;
}

.awno {
  color: #FF0000 !important;
  background-color: #ffe7e6;
  border: 1px solid #ffe7e6;
}

/* Nicht Anwesend (--> X) */
.awnomin {
  background: transparent !important;
  color: #FF0000 !important;
}

/* Minimiert Nicht Anwesend (--> X) */
.awno_future {
  color: #9FA0A2 !important;
  background-color: #edeeef;
  border: 1px solid #edeeef;
}

/* Nicht Anwesend (--> X) */
.awnomin_future {
  background: transparent !important;
  color: #9FA0A2 !important;
}

/* Minimiert Nicht Anwesend (--> X) */
.awnob0 {
  border: 0 none !important;
  color: #FF0000 !important;
}

/* Kein Rahmen Nicht Anwesend (--> X) */
.awnoft {
  border: 1px solid #A8DBAA !important;
  color: #235625 !important;
  background: #DEF4D7;
}

/* Nicht Anwesend:Feiertag (--> FT) */
.awnoftmin {
  background: #DEF4D7 !important;
}

/* Minimiert Nicht Anwesend:Feiertag (--> FT) */
.awnoftb0 {
  border: 0 none !important;
  color: #235625 !important;
}

/* Kein Rahmen Nicht Anwesend:Feiertag (--> FT) */
.awnowe {
  /*border: 1px solid #ccc !important;
  background: #F5F5F5;*/
  color: #9FA0A2;
}

/* Wochenende */
.awnowemin {
  background: #B1CEFE !important;
}

/* Minimiert Wochenende */
.awnoweb0 {
  border: 0 none !important;
}

/* Kein Rahmen Wochenende */
.awaw {
  border: 2px solid #FFA928 !important;
}

/* Kommenzeit ohne Gehenzeit (--> A ) */
.awawmin {
  background: #FFA928 !important;
}

/* Minimiert Kommenzeit ohne Gehenzeit (--> A ) */
.awawb0 {
  border: 0 none !important;
}

/* Kein Rahmen Kommenzeit ohne Gehenzeit (--> A ) */
.awzf {
  border: 2px solid #A4C1FF !important;
}

/* Gehenzeit ohne Kommenzeit (--> Z) */
.awzfmin {
  background: #A4C1FF !important;
}

/* Minimiert Gehenzeit ohne Kommenzeit (--> Z) */
.awzfb0 {
  border: 0 none !important;
}

/* Kein Rahmen Gehenzeit ohne Kommenzeit (--> Z) */
.awsollu {
  border: 1px solid #c2c3c4 !important;
  border-right-width: 3px !important;
  border-right-color: #FF0000 !important;
  padding: 1px 0;
}

/* Sollzeit unterschritten */
.awsollumin {
  background: #FF0000 !important;
}

/* Minimiert Sollzeit unterschritten */
.awsollub0 {
  border: 0 none !important;
}

/* Kein Rahmen Sollzeit unterschritten */
.awsollo {
  border: 1px solid #c2c3c4 !important;
  border-right-width: 3px !important;
  border-right-color: #80B000 !important;
  padding: 1px 0;
}

/* Sollzeit überschritten */
.awsollomin {
  background: #80B000 !important;
}

/* Minimiert Sollzeit überschritten */
.awsollob0 {
  border: 0 none !important;
}

/* Kein Rahmen Sollzeit überschritten */
.awok {
  border: 1px solid #c2c3c4 !important;
  border-right-width: 3px !important;
  border-right-color: #999999 !important;
  padding: 1px 0;
}

/* Soll- und Istzeit sind identisch */
.awokmin {
  background: #999999 !important;
}

/* Minimiert Soll- und Istzeit sind identisch */
.awokb0 {
  border: 0 none !important;
}

/* Kein Rahmen Soll- und Istzeit sind identisch */
.awoknsz {
  border: 2px solid #777777 !important;
}

/* Keine Sollzeit vorhanden */
.awoknszmin {
  border: 2px solid transparent !important;
  background: #777777 !important;
}

/* Minimiert Keine Sollzeit vorhanden */
.awoknszb0 {
  border: 0 none !important;
}

/* Kein Rahmen Keine Sollzeit vorhanden */
.awnull {
  color: #FF0000 !important;
}

.awnullmin {
  color: #FF0000 !important;
  background: transparent !important;
}

.awnullb0 {
  color: #FF0000 !important;
  border: 0 none !important;
}

.awnofzb {
  border: 1px solid #c2c3c4 !important;
  border-right: 3px solid #80B000 !important;
}

/* Fehlzeit, bescheinigt*/
.awnofzubg {
  border: 1px solid #EDCF27 !important;
}

/* Fehlzeit, unbescheinigt gültig*/
.awnofzbmin {
  background: #80B000 !important;
}

/* Minimiert Fehlzeit, bescheinigt*/
.awnofzbb0 {
  border: 0 none !important;
}

/* Kein Rahmen Fehlzeit, bescheinigt*/
.awnofznb {
  border: 1px solid #c2c3c4 !important;
  color: #FF0000 !important;
  border-right-width: 3px !important;
  border-right-color: #FF0000 !important;
}

/* Fehlzeit, nicht bescheinigt*/
.awnofznbmin {
  background: #FF0000 !important;
}

/* Minimiert Fehlzeit, nicht bescheinigt*/
.awnofznbb0 {
  border: 0 none !important;
  color: #FF0000 !important;
}

/* Kein Rahmen Fehlzeit, nicht bescheinigt*/
.awnofzbcc {
  border: 1px solid #c2c3c4 !important;
  border-right: 3px solid #80B000 !important;
}

/* Fehlzeit, bescheinigt, eigene Textfarbe hinterlegt*/
/* Minimiert Fehlzeit, bescheinigt, eigene Textfarbe hinterlegt*/
.awnofzbccb0 {
  border: 0 none !important;
}

/* Kein Rahmen Fehlzeit, bescheinigt, eigene Textfarbe hinterlegt*/
.awnofzubgcc {
  border: 1px solid #c2c3c4 !important;
  border-right: 3px solid #EDCF27 !important;
}

/* Fehlzeit, bescheinigt, eigene Textfarbe hinterlegt*/
/* Minimiert Fehlzeit, bescheinigt, eigene Textfarbe hinterlegt*/
.awnofzubgccb0 {
  border: 0 none !important;
}

/* Kein Rahmen Fehlzeit, bescheinigt, eigene Textfarbe hinterlegt*/
.awnofzu {
  border: 1px solid #80B000 !important;
}

/* Genehmigter Urlaub*/
.awnofzumin {
  background: #80B000 !important;
}

/* Minimiert Genehmigter Urlaub*/
.awnofzub0 {
  border: 0 none !important;
}

/* Genehmigter Urlaub*/
.awnofzuomin {
  border: 1px solid #80B000 !important;
}

/* Offnener Urlaubsantrag*/
.awok:hover,
.awsollo:hover,
.awsollu:hover,
.awzf:hover,
.awaw:hover,
.awno:hover,
.awnowe:hover,
.awnoft:hover,
.awnull:hover,
.awoknsz:hover,
.awno_future:hover,
.awokb0:hover,
.awsollob0:hover,
.awsollub0:hover,
.awzfb0:hover,
.awawb0:hover,
.awnob0:hover,
.awnoweb0:hover,
.awnoftb0:hover,
.awnullb0:hover,
.awoknszb0:hover {
  cursor: pointer;
  background: #fff;
}

.awnofzb:hover,
.awnofzubg:hover,
.awnofznb:hover,
.awnofzbcc:hover,
.awnofzu:hover,
.awnofzubgcc:hover,
.awnofzbb0:hover,
.awnofznbb0:hover,
.awnofzbccb0:hover,
.awnofzub0:hover,
.awnofzubgccb0:hover {
  cursor: pointer;
  background: #fff;
  color: #333333 !important;
  border: #f5f5f5;
}

.fzonlynb {
  color: #FF0000 !important;
}

.fzonlyb { /*color:#000000 !important;*/ }

/*.fzonlynbg {color:#FDA442 !important;}*/
.fzOnlySpan {
  display: block;
  border: 1px solid #9FA0A2;
  font-weight: bold;
}

.fzOnlySpan:hover {
  color: #333333 !important;
  cursor: pointer;
  background: #ffffff;
}

.shiftSpan:hover {
  cursor: pointer;
  background: #ffffff;
  color: #333333 !important;
}

.PageTextBox {
  width: 30px;
  text-align: right;
}

.ImpNormal {
  margin: 0px;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #333333;
}

.ImpFirma {
  margin: 0px;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #333333;
}

.ImpGL {
  margin: 0px;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #333333;
}

.bWZTOK {
  color: #21a42c;
  text-align: center;
  font-weight: bold;
}

.bWBWOK {
  color: #bf4d0b;
  text-align: center;
  font-weight: bold;
}

.bSAPOK {
  color: #2175d9;
  text-align: center;
  font-weight: bold;
}

.bOK {
  color: #21a42c;
  text-align: center;
  font-weight: bold;
}

.bNo {
  color: #e41f1f;
  text-align: center;
  font-weight: bold;
}

.DetailOffset {
  margin-left: -5px;
  margin-top: -5px;
}

.HasEdit {
  color: #e41f1f;
}

.GroupPanel {
  background-color: #c9c9c9;
  color: #5a6854;
  width: 100%;
  border-bottom: 1px solid #8d9c87;
}

.GroupPanelItem {
  background-color: #9fb695;
  border: 1px solid #8d9c87;
  white-space: nowrap;
}

#Head_round {
  background-color: #999999;
}

#Content_round {
  background-color: #99BBDC;
}

.container {
  background: #EBEBEB;
  color: #000000;
  margin: 0px 15px;
  width: 280px;
}

.rtop, .rbottom {
  display: block;
  background: #ffffff;
}

.rtop *, .rbottom * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #3D5598;
}

.r1 {
  margin: 0px 5px;
}

.r2 {
  margin: 0px 3px;
}

.r3 {
  margin: 0px 2px;
}

.r4 {
  margin: 0px 1px;
  height: 2px;
}

#ModulTitelDiv {
  position: relative;
  top: 0px;
  font-size: 10pt;
  height: 20px;
  color: #ffffff;
  background-color: #3D5598;
}

.rbottom * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #EBEBEB;
}

.ContentContainer {
  background: #EBEBEB;
  color: #000000;
  margin: 0px 15px;
  width: 800px;
}

.rtop2, .rbottom2 {
  display: block;
  background: #ffffff;
}

.rtop2 *, .rbottom2 * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #3D5598;
}

.r12 {
  margin: 0px 5px;
}

.r22 {
  margin: 0px 3px;
}

.r32 {
  margin: 0px 2px;
}

.r42 {
  margin: 0px 1px;
  height: 2px;
}

#ModulTitelDiv2 {
  position: relative;
  top: 0px;
  font-size: 10pt;
  height: 20px;
  color: #ffffff;
  background-color: #3D5598;
}

.NavLink {
  color: #042A56;
  border: 1px solid #8494A8;
  text-decoration: none;
  cursor: pointer;
  padding: 4px 2px 4px 2px;
  /*transition: all 0.2s ease;*/
  transition: none;
  border-radius: 4px;
}

.NavLink:hover {
  color: #ffffff;
  background-color: var(--zy-ci-color-3);
  /*transition: all 0.2s ease;*/
}

.rbottom2 * {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #EBEBEB;
}

#LoginLeft {
  position: absolute;
  left: 5px;
  top: 5px;
}

#LoginRight {
  position: absolute;
  right: 5px;
  top: 5px;
}

a.FooterLink {
  color: #333333;
  font-family: Arial;
  font-weight: bold;
  margin-bottom: 2px;
  text-decoration: none;
}

a.FooterLink.hover {
  color: red;
  font-family: Arial;
  font-weight: bold;
  margin-bottom: 2px;
  text-decoration: none;
}

#TreeU {
  position: absolute;
  top: 100px;
  left: 10px;
}

#ContentU {
  position: absolute;
  top: 100px;
  left: 200px;
}

.NoWrap {
  white-space: nowrap;
}

.lstItemUrlO {
  color: #D0ECBB;
  background-color: #D0ECBB;
  border: solid 1px #000000;
}

.lstItemUrlA {
  color: #ECBBBB;
  background-color: #ECBBBB;
  border: solid 1px #000000;
}

.lstItemUrl {
  color: #89B672;
  background-color: #89B672;
  border: solid 1px #000000;
}

.lstItemKr {
  color: #8198BE;
  background-color: #8198BE;
  border: solid 1px #000000;
}

.lstItemSonst {
  color: #FFF8BD;
  background-color: #FFF8BD;
  border: solid 1px #000000;
}

.rsMainHeader {
  width: auto !important;
  text-align: center !important;
}

.kupAlert {
  width: 100%;
  height: 100%;
}

.kupAlertText {
  color: #333333;
  font-size: 10pt;
  vertical-align: middle;
}

.kupAlertImage {
  width: 20%;
  height: 70px;
  vertical-align: middle;
}

.KupAlertBtnRow {
  height: 40px;
  background-color: #D8DBE7; /* #DBDBDB;*/
}

.kupAlertWhiteSpace {
  height: 10px;
}

.kupConfirm {
  width: 100%;
  height: 100%;
}

.kupConfirmText {
  vertical-align: middle;
  color: #000000;
  font-size: 10pt;
}

.kupConfirmImage {
  width: 20%;
  height: 70px;
  vertical-align: middle;
}

.KupConfirmBtnRow {
  height: 40px;
  background-color: #D8DBE7; /* #DBDBDB;*/
}

.lblHinweis {
  color: Red;
}

.InLineDelete {
  background-color: transparent;
}

.tblBtnRow {
  margin: 5px 0px 5px 0px;
}

.tblModulTitle {
  margin-bottom: 5px;
}

.divModulTitle {
  margin: 10px 0px 10px 0px;
}

.divBtnRow {
  margin: 10px 0px 10px 0px;
  white-space: nowrap;
}

.LabelLogin {
  color: #DAE1E4;
  font: 12px/1.5 Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 26px;
}

.LabelLogin:hover {
  color: #DAE1E4;
}

.tblLogin {
  /*background-image:url('../TCSPortal/images/background_addhours.jpg');*/
  background-position: center;
  background-attachment: inherit;
}

.DTEdit {
  font-size: 8pt;
  color: var(--zy-ci-color-3); /*#808080*/
  background-color: #fff;
  border: 1px var(--zy-ci-color-3) solid;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.DTEdit:hover {
  font-size: 8pt;
  color: #ffffff;
  background-color: var(--zy-ci-color-3);
  border: 1px var(--zy-ci-color-3) solid;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.DTSelectetRow {
  /*color: #fff !important;*/
  background-color: color-mix(in srgb, var(--zy-ci-color-3), #ffffff 82%) !important; /*$zy-btn-color*/
}

.DTSchichtRow {
  color: #fff;
  background-color: #657585 !important; /*#3D5598;*/
}

.DTBuchSelRow {
  color: #fff;
  background-color: #657585 !important; /*#3D5598;*/
  font-weight: bold;
}

.CalTodayMark {
  background-color: #FDB082;
  color: #EB5B05 !important;
  border: 1px #EB5B05 solid !important;
}

#IW_Top {
  background-color: #F1F2F6;
  border-bottom-color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  position: absolute;
  top: 0px;
  height: 52px;
  width: 100%;
}

#IW_Desc {
  position: absolute;
  top: 10px;
  left: 150px;
}

#IW_Content {
  position: absolute;
  top: 60px;
  left: 10px;
}

.HeaderStundenzettel {
  background-color: #C1C6D0;
}

.StundenzettelDay {
  font-style: italic;
}

.tableBuchInfo {
  font-size: 9pt;
}

.tdESWnd {
  width: 220px;
}

.lblFeiertage {
  color: #2E4174;
}

.BuchDeleteCol a:hover {
  background: transparent;
  border: none;
}

.WDLabelMo {
  background: transparent;
  text-decoration: none;
  padding-right: 2px;
}

.WDLabelDi {
  background: transparent;
  text-decoration: none;
  padding-right: 2px;
}

.WDLabelMi {
  background: transparent;
  text-decoration: none;
  padding-right: 2px;
}

.WDLabelDo {
  background: transparent;
  text-decoration: none;
  padding-right: 2px;
}

.WDLabelFr {
  background: transparent;
  text-decoration: none;
  padding-right: 4px;
}

.WDLabelSa {
  background: transparent;
  text-decoration: none;
  padding-right: 1px;
}

.WDLabelSo {
  background: transparent;
  text-decoration: none;
  padding-right: 5px;
}

.WDLabelFei {
  background: transparent;
  text-decoration: none;
}

.kupWDSelected, kupWDSelected:hover {
  background-color: #0F7033 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 0px 2px 0px 2px !important;
  font-weight: bold !important;
  font-size: 9pt !important;
  display: inline !important;
}

.kupWDUnselected, kupWDUnselected:hover {
  background-color: #CFD5DA !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 0px 2px 0px 2px !important;
  font-weight: bold !important;
  font-size: 9pt !important;
  display: inline !important;
  /*background-color:#fff !important;
  border:1px solid #ffffff !important;
  color:#A5051E !important;
  text-decoration:none !important;
  padding:0px 2px 0px 2px !important;
  font-weight:bold !important;
  font-size:9pt !important;
  display:inline !important;*/
}

.tazPanel legend {
  color: #3D5598;
  font-weight: bold;
  padding: 0px 9px 0px 9px;
}

.tazPanel fieldset {
  border: 1px solid var(--zy-ci-color-3);
}

.tazPanel {
  padding-top: 4px;
  background-color: #ffffff;
}

.tazGrupBtnOn {
  border: none;
  background: #ffffff;
  color: #3D5598;
  font-size: 8pt;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
}

.tazGrupBtnOff {
  border: none;
  background: transparent;
  color: #8D051A;
  font-size: 8pt;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
}

.tazPbtnUp {
  /*background-image:url('../TCSPortal/images/Arrow_up_blue_10x10.gif');*/
  width: 10px;
  height: 10px;
}

.tazPbtnUp:hover {
  /*background-image:url('../TCSPortal/images/Arrow_up_blue_hover_10x10.gif');*/
  background-color: #BFCAE6;
  width: 10px;
  height: 10px;
}

.tazPbtnDown {
  /*background-image:url('../TCSPortal/images/Arrow_down_blue_10x10.gif');*/
  width: 10px;
  height: 10px;
}

.tazPbtnDown:hover {
  /*background-image:url('../TCSPortal/images/Arrow_down_blue_hover_10x10.gif');*/
  background-color: #BFCAE6;
  width: 10px;
  height: 10px;
}

.Res1 {
  background-color: #EFEBE4;
}

.Res2 {
  background-color: #F9F9F9;
}

.schHol {
  background-color: #89DA87;
}

.schWE {
  background-color: #BABAA7;
}

.opDetail {
  background-color: #FFD9D9 !important;
}

.buOperateHeader {
  background-color: #FFD9D9 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.main_body {
  overflow-y: hidden;
  /* min-width:875px !important; */
}

.impBG {
  background: url("../TCSPortal/images/bg_main.png") repeat-x scroll left top #ffffff;
}

.tcsCenterBase {
  margin-left: auto;
  margin-right: auto;
  azimuth: center;
  width: 990px;
}

.divGraphPersSum {
  border: 1px solid #9C9C9C;
  color: #757575;
  background-color: #ffffff;
  z-index: 999999 !important;
  position: absolute;
  top: 304px;
  left: 1167px;
}

.divGraphEsSum {
  border: 1px solid #9C9C9C;
  color: #757575;
  background-color: #ffffff;
  z-index: 999999 !important;
  position: absolute;
  top: 304px;
  left: 860px;
}

.divGraphKstSum {
  border: 1px solid #9C9C9C;
  color: #757575;
  background-color: #ffffff;
  z-index: 999999 !important;
  position: absolute;
  top: 304px;
  left: 890px;
}

.divEditRowLight {
  white-space: nowrap;
  margin: 5px 0px 5px 0px;
  background-color: #F1F2F6;
}

.divEditRowDark {
  white-space: nowrap;
  margin: 5px 0px 5px 0px;
  background-color: #D8DBE7;
}

.divSmallHeader {
  text-align: center;
  border: 1px solid #0A3769;
  /*font-size: 11px;*/
  font-weight: bold;
  color: #0A3769;
  padding: 5px 0px 5px 0px;
}

.lnkNotify {
  color: #2F4378;
  text-decoration: none !important;
  vertical-align: top;
  cursor: pointer;
}

.lnkNotify:hover {
  color: #144EF8;
  text-decoration: underline !important;
  vertical-align: top;
}

.notifyItem {
  width: 365px;
}

.notifyBody {
  background: transparent;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.notifydivImg {
  position: relative;
  float: left;
  /*width:32px;*/
  height: 32px;
}

.notifydivText {
  position: relative;
  /*float:right;*/
  width: 350px;
  height: 100%;
  padding-left: 5px;
}

.btnAllToLeft {
  background-image: url("../TCSPortal/images/btnAllToLeft.png");
  background-color: #e4e4e4;
  display: block;
  width: 24px;
  height: 24px;
  margin: 2px 2px 2px 2px;
}

.btnAllToLeft:hover {
  background-image: url("../TCSPortal/images/btnAllToLeft_h.png");
  background-color: #797979;
}

.btnAllToRight {
  background-image: url("../TCSPortal/images/btnAllToRight.png");
  background-color: #e4e4e4;
  display: block;
  width: 24px;
  height: 24px;
  margin: 2px 2px 2px 2px;
}

.btnAllToRight:hover {
  background-image: url("../TCSPortal/images/btnAllToRight_h.png");
  background-color: #797979;
}

.btnToLeft {
  background-image: url("../TCSPortal/images/btnToLeft.png");
  background-color: #e4e4e4;
  display: block;
  width: 24px;
  height: 24px;
  margin: 2px 2px 2px 2px;
}

.btnToLeft:hover {
  background-image: url("../TCSPortal/images/btnToLeft_h.png");
  background-color: #797979;
}

.btnToRight {
  background-image: url("../TCSPortal/images/btnToRight.png");
  background-color: #e4e4e4;
  display: block;
  width: 24px;
  height: 24px;
  margin: 2px 2px 2px 2px;
}

.btnToRight:hover {
  background-image: url("../TCSPortal/images/btnToRight_h.png");
  background-color: #797979;
}

.RadUploadProgressArea_Default .ruProgress {
  background-image: url("../TCSPortal/images/bg_Progress_02.png") !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

.lblModul {
  color: #1F497D;
  font-size: 11px;
  font-family: Segoe UI;
  font-weight: bold;
}

.newsBlock {
  border: 1px solid transparent;
  background: transparent;
  padding: 10px 10px 10px 10px;
  overflow: auto;
}

.newsBlock:hover {
  border: 1px solid #C5CCD8;
  background: #fff;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.newsBtn {
  position: relative;
  float: left;
  padding-right: 10px;
}

.newsTextBlock {
  position: relative;
  /*float:left;*/
}

.newsHead {
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
}

.newsText {
  padding-top: 5px;
  overflow: auto;
}

.kpChBlock {
  background: transparent;
  padding: 5px 5px 0 5px;
}

.kpChTextBlock {
  /*position:relative;
  float:left;*/
}

.kpChHead {
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
}

.kpChText {
  padding-top: 5px;
}

.scrollContainer {
  overflow: auto;
}

.spTileSize1 {
  padding: 5px 5px 5px 5px;
  height: 180px;
  width: 386px;
  overflow: auto;
}

.spTileSize2 {
  padding: 5px 5px 5px 5px;
  height: 180px;
  width: 188px;
  overflow: auto;
}

.spTileSize3 {
  padding: 5px 5px 5px 5px;
  height: 180px;
  width: 1000px;
  overflow: hidden;
}

.spTileSize4 {
  padding: 5px 5px 5px 5px;
  height: 420px;
  width: 1000px;
  overflow: hidden;
}

.spTileSize5 {
  padding: 5px 5px 5px 5px;
  min-height: 225px;
  width: 200px;
  overflow: hidden;
}

.kpChItemSmall {
  display: inline-block;
  height: 180px;
  width: 315px;
  overflow: hidden;
  background-color: #E8EBEE;
  border: 1px solid #f2f3f4;
}

.kpChItemMedium {
  display: inline-block;
  height: 200px;
  width: 725px;
  overflow: hidden;
  background-color: #E8EBEE;
  border: 1px solid transparent;
}

.kpChItemSide {
  display: inline-block;
  height: 412px;
  width: 250px;
  overflow: hidden;
  background-color: #E8EBEE;
  border: 1px solid transparent;
}

.kpChFileItem {
  background: transparent;
  padding: 10px;
  min-width: 175px;
  white-space: nowrap;
}

.kpChFileItem:hover {
  cursor: pointer;
  font-weight: bold;
}

.spTitelBack {
  font-size: 14px;
  font-weight: bold;
  height: 25px;
}

.spTitel {
  color: var(--zy-ci-color-2);
  padding: 5px 0px 0px 5px;
  height: 20px;
}

.spEdit {
  padding: 3px 5px 0px 0px;
}

.supportBlock {
  border: 1px solid transparent;
  background: transparent;
}

.supportBlock:hover {
  border: 1px solid #C5CCD8;
  background: #fff;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.spfavBlock {
  min-width: 175px;
  white-space: nowrap;
  overflow: hidden;
}

.spAssiBlock {
  min-width: 175px;
  white-space: nowrap;
}

#NavLink {
  position: relative;
  top: 5px;
}

.imgNaviObj {
  padding-top: 4px;
}

.lnkDtRangeAct {
  text-decoration: none;
  padding: 2px 4px 2px 4px;
  border: 1px solid #657585;
  background: #657585;
  color: #fff;
}

.lnkDtRange {
  text-decoration: none;
  padding: 2px 4px 2px 4px;
  border: 1px solid #657585;
  background: #fff;
  color: #657585;
}

.lnkDtRange:hover {
  border-color: #357EC9;
  color: #357EC9;
  background: #fff;
}

.needSpace {
  padding-left: 20px;
}

.helpPager {
  text-align: center;
  padding-top: 15px;
}

.helpPageritem {
  text-decoration: none;
  padding: 4px 6px 4px 6px;
  margin: 0 4px 0 4px;
  color: #000000;
  border: 1px solid #657585;
}

.helpPageritem:hover {
  font-weight: bold;
}

.hpSelected {
  text-decoration: none;
  font-weight: bold;
  padding: 4px 6px 4px 6px;
  margin: 0 4px 0 4px;
  color: #ffffff;
  border: 1px solid #657585;
  background-color: #657585;
}

.timeAcclog {
  padding: 5px;
  white-space: nowrap !important;
}

.timeAccSumVal {
  background: #C2D9FE;
  font-weight: bold;
}

#divPersAssiHead {
  height: 35px;
  width: 800px;
}

.PersAssiCnt {
  height: 400px;
  width: 852px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divPersAssiFooter {
  height: 35px;
  width: 874px;
  background: #f2f3f4;
}

.persAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 120px;
  display: inline-block;
}

.persAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 120px;
  display: inline-block;
  vertical-align: bottom;
}

.persAssiHeadText {
  padding-top: 4px;
}

.PersAssiLblNeed {
  /*color:#51617D;  
  font-weight:bold;*/
}

.PersAssiFinal {
  padding: 5px;
  margin: 5px;
  background: #ffffff;
  border: 1px solid #C0C9D6;
}

.PersAssiFinal:hover {
  border: 1px solid #8495AE;
}

.ArbBerKomm {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 5px;
}

.ArbBerKommOwner {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 5px;
  background: #B1DAB7;
}

.ArbBerKommAbtLtr {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 5px;
  background: #B0D8DB;
}

.ArbBerKommFaAdm {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 5px;
  background: #AFC0DC;
}

.ArbBerKommMe {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 5px;
  background: #D8DDAE;
}

.ArbBerKommBlank {
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 5px;
  background: #e2e3e4;
}

.ArbBerKommDate {
  font-style: italic;
  display: inline;
}

.ArbBerKommUser {
  font-weight: bold;
  display: inline;
}

.ArbBerKommText {
  padding: 5px;
  background: #fff;
}

#divZMAssiHead {
  height: 35px;
  width: 800px;
}

.ZMAssiCnt {
  height: 400px;
  width: 710px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divZMAssiFooter {
  height: 35px;
  width: 732px;
  background: #f2f3f4;
}

.ZMAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 142px;
  display: inline-block;
}

.ZMAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 142px;
  display: inline-block;
  vertical-align: bottom;
}

.ZMAssiHeadText {
  padding-top: 4px;
}

.ZMAssiLblNeed {
  /*color:#51617D;  
  font-weight:bold;*/
}

.ZMAssiFinal {
  padding: 5px;
  margin: 5px;
  background: #ffffff;
  border: 1px solid #C0C9D6;
}

.ZMAssiFinal:hover {
  border: 1px solid #8495AE;
}

.reContentArea {
  white-space: nowrap !important;
  overflow: scroll;
  /*width:680px;
  height:250px !important;*/
}

.EbeneAssiCnt {
  height: 400px;
  width: 799px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divEbeneAssiFooter {
  height: 35px;
  width: 821px;
  background: #f2f3f4;
}

.ebeneAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 201px;
  display: inline-block;
}

.ebeneAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 201px;
  display: inline-block;
  vertical-align: bottom;
}

.AbtLtAssiCnt {
  height: 400px;
  width: 800px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divAbtLtAssiFooter {
  height: 35px;
  width: 822px;
  background: #f2f3f4;
}

#divAbtLtAssiHead {
  height: 35px;
  width: 800px;
}

.AbtLtAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 160px;
  display: inline-block;
}

.AbtLtAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 160px;
  display: inline-block;
  vertical-align: bottom;
}

.AbtLtAssiHeadText {
  padding-top: 4px;
}

/************** Projekte *****************/
.projItem {
  margin: 5px;
  padding: 10px;
  vertical-align: top;
  position: relative;
  border: 1px solid #c2c3c4;
  background-color: #E8EBEE;
  width: 250px;
  height: 185px;
  display: inline-block;
}

.projItemContent {
  padding: 5px;
  width: 240px;
  height: 145px;
  white-space: nowrap;
  overflow: auto;
}

.projSubCnt {
  margin-top: 5px;
  min-height: 16px;
}

.projItemTitle {
  font-weight: bold;
  font-size: 14px;
  color: #444444;
}

.projItemRange {
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  color: #666666;
}

.projItemText {
  font-size: 12px;
  color: #444444;
}

.projItemFooter {
  width: 240px;
  padding: 5px 0 0 5px;
  height: 23px;
  border-top: 1px solid #777777;
  position: absolute;
  bottom: 0;
}

.projBtnTasks {
  margin-left: 5px;
  background: #ffffff url(../TCSPortal/images/btnProjtask.png) no-repeat 0 -16px;
  width: 64px;
  height: 16px;
  display: inline-block;
  border: 0 none;
}

.projBtnTasks:hover {
  background: #ffffff url(../TCSPortal/images/btnProjtask.png) no-repeat 0 0;
}

.projBtnMobileKst {
  margin-left: 5px;
  background: #ffffff url(../TCSPortal/images/btnMobileKst.png) no-repeat 0 -16px;
  width: 64px;
  height: 16px;
  display: inline-block;
  border: 0 none;
}

.projBtnMobileKst:hover {
  background: #ffffff url(../TCSPortal/images/btnMobileKst.png) no-repeat 0 0;
}

#divAUF {
  display: inline-block;
  background-color: #ffffff;
}

#projInfo {
  height: 50px;
  padding: 5px 0 10px 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #555555;
}

.projAufItem {
  /*margin:5px;*/
  position: relative;
  border: 1px solid #c2c3c4;
  height: 75px;
  display: block;
  background: #B5CADF;
}

.projAufItemContent {
  padding: 5px;
  height: 45px;
  white-space: nowrap;
  overflow: hidden;
}

.projAufSubItem {
  /*margin:5px;*/
  position: relative;
  border: 1px solid #c2c3c4;
  height: 75px;
  display: block;
  background: #CBE4E4;
}

.projAufSubCnt {
  margin-top: 1px;
}

.projAufItemTitle {
  font-weight: bold;
  font-size: 11px;
  color: #444444;
}

.projAufItemRange {
  font-weight: bold;
  font-style: italic;
  font-size: 11px;
  color: #666666;
}

.projAufItemText {
  font-size: 11px;
  color: #444444;
}

.projAufItemFooter {
  padding-left: 5px;
  height: 20px;
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

#divTimeLine {
  display: block;
}

.projMonthBlock {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  border: 1px solid #c2c3c4;
}

.projDayBlock {
  text-align: center;
  border: 1px solid #c2c3c4;
  display: inline-block;
  background: #f2f3f4;
}

.projLevelCnt {
  display: block;
  height: 85px;
}

#timeEntry {
  position: relative;
  margin: 5px 0 0 5px;
  font-weight: bold;
}

/******* Projekte - Ende *******/
/******* Mitarbeiter Monatsübersicht *******/
.divMonthView {
  position: relative;
  padding: 10px 10px 10px 10px;
  border: 1px solid #D3D9E2;
  display: inline-block;
  min-height: 500px;
  min-width: 1150px;
  background-color: #FDFDFD;
  font: 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

.divDayItem {
  margin: 2px 2px 2px 2px;
  border: 1px solid #CDD2DC;
  background-color: #fff;
  height: 100px;
  width: 150px;
}

.divKwSumItem {
  margin: 2px 2px 2px 2px;
  height: 100px;
  width: 40px;
  padding-left: 10px;
}

.divDayItemOOR {
  margin: 2px 2px 2px 2px;
  border: 1px solid #FDFDFD;
  background-color: #FDFDFD;
  height: 100px;
  width: 150px;
}

.divDayItemFT {
  margin: 2px 2px 2px 2px;
  border: 1px solid #CDD2DC;
  background-color: #DEF4D7;
  height: 100px;
  width: 150px;
}

.divDayItemORM {
  margin: 2px 2px 2px 2px;
  border: 1px solid #CDD2DC;
  background-color: #d8d8d8;
  height: 100px;
  width: 150px;
}

.divDayItemTD {
  margin: 2px 2px 2px 2px;
  border: 1px solid #CDD2DC;
  background-color: #FFE1B9;
  height: 100px;
  width: 150px;
}

.divDayItemWE {
  margin: 2px 2px 2px 2px;
  border: 1px solid #CDD2DC;
  background-color: #EFEFEF;
  height: 100px;
  width: 150px;
}

.divHeadItem {
  margin: 15px 2px 5px 2px;
  border: 1px solid #AAAAAA;
  background: -moz-linear-gradient(bottom, #C7CBD3, #EDEEF1); /* Firefox */
  background: -webkit-gradient(linear, left bottom, left top, from(#C7CBD3), to(#EDEEF1)); /* Chrome, Safari */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EDEEF1",endColorstr="#C7CBD3"); /* Internet Explorer */
  background: -ms-linear-gradient(top, #EDEEF1, #C7CBD3); /* Internet Explorer 10 */
  height: 20px;
  width: 150px;
}

.labelDH {
  padding-top: 3px;
  font-weight: bold;
  color: var(--zy-ci-color-2);
  text-align: center;
}

/*.divDayNr{position:relative; top:0px; left:0px; padding:0 0 0 2px;}*/
.divDayNr {
  padding: 0 0 0 2px;
  height: 16px;
  white-space: nowrap;
}

/*.imgFre{position:relative; top:0px; left:53px; height:7px; width:25px;}*/
.imgFre {
  height: 7px;
  width: 25px;
  margin-left: 5px;
}

/*.divExp{position:relative; top:-30px; left:135px; width:15px; height:10px;}*/
.divExp {
  float: right;
  height: 10px;
}

.imgExp:hover {
  cursor: pointer;
}

/*.divBu{position:relative; top:8px; left:0px; height:15px;}*/
.divBu {
  height: 20px;
  margin-top: 5px;
  text-align: center;
}

.divLnkBu:link {
  text-decoration: none;
  color: #354A80;
  font-weight: bold;
  border: 1px solid transparent;
  padding: 0 2px 0 2px;
  font-size: 13px;
  vertical-align: top;
}

.divLnkBu:visited {
  text-decoration: none;
  color: #354A80;
  font-weight: bold;
  font-size: 13px;
  vertical-align: top;
}

.divLnkBu:hover {
  text-decoration: none;
  color: #354A80;
  font-weight: bold;
  border: 1px solid #c2c3c4;
  font-size: 13px;
  background-color: #ffffff;
  vertical-align: top;
  cursor: pointer;
}

.imgAtt {
  position: relative;
  top: 0px;
  left: 0px;
}

/*.divSch{position:relative; top:2px; left:0px;}*/
.divSch {
  margin-top: 5px;
  text-align: center;
}

.divLnkSch:link {
  text-decoration: none;
  color: #000000;
  padding: 2px 5px 0 5px;
  font-size: 13px;
  max-width: 90%;
  max-height: 17px;
  overflow: hidden;
  white-space: nowrap;
}

.divLnkSch:visited {
  text-decoration: none;
  color: #000000;
  font-size: 13px;
}

.divLnkSch:hover {
  text-decoration: none;
  color: #000000 !important;
  background-color: #ffffff;
  font-size: 13px;
}

/*.divFz{position:relative; top:10px; left:0px;}*/
.divFz {
  margin-top: 5px;
  text-align: center;
}

.divLblFz {
  font-size: 12px;
  color: #555555;
  font-weight: bold;
}

.divSum {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 15px;
  left: 11px;
  width: 250px;
  height: 175px;
  /*background-color:#E3E9EE;*/
  background: -moz-linear-gradient(bottom, #D3D8DE, #ffffff); /* Firefox */
  background: -webkit-gradient(linear, left bottom, left top, from(#D3D8DE), to(#ffffff)); /* Chrome, Safari */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#D3D8DE"); /* Internet Explorer */
  background: -ms-linear-gradient(top, #ffffff, #D3D8DE); /* Internet Explorer 10 */
  border: 1px solid #97A6BB;
  font: 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

.divSumTitle {
  font-weight: bold;
  text-decoration: underline;
  color: #687AA0;
  padding: 5px 0 10px 0;
}

.btnOpZuSum {
  background: url(../TCSPortal/images/btnSum_base.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  display: block;
  border-style: none;
}

.btnOpZuSum:hover {
  background: url(../TCSPortal/images/btnSum_base.png) no-repeat 0 -16px;
}

.btnClZuSum {
  background: url(../TCSPortal/images/btnSum_base.png) no-repeat -16px 0;
  width: 16px;
  height: 16px;
  display: block;
}

.btnClZuSum:hover {
  background: url(../TCSPortal/images/btnSum_base.png) no-repeat -16px -16px;
}

/**/
.divZKonto {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 6px;
  left: 360px;
  width: 400px;
  height: 175px;
  /*background-color:#E3E9EE;*/
  background: -moz-linear-gradient(bottom, #D3D8DE, #ffffff); /* Firefox */
  background: -webkit-gradient(linear, left bottom, left top, from(#D3D8DE), to(#ffffff)); /* Chrome, Safari */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#D3D8DE"); /* Internet Explorer */
  background: -ms-linear-gradient(top, #ffffff, #D3D8DE); /* Internet Explorer 10 */
  border: 1px solid #97A6BB;
  font: 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

.btnOpZKonto {
  background: url(../TCSPortal/images/btn_KontoSum.png) no-repeat 0 0;
  width: 100px;
  height: 16px;
  display: block;
  border-style: none;
}

.btnOpZKonto:hover {
  background: url(../TCSPortal/images/btn_KontoSum.png) no-repeat 0 -16px;
}

.btnClZKonto {
  background: url(../TCSPortal/images/btn_KontoSum.png) no-repeat -100px 0;
  width: 100px;
  height: 16px;
  display: block;
}

.btnClZKonto:hover {
  background: url(../TCSPortal/images/btn_KontoSum.png) no-repeat -100px -16px;
}

/**/
.divDetailBG {
  display: none;
  z-index: 501;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #f1f2f3;
}

.divDetail {
  z-index: 502;
  display: none;
  position: absolute;
  top: 80px;
  left: 220px;
  width: 640px;
  height: 480px;
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
}

.divDtClose {
  position: relative;
  top: 10px;
  left: 525px;
  min-width: 100px;
  max-width: 200px;
}

.divDtDate {
  position: relative;
  top: -7px;
  left: 250px;
  width: 200px;
}

.lblDatumDT {
  font-weight: bold;
  width: 200px;
  color: #354A80;
  font-size: 12px;
}

.divDtContent {
  position: relative;
  top: 20px;
  left: 212px;
  min-width: 50px;
  max-width: 200px;
}

.divDtLabel {
  font-weight: bold;
  min-width: 50px;
  max-width: 200px;
}

.divDtLabel:hover {
  font-weight: bold;
  color: #000000 !important;
  cursor: pointer;
}

.divDtImg {
  position: relative;
  top: 30px;
  left: 10px;
  overflow: auto;
  width: 620px;
  height: 365px;
}

.notizOvItem {
  padding: 5px;
  margin: 5px;
  border: 1px solid #f2f3f4;
  background: #ffffff;
  overflow: hidden;
}

.notizOvItem:hover {
  border: 1px solid #d2d3d4;
  font-weight: bold;
}

.persMonthOvEsItem {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #c2c3c4;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.persMonthOvEsItemActiv {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
  color: #ffffff !important;
  background-color: var(--zy-ci-color-3);
  border: 1px var(--zy-ci-color-3) solid;
  vertical-align: middle;
}

/*#region Zeitkonto Protokoll View */
.divColZkProt {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

/*#endregion*/
/*#region ZetkontoTafel - Styles */
.zkt_cellBorderNeutral {
  border: 1px solid #c2c3c4;
  border-right-width: 3px;
  padding: 2px;
}

.zkt_cellBorderPlus {
  border: 1px solid #c2c3c4;
  border-right-width: 3px;
  border-right-color: #80B000;
  padding: 2px;
}

.zkt_cellBorderMinus {
  border: 1px solid #c2c3c4;
  border-right-width: 3px;
  border-right-color: #FF0000;
  padding: 2px;
}

.zkt_cellBorderNeutral:hover, .zkt_cellBorderPlus:hover, .zkt_cellBorderMinus:hover {
  background: #ffffff;
}

/*#endregion*/
/******* --------------------------- *******/
.blackSeperator {
  width: 100%;
  height: 1px;
  background: #333333;
  margin: 10px 0 10px 0;
}

.buchAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 173px;
  display: inline-block;
}

.buchAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 173px;
  display: inline-block;
  vertical-align: bottom;
}

.buchAssiHeadText {
  padding-top: 4px;
}

.BuchAssiCnt {
  height: 400px;
  width: 100%;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divBuchAssiFooter {
  height: 35px;
  background: #f2f3f4;
}

.baseFilterLbl {
  /* font-weight:bold;
  color:$zy-btn-color;*/
}

.supportCnt a {
  color: var(--zy-ci-color-1);
  font-weight: bold;
}

/**++++++++++++++++++  Assistent Datenimport  ++++++++++++++++++*/
.ImportAssiCnt {
  height: 400px;
  width: 899px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divImportAssiFooter {
  height: 35px;
  width: 921px;
  background: #f2f3f4;
}

.ImportAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 226px;
  display: inline-block;
}

.ImportAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 226px;
  display: inline-block;
  vertical-align: bottom;
}

/**++++++++++++++++++  Assistent Datenimport Ende ++++++++++++++++++*/
.werbeBold {
  font-weight: bold;
}

/** Sage BruttonLohn-Export **/
.SageAssiCnt {
  height: 400px;
  width: 663px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divSageAssiFooter {
  height: 35px;
  width: 685px;
  background: #f2f3f4;
}

#divSageAssiHead {
  height: 35px;
  width: 663px;
}

.SageAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 167px;
  display: inline-block;
}

.SageAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 167px;
  display: inline-block;
  vertical-align: bottom;
}

.SageAssiHeadText {
  padding-top: 4px;
}

.lblNeedKunde {
  font-weight: bold;
  color: #d84b20;
  font-size: 10pt;
}

.lblNeedKundeCenter {
  padding-top: 10px;
  text-align: center;
  display: block;
  width: 100%;
}

/** Sage BruttonLohn-Export ENDE **/
/** Datev Lodas-Export **/
.LodasAssiCnt {
  height: 400px;
  width: 663px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divLodasAssiFooter {
  height: 35px;
  width: 685px;
  background: #f2f3f4;
}

#divLodasAssiHead {
  height: 35px;
  width: 663px;
}

.LodasAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 167px;
  display: inline-block;
}

.LodasAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 167px;
  display: inline-block;
  vertical-align: bottom;
}

.LodasAssiHeadText {
  padding-top: 4px;
}

/** Datev Lodas-Export ENDE **/
/* Startseite kupChannel Content anzeigen */
/************************* ProfilePanel **********************************/
#divPr {
  background-image: url("../TCSPortal/images/profileIcon.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 64px;
  padding-top: 15px;
}

#panelProfil {
  display: none;
  height: 100%;
  width: 400px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99999;
  background: #E8EBEE;
  overflow: auto;
  border-left: 1px solid #ddd;
}

#prHead {
  background: #D0D0D7;
}

.prImpressumItem {
  margin: 15px 0 15px 0;
  line-height: 24px;
}

#prConent {
  padding-left: 15px;
  /*width:325px;*/
}

#prEditHead {
  cursor: pointer;
}

#prEditHead:hover {
  color: var(--zy-ci-color-1);
}

#prEditImg {
  margin-left: 10px;
  cursor: pointer;
}

.prLine {
  height: 1px;
  background: #999;
  margin: 30px 0 15px 0;
}

/************************* Ende **********************************/
.zesyDivRow {
  margin-top: 5px;
}

.zesyAnchor {
  color: var(--zy-ci-color-1);
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.zesyAnchor:hover {
  color: var(--zy-ci-color-1-hover);
}

/************* Styles für Demoregblock auf Startseite ********/
.lnkBlock {
  margin-right: 20px;
}

.lnkBlock a {
  text-decoration: none;
}

.lnkBlock img {
  border: 0;
  width: 32px;
  height: 32px;
}

/* timeAccEdit.aspx */
.ZkGraphSmall {
  width: 515px;
  height: 175px;
}

.ZkGraphBig {
  position: absolute;
  top: 0;
  left: 0;
  width: 99%;
  height: 100%;
  z-index: 1000;
  background: #ffffff;
}

/*-----------------*/
/*************** FehlzeitKalender *******************/
.abwCalItem:hover {
  cursor: pointer;
}

.divLegende {
  border: 1px solid #c2c3c4;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}

.abwLegenItem {
  margin: 5px;
  display: flex;
  align-items: center;
}

.abwLegendColor {
  width: 18px;
  height: 18px;
  margin-right: 3px;
}

/**************       Ende        ******************/
/**************       AppHomeSeite        ******************/
#divAppHomeContent {
  width: 100%;
  min-width: 220px;
  height: 100%;
  font-size: 9pt;
  text-align: center;
}

.BlockElement {
  min-width: 190px;
  min-height: 202px;
  width: inherit;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  margin-top: 5px;
}

.BlockElement h3 {
  color: var(--zy-ci-color-1);
}

.blockHead {
  font-weight: bold;
  font-size: 11pt;
  text-align: center;
  color: #ffffff;
  background: var(--zy-ci-color-2);
  padding: 3px 0;
}

.appNotiItem {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
}

/**************       Ende        ******************/
/**************       radHTMLChart   spezial Legende     ******************/
.customLegendWrapper {
  margin-left: 50px;
}

.plotLegendColorDiv {
  width: 10px;
  height: 10px;
}

/**************       radHTMLChart   spezial Legende   Ende  ******************/
#body_askForMobile {
  font: 30pt arial, tahoma, verdana, helvetica, sans-serif;
  color: #333333;
  width: 100%;
}

#ask_div {
  width: 100%;
  min-width: 220px;
  height: 100%;
  text-align: center;
}

.awLegendeItem {
  margin-left: 5px;
  padding: 0 2px 0 2px;
  vertical-align: top;
}

.gridPagerLegende {
  margin-left: 5px;
  padding: 0 2px 0 2px;
}

.sysInfoElement {
  margin-bottom: 5px;
  padding: 2px;
}

.tazCalCell {
  cursor: pointer;
  text-align: center;
  border: 1px solid transparent;
  border-right-width: 3px;
  overflow: hidden;
  padding-left: 3px;
}

.PersEditAppIcon {
  height: 32px;
  margin: 0 10px 0 10px;
  border: 0;
}

.PersEditAppText {
  margin: 0 10px 0 0;
  width: 160px;
  white-space: normal;
}

.kupWartungDiv {
  width: 400px;
  height: 180px;
  padding: 10px;
  border: 1px solid #c2c3c4;
  margin-top: 5px;
}

/** Landwehr-Export **/
.LandwehrAssiCnt {
  height: 400px;
  width: 663px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

#divLandwehrAssiFooter {
  height: 35px;
  width: 685px;
  background: #f2f3f4;
}

#divLandwehrAssiHead {
  height: 35px;
  width: 663px;
}

.LandwehrAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 167px;
  display: inline-block;
}

.LandwehrAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 167px;
  display: inline-block;
  vertical-align: bottom;
}

.LandwehrAssiHeadText {
  padding-top: 4px;
}

/** Landwehr-Export ENDE **/
/* allg. Assisstenten styles */
.assi_welcome_block {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #c2c3c4;
  background: #F1F2F6;
  border-radius: 4px;
}

.span_error {
  font-weight: bold;
  color: #FF0000;
}

/******  Terminal Monitor  *******/
.term_monitor_container {
  width: 240px;
  font-size: 10pt;
  background: #eee;
  padding: 1px;
  margin: 5px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.term_monitor_head {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ffffff;
  padding: 2px;
  font-size: 12pt;
}

.term_monitor_status {
  text-align: center;
  font-weight: bold;
}

.term_monitor_block {
  padding: 4px;
  background: #fff;
  color: #333;
  margin-bottom: 1px;
}

.term_monitor_row {
  padding: 4px 0 0 2px;
}

.term_monitor_row_front {
  width: 100px;
}

.term_monitor_doors {
  width: 100%;
  margin-top: 5px;
}

.term_monitor_door_row2 {
  padding-left: 2px;
}

.term_monitor_graph {
  cursor: pointer;
}

.term_monitor_door_base_cnt {
  border: 1px solid #999;
  margin-bottom: 2px;
}

.termMonBaseDiv {
  /* wurde entfernt, da wir aktuell kein termMonSideDiv anzeigen */
  /*max-width: -webkit-calc(100% - 505px);
  max-width: -moz-calc(100% - 505px);
  max-width: calc(100% - 505px);*/
}

.termMonSideDiv {
  width: 500px;
  min-height: 500px;
}

/******  Terminal Monitor - Ende */
/******  Alarmfunktionen  *******/
.alertDiv {
  width: 239px;
  font-size: 10pt;
  padding: 1px;
  margin: 5px;
  cursor: pointer;
}

.alertContainer {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ffffff;
  padding: 2px;
  font-size: 12pt;
}

.alertSubContainer {
  padding: 4px;
  background: #fff;
  color: #333;
  margin-bottom: 1px;
}

.alertInfoContainer {
  padding: 4px;
  background: #fff;
  color: #333;
  margin-bottom: 1px;
  min-height: 30px;
}

.alertDataContainer {
  padding: 4px;
  background: #fff;
  color: #333;
  margin-bottom: 1px;
  min-height: 32px;
}

.alertDataImageContainer {
  width: 100%;
  text-align: center;
}

.alertData {
  display: inline-block;
}

.alertDataDescriptionContainer {
  min-height: 30px;
}

/******  Alarmfunktionen - Ende */
/******   Terminla Standortbindung Edit */
.listTermStandortEdit {
  max-height: 100px;
  height: auto;
  overflow: auto;
}

/******  Terminla Standortbindung Edit - Ende */
#cookiebanner {
  display: none;
  flex-direction: column;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-size: 12pt;
  z-index: 999999;
}

#cookiebannercontent {
  padding-left: 15%;
  padding-right: 15%;
  background: #303030;
  color: #fff;
  flex: auto;
  text-align: center;
}

.cookiebannerwrap {
  opacity: 0.6;
  background: #303030;
  flex: 1 1 40%;
}

#ImgLeft2 {
  /*width: $cust-logo-width;*/
  overflow: hidden;
  cursor: pointer;
}
#ImgLeft2 img {
  max-height: 78px;
}

.leftSide {
  float: left;
  width: 220px;
  white-space: nowrap !important;
}

/*#region zesy allgemein (.zy-...)*/
/*
.zy-text-center {
    text-align:center;
}
.zy-text-left {
    text-align: left;
}
.zy-text-right {
    text-align: right;
}*/
.zy-hr-div {
  border-top: 1px solid #c2c3c4;
  /* background: #fff; */
  margin: 10px 0;
}

.zyResizeDiv {
  overflow: auto !important;
}

.zy-h-100 {
  height: 100%;
}

.zy-w-100 {
  width: 100%;
}

.zy-center-self {
  align-self: center;
}

.zy-upperCase {
  text-transform: uppercase;
}

.zy-no-click {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

/*.zy-overflow-hidden{
    overflow:hidden;
}*/
/*.zy-color-red{
    color:#ff0000;
}*/
/*#endregion*/
/*#region zesy divs (.zy-div-...)*/
.zy-div-15 {
  width: 15px;
  height: 15px;
}

.zy-no-click {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

/*#endregion*/
/*#region zesy border (.zy-bor-t...)*/
.zy-bor-t {
  border-top: 1px solid #c2c3c4;
}

.zy-bor-b {
  border-bottom: 1px solid #c2c3c4;
}

/*#endregion*/
.cmbFzColorDiv {
  width: 18px;
  height: 18px;
  margin-right: 2px;
  border-radius: 4px;
  flex: 0 0 18px;
}

/* #region media */
@media screen and (max-width: 900px) {
  .Header_Top {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #ImgLeft2 {
    display: none;
  }
}
/* #endregion */
.kstViewDaySum {
  margin: 1px 2px 0 2px;
  border-top: 1px solid #ccc;
  text-align: center;
  font-weight: bold;
}

/*#region "asd" */
.LOHNunionAssiCnt {
  height: 500px;
  width: 750px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
  overflow: auto;
}

#divLOHNunionAssiFooter {
  height: 35px;
  width: 772px;
  background: #f2f3f4;
}

#divLOHNunionAssiHead {
  height: 35px;
  width: 750px;
}

.LOHNunionAssiHeadActive {
  color: #ffffff;
  background: #657585;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ffffff;
  height: 25px;
  width: 167px;
  display: inline-block;
}

.LOHNunionAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 196px;
  display: inline-block;
  vertical-align: bottom;
}

.LOHNunionAssiHeadText {
  padding-top: 4px;
}

/*#endregion*/