/*---------- CALENDAR ----------*/
.gridpage #gkBottom1 .box,
.gridpage #gkBottom2 .box {
    margin-bottom: 0 !important;
}

.calendarDateEmpty {
    display: none !important;
}

.k2CalendarBlock {
	min-height: 91px;
}

.k2CalendarBlock table.calendar {
    border-left: medium none;
}

.k2CalendarBlock table.calendar tr td.calendarNavMonthPrev,
.k2CalendarBlock table.calendar tr td.calendarNavMonthNext {
	font-size: 16px !important;
}

.k2CalendarBlock table.calendar tr td {
    border: medium none;
    padding: 0;
}

.k2CalendarBlock table.calendar tr:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}

.calendarDay {
    float: left;
    width: 3.2258%;
}

.calendarDate,
.calendarDateLinked,
.calendarToday,
.calendarTodayLinked {
    float: left;
    font-size: 13px;
    font-weight: 300;
	margin: 5px 0 0;
    text-align: center;
    width: 100%;
}

.calendarDayName {
    font-weight: bold;
}

.calendarDateLinked > a,
.calendarTodayLinked >a {
    color: #549EFF;
    font-weight: bold;
}

.calendarDateLinked > a:hover,
.calendarTodayLinked > a:hover {
    text-decoration: underline;
}

.calendarToday,
.calendarToday > a,
.calendarTodayLinked {
    text-decoration: underline;
}

.calendarHeader {
    border-bottom: 1px solid #A5A5A5;
    float: left;
    font-size: 16px;
    margin: 3px 0;
    padding: 3px 0;
    width: 100%;
}

.calendarNavMonthPrev,
.calendarCurrentMonth,
.calendarNavMonthNext {
	float: right;
}

.calendarNavMonthNext a, .calendarNavMonthPrev a {
    color: #000000;
    font-weight: bold;
    margin: 0 4px;
}

@media (max-width: 600px) {
	.k2CalendarBlock,
	.calendar-items {
		display: none!important;
	}