body:not(.dokan-dashboard)    .xdsoft_noselect {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
body:not(.dokan-dashboard)  .periodpicker_timepicker {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, Muli, sans-serif;
font-size: 1em;
overflow: hidden;
font-size: 16px;
padding: 0
}
body:not(.dokan-dashboard)  .periodpicker_timepicker,
body:not(.dokan-dashboard)  .periodpicker_timepicker * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body:not(.dokan-dashboard)  .periodpicker_timepicker input.periodpicker_key_hooker {
border: 0 !important;
background: 0 0 !important;
outline: 0 !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
font-size: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
position: absolute !important;
top: 0 !important;
left: 0 !important
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div {
position: absolute;
top: 0;
bottom: 0;
width: 50%;
text-align: center;
cursor: default
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 {
width: 25%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 + div.periodpicker_col4 {
left: 25%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 + div.periodpicker_col4 + div.periodpicker_col4 {
left: 50%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 + div.periodpicker_col4 + div.periodpicker_col4 + div.periodpicker_col4 {
left: 75%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col3 {
width: 33.3333333333%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col3 + div.periodpicker_col3 {
left: 33.3333333333%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col3 + div.periodpicker_col3 + div.periodpicker_col3 {
left: 66.6666666666%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col2 {
width: 50%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col2 + div.periodpicker_col2 {
left: 50%
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div:not(.draggable) > div {
-webkit-transition: margin-top .1s linear;
-moz-transition: margin-top .1s linear;
-o-transition: margin-top .1s linear;
transition: margin-top .1s linear
}
.body:not(.dokan-dashboard)  periodpicker_timepicker .periodpicker_timepicker_sliders > div > div > div {
height: 22px;
line-height: 23px;
-webkit-transition: font .1s linear;
-moz-transition: font .1s linear;
-o-transition: font .1s linear;
transition: font .1s linear;
position: relative;
color: #727272
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div > div > div.active {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
color: #4B4B4B;
font-size: 1.1em;
font-weight: 700
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col2 + div.periodpicker_col2:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before,
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col3 + div.periodpicker_col3:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before,
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col4 + div.periodpicker_col4:not(.periodpicker_ampmpicker_box):not(.draggable) div.active:before {
content: ":";
position: absolute;
font-size: 16px;
margin-left: -1px;
left: 0;
font-weight: 700;
color: #797575;
margin-top: -1px;
z-index: 1
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_sliders > div.periodpicker_col2 + div.periodpicker_col2 div.active:before {
margin-left: -9px
}
body:not(.dokan-dashboard)  .periodpicker_timepicker:before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 20px;
-webkit-box-shadow: inset 1px 32px 20px 0 rgba(255, 255, 255, .55);
-moz-box-shadow: inset 1px 32px 20px 0 rgba(255, 255, 255, .55);
box-shadow: inset 1px 32px 20px 0 rgba(255, 255, 255, .55);
z-index: 2
}
body:not(.dokan-dashboard)  .periodpicker_timepicker:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 20px;
-webkit-box-shadow: inset 0 -32px 20px 0 rgba(255, 255, 255, .55);
-moz-box-shadow: inset 0 -32px 20px 0 rgba(255, 255, 255, .55);
box-shadow: inset 0 -32px 20px 0 rgba(255, 255, 255, .55);
z-index: 2
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_center {
position: absolute;
top: 50%;
left: 0;
height: 0;
right: 0
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_center:after,
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_center:before {
content: "";
position: absolute;
width: 100%;
border-top: 1px solid #ccc
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_center:before {
margin-top: -11px
}
body:not(.dokan-dashboard)  .periodpicker_timepicker .periodpicker_timepicker_center:after {
margin-top: 13px
}
body:not(.dokan-dashboard)  .periodpicker_timepicker_dialog {
position: absolute;
height: 300px;
width: 99px;
background: #fff;
z-index: 33001;
border: 1px solid rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .4);
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .4);
display: none
}
body:not(.dokan-dashboard)  .periodpicker_timepicker_dialog.periodpicker_timepicker_inline {
display: inline-block;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: relative
}
body:not(.dokan-dashboard)  .periodpicker_timepicker_dialog.visible {
display: block
}