.calBox {
  background-color: #999;
  text-align: center;
  color: white;
  width:200px;
  position:absolute;
  padding-bottom: 10px;
}

.calElement,.calDayHeader  {
  padding: 1px;
  display: inline-block;
  overflow:hidden;
}

.calDayHeader  {
  padding: 4px;
  display: inline-block;
  background-color:#55b6c7
}

.calNav {
  height: 20px;
}

.calNavBar {
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.25)
}


.calDay .calElement, .calDay .calDayHeader {
  border: 1px solid transparent;
}

.calDay .calElement.holy {
  /*background-color: rgba(236, 195, 176, 0.40);*/
  color: #81d7e2;

}

.calDay .calDayHeader {
  font-size: 8px;
  text-transform: uppercase;
}

.calElement.prev,
.calElement.goToday,
.calElement.next {
  width: 16px;
  height: 18px;
  border: none;
  margin-top: 0
}
.calElement.prev {
  background: transparent url(img/prev.png) no-repeat 5px center;
  float:left;
}

.calElement.goToday {
  background: transparent url(img/today.png) no-repeat 5px center;
  float:left;
}

.calElement.next {
  background: transparent url(img/next.png) no-repeat 5px center;
  float:right;
}

.calElement:hover{
  background-color: transparent;
  border:none;
  cursor: pointer;
  opacity: 0.6
}

.calDay .calElement .dayNumber {
  font-size: 20px;
}

.calDay.calFullMonth .dayNumber {
  font-size: 14px;
}
.calDay .calOutOfScope{
  color: #b1b0b0;
}

.calElement.selected {
  border: 1px solid #404040;
}

.calElement:hover {
  background-color: #404040;
  border: 1px solid #404040;
  cursor: pointer;
}


.calElement.today {
  border: 1px solid #c84e48;
}


.shortCuts {
  /*border-top: 1px solid rgba(0, 0, 0, 0.25);*/
  padding: 3px 0 6px;
  background-color: rgba(97, 215, 232, 0.50)
}

.shortCuts span{
    font-size: 11px;
    border: 1px dotted #617777;
    width: 23px;
    display: inline-block;
    cursor: pointer
}

.shortCuts span:hover {
  background-color: rgba(0, 0, 0, 0.25)
}

