.bootstrap-datetimepicker-widget .btn[data-action=clear]:after,
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after,
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after,
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after,
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after,
.bootstrap-datetimepicker-widget .btn[data-action=showHours]:after,
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after,
.bootstrap-datetimepicker-widget .btn[data-action=today]:after,
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after,
.bootstrap-datetimepicker-widget .picker-switch:after,
.bootstrap-datetimepicker-widget table th.next:after,
.bootstrap-datetimepicker-widget table th.prev:after {
	white-space: nowrap;
	clip-path: inset(50%)
}


.bootstrap-datetimepicker-widget table td>div,
.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table th>div {
	transition: all .15s ease 0s
}

@media (max-width:375px) {
	
	.form-group.is-focused .bootstrap-datetimepicker-widget {
		left: -32px!important
	}
}

.bootstrap-datetimepicker-widget .timepicker .table-condesed .btn .ripple-container {
	width: 40px;
	height: 40px;
	margin: -11px 3px
}

.dropdown-menu.bootstrap-datetimepicker-widget {
	opacity: 0;
	transform: scale(0);
	transition-duration: .3s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transform-origin: 0 0;
	will-change: transform, opacity;
	top: 0
}

.dropdown-menu.bootstrap-datetimepicker-widget.top {
	transform-origin: 0 100%
}

.dropdown-menu.bootstrap-datetimepicker-widget.open {
	opacity: 1;
	transform: scale(1);
	top: 0
}




/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.bootstrap-datetimepicker-widget .btn[data-action=clear]:after,
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after,
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after,
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after,
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after,
.bootstrap-datetimepicker-widget .btn[data-action=showHours]:after,
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after,
.bootstrap-datetimepicker-widget .btn[data-action=today]:after,
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after,
.bootstrap-datetimepicker-widget .picker-switch:after,
.bootstrap-datetimepicker-widget table th.next:after,
.bootstrap-datetimepicker-widget table th.prev:after,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.bootstrap-datetimepicker-widget {
	list-style: none
}

.bootstrap-datetimepicker-widget a:hover {
	box-shadow: none!important
}

.bootstrap-datetimepicker-widget a .btn:hover {
	background-color: transparent
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	padding: 4px;
	width: 19em
}

@media (min-width:768px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width: 38em
	}
}

@media (min-width:991px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width: 38em
	}
}

@media (min-width:1200px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width: 38em
	}
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	right: auto;
	left: 12px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top,
.bootstrap-datetimepicker-widget.dropdown-menu.top.open {
	margin-top: auto;
	margin-bottom: 27px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
	left: auto;
	right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
	left: auto;
	right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
	margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
	padding: 0;
	margin: 0;
	border-width: 0;
	background-color: transparent;
	color: #4A213E;
	box-shadow: none
}

.bootstrap-datetimepicker-widget a[data-action]:hover {
	background-color: transparent
}

.bootstrap-datetimepicker-widget a[data-action]:hover span {
	background-color: #eee;
	color: #4A213E
}

.bootstrap-datetimepicker-widget a[data-action]:active {
	box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 300;
	font-size: 1.125rem;
	margin: 0;
	border-radius: 50%
}

.bootstrap-datetimepicker-widget button[data-action] {
	width: 38px;
	height: 38px;
	margin-right: 3px;
	padding: 0
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]:after {
	content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]:after {
	content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]:after {
	content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]:after {
	content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]:after {
	content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]:after {
	content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]:after {
	content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]:after {
	content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action=today]:after {
	content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
	text-align: center;
	border-radius: 3px;
	font-size: .875rem
}

.bootstrap-datetimepicker-widget .picker-switch:after {
	content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
	padding: 0;
	margin: 0;
	height: auto;
	width: auto;
	line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
	line-height: 2.5;
	height: 2.5em;
	width: 100%;
	border-radius: 3px;
	margin: 2px 0!important
}

.bootstrap-datetimepicker-widget table {
	width: 100%;
	margin: 0
}

.bootstrap-datetimepicker-widget table.table-condensed tr>td,
.bootstrap-datetimepicker-widget table td>div,
.bootstrap-datetimepicker-widget table th>div {
	text-align: center
}

.bootstrap-datetimepicker-widget table th {
	height: 20px;
	line-height: 20px;
	width: 20px;
	font-weight: 500
}

.bootstrap-datetimepicker-widget table th.picker-switch {
	width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
	background: none;
	color: rgba(0, 0, 0, .12);
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.next span,
.bootstrap-datetimepicker-widget table th.prev span {
	border-radius: 3px;
	height: 27px;
	width: 27px;
	line-height: 28px;
	font-size: 12px;
	border-radius: 50%;
	text-align: center
}

.bootstrap-datetimepicker-widget table th.prev:after {
	content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next:after {
	content: "Next Month"
}

.bootstrap-datetimepicker-widget table th.dow {
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	font-size: 12px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, .87);
	font-weight: 400;
	padding-bottom: 5px;
	padding-top: 10px
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
	cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span {
	background: #eee
}

.bootstrap-datetimepicker-widget table td>div {
	border-radius: 3px;
	height: 54px;
	line-height: 54px;
	width: 54px;
	text-align: center
}

.bootstrap-datetimepicker-widget table td.cw>div {
	font-size: .8em;
	height: 20px;
	line-height: 20px;
	color: #999
}

.bootstrap-datetimepicker-widget table td.day>div {
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	padding: 0;
	border-radius: 50%;
	position: relative;
	z-index: -1;
	color: #3c4858;
	font-size: .875rem
}

.bootstrap-datetimepicker-widget table td.hour>div,
.bootstrap-datetimepicker-widget table td.minute>div {
	border-radius: 50%
}

.bootstrap-datetimepicker-widget table td.day:hover>div,
.bootstrap-datetimepicker-widget table td.hour:hover>div,
.bootstrap-datetimepicker-widget table td.minute:hover>div,
.bootstrap-datetimepicker-widget table td.second:hover>div {
	background: #eee;
	cursor: pointer
}

.bootstrap-datetimepicker-widget table td.new>div,
.bootstrap-datetimepicker-widget table td.old>div {
	color: #999
}

.bootstrap-datetimepicker-widget table td.today>div {
	position: relative
}

.bootstrap-datetimepicker-widget table td.today>div:before {
	content: "";
	display: inline-block;
	border: 7px solid transparent;
	border-bottom-color: #4A213E;
	border-top-color: rgba(0, 0, 0, .2);
	position: absolute;
	bottom: 4px;
	right: 4px
}

.bootstrap-datetimepicker-widget table td.active:hover>div,
.bootstrap-datetimepicker-widget table td.active>div {
	background-color: #4A213E;
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(156, 39, 176, .4)
}

.bootstrap-datetimepicker-widget table td.active.today:before>div {
	border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled:hover>div,
.bootstrap-datetimepicker-widget table td.disabled>div {
	background: none;
	color: rgba(0, 0, 0, .12);
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 3px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center
}

.bootstrap-datetimepicker-widget table td span:hover {
	background: #eee
}

.bootstrap-datetimepicker-widget table td span.active {
	background-color: #4A213E;
	color: #fff
}

.bootstrap-datetimepicker-widget table td span.old {
	color: #999
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
	background: none;
	color: rgba(0, 0, 0, .12);
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget .timepicker-hours span,
.bootstrap-datetimepicker-widget .timepicker-minutes span,
.bootstrap-datetimepicker-widget .timepicker-picker span {
	border-radius: 50%!important
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
	height: 27px;
	line-height: 27px
}