/*!
 * Datetimepicker for Bootstrap 4
 * version : 4.17.47
 * modified by: balbarak
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */:root {
--font-size:13px;
--container-width:300px;
--text-color:#000000;
--text-muted:#c1c1c1;
--hover--bg-color:#e2e2e2;
--weekend-bg-color:#f5f5f5;
--disabled-color:#cccccc
}
.bootstrap-datetimepicker-widget {
	list-style:none
}
.bootstrap-datetimepicker-widget.dropdown-menu {
	display:block;
	margin:2px 0;
	padding:4px
}
@media (min-width:768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width:38em
}
}
@media (min-width:992px) {
.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:after, .bootstrap-datetimepicker-widget.dropdown-menu:before {
	content:'';
	display:inline-block;
	position:absolute
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:7px solid #ccc;
	border-bottom-color:rgba(0, 0, 0, .2);
	top:-7px;
	left:7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid #fff;
	top:-6px;
	left:8px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:7px solid #ccc;
	border-top-color:rgba(0, 0, 0, .2);
	bottom:-7px;
	left:6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #fff;
	bottom:-6px;
	left:7px
}
.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:6px 0
}
.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:54px;
	font-weight:700;
	font-size:1.2em;
	margin:0
}
.bootstrap-datetimepicker-widget button[data-action] {
	padding:6px
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Increment Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Increment Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Decrement Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Decrement Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Show Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Show Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Toggle AM/PM"
}
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Clear the picker"
}
.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Set the date to today"
}
.bootstrap-datetimepicker-widget .picker-switch {
	text-align:center;
	font-size:var(--font-size);
	color:#000
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
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%
}
.bootstrap-datetimepicker-widget table {
	width:100%;
	margin:0
}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
	text-align:center;
	border-radius:4px
}
.bootstrap-datetimepicker-widget table th {
	height:20px;
	line-height:20px;
	width:20px
}
.bootstrap-datetimepicker-widget table th.picker-switch {
	width:145px
}
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
	background:0 0;
	color:var(--disabled-color)!important;
	cursor:not-allowed
}
.bootstrap-datetimepicker-widget table th.prev::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Previous Month"
}
.bootstrap-datetimepicker-widget table th.next::after {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
content:"Next Month"
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
	cursor:pointer
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
	background:#eee
}
.bootstrap-datetimepicker-widget table td {
	height:54px;
	line-height:54px;
	width:54px
}
.bootstrap-datetimepicker-widget table td.cw {
	font-size:.8em;
	height:20px;
	line-height:20px;
	color:#777
}
.bootstrap-datetimepicker-widget table td.day {
	height:20px;
	line-height:20px;
	width:20px;
	font-size:var(--font-size)
}
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
	background:#eee;
	cursor:pointer
}
.bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old {
	color:#777
}
.bootstrap-datetimepicker-widget table td.today {
	position:relative
}
.bootstrap-datetimepicker-widget table td.today:before {
	content:'';
	display:inline-block;
	border:solid transparent;
	border-width:0 0 7px 7px;
	border-bottom-color:#337ab7;
	border-top-color:rgba(0, 0, 0, .2);
	position:absolute;
	bottom:4px
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
	background-color:#337ab7;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, .25)
}
.bootstrap-datetimepicker-widget table td.active.today:before {
	border-bottom-color:#fff
}
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
	background:0 0;
	color:var(--disabled-color)!important;
	cursor:not-allowed
}
.bootstrap-datetimepicker-widget table td span {
	display:inline-block;
	width:54px;
	height:54px;
	line-height:54px;
	margin:2px 1.5px;
	cursor:pointer;
	border-radius:4px
}
.bootstrap-datetimepicker-widget table td span:hover {
	background:#eee
}
.bootstrap-datetimepicker-widget table td span.active {
	background-color:#337ab7;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, .25)
}
.bootstrap-datetimepicker-widget table td span.old {
	color:#777
}
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
	background:0 0;
	color:var(--disabled-color)!important;
	cursor:not-allowed
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
	height:27px;
	line-height:27px
}
.bootstrap-datetimepicker-widget.wider {
	width:21em
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
	line-height:1.8em!important
}
.input-group.date .input-group-addon {
	cursor:pointer
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0
}
.datepicker-months .month {
	font-size:var(--font-size);
	width:85px
}
.bootstrap-datetimepicker-widget table td.weekend {
	background-color:var(--weekend-bg-color);
	border-radius:0
}
.bootstrap-datetimepicker-widget {
	padding:40px
}
.datepicker tbody tr>td.day {
	color:var(--text-color);
	padding:5px 12px
}
.datepicker tbody tr>td.day.old {
	color:var(--text-muted)
}
.datepicker tbody tr>td.day.new {
	color:var(--text-muted)
}
.datepicker {
	width:var(--container-width);
	padding:10px
}
.datepicker.datepicker-orient-top {
	margin-top:8px
}
.datepicker table {
	width:100%
}
.datepicker td, .datepicker th {
	font-weight:regular;
	width:35px;
	height:35px;
	border-radius:3px
}
.datepicker thead th {
	color:#a7abc3
}
.datepicker thead th.datepicker-switch, .datepicker thead th.next, .datepicker thead th.prev {
	font-weight:500;
	color:#a7abc3
}
.datepicker thead th.datepicker-switch i, .datepicker thead th.next i, .datepicker thead th.prev i {
	font-size:1.2rem;
	color:#a7abc3
}
.datepicker thead th.datepicker-switch i:before, .datepicker thead th.next i:before, .datepicker thead th.prev i:before {
	line-height:0;
	vertical-align:middle
}
.datepicker thead th.datepicker-switch:hover, .datepicker thead th.next:hover, .datepicker thead th.prev:hover {
	background:#f7f8fa!important
}
.datepicker thead th.dow {
	color:#000;
	font-weight:500;
	font-size:var(--font-size)
}
.datepicker tbody tr>td.day {
	color:var(--text-color)
}
.datepicker tbody tr>td.day:hover {
	background:var(--hover--bg-color);
	color:#6c7293
}
.datepicker tbody tr>td.day.active, .datepicker tbody tr>td.day.active:hover, .datepicker tbody tr>td.day.selected, .datepicker tbody tr>td.day.selected:hover {
	background:#5867dd;
	color:#fff
}
.datepicker tbody tr>td.day.today {
	position:relative;
	background:rgba(93, 120, 255, .7)!important;
	color:#fff!important
}
.datepicker tbody tr>td.day.today:before {
	content:'';
	display:inline-block;
	border:solid transparent;
	border-width:0 0 7px 7px;
	border-bottom-color:#fff;
	border-top-color:#ebedf2;
	position:absolute;
	bottom:4px;
	right:4px
}
.datepicker tbody tr>td.day.range {
	background:#f7f8fa
}
.datepicker tbody tr>td span.hour, .datepicker tbody tr>td span.minute, .datepicker tbody tr>td span.month, .datepicker tbody tr>td span.year {
	color:var(--text-color);
	font-size:var(--font-size)
}
.datepicker tbody tr>td span.year {
	width:65px
}
.datepicker tbody tr>td span.hour:hover, .datepicker tbody tr>td span.minute:hover, .datepicker tbody tr>td span.month:hover, .datepicker tbody tr>td span.year:hover {
	background:var(--hover--bg-color)
}
.datepicker tbody tr>td span.hour.active, .datepicker tbody tr>td span.hour.active.focused:hover, .datepicker tbody tr>td span.hour.active:hover, .datepicker tbody tr>td span.hour.focused, .datepicker tbody tr>td span.hour.focused:hover, .datepicker tbody tr>td span.minute.active, .datepicker tbody tr>td span.minute.active.focused:hover, .datepicker tbody tr>td span.minute.active:hover, .datepicker tbody tr>td span.minute.focused, .datepicker tbody tr>td span.minute.focused:hover, .datepicker tbody tr>td span.month.active, .datepicker tbody tr>td span.month.active.focused:hover, .datepicker tbody tr>td span.month.active:hover, .datepicker tbody tr>td span.month.focused, .datepicker tbody tr>td span.month.focused:hover, .datepicker tbody tr>td span.year.active, .datepicker tbody tr>td span.year.active.focused:hover, .datepicker tbody tr>td span.year.active:hover, .datepicker tbody tr>td span.year.focused, .datepicker tbody tr>td span.year.focused:hover {
	background:#5867dd;
	color:#fff
}
.datepicker tfoot tr>th.clear, .datepicker tfoot tr>th.today {
	border-radius:3px;
	font-weight:500
}
.datepicker tfoot tr>th.clear:hover, .datepicker tfoot tr>th.today:hover {
	background:#ebedf2
}
.datepicker.datepicker-inline {
	border:1px solid #ebedf2
}
