.kw_even {
    background-color:#e6e6e6;
}
.kw_odd {
    background-color:#ffffff;
}

.kw_tdberatungstage {
  padding: 5px 50px 5px 0px;
}

.kw_beratungstageSpalteLabel {
  font-weight: bold;
}

.kw_textarealabel {
  vertical-align: top;
}

.kw_textarea {
  resize: none;
  font-family: sans-serif;
}

.kw_textareadisable {
  background: white;
  border: none;
}

.textalignleft {
  text-align: left;
}

.kw_calendar {
    width: 364px;
}

.kw_calendarMonth {
    height: 250%;
    text-align: center;
    line-height: 250%;
    vertical-align: middle;
    background: #000000;
    color: white;
    border-radius: 5px;
    font-family: helvetica;
}

.kw_calendardays {
  margin-left: 1%;
  margin-right: 1%;
}

/* for calendar */
.kw_outer1 {
    text-align: center;
    display: inline-table; /* table; */
    width: 11.8%; /* + border + margin*/
    height: 100%;
    border-radius: 5px;
    background: lightgrey;
    
    margin: 1.2%;
}

.kw_resetBackground {
    background: white;
}

.kw_lightGreyBackground {
    background: lightgray;
}

.kw_darkerGreyBackground {
    background: #aaaaaa;
}

.kw_inner {
    width: 100%;
    height: 100%;
    
    //margin: 200%;
    
    /* zum zentrieren */
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 325%; /* muss genauso hoch wie height sein*/
    
    font-family: helvetica;
    
    border-color: #000000;
    border-width: 5px;
    border-radius: 5px;
}

.kw_vieleTermine {
    background: #1aba6a;
}

.kw_vieleTermineBlue {
    background: #000000;
}

.kw_vieleTermineBlueWhite, .kw_vieleTermineBlueWhiteNoHover {
    background: #000000;
    color: white;
}

.kw_vieleTermineBlueWhite:hover {
    color: silver;
    cursor: pointer;
}


.kw_wenigeTermine {
    background: #1ababa;
}

.kw_allevoll {
    background: #ba1a6a;
}

.kw_keineTermineangelegt {
    background: lightgray;
}


.kw_vieleTermineFont {
    color: #1aba6a;
}

.kw_vieleTermineFontBlue {
    color: #000000;
}

.kw_wenigeTermineFont {
    color: #1ababa;
}

.kw_allevollFont {
    color: #ba1a6a;
}

.kw_keineTermineangelegtFont {
    /*color: #d6d6d6;*/
}

.kw_previousmonthicon {
    line-height: 230%; // 27px;
    margin-left: 1.4%; // 5px;
}

.kw_nextmonthicon {
    line-height: 230%; // 27px;
    margin-right: 1.4%; // 5px;
}

.kw_nextmonthicon:hover, .kw_previousmonthicon:hover {
    color: silver;
    cursor: pointer;
}

.kw_leftcalendar {
    display: inline-block !important;
    display: block;
}

.kw_rightcalendar {
    display: inline-block !important;
    display: block;
    
    margin-left: 0.90%; // 15px;
}

.kw_hidelinkstyle {
  color: black;
  text-decoration: none;
}

.kw_hidelinkstyle:hover {
  color: black;
  text-decoration: none;
}

.kw_beratungstageueberschrift {
  font-size: 2.2em;
  font-weight: 100;
  letter-spacing: 1px;
}

.modal.fade.in {
  background-color: rgba(80, 80, 80, 0.7);
}

.kw_redsquare {
  position: relative;
  bottom: 5px;
  
  font-size: 18px;
  color: red;
  margin-right: 5px;
}

.kw_beratungstagemodalort {
  font-size: 13px;
  font-weight: normal;
  padding-top: 10px;
}

.kw_beratungstagemodaltermin {
  font-size: 13px;
  font-weight: normal;
  font-family: Arial;
}

.kw_beratungstagemodalbadge {
  font-weight: normal;
  font-family: Arial;
}

.kw_beratungstagemodaliconup {
  bottom: 4px;
  padding-right: 10px;
}

.kw_beratungstagemodalicondown {
  top: 3px;
  padding-right: 10px;
}

.kw_nojava {
  width: 80%;
  padding: 5px 0;
  background: black;
  color: #ff0000;
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  top: 400px;
  text-align: center;
}

.kw_legende {
  height: 42px;
}

.kw_legendetext {
  line-height: 42px;
  height: 42px;
  font-weight: bold;
  float: left;
  margin-right: 10px;
}

.kw_legendetermine {
  width: 42px;
  height: 42px;
  margin: 0px;
  float: left;
  margin-right: 10px;
}

.kw_legendeterminevorhanden {
  line-height: 42px;
  height: 42px;
  float: left;
  margin-right: 10px;
}

.kw_legendekeinetermine {
  width: 42px;
  height: 42px;
  margin: 0px;
  float: left;
  margin-right: 10px;
}

.kw_legendekeineterminevorhanden {
  line-height: 42px;
  height: 42px;
  float: left;
  margin-right: 10px;
}

.btn {
  color: white !important;
}
.btn:hover {
  color: white !important;
}