@charset "UTF-8";
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../font/MaterialIcons-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons Outlined"), local("MaterialIcons-Outlined"), url(../font/MaterialIconsOutlined-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons Round"), local("MaterialIcons-Round"), url(../font/MaterialIconsRound-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons Sharp"), local("MaterialIcons-Sharp"), url(../font/MaterialIconsSharp-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Material Icons TwoTone";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons TwoTone"), local("MaterialIcons-TwoTone"), url(../font/MaterialIconsTwoTone-Regular.otf) format("opentype");
}
/* das ist das Image-Verzeichnis, ausgehend von einer Datei im SCSS Verzeichnis */
.material-icons-outlined,
.material-icons-large {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  border-radius: 3px;
  padding: 1px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.material-icons-outlined {
  font-size: 18px;
  border: solid 1px #657585;
  color: #657585;
}

.material-icons-large {
  font-size: 30px;
  color: #404a54;
}

.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 18px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  border: solid 1px #657585;
  border-radius: 3px;
  padding: 1px;
  color: #657585;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 18px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  border: solid 1px #657585;
  border-radius: 3px;
  padding: 1px;
  color: #657585;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

i.material-icons,
i.material-icons-round,
i.material-icons-outlined {
  /*width: 18px;*/
}

i.material-icons:hover,
i.material-icons-round:hover,
i.material-icons-outlined:hover {
  background-color: #657585;
  color: #ffffff;
}

i.material-icons.gray,
i.material-icons-round.gray,
i.material-icons-outlined.gray {
  color: #808080;
  border: solid 1px #808080;
}

i.material-icons.gray:hover,
i.material-icons-round.gray:hover,
i.material-icons-outlined.gray:hover {
  background-color: #808080;
  color: #ffffff;
}

i.material-icons.red,
i.material-icons-round.red,
i.material-icons-outlined.red {
  color: #A3171A;
  border: solid 1px #A3171A;
}

i.material-icons.red:hover,
i.material-icons-round.red:hover,
i.material-icons-outlined.red:hover {
  background-color: #A3171A;
  color: #ffffff;
}

i.material-icons.orange,
i.material-icons-round.orange,
i.material-icons-outlined.orange {
  color: #ed8907;
  border: solid 1px #ed8907;
}

i.material-icons.orange:hover,
i.material-icons-round.orange:hover,
i.material-icons-outlined.orange:hover {
  background-color: #ed8907;
  color: #ffffff;
}

.mi-base-blue {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #657585;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.mi-base-grey {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #c2c3c4;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

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

.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 #A3171A;
  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: #828282;
  font-weight: bold;
}

a.Header_Top:visited {
  color: #828282;
}

a.Header_Top:hover {
  color: #3A58C8;
  font-weight: bold;
}

a.Header_Top:active {
  color: #828282;
  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: #A3171A;
}

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

#divGO {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9998;
  background-color: #ffffff;
  opacity: 0.6;
}

#Progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  text-align: center;
  width: 290px;
  height: 70px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #c2c3c4;
  background-color: #ffffff;
  font-size: 10pt;
  color: #333333;
  font-weight: bold;
  vertical-align: baseline;
  z-index: 9999;
}

.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: #7C859A;
  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: #7C859A;
  background-color: #fff;
  border: 1px #7C859A solid;
  padding: 0.2em;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.DTRow a:hover, .DTRowAlternate a:hover, .DTRowAW a:hover, .DTRowAlternateAW a:hover {
  color: #ffffff !important;
  background-color: #7C859A;
  border: 1px #7C859A solid;
  overflow: hidden;
}

.DTRow a:hover, .DTRowAlternate a:hover, .DTRowAW a:hover, .DTRowAlternateAW a:hover {
  color: #ffffff;
  background-color: #7C859A;
  border: 1px #7C859A solid;
  overflow: hidden;
}

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

/*.TabLight
{*/
/*background-color:#ebebeb;*/
/*background-color:#F1F2F6;
}
.TabDark
{*/
/*background-color:#dbdbdb;*/
/*background-color:#D8DBE7;
}*/
.TabSubTitle {
  background-color: #F1F2F6;
  text-align: center;
  min-height: 15px;
  padding: 5px 0 5px 0;
}

