//	=================
//    	Imports
//	=================

@import '../../assets/base/color_variables';   	// Color Variables
@import '../../assets/base/fonticons';   			// Fonticons Variables
@import '../../assets/base/urls';   				// URLS Variables
@import '../../assets/base/utilities_variables';  // Utilities Variables


/*Calendar body section*/
.widget-content-area.event-calendar {
	padding: $p-0;
}
.js-fc-header {
	height: 50px;
	border-top-left-radius: $br-4;
	border-top-right-radius: $br-4;
	line-height: 50px;
	background-color: $dark;
	padding: 15px $p-0;
}
.js-fc-header-title {
	margin: $m-0 $m-0 $m-0 12px;
	color: $white;
	font-size: 1rem;
}
.fc-toolbar.fc-header-toolbar {
	position: $pos-rel;
	height: 50px;
	line-height: 50px;
	padding: $p-0 7px;
	margin: $m-0;
	background-color: $light-primary;
}
.fc {
	.fc-toolbar {
		>* {
			>* {
				margin-bottom: $m-0;
			}
		}
	}
	td.fc-today {
		background: none;
	}
	td {
		background-color: $white;
	}
	th {
		background-color: $color_54;
		color: $primary;
		padding: $p-5;
	}
}
#c {
	.fc-right {
		.fc-button-group {
			position: $pos-rel;
			top: -50px;
			right: 3px;
			height: 50px;
			border: none;
			border-radius: $br-0;
		}
		.fc-state-default {
			background-color: $color_none;
			text-transform: $transform-capital;
		}
	}
	.fc-agendaDay-button.fc-state-active {
		border-bottom: $b-width-2 $solid $color_88;
		border-radius: $br-0;
		background-color: $color_none;
	    background-image: none!important;
	}
	.fc-agendaWeek-button.fc-state-active {
		border-bottom: $b-width-2 $solid $color_88;
		border-radius: $br-0;
		background-color: $color_none;
	    background-image: none!important;
	}
	.fc-button.fc-state-active {
		border-bottom: $b-width-2 $solid $color_88;
		border-radius: $br-0;
		background-color: $color_none;
	    background-image: none!important;
	}
	.fc-state-default.fc-state-active {
		border-bottom: $b-width-2 $solid $light-gray;
		border-radius: $br-0;
		background-color: $color_none;
	    background-image: none!important;
	}
	.fc-agendaDay-button {
		padding: $p-0 $p-20 !important;
		height: 50px !important;
		background-color: $color_none;
		box-shadow: none;
		border: none;
		color: $color_562;
		font-size: .875rem !important;
		text-shadow: none;
		background-image: $no-color;
		border: 0;
		outline: none;
	}
	.fc-agendaWeek-button {
		padding: $p-0 $p-20 !important;
		height: 50px !important;
		background-color: $color_none;
		box-shadow: none;
		border: none;
		color: $color_562;
		font-size: .875rem !important;
		text-shadow: none;
		background-image: $no-color;
		border: 0;
		outline: none;
	}
	.fc-button {
		padding: $p-0 $p-20 !important;
		height: 50px !important;
		background-color: $color_none;
		box-shadow: none;
		border: none;
		color: $color_562;
		font-size: .875rem !important;
		text-shadow: none;
		background-image: $no-color;
		border: 0;
		outline: none;
	}
	.fc-state-default {
		padding: $p-0 $p-20 !important;
		height: 50px !important;
		background-color: $color_none;
		box-shadow: none;
		border: none;
		color: $color_562;
		font-size: .875rem !important;
		text-shadow: none;
		background-image: $no-color;
		border: 0;
		outline: none;
	}
	.fc-next-button {
		position: $pos-abs !important;
		top: 11px;
		padding: $p-0 !important;
		height: 28px !important;
		width: 28px;
		background-color: $color_82;
		box-shadow: none;
		color: $white;
		font-size: 8px !important;
		text-shadow: none;
		background-image: $no-color;
		border: 0;
		line-height: 26px;
		right: 30px;
	}
	.fc-prev-button {
		position: $pos-abs !important;
		top: 11px;
		padding: $p-0 !important;
		height: 28px !important;
		width: 28px;
		background-color: $color_82;
		box-shadow: none;
		color: $white;
		font-size: 8px !important;
		text-shadow: none;
		background-image: $no-color;
		border: 0;
		line-height: 26px;
		left: 30px;
	}
	.fc-toolbar {
		.fc-center {
			width: 97px;
			margin: $m-0 auto;
			position: $pos-abs;
			left: 0;
			right: 0;
			h2 {
				font-size: 14px;
				padding: 17px $p-0 $p-0 $p-0;
				color: $black;
			}
		}
	}
	.fc {
		th {
			padding: 12px $p-0;
			border: 0;
			color: $color_563;
			text-transform: $transform-upper;
			font-size: .75rem;
			font-weight: 600;
		}
	}
	.fc-day-number {
		padding: 5px 8px $p-0 $p-0 !important;
		font-size: 1rem;
		font-weight: normal;
		color: $additional-color-11;
	}
	.fc-other-month.fc-past {
		.fc-day-number {
			color: $light-dark;
		}
	}
	.fc-other-month.fc-future {
		.fc-day-number {
			color: $light-dark;
		}
	}
	.fc-today {
		.fc-day-number {
			background-color: $additional-color-11;
			padding: $p-0 !important;
			margin: $m-5 3px 8px $m-0;
			width: 26px;
			height: 26px;
			line-height: 27px;
			border-radius: 100%;
			text-align: $align-center;
			color: $white;
			font-weight: normal;
		}
	}
}
.fc-state-down {
    background-image: none!important;
}
.fc-event {
    color: $white!important;
    .fc-bg {
	    background: $primary;
	}
}
.fc-event:hover {
    color: $white!important;
}
.ui-widget .fc-event {
    color: $white!important;
}
@media (max-width: 575px) {
	#c {
		.fc-agendaDay-button {
			padding: $p-0 6px !important;
		}
		.fc-agendaWeek-button {
			padding: $p-0 6px !important;
		}
		.fc-button {
			padding: $p-0 6px !important;
		}
		.fc-state-default {
			padding: $p-0 6px !important;
		}
	}
	.main-content {
		>.container {
			>.container {
				padding: $p-0;
			}
		}
	}
	.fc-scroller.fc-time-grid-container {
		height: 190px !important;
	}
}