#myc-container {
	width: inherit;
}

#myc-nav-container {
	width: inherit;
	padding: 0.5rem;
	background: #2196f3;
	color: #fff;
	font-size: 18px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#myc-current-month-year-container {
	display: inline-block;
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
	vertical-align: top;
	width: 68%;
}

#myc-prev-week-container {
	display: inline-block;
	width: 15%;
	font-size: inherit;
}

#myc-next-week-container {
	display: inline-block;
	width: 15%;
}

#myc-prev-week {
	border: 3px solid #e0e0e0;
	border-radius: 80px;
	color: #e0e0e0;
	cursor: pointer;
	float: left;
	font-size: 1.5em;
	font-weight: 400;
	height: 40px;
	text-align: center;
	width: 40px;
}

#myc-next-week {
	border: 3px solid #e0e0e0;
	border-radius: 80px;
	color: #e0e0e0;
	cursor: pointer;
	float: right;
	font-size: 1.5em;
	font-weight: 400;
	height: 40px;
	text-align: center;
	width: 40px;
}

#myc-prev-week:hover,
#myc-next-week:hover {
	box-shadow: 0px 0px 0px 1px #e0e0e0;
}

#myc-week-container {
}

#myc-dates-container {
	background-color: #fafafa;
	display: flex;
	flex: 1;
}

.myc-date-header {
	border-right: 1px solid #e0e0e0;
	display: flex;
	align-items: flex-end;
	min-height: 50px;
	flex: 1;
	padding: 15px 0px 15px 15px;
	vertical-align: top;
	width: 100%;
}

.myc-date-header:first-of-type {
	padding-left: 15px;
}

.myc-date-header:last-of-type {
	border-right: none;
	width: 13%;
}

#myc-available-time-container {
	border-top: 1px solid #e0e0e0;
	min-height: 150px;
	display: flex;
	flex: 1;
	align-items: start;
	justify-content: space-around;
	overflow-y: overlay;
}

.myc-day-time-container {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0.7rem;
	vertical-align: top;
	width: 13.77%;
}

.myc-day-time-container:first-of-type {
	padding-left: 15px;
}

.myc-day-time-container:last-of-type {
	border-right: none;
	width: 13%;
}

.myc-date-number {
	font-size: 1.8em;
	font-weight: lighter;
}

.myc-available-time {
	background-color: #2196f3;
	border-radius: 4px;
	color: #ffffff;
	display: block;
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 12px;
}

.myc-available-time.selected {
	background-color: #23527c;
	color: #fff;
	text-decoration: none;
}
.myc-available-time:hover {
	background-color: #0c83e2;
	color: #fff;
	text-decoration: none;
}
.myc-date-display {
	font-weight: lighter;
	text-transform: capitalize;
}
@font-face {
	font-family: "fcicons";
	src: url("data:application/x-font-ttf;charset=utf-8;base64,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")
		format("truetype");
	font-weight: normal;
	font-style: normal;
}

.fc-icon {
	/* added for fc */
	display: inline-block;
	width: 1em;
	height: 1em;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "fcicons" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#myc-prev-week:before {
	content: "\e900";
	vertical-align: middle;
}
#myc-next-week:before {
	content: "\e901";
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	.myc-date-header,
	.myc-day-time-container {
		width: 13.5%;
	}
	/*.myc-date-header:last-of-type, .myc-day-time-container:last-of-type {
        width: 12%;
    }*/
}
@media (max-width: 399px) {
	#myc-container {
		font-size: 75%;
	}
	.myc-available-time {
		font-size: 10px;
	}
}
@media (max-width: 991px) {
	.myc-date-header:first-of-type {
		padding-left: 5px !important;
	}
	.myc-day-time-container:first-of-type {
		padding-left: 0 !important;
	}
	.myc-day-time-container {
		padding: 5px 0 0 0 !important;
	}
	.myc-available-time {
		padding: 5px !important;
	}
	.myc-date-header {
		display: block !important;
		padding: 15px 0px 15px 5px !important;
	}
}