.TabSubTitle2 {
  background-color: #F1F2F6;
  height: 15px;
  padding: 5px 0 5px 5px;
}

.TabSubTitle3 {
  background-color: #F1F2F6;
  height: 15px;
  padding: 5px 0 5px 5px;
  margin: 5px;
}

.TabSubTitleKuP {
  text-align: center;
  height: 15px;
  padding: 5px 0 5px 0;
}

.TabSubTitleKuP span {
  vertical-align: middle;
}

.TabSubTitleKuP img {
  vertical-align: middle;
  margin-left: 5px;
  cursor: pointer;
}

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

.MoveButton {
  border: none;
  vertical-align: middle;
}

.EditDark {
  background-color: #C4C8D9;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
}

.Edit {
  background-color: #ebebeb;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
}

.EditInfo {
  border: 1px solid #c2c3c4;
  background-color: #fff;
  padding: 5px 0 5px 2px;
  vertical-align: middle;
  color: #333;
  min-height: 12px;
  box-sizing: border-box;
}

/*.EditInfo:hover
{
    background-color:#4B5A76;
    color:#ffffff;
}*/
.Level1u2 {
  display: block;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}

.Level3 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #2175d9;
  display: block;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}

.Level4 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #2175d9;
  display: block;
  width: 100%;
  padding-left: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.Level5 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #2175d9;
  display: block;
  width: 100%;
  padding-left: 27px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.Level6 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #2175d9;
  display: block;
  width: 100%;
  padding-left: 36px;
  padding-top: 4px;
  padding-bottom: 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;
}

#LoginBottom {
  position: relative;
  width: 100%;
  min-width: 990px;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
}

.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 #FF0000 !important;
  border-right-width: 3px !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 #80B000 !important;
  border-right-width: 3px !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 #999999 !important;
  border-right-width: 3px !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 #80B000 !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 #FF0000 !important;
  color: #FF0000 !important;
  border-right-width: 3px !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 #80B000 !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 #EDCF27 !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;
}

.NavLink:hover {
  color: #ffffff;
  background-color: #657585;
  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;
}

.DTEditDelete {
  border: 0px none #FFFFFF;
  cursor: pointer;
  background-image: url("../TCSPortal/images/icon-delete.png");
  background-repeat: no-repeat;
  background-position: center;
}

.tblFilter1 {
  border-top: 1px solid #c2c3c4;
  border-left: 1px solid #c2c3c4;
  background-image: url("../TCSPortal/images/background_addhours.jpg");
  background-position: center;
  background-attachment: inherit;
}

.tblFilter2 {
  border-bottom: 1px solid #c2c3c4;
  border-left: 1px solid #c2c3c4;
  background-image: url("../TCSPortal/images/background_addhours.jpg");
  background-position: center;
  background-attachment: inherit;
}

.tblFilterFull {
  border: 1px solid #c2c3c4;
  background-image: url("../TCSPortal/images/background_addhours.jpg");
  background-position: center;
  background-attachment: inherit;
  padding: 5px 5px 5px 5px;
}

.ctnNaviArea {
  border: 1px solid #8494A8;
  color: #042A56;
  font-weight: bold;
  min-width: 100px;
  max-width: 650px;
  height: 65px;
}

.ctnNaviAreaS {
  border: 1px solid #8494A8;
  color: #042A56;
  min-width: 100px;
  height: 24px;
  vertical-align: middle;
}

.ctnHistoArea {
  border: 1px solid #8494A8;
  width: 100px;
  vertical-align: top;
  color: #042A56;
  font-weight: bold;
  height: 65px;
  white-space: initial;
}

.ctnHistoAreaS {
  border: 1px solid #8494A8;
  min-width: 47px;
  vertical-align: middle;
  color: #042A56;
  font-weight: bold;
  height: 24px;
}

.ctnFavArea {
  border: 1px solid #8494A8;
  width: 40px;
  vertical-align: top;
  color: #042A56;
  font-weight: bold;
  height: 65px;
}

.ctnFavAreaS {
  border: 1px solid #8494A8;
  min-width: 44px;
  vertical-align: middle;
  color: #042A56;
  font-weight: bold;
  height: 24px;
}

.ctnHelpArea {
  border: 1px solid #8494A8;
  color: #042A56;
  height: 65px;
  width: 42px;
}

