/* ng-material-datetimepicker */
.dtp table.dtp-picker-days tr > td > a.selected,
.dtp table.dtp-picker-days tr > td > a.selected.hilite,
.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp .dtp-hand.on,
.dtp .dtp-actual-meridien a.selected,
.dtp .dtp-picker-time > a.dtp-select-hour.selected {
	background: linear-gradient(90deg, #34c5c9, #11a3f2);
}

.dtp table.dtp-picker-days tr > td > a.hilite:not(.selected),
.dtp div.dtp-actual-time.p60 span.selected {
	color: var(--primary-color);
}

.dtp div.dtp-year-btn,
.dtp div.dtp-actual-year,
.dtp div.dtp-actual-maxtime {
	color: #d0f0f0;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
	background: linear-gradient(90deg, #34c5c9, #11a3f2);
}
/* CALENDAR */
/* Remove the existing SVG content */
.dtp-btn-calendar md-icon svg {
	display: none !important;
}

/* Add your custom content (e.g., a custom SVG or icon) */
.dtp-btn-calendar md-icon::before {
	content: url("../img/calendar-plus.svg"); /* Replace with your icon path or font-icon */
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.dtp-btn-ok {
	background: linear-gradient(90deg, #34c5c9, #11a3f2);
	color: white !important;
	border-radius: 7.36px;
	padding-top: 1px;
	text-transform: none;
	padding-bottom: 1px;
	padding-left: 24px;
	padding-right: 24px;
}
.dtp-btn-ok:hover {
	background: linear-gradient(90deg, #34c5c9 0%, #11a3f2 179.73%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
	color: white !important;
	border-radius: 7.36px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.dtp-btn-ok:disabled {
	background: linear-gradient(90deg, rgba(52, 197, 201, 0.65), rgba(17, 163, 242, 0.65)) !important;
	color: white !important;
	border-radius: 7.36px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.dtp-btn-cancel,
.dtp-btn-today {
	border: 1.4px solid var(--primary-color);
	background: white !important;
	background-color: white !important;
	color: var(--primary-color);
	text-transform: none;
	border-radius: 7.36px;
	padding-left: 24px;
	padding-right: 24px;
}
.dtp-btn-cancel:hover,
.dtp-btn-today:hover {
	border: 1.4px solid var(--primary-color);
	background: #34c5c914 !important;
	background-color: #34c5c914 !important;
	color: var(--primary-color);
	border-radius: 7.36px;
}
.dtp-btn-cancel:disabled,
.dtp-btn-today:disabled {
	border: 1.4px solid rgba(52, 197, 201, 0.65);
	background: white !important;
	background-color: white !important;
	color: rgba(52, 197, 201, 0.65);
	border-radius: 7.36px;
}

.dtp .dtp-close > a {
	font-size: 25px;
	color: #fff;
	text-decoration: none;
}
.dtp .dtp-close {
	position: absolute;
	top: -8px;
	right: 5px;
}
md-dialog.dtp {
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	max-height: none;
	min-width: 342px;
	width: 342px;
}
.dtp > .dtp-content {
	max-width: 342px;
	max-height: 500px;
}
.dtp .dtp-buttons {
	padding-bottom: 0px;
}
button.md-button.dtp-clear {
	margin: 0 6px;
	height: 35px;
	min-width: 18px;
	padding: 0px;
	width: 40px;
	border-radius: 50%;
}