@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

.form-control-datepicker {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(49,57,112,1)' class='bi bi-calendar2-event' viewBox='0 0 16 16'><path d='M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/><path d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z'/><path d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z'/></svg>");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: right .5rem center;
	padding-right: 30px;
}

.form-control-datepicker-start {
	background-position: left .5rem center;
	padding-left: 30px;
	padding-right: .5rem;
}

.form-control-datetimepicker {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 122.88 118.34' fill='rgba(49,57,112,1)'><path style='fill-rule:evenodd;' d='M95.53,63.65A27.35,27.35,0,1,1,68.19,91,27.35,27.35,0,0,1,95.53,63.65ZM71.59,4.05c0-2.23,2.21-4,4.94-4s4.94,1.82,4.94,4.05V22.9c0,2.24-2.21,4.05-4.94,4.05s-4.94-1.81-4.94-4.05V4.05Zm-44.26,0c0-2.23,2.21-4,4.94-4s4.95,1.82,4.95,4.05V22.9C37.22,25.14,35,27,32.27,27s-4.94-1.81-4.94-4.05V4.05ZM48,77.66H60A38,38,0,0,0,57.62,91c0,.87,0,1.74.09,2.6H48a1.88,1.88,0,0,1-1.87-1.87V79.53A1.88,1.88,0,0,1,48,77.66ZM77.6,51.71H92.27a1.89,1.89,0,0,1,1.81,1.4,37.76,37.76,0,0,0-18.35,5.55V53.57a1.87,1.87,0,0,1,1.87-1.86ZM48,51.71H62.68a1.87,1.87,0,0,1,1.87,1.86V65.78a1.89,1.89,0,0,1-1.87,1.87H48a1.88,1.88,0,0,1-1.87-1.87V53.57A1.88,1.88,0,0,1,48,51.71Zm-29.58,0H33.1A1.87,1.87,0,0,1,35,53.57V65.78a1.89,1.89,0,0,1-1.87,1.87H18.43a1.87,1.87,0,0,1-1.87-1.87V53.57a1.87,1.87,0,0,1,1.87-1.86Zm0,25.95H33.1A1.87,1.87,0,0,1,35,79.53v12.2A1.89,1.89,0,0,1,33.1,93.6H18.43a1.87,1.87,0,0,1-1.87-1.87V79.53a1.87,1.87,0,0,1,1.87-1.87Zm45.48,34.26H10.24A10.28,10.28,0,0,1,0,101.68V20.54A10.29,10.29,0,0,1,10.24,10.3h9.44V22.9a11.24,11.24,0,0,0,4.26,8.75,13.25,13.25,0,0,0,16.67,0,11.24,11.24,0,0,0,4.26-8.75V10.3H63.94V22.9a11.23,11.23,0,0,0,4.25,8.75,13.26,13.26,0,0,0,16.68,0,11.26,11.26,0,0,0,4.25-8.75V10.3H99a10.28,10.28,0,0,1,10.24,10.24V55.63a38.34,38.34,0,0,0-4.37-1.4V39.94H4.37V99.5a8.08,8.08,0,0,0,8.05,8h49a40.11,40.11,0,0,0,2.5,4.37ZM91.74,77.23h3.34a1.12,1.12,0,0,1,1.12,1.12V91.23H108a1.12,1.12,0,0,1,1.12,1.11v3.35A1.12,1.12,0,0,1,108,96.8H90.63V78.35a1.12,1.12,0,0,1,1.11-1.12Zm3.79-7.37A21.14,21.14,0,1,1,74.4,91,21.13,21.13,0,0,1,95.53,69.86Z'/></svg>");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: right .5rem center;
	padding-right: 30px;
}

.form-control-datetimepicker-start {
	background-position: left .5rem center;
	padding-left: 30px;
	padding-right: .5rem;
}

.form-control-timepicker {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(49,57,112,1)' class='bi bi-clock' viewBox='0 0 16 16'><path d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/> <path d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/></svg>");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: right .5rem center;
	padding-right: 30px;
}

.form-control-timepicker-start {
	background-position: left .5rem center;
	padding-right: .5rem;
	padding-left: 30px;
}

.form-control-daterangepicker {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(49,57,112,1)' class='bi bi-calendar2-week' viewBox='0 0 16 16'><path d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z'/><path d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5zM11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/></svg>");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: right .5rem center;
	padding-right: 30px;
}

.form-control-daterangepicker-start {
	background-position: left .5rem center;
	padding-right: .5rem;
	padding-left: 30px;
}

@media (min-width: 1600px) {
	.form-control-datepicker,
	.form-control-datetimepicker,
	.form-control-timepicker,
	.form-control-daterangepicker {
		background-size: 18px;
	}
}

