.default-hidden {
  display: none;
}

.transparent-background {
   background-color: rgba(255,255,255,0.3) !important;
}

.green-background {
   background-color: rgba(96,165,97, 0.5) !important;
}

.kan-color-background {
  background-color: #00466f !important;
}

.kan-color-background-light {
  background-color: #c4e9ff !important;
}

.kan-color-li2-background {
  background-color: #68bac8 !important;
}

.kan-color-li-background {
  background-color: #4fafbf !important;
}

.kan-clickable {
  cursor: pointer;
}

.kan-heading-font { font-family: Cardo; font-style: normal; font-variant: normal; font-weight: 700;}
.kan-subheading-font { font-family: Cardo; font-style: normal; font-variant: normal; font-weight: 600;}
.kan-font { font-family: Open Sans; }


label.kan-datepick {
  display: inline-block;
  position: relative;
  line-height: 0;
}
input.kan-datepick {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  cursor: pointer;
}
input.kan-datepick::-webkit-calendar-picker-indicator {
  position: absolute;
  top: -150%;
  left: -150%;
  width: 300%;
  height: 300%;
  cursor: pointer;
}
input.kan-datepick:hover + button {
  background-color: silver;
}