.ctnHelpAreaS {
  border: 1px solid #8494A8;
  color: #042A56;
  height: 24px;
  width: 44px;
  vertical-align: middle;
}

.ctnNavLinkS {
  border: 1px solid #8494A8;
  color: #042A56;
  height: 24px;
  min-width: 22px;
  cursor: pointer;
  vertical-align: middle;
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap;
}

.ctnExpArea {
  border: 1px solid #8494A8;
  vertical-align: top;
  color: #042A56;
  font-weight: bold;
  height: 65px;
}

.ctnExpAreaS {
  border: 1px solid #8494A8;
  vertical-align: middle;
  color: #042A56;
  font-weight: bold;
  height: 24px;
}

.ctnCrtArea {
  border: 1px solid #8494A8;
  vertical-align: top;
  color: #042A56;
  font-weight: bold;
  height: 65px;
}

.ctnCrtAreaS {
  border: 1px solid #8494A8;
  vertical-align: middle;
  color: #042A56;
  font-weight: bold;
  height: 24px;
}

.ctnInfoArea {
  border: 1px solid #8494A8;
  color: #042A56;
  height: 65px;
  width: 44px;
}

.ctnInfoAreaS {
  border: 1px solid #8494A8;
  vertical-align: middle;
  color: #042A56;
  font-weight: bold;
  height: 24px;
  width: 22px;
}

.infoContent {
  top: 106px;
  display: none;
  border: 1px solid #c2c3c4;
  position: absolute;
  background: #f2f2f2;
  z-index: 2;
  padding: 5px;
  overflow: auto;
}

.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: #7C859A; /*#808080*/
  background-color: #fff;
  border: 1px #7C859A solid;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.DTEdit:hover {
  font-size: 8pt;
  color: #ffffff;
  background-color: #7C859A;
  border: 1px #7C859A solid;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.DTSelectetRow {
  /*color: #fff !important;*/
  background-color: #EAB5B6 !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;
}

.txtPause {
  text-align: center;
}

.tableBuchInfo {
  font-size: 9pt;
}

.BuchInfo .rcbInputCell INPUT.rcbInput {
  text-align: center;
  color: #2F4275;
}

.InfoItem {
  font-size: 12px;
}

.tdESWnd {
  width: 220px;
}

.lblFeiertage {
  color: #2E4174;
}

.EditLoadingPanel {
  z-index: 100000 !important;
}

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

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

#tcsSpacer {
  background: #A3171A;
  width: 100%;
  min-width: 990px;
  height: 4px;
  position: absolute;
  top: 245px;
}

#tcsSpacerBottom {
  background: #A3171A;
  width: 100%;
  min-width: 990px;
  height: 13px;
  color: #ffffff;
  text-align: center;
}

.impBlock {
  width: 100%;
  min-width: 980px;
  margin-top: 10px;
  vertical-align: top !important;
}

.txtImpText {
  display: inline-block;
  min-width: 240px;
  vertical-align: top;
}

.impBlockBorder {
  border-right: 1px solid #A3171A;
}

.txtImpHeader {
  color: #A3171A;
  font-weight: bold;
  vertical-align: top;
}