/* Tempus Dominus 6 Custom CSS Start Here */
.tempus-dominus-widget {
	width: 16rem;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	border-radius: .25rem;
	padding: .25rem;
	z-index: 99991;
}

.tempus-dominus-widget .bi {
	font-size: 14px;
}

.tempus-dominus-widget.light {
	color: #444444;
}

.tempus-dominus-widget .calendar-header {
	font-weight: 600;
	background-color: #f1f3f9;
	border-radius: .25rem;
	padding: .25rem;
	align-items: center;
}

.tempus-dominus-widget .calendar-header .previous,
.tempus-dominus-widget .calendar-header .next {
	color: #545b8a;
}

.tempus-dominus-widget .calendar-header .previous {
	padding-left: 0.5rem;
}

.tempus-dominus-widget .calendar-header .next {
	padding-right: 0.5rem;
}

.tempus-dominus-widget.light .date-container-days .dow {
	font-weight: 500;
	color: #666666;
}

.tempus-dominus-widget .date-container-days .range-in{
	background-color: #7f84a7 !important;
	box-shadow: -5px 0 0 #7f84a7,5px 0 0 #7f84a7;
}

.tempus-dominus-widget .date-container-days .range-start{
	border-radius: .25rem 0 0 .25rem !important;
}

.tempus-dominus-widget .date-container-days .range-end{
	border-radius:  0 .25rem .25rem 0 !important;
}

.tempus-dominus-widget .date-container-days div:not(.no-highlight),
.tempus-dominus-widget .date-container-decades div:not(.no-highlight),
.tempus-dominus-widget .date-container-months div:not(.no-highlight),
.tempus-dominus-widget .date-container-years div:not(.no-highlight),
.tempus-dominus-widget .time-container-clock div:not(.no-highlight),
.tempus-dominus-widget .time-container-hour div:not(.no-highlight),
.tempus-dominus-widget .time-container-minute div:not(.no-highlight),
.tempus-dominus-widget .time-container-second div:not(.no-highlight) {
	border-radius: .25rem;
}

.tempus-dominus-widget .date-container-days {
	grid-auto-rows: 28px;
}

.tempus-dominus-widget .date-container-days div:not(.no-highlight).today::before,
.tempus-dominus-widget .date-container-decades div:not(.no-highlight).today::before,
.tempus-dominus-widget .date-container-months div:not(.no-highlight).today::before,
.tempus-dominus-widget .date-container-years div:not(.no-highlight).today::before,
.tempus-dominus-widget .time-container-clock div:not(.no-highlight).today::before,
.tempus-dominus-widget .time-container-hour div:not(.no-highlight).today::before,
.tempus-dominus-widget .time-container-minute div:not(.no-highlight).today::before,
.tempus-dominus-widget .time-container-second div:not(.no-highlight).today::before {
	bottom: .2rem;
	right: .2rem;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover {
	background-color: #f1f3f9;
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today::before,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today::before,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today::before,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today::before,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today::before,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today::before,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today::before,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today::before {
	border-bottom-color: #545b8a;
}

.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
	background-color: #545b8a;
}

.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight).today::before,
.tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight).today::before,
.tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight).today::before,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.today::before,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.today::before,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.today::before,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.today::before,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.today::before,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.today::before,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.today::before,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.today::before {
	border-bottom-color: #ffffff;
}

.tempus-dominus-widget .toolbar {
	color: #545b8a;
	grid-auto-rows: 28px;
}

.tempus-dominus-widget.light .toolbar div:hover {
	background-color: #f1f3f9;
}

.tempus-dominus-widget.light button {
	width: 40px;
	height: 40px;
	background-color: #F8F8F8;
	border-color: #545b8a;
	border-width: 1px;
	border-radius: .25rem;
	color: #545b8a;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tempus-dominus-widget .toggleMeridiem {
	height: auto;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.tempus-dominus-widget button[data-action] {
	padding: 0.5rem;
}

.tempus-dominus-widget .time-container .time-container-clock {
	font-size: 16px;
}

@media (min-width: 1600px) {
	.tempus-dominus-widget {
		width: 19rem;
		font-size: 16px;
	}

	.tempus-dominus-widget .bi {
		font-size: 18px;
	}

	.tempus-dominus-widget .date-container-days {
		grid-auto-rows: 34px;
	}

	.tempus-dominus-widget .toggleMeridiem {
		font-size: 18px;
	}

	.tempus-dominus-widget .time-container .time-container-clock {
		font-size: 20px;
	}
}
/* Tempus Dominus 6 Custom CSS End Here */