/************************************************** Calendar Page **************************************************/
.calendzoom-card{
	min-height: 120px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.19);
}

.calendar-main-div{
	padding-right: 0px;
}

.timer-main-div{
	padding-left: 0px;
}

.color-calendar .calendar__days, .color-calendar.basic .calendar__weekdays, .color-calendar .calendar__header {
	grid-template-columns: repeat(7, minmax(10px, 110px)) !important;
}

.color-calendar .calendar__days{
	grid-template-rows: repeat(6, minmax(40px, 60px)) !important;
}

.timer-top-div{
	min-height: 490px;
}

.timer-holder{
	margin-top: 20px;
}

.calendzoom-timings{
	width: 100%;
	background-color: #F2F1FF; 
	color: black;
	text-align: center; 
	padding: 5px; 
	margin-left: 4%;
	display: inline-block;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 5px 15px 0 rgba(0, 0, 0, 0.19);
	cursor: pointer;
}

.calendzoom-timings:hover{
	background-color: #1F1A50;
	color: white;
}

@media screen and (max-width: 700px){
	.calendar-main-div{
		padding-right: 15px;
	}
	
	
	.timer-main-div{
		padding-left: 0px;
	}
	
	.timer-top-div{
		min-height: 100px;
	}
}