/**
 * @preserve jQuery PeriodPicker plugin v1.8.9
 * @homepage http://xdsoft.net/jqplugins/periodpicker/
 * @copyright (c) 2015 xdsoft.net Chupurnov Valeriy
 * @license Basic http://xdsoft.net/jqplugins/periodpicker/license/
 */
.xdsoft_noselect,.xdsoft_noselect * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.period_picker_input{
border:0;
line-height: 28px;
font-size: 13px;
border-radius: 3px;
font-family: Arial,sans-serif;
color: #000;
cursor: pointer;
position: relative;
display: inline-block;
margin: 0;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
white-space: nowrap;
outline: 0;
}
.period_picker_input:before {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
padding: 0;
content: '';
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
}
.period_picker_input:active:before {
    background-color: #f6f5f3;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3);
    box-shadow: 0 0 0 1px rgba(0,0,0,.3);
}
.period_picker_input .period_button_text{
padding: 0 13px;
position: relative;
}
.period_picker_input .icon_calendar {
width: 16px;
height: 16px;
background: 50% no-repeat;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjMDEwMjAyIiBkPSJNMCA2aDN2M0gwVjZ6bTQgM2gzVjZINHYzem00IDBoM1Y2SDh2M3ptNCAwaDNWNmgtM3Yzem0wLTd2M2gzVjJoLTN6TTggNWgzVjJIOHYzek00IDVoM1YySDR2M3ptLTQgOGgzdi0zSDB2M3ptNCAwaDN2LTNINHYzem00IDBoM3YtM0g4djN6Ii8+PC9zdmc+);
margin-right: 9px;
margin-bottom: 2px;
position: relative;
vertical-align: middle;
display: inline-block;
}
.period_picker_input .icon_calendar:after {
visibility: hidden;
content: '\00A0';
}
.period_picker_input .period_button_dash {
margin-left: 3px;
margin-right: 2px;
}
.period_picker_error {
    box-shadow: 1px 1px 10px red!important;
}
.period_picker_box,.period_picker_box *{
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
     box-sizing: content-box;
}
.period_picker_box{
position: absolute;
left: 0;
top: 0;
padding: 0 20px 20px;
background: #fff;
font-family: Arial,sans-serif;
font-size: 13px;
cursor: default;
overflow: hidden;
z-index: 33001;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);
box-sizing: border-box;
min-width: 236px;
min-height: 375px;
padding-bottom: 80px;
visibility:hidden;
}
.period_picker_box.with_first_timepicker{
min-width: calc(236px + 87px);	
}
.period_picker_box.with_first_timepicker.with_second_timepicker{
min-width: calc(236px + 87px + 87px);	
}
.period_picker_box.period_picker_maximize{
border: 0;
position: fixed;
border-radius: 0;
box-shadow: none;
left: 0px;
top: 0px;
min-width: 667px;
min-height: 395px;
margin-top: 0px;
width: 100%  !important;
height: 100%  !important;
left: 0 !important;
top: 0  !important;
}
.period_picker_box.visible{
visibility:visible;
}
.period_picker_box.animation{
opacity:0;
margin-top:-200px;
-webkit-transition: .15s linear;
-moz-transition: .15s linear;
-o-transition: .15s linear;
transition: .15s linear;
-webkit-transition-property: opacity, margin-top ;
transition-property: opacity, margin-top;
}
.period_picker_box.active.animation{
opacity:1.0;
margin-top:0px; 
}
.period_picker_head {
color: #333;
position: relative;
height: 40px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.period_picker_head_title {
display: inline-block;
margin-top: 12px;
color: rgba(0,0,0,.5);
}
.period_picker_resizer,
.period_picker_max_min,
.period_picker_close {

background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCA1NiAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Ik0xNiAyaDExdjEwSDE2VjJ6bTEgMWg5djhoLTlWM3oiLz48cGF0aCBkPSJNMzggOWgyVjNoLTd2MmgtMnY2aDdWOWgxVjRoLTZ2MWg1djR6bS02LTNoNXY0aC01VjZ6Ii8+PHBhdGggZD0iTTEyIDIuNzE0TDExLjI4NyAyIDcgNi4yODYgMi43MTQgMiAyIDIuNzE0IDYuMjg2IDcgMiAxMS4yODVsLjcxNC43MTVMNyA3LjcxNCAxMS4yODcgMTJsLjcxMy0uNzE1TDcuNzE0IDcgMTIgMi43MTQiLz48cGF0aCBkPSJNNDQuOTY0IDEwLjMyOGwuNzA4LjcwOCA2LjM2NC02LjM2NC0uNzA4LS43MDgtNi4zNjQgNi4zNjR6bTMuNDE1LjU4NmwuNzA2LjcwNyAzLjUzNS0zLjUzNC0uNzA2LS43MDctMy41MzUgMy41MzR6Ii8+PC9nPjwvZz48L3N2Zz4=);
background-repeat: no-repeat;
opacity: .5;
}
.period_picker_resizer {
position: absolute;
bottom: 0;
right: 0;
font-size: 0;
line-height: 0;
width: 14px;
height: 14px;
cursor: se-resize;
z-index: 7;
display: block;
background-position: -42px 0;
}
.period_picker_close, .period_picker_max_min {
position: absolute;
width: 14px;
height: 14px;
top: 10px;
cursor: pointer;
background-position: 0 0;
}
.period_picker_max_min {
background-position: -14px 0;
right: 20px;
}
.period_picker_maximize div span.period_picker_max_min {
background-position: -28px 0;
}
.period_picker_close{
right: 0;
}

