$cell-height : 40px;
body.overflow-hidden{
	overflow: hidden;
}
.calendar{
	height: calc(~'100% - 141px');
	> *{
		-webkit-overflow-scrolling:touch;
	}

	.calendar-container{
		position: relative;
		height: 100%;
		.week-view{
			width: 100%;
			height: 100%;
			background-color: #ddd;
			white-space: nowrap;
			-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;
			.tble{
				display: inline-table;
				width: calc(~'100% - 50px');
				vertical-align: top;
				.thead{
					display: table-row;
					width: 100%;
					background: $color-master-lighter;
					.tcell{
						border-bottom: 1px solid $color-master-light;
						border-right: 1px solid $color-master-light;
						padding: 10px;
						.weekday{
							font-size: 13px;
							float: left;
						}
						.weekdate{
							font-size: 13px;
							float: right;
						}
						&.active{
							background: $color-master-light;
						}
					}
				}
				.tcell{
					display: table-cell;
					height: 40px;
					max-width: 14.2857%;
					width: 14.2857%;
				}
				.trow{
					display:table-row;
					.tcell{
						background: $color-master-lightest;
						padding: 0 10px;
						.cell-inner{
							border-bottom: 1px solid $color-master-light;
							height: 38px;
							position: relative;
						}
						&.active{
							background: $color-master-light;
						}
					}
					
				}
			}
		}
		.even-holder{
			position: absolute;
			display: table;
			width: calc(~'100% - 50px');
			height: calc(~'100% - 25px');
			.event-placeholder{
				height: 100%;
				width: 14.2857%;
				display: table-cell;
			}
		}
		.event-container{
			width: 100%;
			height: 35px;
			background-color: lightblue;
			position: absolute !important;
			z-index: 10;
			padding: 5px;
			border-radius: 3px;
			.time-wrap{
				line-height: 12px;
				text-align: right;
			}
			.event-start-time, .event-end-time{
				font-size: 12px;
				opacity: 0.8;
			}
			.event-title{
				font-size: 12px;
				line-height: 7px;
			}
		}
		.grid{
			display: block;
			overflow: scroll;
			height: calc(~'100% - 40px');
		}
		.allday-cell{
			height: 40px;
			display: inline-block;
			width: 50px;
			float: left;
			background: $color-master-lighter;
			border-right: 1px solid $color-master-light;
			border-bottom: 1px solid $color-master-light;
		}
	}
	.time-slot-wrapper{
		display: inline-block;
		width: 50px;
		float: left;
		height: 100%;
		.time-slot{
			display: block;
			height: $cell-height;
			width: 100%;
			background: $color-master-lightest;
			&:first-child{
				span{
					display: none;
				}
			}
			& > span{
				float: right;
				font-size: 12px;
				position: relative;
				top: -40%;
			}
		}
	}
	.full-calender-header{
		position: relative;
		padding: 20px;
		color: #8b91a0;
		z-index: 10;
		.main-header{
			width: 98%;
			text-align: center;
			position: absolute;
			z-index: -1;
			h4{
			}
			i{
				font-size: 24px;
			}
		}
	}
	.calendar-grid-header-wrapper{
		display: block;
	}
	.calendar-grid-wrapper{
		position: relative;
		display: block;
		overflow: scroll;
		-webkit-overflow-scrolling:touch;
	}
	.calender-preview{
		width: 100%;
		.calender-preview-wrapper{
			.day{
				display: inline-block;
				width:3.22%;
				position: relative;
				z-index: 10;
				padding: 4px 0;
				font-size: 12px;
				& > a{
					position: relative;
					width: 100%;
					display: block;
					text-align: center;
					color: $color-master;
					opacity: 0.7;
				}
				&.active{
						a{
							color: #fff;
							opacity: 1;
						}
						&:after{
							font-family: FontAwesome;
							color: #6d5eac;
							position: absolute;
							display: block;
							top: 12px;
							z-index: -10;
							content: "\f111";
							text-align: center;
							width: 100%;
							font-size: 25px;
							top: -5px;
						}
					}
				&.has-event{
						&:before{
							font-family: FontAwesome;
							color: #6d5eac;
							position: absolute;
							display: block;
							bottom: -12px;
							z-index: -10;
							content: "\f111";
							text-align: center;
							width: 100%;
							font-size: 6px;
						}
					}		
				&.start-of-week{
					background-color: #f4f7fa;
					border-top-left-radius: 5px;
					border-bottom-left-radius: 5px;
				}
				&.end-of-week{
					background-color: #f4f7fa;
					border-top-right-radius: 5px;
					border-bottom-right-radius: 5px;
				}
				&.active-week{
					background-color: #f4f7fa;	
				}
				&.week-header{
					text-transform: uppercase;
					color: #6d5eac;
					font-weight: 600;
					text-align: center;
				}
			}
		}
	}
	.mini-calendar-header{
		border-bottom: 1px solid #eaeef1;
	}
	.mini-calendar{
		padding-top: 5px;
	}
	.calendar-week-header{
		background-color: #f4f7fa;
		height: 50px;
		.calendar-header-wrapper{
			padding: 10px;
			color:#8b91a0;
		}
		.day{
			font-weight: normal;

		}
		.date{
			font-weight: 700;
			float: right;
		}
		&.active{
			background-color: #e3ece4;
			.calendar-header-wrapper{
				color:#6d5eac;
			}
		}

	}
	.selected{
		background-color: #e7ebef;
	}
	.fc-view-agendaDay{
		.calendar-week-header{
			&.active{
				background-color: #f4f7fa;
			}	
		}
		.fc-agenda-allday > tbody > tr > th.active > .fc-day-content{
			background-color: #f4f7fa;
		}
		.fc-state-highlight{
			background-color: transparent;
		}
	}

	.time{
		border: 0px;
		color: #8b91a0;
		text-align: center;
		position: relative;
		.time-wrapper{
			position: absolute;
			top: -8px;
			width: 100%;
			left: 0;
		}
	}

	.allday{
		color: #8b91a0;
		text-align: center;
	}
	//JQUERY FULL CALENDAR CUSTOM

	.fc-header{
		display: none;
	}
	.fc-state-highlight{
		background-color: #e3ece4;
	}
	.fc-agenda-allday{
		background-color: #f4f7fa;
		& > tbody{
			& > tr{
				& > th{
					border-right: 1px solid #dce0e8;
					&.active{
						background-color: #e3ece4;
						& > .fc-day-content{
							border-bottom: 3px solid #c5e5b1;
						}
					}
				}
			}
		}
	}
	.fc-event{
		background-color: #c5e5b1;
		border: 0;
		color: rgba(0, 0, 0, 0.5);
		.fc-event-inner{
			padding: 10px;
			text-align: right;
			.fc-event-time{
				font-size: 13px;				
			}
			.fc-event-title{
				font-size: 15px;			
			}
			.fc-event-description{
				font-size: 13px;
			}
			.ui-resizable-s{
				opacity: 0.4;
			}
		}
		&.green{
			background: #c5e5b1;
		}
		&.blue{
			background: #7b99eb;
		}

	}
	.event-picker-color{
		&.active{
			border: 1px solid #000;
		}
	}	
	.fc-agenda-days {
		background-color: #eaeef1;
		th{
			text-align: left;
		}
	}
	.fc-agenda-slots{
		td {
			& > div{
				height: 30px;
				}
		}

		tr{
			&.fc-minor{
					td {
						& > div{
							border-bottom: 1px solid #dce0e8;
							}
					}
			}
		}
	}

	.fc-widget-header, .fc-widget-content{
		border-color:#dce0e8;
	}
	.fc-agenda-divider{
		border-top: 1px;
		.fc-agenda-divider-inner{
			height: 1px;
		}
	}
	.fc-widget-content{
		border-top: 0px;
		//border-top-style: none;
	}
	.ui-resizable-handle{
		font-size: 16px !important;
		height: 12px !important;
		opacity: 0.4;
	}
}
// BEGIN CALENDAR RESPONSIVE HANLDER 
/*** Phones ***/
@media (max-width: 979px) {
.calendar .calendar-container .week-view .tble .tcell{
	max-width: 100%;
	width: 100%;
}
}
// END CALENDAR RESPONSIVE HANDLER