.calendar {
	border-radius: 10px 10px 10px 10px;
	background-color: #fff;
	font-size: 16px;
	box-shadow: 5px -5px 400px #fff;
}

.best-wrapper-time h5 {
	border-radius: 0px 0px 0px 0px;
	font-family: "Manrope-Medium";
	color: #8c8c8c;
	margin: 0;
}

section.call-back-form {
	padding: 50px 0;
}
section.call-back-form p {
	color: #556275;
}
.form-group.inputWithIcon label {
	border-radius: 0px 0px 0px 0px;
	font-family: "Manrope-Medium";
	color: #8c8c8c;
	font-size: 14px;
}

.border-wrapper-time {
	border-top: 1px solid #cccccc;
	display: flex;
	gap: 10px;
	padding: 0px 10px 0px 10px;
	align-items: center;
}

.best-wrapper-time {
	border: 1px solid #cccccc;
	border-radius: 10px;
}

select.select-wrapper-time {
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #cccccc;
	padding: 13px 8px;
	width: 100%;
	border-radius: 10px;
	font-family: "Manrope-Regular";
	color: #8c8c8c;
}

.best-wrapper {
	border: 1px solid #cccccc;
	border-radius: 10px 10px 0px 0px;
	border-bottom: none;
}

.best-wrapper h5 {
	border-radius: 0px 0px 0px 0px;
	font-family: "Manrope-Medium";
	color: #8c8c8c;
	margin: 0;
}

.add-wrapper-main-calender {
	border: 1px solid #cccccc;
	border-radius: 0px 0px 10px 10px;
	border-top: none;
}

.top {
	width: 100%;
	display: flex;
}
.top label {
	display: block;
	width: 50%;
}

.month,
.year {
	border: none;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #cccccc;
	padding: 10px 8px;
	width: 100%;
	border-radius: 0px 0px 0px 0px;
	font-family: "Manrope-Medium";
	color: #8c8c8c;
}

option {
	font-weight: regular;
	font-size: 16px;
	text-transform: none;
	letter-spacing: 0px;
}

.week {
	margin-top: 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #cccccc;
	background: #d2e5dc;
}

.week__day {
	color: #1e7e51;
	margin: 5px;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	text-transform: uppercase;
	font-family: "Manrope-Medium";
	font-size: 14px;
}

.date__row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.date__number {
	margin: 5px;
	width: 37px;
	height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	transition: 0.5s ease;
}

.date__number:hover {
	cursor: pointer;
	background-color: #189ab4;
	color: #fff;
}

select.year.select-wrapper2 {
	border-left: none;
}

.date__number--true {
	background-color: #1e7e51;
	color: #fff;
}

.choosen {
	text-align: center;
	font-family: "Manrope-Medium";
	color: #8c8c8c;
	font-size: 14px;
	display: none;
}
#calendar {
	width: 300px;
	margin: auto;
	border: 1px solid #ccc;
	padding: 10px;
}

select {
	padding: 5px;
	margin: 5px;
}

table {
	width: 100%;
	border-collapse: collapse;
}

th,
td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

th {
    background-color: #d2e5dc;
    color: #1e7e51;
}

td {
	cursor: pointer;
}

td:hover {
	background-color: #f2f2f2;
}

.current-day {
	background-color: #1e7e51;
	color: white;
}

.selected-day {
    background-color: #222222;
    color: white;
}
select#yearSelect {
    color: #8c8c8c;
    margin: 0 0 7px 0;
    border: 1px solid #cccccc;
    width: 49%;
}
select#monthSelect{
	color: #8c8c8c;
    margin: 0 0 7px 0;
    border: 1px solid #cccccc;
    width: 49%;
}
@media (max-width: 1366px) {
	#calendar {
		width: 260px;
	}
	div#calendar th, td {
		padding: 6px 3px;
		font-size: 14px;
	}
}
@media (max-width: 1025px) {
	.week__day {
		color: #1e7e51;
		margin: 3px 0;
		width: 35px;
		height: 35px;
		font-size: 13px;
	}
	.date__number {
		margin: 5px 0;
		font-size: 13px;
	}
	select.select-wrapper-time {
		font-size: 13px;
		padding: 13px 2px;
	}
	#calendar {
		width: 230px;
	}
	div#calendar th, td {
		padding: 5px 2px;
		font-size: 13px;
	}
}
@media (max-width: 769px) {
	.form-group.inputWithIcon label {
		width: 213px;
	}
	#calendar {
		width: 100%;
	}
}
@media (max-width: 576px) {
	.form-group.inputWithIcon label {
		width: auto;
	}
}