.txtImpSubHeader {
  color: #A3171A;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}

.txtImp, .txtImp a {
  margin-top: 5px;
  color: #404A54;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}

#tcsText {
  position: absolute;
  top: 251px;
  left: 188px;
}

.TitelMsg1 {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 14pt;
  color: #657585;
  font-weight: bold;
}

.TitelMsg2 {
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 12pt;
  color: #657585;
  font-weight: bold;
}

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

/* Inline-Styles für Divs mit Browser-Hacks */
.InlineStyle {
  display: inline-block;
  vertical-align: middle;
}

* html .InlineStyle {
  display: inline;
  margin-right: 3px;
  vertical-align: middle;
}

:first-child + html .InlineStyle {
  display: inline;
  margin-right: 3px;
  vertical-align: middle;
}

/* Inline-Styles für Divs mit Browser-Hacks */
.InlineStyleTop {
  display: inline-block;
  vertical-align: top;
}

* html .InlineStyleTop {
  display: inline;
  margin-right: 3px;
  vertical-align: top;
}

:first-child + html .InlineStyleTop {
  display: inline;
  margin-right: 3px;
  vertical-align: top;
}

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

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

.notifyItem {
  border: 1px solid transparent;
  background: transparent;
  padding: 5px 5px 5px 5px;
  display: inline-block;
}

.notifyItem:hover {
  background: #fff;
  border: 1px solid #A3AFC2;
  cursor: pointer;
  -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;
}

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

.dateNavLink {
  color: #042A56;
  font-weight: bold;
  background-color: #fff;
  border: 1px #657585 solid;
  text-decoration: none;
  padding: 3px 8px 2px 8px;
}

.dateNavLink:hover {
  background-color: #657585;
  color: #ffffff;
}

.dateNavLinkS {
  color: #042A56;
  background-color: #fff;
  border: 1px #657585 solid;
  text-decoration: none;
  padding: 2px 6px 2px 6px;
}

.dateNavLinkS:hover {
  background-color: #657585;
  color: #ffffff;
}

.histoNavLink {
  color: #404A54;
  background-color: #fff;
  border: 1px #404A54 solid;
  text-decoration: none;
  padding: 3px 8px 2px 8px;
}

.histoNavLink:hover {
  color: #A3171A;
  border-color: #A3171A;
}

.histoRefreshBtn {
  margin-top: 1px;
}

#divFavSel {
  display: none;
  z-index: 801;
  position: absolute;
  top: 107px;
  left: 183px;
  width: 250px;
  height: 305px;
  background: #fff;
  border: 1px solid #8494A8;
}

.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: #404A54;
  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 {
  border: 1px solid transparent;
  background: transparent;
  padding: 5px;
  min-width: 175px;
  white-space: nowrap;
  overflow: hidden;
}

.spfavBlock:hover {
  border: 1px solid #C5CCD8;
  background: #fff;
  cursor: pointer;
  font-weight: bold;
  color: #A3171A;
  -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;
}

.spAssiBlock {
  border: 1px solid transparent;
  background: transparent;
  padding: 5px;
  min-width: 175px;
  white-space: nowrap;
}

.spAssiBlock:hover {
  border: 1px solid #C5CCD8;
  background: #fff;
  cursor: pointer;
  font-weight: bold;
  color: #A3171A;
  -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;
}

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

.kupHelpPage {
  font-size: 11pt;
}

.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: 710px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

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

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

.persAssiHead {
  color: #657585;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #657585;
  height: 20px;
  width: 100px;
  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;
}

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

.btnMinus:hover {
  background-image: url("../TCSPortal/images/btnMinus_h.png");
  background-color: #797979;
  background-position: center;
}

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

.btnPlus:hover {
  background-image: url("../TCSPortal/images/btnPlus_h.png");
  background-position: center;
  background-color: #797979;
}

/************** 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: #404A54;
  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: #7C859A;
  border: 1px #7C859A solid;
  vertical-align: middle;
}

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

/*#endregion*/
/*#region ZeitÜbersicht - ZeitkontoZelle - Styles */
/*
.zkt_cellBorder {
    padding: 2px;
    margin: 1px;
    text-align: center
}

.zkt_rowEmpty {
    color:$zy-primary-red;
    font-weight:bold;
    width:100%;
    text-align:center;
    font-size:14pt;
}

.zkt_rowNoData {
}

.zkt_image {
    width:16px;
    height:16px;
    cursor:help;
}

.zkt_info_image {
    width:16px;
    height:16px;
    cursor:help;
    margin-right:2px;
}

.zkt_timeBlock {
    color:$zy-forecolor;
    width:32px;
    height:16px;
    text-align:right;
}

.zkt_timeBlockPos {
    color:$zy-primary-green;
    width:36px;
    height:16px;
    text-align:right;
    font-weight:bold;
}

.zkt_timeBlockNeg {
    color:$zy-primary-red;
    width:36px;
    height:16px;
    text-align:right;
    font-weight:bold;
}

.zkt_timeBlockNeutral {
    color:$zy-forecolor;
    width:34px;
    height:16px;
    text-align:right;
    padding-left:2px;
}

.zkt_timeBlockNeutralBold {
    color:$zy-forecolor;
    width:34px;
    height:16px;
    text-align:right;
    padding-left:2px;
    font-weight:bold;
}


.zkt_FzTextBlock {
    color:$zy-primary-gray;
    width:36px;
    height:16px;
    text-align:right;
    font-weight:bold;
}

.zkt_infoTextBlock {
    padding-left:2px;
    color:#333;
    width:52px;
    height:16px;
    text-align:left;
}

.zkt_HLine {
    margin:1px 0 1px 0;
    width:100%;
    height:1px;
    background:$zy-border-col;
}

.zkt_imageSumme {
    width:16px;
    height:16px;
    padding-left:4px;
}

.zkt_LogBlock {
    padding-left:2px;
    color:#333;
    width:52px;
    height:16px;
    text-align:left;
    font-weight:bold;
}
*/
/*#endregion*/
/*#region ZetkontoTafel - Styles */
.zkt_cellBorderNeutral {
  border: 1px solid #999999;
  border-right-width: 3px;
  padding: 2px;
}

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

