$calendar-active-day-bg: 		$theme-color !default
$calendar-active-day-hover-bg:	#555 !default
$calendar-today-bg:				#f5f5f5

.widget_calendar

	caption
		text-align: center

	table
		font-size: 14px
		border-top: 1px solid $table-border-color

		> thead,
		> tbody
			tr
				> th,
				> td
					border: 1px solid $table-border-color
					text-align: center
		> thead > tr
			> th,
			> td
				border-bottom-width: 2px

		> thead
			background: lighten($table-border-color, 4%)

		> tfoot tr > td
			border: 0

		tbody
			a
				background: $calendar-active-day-bg
				color: #fff
				display: block
				border-radius: 3px

				&:hover
					background: $calendar-active-day-hover-bg

	#next
		text-align: right

	#prev
		text-align: left

	#today
		background-color: $calendar-today-bg

// responsive
@media (min-width: 991px) and (max-width: 1199px)
	.widget_calendar
		table
			th,
			td
				padding: 6px