.period_picker_years {
position: relative;
left: 0;
height: 30px;
margin-bottom: 15px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.period_picker_years_selector {
position: absolute;
width: 100%;
height: 30px;
overflow: hidden;
font-size: 14px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
border-radius: 3px;
background: #f4f4f3;
}

.period_picker_years_selector_container {
position: absolute;
left: 0;
top: 0;
height:30px;
}
.period_picker_years_dragger {
position: absolute;
top: 0;
right: 20px;
width: 70px;
height: 30px;
margin-left: -1px;
font-size: 0;
line-height: 0;
z-index: 12;
cursor: pointer;
}
.period_picker_years_dragger:after {
content: '';
display: block;
border: 2px solid rgba(0,0,0,.7);
background: rgba(255,255,255,.4);
border-radius: 4px;
position: absolute;
top: 0;
bottom: 0;
left: 1px;
right: -1px;
}
.period_picker_years_dragger:hover:after{
    border-color: #000;
    background: rgba(255,255,255,.6);
}
.period_picker_years_period {
background: #ffcf00;
position: absolute;
right: 100px;
width: 1px;
height: 32px;
font-size: 0;
line-height: 0;
z-index: 9;
display: none;
}
.period_picker_years_selector .period_picker_year {
position: absolute;
top: 5px;
width: 3em;
margin-left: -1.5em;
font-size: 12px;
text-align: center;
cursor: pointer;
z-index: 11;
color: rgba(0,0,0,.5);
font-weight: 700;
}
.period_picker_years_selector .period_picker_year:hover {
    color: #000;
}
.period_picker_years_selector .period_picker_year:after {
content: '';
display: block;
width: 1px;
height: 9px;
margin: 2px auto;
background: rgba(0,0,0,.2);
}
.period_picker_box table {
border-spacing: 0;
border-collapse: separate;
}
.period_picker_days table table td {
cursor: pointer;
empty-cells: hide;
vertical-align: middle;
}
.period_picker_days table table th {
white-space: nowrap;
}
.period_picker_box th, .period_picker_box td {
font-family: Arial,sans-serif;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
padding: 0;
text-align: left;
vertical-align: top;
border-collapse: collapse;
}
.period_picker_first_letters_td,
.period_picker_first_letters_tr {
padding: 0 6px;
}
.period_picker_days table td {
vertical-align: top;
}
.period_picker_days table table,
.period_picker_days table table.period_picker_first_letters_table{
width: 187px;
table-layout: fixed;
}
.period_picker_days table table.period_picker_first_letters_table th {
text-align: right;
font-size: 9px;
min-width: 15px;
padding: 0 5px;
color: rgba(0,0,0,.5);
font-family: Verdana,Arial,sans-serif;
}
span.period_picker_selector_week_cap {
visibility: hidden;
}
td.period_picker_selector_week{
width: 16px;
padding: 2px 5px 0;
text-align: center;
}
span.period_picker_selector_week, span.period_picker_selector_week_cap {
padding: 0;
background-color: #ccc;
display: inline-block;
width: 2px;
height: 16px;
}
.period_picker_days table table.period_picker_first_letters_table .period_picker_selector_week_cap{
min-width: 2px;
width: 2px;
}
.period_picker_days table table th.period_picker_holiday, .period_picker_days table table td.period_picker_holiday {
color: #C11924;
}
.period_picker_days table table td:hover {
background: #EBEBEB;
border-radius: 5px;
}
.period_picker_days table table th.period_picker_month {
border: 0;
font-weight: 700;
padding: 14px 0 10px 12px;
text-transform: uppercase;
}
.period_picker_days table table th.period_picker_month:hover {
    color: rgba(0,0,0,.7);
    cursor: pointer;
}
.period_picker_box .period_picker_gray_period,
.period_picker_box .period_picker_weekday,
.period_picker_box .period_picker_holiday,
.period_picker_box .period_picker_empty {
width: 15px;
height: 15px;
padding: 5px;
text-align: right;
}
.period_picker_days table table td.period_picker_empty, .period_picker_days table table td.period_picker_empty:hover {
cursor: default!important;
background: none!important;
border-radius: 0;
}
.period_picker_month b {
display: none;
}
.period_picker_days table td.period_picker_month11:not(:last-child) {
	position: relative;
}
.period_picker_days table td.period_picker_month11:not(:last-child):after {
    content: '';
    display: block;
    border-right: 2px solid rgba(0,0,0,.1);
    position: absolute;
    top: -16px;
    bottom: 0;
    right: 0;
}
.period_picker_days table td table td.period_picker_gray_period, .period_picker_days table td table td.period_picker_gray_period:hover {
color: #aaa;
}
.period_picker_days td.period_picker_selected{
background: #FFEBA0;
border-radius: 0;
}
.period_picker_days td.period_picker_selected:hover {
background-color: #FFF5D0;
border-radius: 0;
}
.period_picker_days td.period_picker_selected_start ,
.period_picker_days td.period_picker_selected_start:hover {
border-radius: 5px 0 0 0;
}
.period_picker_days td.period_picker_selected_end:hover {
border-radius: 0 0 5px 0;
}/*
.period_picker_submit_shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 68px;
}
.period_picker_submit_shadow:before {
content: '';
border-top: 1px solid rgba(0,0,0,.1);
margin: 0 20px;
display: block;
}*/
.period_picker_submit_dates {
position: absolute;
bottom: 0;
right: 0;
left: 0;
font-size: 13px;
text-align: center;
/*white-space: nowrap;*/
margin: 0 20px 15px;
background-color: #fff;
}
.period_picker_submit_dates:before {
    content: '';
    border-top: 1px solid rgba(0,0,0,.1);
    margin: 0px;
    margin-bottom:20px;
    display: block;
}
.period_picker_from_time_block,.period_picker_to_time_block,
.period_picker_from_block,.period_picker_to_block  {
margin-right: 5px;
width: 81px;
font-size: 13px;
line-height: 28px;
font-family: Arial,sans-serif;
color: #000;
position: relative;
display: inline-block;
margin-bottom: 5px;
}
.period_picker_from_time_block,.period_picker_to_time_block{
width: 60px;
}
.period_picker_box.xdsoft_norange .period_picker_from_block ~ span{
display:none;
}
.period_picker_to_time_block,
.period_picker_to_block {
margin-right: 0px;
margin-left: 5px;
}
.period_picker_submit_dates .input_box{
padding-right: 7px;
background: #fff;
-webkit-box-shadow: inset 0 0 0 1px #cbcbcb;
box-shadow: inset 0 0 0 1px #cbcbcb;
position: relative;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: text;
}
.period_picker_submit_dates .input_focused_yes .input_box {
-webkit-box-shadow: inset 0 0 0 1px #d0ba65,0 0 10px #fc0;
box-shadow: inset 0 0 0 1px #d0ba65,0 0 10px #fc0;
}
.period_picker_box .input_control {
position: relative;
z-index: 3;
width: 100%;
margin: 0;
font-size: 100%;
color: #000;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .4em 0;
border: 0;
outline: 0;
background: 0 0;
font-family: Arial,sans-serif;
color: #000;
padding-left: 7px;
}
.period_picker_submit_dates input {
width: 6.1em;
}
.period_picker_show {
display: inline-block;
margin: 0;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
white-space: nowrap;
outline: 0;
position: absolute;
right: 0;
border-radius: 3px;
font-family: Arial,sans-serif;
color: #000;
line-height: 28px;
font-size: 13px;
cursor: pointer;
border: 0;
background: 0 0;
z-index: 3;
}
.period_picker_show:before {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
padding: 0;
content: '';
border-radius: 2px;
background: #ffdb4d;
-webkit-box-shadow: 0 0 0 1px rgba(191,153,0,.8);
box-shadow: 0 0 0 1px rgba(191,153,0,.8);
}
.period_picker_show span {
position: relative;
padding: 0 13px;
}
.period_picker_show:focus {
    box-shadow: 0 0 6px #fc0;
}
.period_picker_show:focus {
    box-shadow: 0 0 6px #fc0;
}
.period_picker_show:active:before {
    background-color: #fc0;
    -webkit-box-shadow: 0 0 0 1px rgba(159,127,0,.8);
    box-shadow: 0 0 0 1px rgba(159,127,0,.8);
}
.period_picker_work{
vertical-align:top;
height: 100%;
position:relative;
}
.period_picker_timepicker_box{
width:87px;
display:block;
top:0px;
bottom:100px;
left:0px;
position:absolute;
}
.period_picker_box.with_first_timepicker .period_picker_days{
width:calc(100% - 87px);
margin-left:87px;
}
.period_picker_box.with_first_timepicker.with_second_timepicker .period_picker_days{
width:calc(100% - 174px);
margin-left:87px;
}

.period_picker_timepicker_box + .period_picker_days + .period_picker_timepicker_box{
left:auto;
right:0px;
}