/*
* jQuery-Calendar Plugin v1.1.0
*
* 2018 (c) Sebastian Knopf
* This software is licensed under the MIT license!
* View LICENSE.md for more information
*/
.calendar { 
    display: table;
	width: 100%;
  padding: 10px;
}

.calendar header { 
    cursor: default; 
    height: 40px;
    width: 100%;
    position: relative; 
    font-weight: bold;  
    /*text-transform: uppercase;*/
  font-size: .8em;
} 
.calendar header span { 
    display: inline-block; 
    line-height: 40px; 
}

.calendar header .button { 
    width: 40px;
    text-align: center; 
    position: absolute; 
	cursor: pointer;
    font-weight: bold;
}

/* von SK von js rausopertiert */
.calendar header .button:hover {
    color: #fff;
    background: #555;
    cursor: pointer;
}

.calendar header .left.button { 
    left:0; 
} 

.calendar header .right.button { 
    right:0; 
    top:0; 
} 

.calendar header .header-label { 
    letter-spacing: 1px; 
    width: 100%; 
    text-align: center; 
	cursor: pointer;
}

.calendar table { 
    background:transparent;
    border-collapse: collapse; 
} 
.calendar table td { 
    color:#999;
    width:30px;
    height:30px; 
    line-height:30px; 
    text-align:center;
    cursor:default;
  font-size: .8em;
    padding: 0.4rem 0;
}

.calendar table td .has-event {
    color:#000000;
  cursor: pointer;
}




.calendar thead th { 
    height:26px; 
    line-height: 26px; 
    /*text-transform:uppercase; */
    font-size:.8em;
    color:#333;
  text-align: center;
} 
.calendar thead th:not(:last-child) { 
    /*border-right:1px solid #fff; */
}

.calendar .calendar-frame table { 
    width: 100%;
} 

.calendar .calendar-frame tbody td.today span {
    background:#ddd;
  width: 30px;
  height: 30px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
    color:#555;
  text-align: center;
} 

.calendar .calendar-frame tbody td:not(.disabled).selected.has-event span {
    background:#dd6766;
  width: 30px;
  height: 30px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
    color:#fff;
  text-align: center;
}

.calendar .calendar-frame tbody td:not(.disabled).selected span {
    background:#f7f7f7;
}

.calendar .calendar-frame tbody td:not(.disabled).selected span.today {
    background:#dd6766;
  color:#fff;
}

.calendar .calendar-frame tbody td:not(.disabled).has-event span:hover {
     background:#dd6766;
  width: 30px;
  height: 30px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
    color:#fff;
  text-align: center;
    cursor: default;
}