.calendar {
    margin-bottom: 20px;
    background: #f1f1f1;
}

.calendar > .navigation {
    position: relative;
    height: 25px;
    margin: 0px 0px;
    /* background: #fea203; */
    font-weight: bold;
    padding: 10px 0;
}
.calendar > .navigation > .prev-month {
    position: absolute;
    top: 4px;
    left: 5px;
    background: url(../img/arrow-left.svg) no-repeat left 6px;
    padding-left: 10px;
    background-size: 6px;
}
.calendar > .navigation > .prev-month a {
    text-align: left;
    font-family: DINEAN;
    font-family: arial;
    color: #404646;
    font-size: 9px;
    text-transform: uppercase;
    text-decoration: none;

    background: url(../img/arrow-left.svg) no-repeat;
    text-indent: -10000px;
    position: absolute;
    width: 24px;
    height: 26px;
    top: 6px;
    background-size: 10px;
    background-position: center;
}
.calendar > .navigation > .prev-month a:hover {

}
.calendar > .navigation > .current {
    text-align: center;
    font-family: 'OPEN Sans', sans-serif;
    /* color: white; */
    padding: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.calendar > .navigation > .current > .year {
    display: inline-block;

}
.calendar > .navigation > .current > .month {
    display: inline-block;

}
.calendar > .navigation > .next-month {
    position: absolute;    top: 4px;    
    right: 5px;    
    background: url(../img/arrow-right.svg) no-repeat right 6px;    
    padding-right: 10px;    background-size: 6px;
}
.calendar > .navigation > .next-month a {
    text-align: left;                    text-transform: uppercase;    text-decoration: none;    
    background: url(../img/arrow-right.svg) no-repeat;    text-indent: -10000px;    position: absolute;    width: 24px;    height: 26px;    top: 6px;
    right: 10px;
    background-size: 10px;
    background-position: center;
}
.calendar > .navigation > .next-month a:hover {

}
.calendar > .days {
    margin: 0px 0px;
    width: 100%;
    table-layout: fixed;
}
.calendar > .days > thead > tr > td {
    text-align: center;
    color: #505050;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 3px;
    font-weight: bold;
}
.calendar > .days > tbody > tr > td {
    text-align: left;
    color: #505050;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    /* border: solid 1px #999999; */
    text-align: center;
    height: 34px;
    position: relative;
    background: rgb(239, 239, 239);
}

.calendar > .days > tbody > tr > td:nth-child(2n) {
    background: rgb(239, 239, 239);
}
.calendar > .days > tbody > tr > td > a{
    display: inline-block;
    /* padding: 5px 6px; */
    /* width: 21px; */
    text-align: center;
    font-family: 'OPEN Sans', sans-serif;
    color: #505050;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}

.calendar > .days > tbody > tr > td:nth-child(2n) > a {
    /* background: rgb(246, 246, 246); */
}
.calendar > .days > tbody > tr > td > a.event {
}
.calendar > .days > tbody > tr > td > a.event.single {
    background: #083061;
    color: white;
    font-weight: bold;
    width: 27px;
    box-sizing: border-box;
    vertical-align: middle;
    /* display: table-cell; */
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* bottom: 0; */
    padding: 3px 0px;
    display: inline-block;
}
.calendar > .days > tbody > tr > td > a.event.multiple {
    background: #083061;    color: white;    font-weight: bold;    
    width: 27px;    box-sizing: border-box;        vertical-align: middle;    
    display: inline-block;
    padding: 3px 0px;
}
.calendar > .days > tbody > tr > td > a:hover {

}
.calendar > .days > tbody > tr > td > a.event:hover {

}
.calendar > .days > tbody > tr > td.other-month {

}
.calendar > .days > tbody > tr > td.other-month a{

}
.calendar > .days > tbody > tr > td.other-month a:hover{

}
.calendar > .days > tbody > tr > td.current-month{

}
.calendar > .days > tbody > tr > td.current-month a{
}

.calendar > .days > tbody > tr > td a.today {
    background: white;
    font-weight: bold;
    width: 100%;
    height: 100%;
    padding: 8px 0;
}
.calendar > .days > tbody > tr > td.current-month a:hover{

}
.calendar-tooltip  {
    border-radius: 5px;
    font-size: 10px;
    z-index: 9000;
    padding: 10px;
    background: black;
    color: white;
    position: absolute;
}
.calendar-tooltip p {
    margin: 0;
}
.calendar-tooltip p a {
    color: white;    white-space: nowrap;    text-decoration: none;
    padding: 2px 0;
    display: block;
}
.calendar > .days > tbody > tr > td .calendar-tooltip {
    display: none;
}
.calendar > .days > tbody > tr > td:hover .calendar-tooltip {
    display: block;
}