.zkt_cellBorderMinus {
  border: 1px solid #FF0000;
  border-right-width: 3px;
  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: 865px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

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

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

.supportCnt a {
  color: #A3171A;
  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 */
.zesyInfoBox {
  padding: 10px;
  margin: 0 0 5px 0;
  border: 1px solid #c2c3c4;
  font-weight: bold;
  line-height: 20px;
  background: #f2f2f2;
  /*-webkit-box-shadow: 7px 7px 7px -3px rgba(64,74,84,1);
  -moz-box-shadow: 7px 7px 7px -3px rgba(64,74,84,1);
  box-shadow: 7px 7px 7px -3px rgba(64,74,84,1);*/
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.zesyInfoBox_2 {
  padding: 10px;
  margin: 5px 0 5px 0;
  border: 1px solid #c2c3c4;
  font-weight: bold;
  line-height: 20px;
  background: #f2f2f2;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.zesyContentBox {
  margin: 3px;
  padding: 10px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.zesyContentBox2 {
  padding: 10px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

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

.zesyContentRowX2 {
  margin: 5px 0 10px 0;
}

.zesyHLine {
  margin: 5px 0 5px 0;
  width: 100%;
  height: 1px;
  background: #c2c3c4;
}

hr {
  color: #c2c3c4;
}

.divUserInforContent {
  margin: 10px;
  width: 600px;
  height: 400px;
  overflow: auto;
}

.zesyCtrlBox {
  border: 1px solid #c2c3c4;
  margin-top: 5px;
  padding: 5px;
}

.zesyCtrlBox_Row {
  margin-top: 5px;
}

/* Startseite V2 */
.BlockElementV2_static {
  margin: 0 5px 5px 0;
  width: 400px;
  height: 260px;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #E8EBEE;
}

.BlockElementV2 {
  margin: 0 5px 5px 0;
  min-width: 220px;
  max-width: 600px;
  height: 260px;
  padding: 5px;
  border: 1px solid #ccc;
  background-color: #E8EBEE;
}

.BlockElementV2_off {
  display: none;
}

.BlockElementV2 h3 {
  color: #A3171A;
}

.blockHeadV2 {
  font-weight: bold;
  font-size: 11pt;
  text-align: left;
  color: #ffffff;
  background: #404A54;
  padding: 3px 0 0px 6px;
  margin-bottom: 5px;
  height: 20px;
}

.startpageV2_EditCtrl {
  margin: 0 5px;
  cursor: pointer;
  display: none;
  float: right;
}

/* Kopfbereich standard */
.BlockElementV2 .blockHeadV2,
.BlockElementV2_static .blockHeadV2,
.BlockElementV2_off .blockHeadV2 {
  color: #FFFFFF;
  background-color: #404A54;
  padding-left: 6px;
  transition: color 0.3s ease, background-color 0.3s ease, padding-left 0.3s ease;
}

/* Kopfbereich bei Hover */
.BlockElementV2:hover .blockHeadV2,
.BlockElementV2_static:hover .blockHeadV2,
.BlockElementV2_off:hover .blockHeadV2 {
  color: #A3171A;
  background-color: transparent;
  padding-left: 26px;
}

/* Edit-Button standard unsichtbar */
.BlockElementV2 .startpageV2_EditCtrl,
.BlockElementV2_static .startpageV2_EditCtrl,
.BlockElementV2_off .startpageV2_EditCtrl {
  display: none; /* oder besser: visibility + opacity, siehe unten */
}

/* Edit-Button bei Hover sichtbar */
.BlockElementV2:hover .startpageV2_EditCtrl,
.BlockElementV2_static:hover .startpageV2_EditCtrl,
.BlockElementV2_off:hover .startpageV2_EditCtrl {
  display: inline-block;
}

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

.prLogoutItem {
  margin: 15px 0 15px 0;
  text-align: right;
  font-size: 11pt;
  line-height: 24px;
  width: 95%;
}

.prImpressumItem {
  margin: 15px 0 15px 0;
  font-size: 11pt;
  line-height: 24px;
  text-align: center;
}

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

#prEditHead {
  cursor: pointer;
}

#prEditHead:hover {
  color: #A3171A;
}

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

.prRow {
  font-size: 11pt;
  text-align: left;
  margin: 0 0 10px 0px;
}

.prRowFirstItem {
  font-weight: bold;
  color: #666;
  width: 60px;
}

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

#divTelImg {
  margin-right: 10px;
  height: 24px;
  width: 24px;
  background-image: url("../TCSPortal/images/phone.png");
}

#divMailImg {
  margin-right: 10px;
  height: 24px;
  width: 24px;
  background-image: url("../TCSPortal/images/envelope.png");
}

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

.zesyAnchor {
  color: #A3171A;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.zesyAnchor:hover {
  color: #E2363A;
}

/************************** zesyMainbar/zesySidebar ************************************/
#zesySidebar {
  z-index: 3001;
  background: #fff;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
}

