.kalendae .k-days span.k-in-month.disponible ,
.kalendae .k-days span.k-selected.k-active.disponible {
    background-color:#fff;/*#A1B752*/
}
.dateIhm .kalendar .k-days span.k-selected.k-active.complet {
    background:transparent!important;
    color: #2f2f2f!important;
}
.kalendae .k-days span.k-in-month.disponible ,
.kalendae .k-days span.k-selected.k-active.disponible {
    background-color:#8dc63f!important;/*background-color:#bd750e;*/
    color: #FFFFFF!important;
}


.kalendae .k-days span.k-selected.k-active.k-out-of-month {
    background: none;
    border-color: #e6e4d8;
    color: #e6e4d8;
}


.caldispo-legend{
    font-size: 0.8em;
    margin: 0px 0px 0px 20px;
    text-align: center;
}
.caldispo-legend span.disponible {
    background-color:#8dc63f;
    padding: 0px 8px 0px 8px;
    margin: 0px 5px 0px 0px;
    border:1px solid #000;
}
.caldispo-legend span.complet{
    background-color:#FFF;/*background-color:#bd750e;*/
    border:1px solid #000;
    padding: 0px 8px 0px 8px;
    margin: 0px 5px 0px 0px;
}
.kalendae {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  background: none !important;
}
.kalendae .k-calendar {
  width: auto !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 33% !important;
  flex: 1 0 33% !important;
}
.kalendae .k-title,
.kalendae .k-header,
.kalendae .k-days {
  width: auto !important;
  padding: 0 5px;
}
.kalendae .k-days span {
  text-align: center !important;
  font-family: "Helvetica", "Arial", sans-serif !important;
  font-size: 17px !important;
  line-height: 1.5em !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
}
.kalendae .k-caption {
  font-size: 16px !important;
  color: #8dc63f !important;
  text-transform: uppercase !important;
}
.kalendae .k-header span {
  text-align: center !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
  width: auto !important;
  padding: 1px 5px !important;
}
@media (max-width: 768px) {
  .kalendae {
    flex-direction: column !important;
  }
  .kalendae .k-separator {
    width: 100% !important;
    height: 2px !important;
    margin: 10px 0 !important;
  }
}