.datepicker--cells
{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}

.datepicker--cell
{
border-radius:5px;
box-sizing:border-box;
cursor:pointer;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
position:relative;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
height:32px;
z-index:1
}

.datepicker--cell.-focus-
{
background:#f0f0f0
}

.datepicker--cell.-current-
{
color:#4EB5E6
}

.datepicker--cell.-current-.-focus-
{
color:#4a4a4a
}

.datepicker--cell.-current-.-in-range-
{
color:#4EB5E6
}

.datepicker--cell.-in-range-
{
background:rgba(92,196,239,.1);
color:#4a4a4a;
border-radius:0
}

.datepicker--cell.-in-range-.-focus-
{
background-color:rgba(92,196,239,.2)
}

.datepicker--cell.-disabled-
{
cursor:default;
color:#aeaeae
}

.datepicker--cell.-disabled-.-focus-
{
color:#aeaeae
}

.datepicker--cell.-disabled-.-in-range-
{
color:#a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus-
{
color:#aeaeae
}

.datepicker--cell.-range-from-
{
border:1px solid rgba(92,196,239,.5);
background-color:rgba(92,196,239,.1);
border-radius:5px 0 0 4px
}

.datepicker--cell.-range-to-
{
border:1px solid rgba(92,196,239,.5);
background-color:rgba(92,196,239,.1);
border-radius:0 4px 4px 0
}

.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-
{
color:#fff;
background:#5cc4ef
}

.datepicker--cell.-range-from-.-range-to-
{
border-radius:5px
}

.datepicker--cell.-selected-
{
border:none
}

.datepicker--cell.-selected-.-focus-
{
background:#45bced
}

.datepicker--cell:empty
{
cursor:default
}

.datepicker--days-names
{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:8px 0 3px
}

.datepicker--day-name
{
color:#FF9A19;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
text-transform:uppercase;
font-size:.8em
}

.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer
{
display:none
}

.datepicker--cell-day
{
width:14.28571%
}

.datepicker--cells-months
{
height:170px
}

.datepicker--cell-month
{
width:33.33%;
height:25%
}

.datepicker--cells-years,.datepicker--years
{
height:170px
}

.datepicker--cell-year
{
width:25%;
height:33.33%
}

.datepickers-container
{
position:absolute;
left:0;
top:0
}

@media print
{
.datepickers-container
	{
display:none
}


}

.datepicker
{
background:#fff;
border:1px solid #dbdbdb;
box-shadow:0 4px 12px rgba(0,0,0,.15);
border-radius:5px;
box-sizing:content-box;
font-family:Tahoma,sans-serif;
font-size:14px;
color:#4a4a4a;
width:250px;
position:absolute;
left:-100000px;
opacity:0;
transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
transition:opacity .3s ease,transform .3s ease,left 0s .3s;
transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;
z-index:100
}

.datepicker.-from-top-
{
-webkit-transform:translateY(-8px);
transform:translateY(-8px)
}

.datepicker.-from-right-
{
-webkit-transform:translateX(8px);
transform:translateX(8px)
}

.datepicker.-from-bottom-
{
-webkit-transform:translateY(8px);
transform:translateY(8px)
}

.datepicker.-from-left-
{
-webkit-transform:translateX(-8px);
transform:translateX(-8px)
}

.datepicker.active
{
opacity:1;
-webkit-transform:translate(0);
transform:translate(0);
transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
transition:opacity .3s ease,transform .3s ease,left 0s 0s;
transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease
}

.datepicker-inline .datepicker
{
border-color:#d7d7d7;
box-shadow:none;
position:static;
left:auto;
right:auto;
opacity:1;
-webkit-transform:none;
transform:none
}

.datepicker--content
{
box-sizing:content-box;
padding:4px
}

.datepicker--pointer
{
position:absolute;
background:#fff;
border-top:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
width:10px;
height:10px;
z-index:-1
}

.datepicker--nav-action:hover,.datepicker--nav-title:hover
{
background:#f0f0f0
}

.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer
{
top:calc(100% - 4px);
-webkit-transform:rotate(135deg);
transform:rotate(135deg)
}

.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer
{
right:calc(100% - 4px);
-webkit-transform:rotate(225deg);
transform:rotate(225deg)
}

.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer
{
bottom:calc(100% - 4px);
-webkit-transform:rotate(315deg);
transform:rotate(315deg)
}

.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer
{
left:calc(100% - 4px);
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}

.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer
{
left:10px
}

.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer
{
right:10px
}

.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer
{
left:calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer
{
top:10px
}

.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer
{
bottom:10px
}

.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer
{
top:calc(50% - 10px / 2)
}

.datepicker--body.active
{
display:block
}

.datepicker--nav
{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
border-bottom:1px solid #efefef;
min-height:32px;
padding:4px
}

.-only-timepicker- .datepicker--nav
{
display:none
}

.datepicker--nav-action,.datepicker--nav-title
{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
cursor:pointer;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}

.datepicker--nav-action
{
width:32px;
border-radius:5px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.datepicker--nav-action.-disabled-
{
visibility:hidden
}

.datepicker--nav-action svg
{
width:32px;
height:32px
}

.datepicker--nav-action path
{
fill:none;
stroke:#9c9c9c;
stroke-width:2px
}

.datepicker--nav-title
{
border-radius:5px;
padding:0 8px
}

.datepicker--buttons,.datepicker--time
{
border-top:1px solid #efefef;
padding:4px
}

.datepicker--nav-title i
{
font-style:normal;
color:#9c9c9c;
margin-left:5px
}

.datepicker--nav-title.-disabled-
{
cursor:default;
background:0 0
}

.datepicker--buttons
{
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}

.datepicker--button
{
color:#4EB5E6;
cursor:pointer;
border-radius:5px;
-webkit-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-inline-flex;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
height:32px
}

.datepicker--button:hover
{
color:#4a4a4a;
background:#f0f0f0
}

.datepicker--time
{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
position:relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders
{
-webkit-flex:0 1 138px;
-ms-flex:0 1 138px;
flex:0 1 138px;
max-width:138px;

}

.-only-timepicker- .datepicker--time
{
border-top:none
}

.datepicker--time-sliders
{
-webkit-flex:0 1 153px;
-ms-flex:0 1 153px;
flex:0 1 153px;
margin-right:10px;
max-width:153px
}

.datepicker--time-label
{
display:none;
font-size:12px
}

.datepicker--time-current
{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-flex:1;
-ms-flex:1;
flex:1;
font-size:14px;
text-align:center;
margin:0 0 0 10px
}

.datepicker--time-current-colon
{
margin:0 2px 3px;
line-height:1
}

.datepicker--time-current-hours,.datepicker--time-current-minutes
{
line-height:1;
font-size:19px;
font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;
position:relative;
z-index:1;
font-weight: bold;
color: black
}

.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after
{
content:'';
background:#f0f0f0;
border-radius:5px;
position:absolute;
left:-2px;
top:-3px;
right:-2px;
bottom:-2px;
z-index:-1;
opacity:0
}

.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after
{
opacity:1;
background-color: #5cc4ef
}

.datepicker--time-current-ampm
{
text-transform:uppercase;
-webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end;
color:black;
margin-left:6px;
font-size:11px;
margin-bottom:1px
}

.datepicker--time-row
{
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
font-size:11px;
height:17px;
background:linear-gradient(to right,grey,grey) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child
{
margin-bottom:4px
}

.datepicker--time-row input[type=range]
{
background:0 0 #d8d8d8;
border-radius: 5%;
cursor:pointer;
-webkit-flex:1;
-ms-flex:1;
flex:1;
height:40%;
padding:0;
margin:0;
-webkit-appearance:none
}

.datepicker--time-row input[type=range]::-ms-tooltip
{
display:none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb
{
;
border-color: black
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb
{
border-color:#000
}

.datepicker--time-row input[type=range]:hover::-ms-thumb
{
border-color:#b8b8b8
}

.datepicker--time-row input[type=range]:focus
{
outline:0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb
{
background:#5cc4ef;
border-color:#5cc4ef;
border-color: black;

}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb
{
background:#5cc4ef;
border-color:#5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb
{
background:#5cc4ef;
border-color:#5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb
{
-webkit-appearance:none;
box-sizing:border-box;
height:20px;
width:20px;
border-radius:3px;
border:1px solid #dedede;
background:#007bff;
cursor:pointer;
transition:background .2s;
margin-top:-10px
}

.datepicker--time-row input[type=range]::-moz-range-thumb
{
box-sizing:border-box;
height:20px;
width:20px;
border-radius:3px;
border:1px solid #dedede;
background:#007BFF;
cursor:pointer;
transition:background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb
{
box-sizing:border-box;
height:20px;
width:20px;
border-radius:3px;
border:1px solid #dedede;
background:#007BFF;
cursor:pointer;
transition:background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track
{
border:none;
height:1px;
cursor:pointer;
color:transparent;
background:0 0
}

.datepicker--time-row input[type=range]::-moz-range-track
{
border:none;
height:1px;
cursor:pointer;
color:transparent;
background:0 0
}

.datepicker--time-row input[type=range]::-ms-track
{
border:none;
height:1px;
cursor:pointer;
color:transparent;
background:0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower
{
background:0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper
{
background:0 0
}

.datepicker--time-row span
{
padding:0 12px
}

.datepicker--time-icon
{
color:#9c9c9c;
border:1px solid;
border-radius:50%;
font-size:16px;
position:relative;
margin:0 5px -1px 0;
width:1em;
height:1em
}

.datepicker--time-icon:after,.datepicker--time-icon:before
{
content:'';
background:currentColor;
position:absolute
}

.datepicker--time-icon:after
{
height:.4em;
width:1px;
left:calc(50% - 1px);
top:calc(50% + 1px);
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}

.datepicker--time-icon:before
{
width:.4em;
height:1px;
top:calc(50% + 1px);
left:calc(50% - 1px)
}

.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-
{
color:#dedede
}

.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover
{
color:#c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-
{
color:#dedede
}

.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-
{
color:#fff;
background:#a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-
{
background:#8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-
{
background-color:rgba(92,196,239,.1);
color:#ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-
{
background-color:rgba(92,196,239,.2)
}

.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty
{
background:0 0;
border:none
}