.zesyMainbarOnly {
  width: auto;
  margin-right: 64px;
  transition: all 0.2s ease; /* Animation in 200ms */
}

.zesyMainbarWithSide {
  /*min-width: 875px;*/
  width: auto;
  margin-right: 400px;
  transition: all 0.2s ease; /* Animation in 200ms */
}

.zesySidebarActive {
  width: 400px;
  transition: all 0.2s ease; /* Animation in 200ms */
}

.zesySidebarNotActive {
  width: 64px;
  transition: all 0.2s ease; /* Animation in 200ms */
}

#sideBarPanel1 {
  background: #E8EBEE;
  flex: 0 0 64px;
  border-left: 1px solid #c2c3c4;
  border-right: 1px solid #c2c3c4;
  box-sizing: border-box;
}

#sideBarPanel2 {
  flex: 0 0 336px;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

.sideBarMainItem {
  padding: 5px 0 5px 0;
  text-align: center;
  cursor: pointer;
}

.sideBarMainItem:hover, .sideBarMainItemActive {
  background: #fff;
}

.siedBarContentItem {
  display: none;
}

.siedBarContentItemActive {
  display: block !important;
}

#profileBar, #homeBar, #clockingDemoBar {
  overflow: auto;
  height: 100%;
}

#tourBar {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

#divHomeBarCnt {
  padding-left: 15px;
  overflow: auto;
  height: 100%;
}

/************************* Ende **********************************/
/************************  New Login Style *********************/
#CenterLogin {
  /*min-height:750px;*/
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
}

#loginMsg {
  width: 400px;
  height: 100px;
  border: 1px solid #c2c3c4;
  background: #fff;
  text-align: center;
  margin-left: 25px;
  -webkit-box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
  -moz-box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
  box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
}

#LoginHead {
  text-align: center;
  width: 100%;
  padding: 30px 0 30px 0;
  background: #f2f2f2;
  border-bottom: 1px solid #c2c3c4;
}

#LoginCtrl {
  text-align: center;
  margin: 0 auto;
  margin-top: 25px;
  white-space: nowrap;
}

#divLoginControl {
  margin-top: 20px;
}

#divLoginControl2 {
  margin-top: 20px;
}

.whiteLine {
  background-color: #fff;
  height: 1px;
  margin-bottom: 20px;
}

#divLogin {
  display: inline-block;
  min-width: 500px;
  height: 350px;
  background: #404A54;
  -webkit-box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
  -moz-box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
  box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
}

.push {
  height: 100px;
}

.footer {
  height: 100px;
  position: relative;
  bottom: 0;
}

