.appointment-slot-body{
	padding: 0px 14px !important;
}

.appointment-title{
	background-image: linear-gradient(to right, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%);
	width: 100%;
	border-radius: 7px 7px 0px 0px;
}

.date-slots{
	text-align: center;
	color: white;
	font-size: 18px;
	font-family: Lato;
	padding: 8px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.close-popup-appointment-button{
	float: right;
	background: #f47b0a;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	color: white;
	text-align: center;
	margin-top: -22%;
	margin-right: -7%;
	cursor: pointer;
}

.calendar-image{
	font-size: 60px;
	margin-top: -42%;
	margin-left: 35%;
}

.content-thank-you{
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.1px;
}

.selected-time-slots-date, .selected-time-slots-time{
	text-align: center;
	color: #f95f06;
	font-size: 17px;
	font-weight: bold;
}

.select-time-slots{
	text-align: center;
	width: 100%;
	border: none;
	font-size: 18px;
	color: white;
	background-image: linear-gradient(to right, #f47b0a 0%, #f47b0a 4%, #ff3c00 100%) !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 10px;
}

.select-time-slots:hover , .select-time-slots:active:focus , .select-time-slots:focus{
	color: white;
}

.left-icon{
	color: #f47b0a;
	font-size: 15px;
	cursor: pointer;
}

.arrow-button{
	display: inline;
	padding-left: 3px;
}

.time-note{
	color: white;
	text-align: center;
	margin-top: 0px;
	font-size: 10px;
}

.available_appointment_list{
	list-style-type: none;
}

.clock-logo{
	font-size: 22px;
	color: #f47b0a;
}