/*!
 * 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:100px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{
left:auto;
right:101px
}
.bootstrap-datetimepicker-widget .list-unstyled{
margin:0;
padding:0;
list-style:none
}
.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:30px;
line-height:30px;
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:35px;
line-height:35px;
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:bold;
color:#a7abc3;
font-size:20px;
}
.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
}

/*************************************/

.dropdown-menu{
position:absolute;
top:100%;
left:0;
z-index:1000;
display:none;
float:left;
min-width:10rem;
padding:0.5rem 0;
margin:0.125rem 0 0;
font-size:0.9375rem;
color:#212529;
text-align:left;
list-style:none;
background-color:#fff;
background-clip:padding-box;
border:1px solid rgba(0,0,0,0.15);
border-radius:0.25rem
}