html .kalendae {
  background: #fff;
  border: 2px solid #d8dde6 !important;
  font-size: 100%;
  font-family: "Verdana";
  border-radius: 2px;
  padding: 1rem;
}
html .kalendae .k-calendar {
  width: 14em;
}
html .kalendae .k-calendar .k-header span,
html .kalendae .k-calendar .k-days span {
  width: calc(2em - 2px) !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
  box-sizing: border-box !important;
}
html .kalendae .k-calendar .k-title,
html .kalendae .k-calendar .k-header,
html .kalendae .k-calendar .k-days {
  width: 100%;
  height: auto;
  margin: 0;
  color: #000;
}
html .kalendae .k-calendar .k-header span,
html .kalendae .k-calendar .k-days span {
  height: inherit;
  line-height: inherit;
  text-align: center;
  padding: 2px 0.25em 2px 2px;
}
html .kalendae .k-calendar .k-btn-close:hover {
  color: #444;
  border-color: #fff;
}
html .kalendae .k-calendar .k-caption {
  font-size: 100%;
  color: #000;
}
html .kalendae .k-calendar .k-btn-previous-month,
html .kalendae .k-calendar .k-btn-next-month,
html .kalendae .k-calendar .k-btn-previous-year,
html .kalendae .k-calendar .k-btn-next-year {
  color: #000;
  line-height: normal;
  height: auto;
  font-size: 1.4em;
  font-weight: 400;
}
html .kalendae .k-calendar .k-btn-previous-month:hover,
html .kalendae .k-calendar .k-btn-next-month:hover,
html .kalendae .k-calendar .k-btn-previous-year:hover,
html .kalendae .k-calendar .k-btn-next-year:hover {
  color: #000;
  font-weight: 700;
}
html .kalendae .k-calendar .k-header span {
  color: #000;
  margin: 5px auto;
}
html .kalendae .k-calendar .k-days span.k-in-month {
  color: #000;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #fff;
  height: 30px;
  padding-top: 5px;
  margin-bottom: 5px;
  opacity: 0.7;
}
html .kalendae .k-calendar .k-days span.k-in-month.k-active {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #0073e6;
  height: 30px;
  padding-top: 5px;
  margin-bottom: 5px;
  opacity: 0.7;
}
html .kalendae .k-calendar .k-days span.k-out-of-month {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  height: 30px;
  padding-top: 5px;
  margin-bottom: 5px;
  opacity: 0.5;
}
html .kalendae .k-calendar .k-days span.k-selected.k-active {
  background: #0073e6;
  color: #fff;
  opacity: 1;
}
html .kalendae .k-calendar .k-days span.k-active:hover {
  border-color: #d8dde6;
  opacity: 1;
}