.divLoginTitle {
  margin-bottom: 10px;
}

/************************  Ende *********************/
/************* Styles für Demoregblock auf Startseite ********/
.divDemoReg {
  margin-left: 25px;
  width: 130px;
  height: 0px;
  text-align: center;
}

#divDemoRegCnt, #divZesyProdukt {
  padding: 10px;
  width: 350px;
  height: 140px;
  border: 1px solid #c2c3c4;
  background: #f2f2f2;
  -webkit-box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
  -moz-box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
  box-shadow: 4px 4px 4px -3px rgb(64, 74, 84);
}

.divDemoRegTxtHead {
  font-size: 12pt;
  font-weight: bold;
  color: #404A54;
}

.divDemoRegTxt {
  font-size: 11pt;
  color: #404A54;
  text-align: left;
}

#btnDemoReg, #btnZesyProduct, #btnAcceptCookies {
  cursor: pointer;
  padding: 10px 15px;
  display: inline-block;
  border: 1px solid #404A54;
  background: #ffffff;
  color: #404A54;
  margin-bottom: 15px;
  font-size: 11pt;
  font-weight: bold;
}

#btnDemoReg:hover, #btnZesyProduct:hover, btnAcceptCookies:hover {
  background: #404A54;
  color: #ffffff;
}

.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: #A3171A;
}

.blockHead {
  font-weight: bold;
  font-size: 11pt;
  text-align: center;
  color: #ffffff;
  background: #404A54;
  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;
}

/***************** PersYearOV_V2 Styles ******************/
/*.persyearov_nowrap_div {
    white-space:nowrap;
}*/
/* Das ist nur ein platzhalter */
/*#div_day_0 {
    width:25px;
    height:60px;
    border:$zy-border;
}*/
/* Kopfbereich */
/*.persyearov_monthHead_div {
    width:108px;
    height:60px;
    background:#E7E9EB;
    border:$zy-border;
}

.persyearov_Headline {
    white-space: normal;
    border-bottom: solid 1px #333;
}

.persyearov_monthlabel {
    color:$zy-primary-gray;
    font-weight:bold;
    max-width:57px;
    overflow:hidden;
}

.persyearov_monthlabel_first {
    width:50px;
    padding-right:3px;
}
.persyearov_monthlabel_second {
    width:50px;
    margin-left:3px;
}

.persyearov_monthlabel_numbers {
    color:$zy-primary-gray;*/
/*font-weight:bold;*/
/*padding-right:3px;
}

.persyearov_green {
    font-weight:bold;
    color:$zy-primary-green;
}

.persyearov_red {
    font-weight:bold;
    color:$zy-primary-red;
}

.persyearov_calendar_row {
    height:100%;
    min-height:15px;
}

.persyearov_calendar_row_alt {
    background:#F9FAFB;*/
/*border-bottom:1px solid #F9FAFB;
border-top:1px solid #F9FAFB;*/
/*margin:2px 0 2px 0;*/
/*margin:1px 0 1px 0;
}

.persyearov_alt_color {
    background:#F9FAFB;
}

.persyearov_daynr_div {
    width:25px;
    min-height:15px;
    border:$zy-border;
    text-align:center;
}

.persyearov_monthDay_div {
    width:108px;
    min-height:15px;
    height:100%;
    border:$zy-border;
    overflow:hidden;
}

.persyearov_day_div {
    height:15px;
    text-align:right;
}

.persyearov_daynr_url_div {
    width:25px;
    height:60px;
    border:$zy-border;
    text-align:center;
}

.persyearov_yearlabel {
    color:$zy-primary-gray;
    font-weight:bold;
    width:100%;
}

.calendar_highlight {
    background:#FDD279;
}

.abwEntrySpan1 {
    width:40px;
}
.abwEntrySpan2  {
    width:22px;
    text-align:right;
}

.abwEntrySpan3  {
    width:41px;
    padding-left:3px;
    text-align:right;
}*/
.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;
}

.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: 400px;
  width: 663px;
  border: 1px solid #c2c3c4;
  border-top: 0 none;
  padding: 10px;
}

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

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

.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: 167px;
  display: inline-block;
  vertical-align: bottom;
}

.LOHNunionAssiHeadText {
  padding-top: 4px;
}

/*#endregion*/