.datepicker--cells{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.datepicker--cell{-webkit-transition: color .3s, background-color .3s;transition: color .3s, background-color .3s;font-size: .8rem;border-radius: var(--radius_2);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:-webkit-box;display:flex;position:relative;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;height:32px;z-index:1}
/* Цвет выделения ячейки при наведении*/
.datepicker--cell.-focus-{background: rgba(var(--color_text), .1);}
/* Сегодняшнее число */
.datepicker--cell.-current-{color: rgba(var(--color_main), 1);} 
/* Цвет сегодняшнего числа при наведении */
.datepicker--cell.-current-.-focus-{color: rgba(var(--color_main), 1);} 
/* От одной даты до другой */
.datepicker--cell.-current-.-in-range-{color: rgba(var(--color_main), 1);} 
.datepicker--cell.-in-range-{background:rgba(var(--color_main), .2);color: rgba(var(--color_text), .8);border-radius:0}
.datepicker--cell.-in-range-.-focus-{background:rgba(var(--color_main), .4);}
.datepicker--cell.-disabled-{cursor:default;color:rgba(var(--color_text), .1);}
.datepicker--cell.-disabled-.-focus-{color:rgba(var(--color_white), .3);}
.datepicker--cell.-disabled-.-in-range-{color:rgba(var(--color_text), .1);}
.datepicker--cell.-disabled-.-current-.-focus-{color:rgba(var(--color_text), .3);}
.datepicker--cell.-range-from-{color: rgba(var(--color_white), 1);border:1px solid rgba(var(--color_main), .1);background-color:rgba(var(--color_main), .8);border-radius: var(--radius_2) 0 0 var(--radius_2)}
.datepicker--cell.-range-to-{color: rgba(var(--color_white), 1);border:1px solid rgba(var(--color_main), .1);background-color:rgba(var(--color_main), .8);border-radius:0 var(--radius_2) var(--radius_2) 0}
/* Выбранное число */
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-{color:rgba(var(--color_white), 1);background: rgba(var(--color_main), 1);}
.datepicker--cell.-range-from-.-range-to-{border-radius: var(--radius_2);}
.datepicker--cell.-selected-{border:none}
/* Наведение на выбранную дату */
.datepicker--cell.-selected-.-focus-{background: rgba(var(--color_main), .8);} 
.datepicker--cell:empty{cursor:default}
.datepicker--days-names{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom: 5px}
.datepicker--day-name{font-size: .6rem;color: rgba(var(--color_text), 1);display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex:1;-webkit-box-flex:1;flex:1;text-align:center;text-transform:uppercase;}
.-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-color: rgba(var(--color_white), 1);-webkit-box-shadow: 0px 20px 100px -10px rgba(var(--color_text), .5);box-shadow: 0px 20px 100px -10px rgba(var(--color_shadow), .5);border-radius: var(--radius_2);-webkit-box-sizing: content-box;box-sizing: content-box;font-family: Tahoma,sans-serif;font-size: 14px;color: rgba(var(--color_text), 1);width: 250px;position: absolute;left: -100000px;opacity: 0;transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;-webkit-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: 3;}
.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;-webkit-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:rgba(var(--color_white), .8);-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}
.datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding: 5px}
/* Цвет навигации сверху ( месяц, год и стрелки) */
.datepicker--nav-action:hover,
.datepicker--nav-title:hover{background-color: rgba(var(--color_main), 1);color: rgba(var(--color_white), 1);}
.datepicker--nav-action:hover path{stroke: rgba(var(--color_white), 1);}
.datepicker--body.active{display:block}
/* Обводка снизу навигации */
.datepicker--nav{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;min-height:32px;padding: 5px;}
.-only-timepicker- .datepicker--nav{display:none}
.datepicker--nav-action,
.datepicker--nav-title{font-size: .8rem;display:-ms-flexbox;display:-webkit-box;display:flex;cursor:pointer;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}
.datepicker--nav-action{width:32px;border-radius: var(--radius_2);-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: rgba(var(--color_text), .5);stroke-width:2px;} 
.datepicker--nav-title{border-radius: var(--radius_2);padding:0 15px;-webkit-transition: color .3s, background-color .3s;transition: color .3s, background-color .3s;}
.datepicker--nav-action{-webkit-transition: background-color .3s;transition: background-color .3s;}
/* Бордер над кнопками и выбором времени */
.datepicker--buttons,
.datepicker--time{padding: 5px;padding-top: 0;} 
/* Стили для месяца,года */
.datepicker--nav-title i{font-style:normal;color: inherit;margin-left:5px;font-size: .8rem;} 
.datepicker--nav-title.-disabled-{cursor:default;background:0 0}
.datepicker--nav-title.-disabled-:hover{color: rgba(var(--color_text), 1);}
.datepicker--buttons{display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
/* Цвет текста кнопок и самих кнопок */
.datepicker--button{-webkit-transition: background-color .3s;transition: background-color .3s;background-color: rgba(var(--color_main), .05);color: rgba(var(--color_main), 1);cursor:pointer;border-radius: var(--radius_2);width: calc(50% - 5px);display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;height: 32px}
/* Ховер на кнопки */
.datepicker--button:hover{color: rgba(var(--color_white), 1);background:rgba(var(--color_main), 1);}
.datepicker--time{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;position:relative}
.datepicker--time.-am-pm- .datepicker--time-sliders{-ms-flex:0 1 138px;-webkit-box-flex:0;flex:0 1 138px;max-width:138px}
.-only-timepicker- .datepicker--time{border-top:none}
.datepicker--time-sliders{-ms-flex:0 1 153px;-webkit-box-flex:0;flex:0 1 153px;margin-right:10px;max-width:153px}
.datepicker--time-label{display:none;font-size:12px}
.datepicker--time-current{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex:1;-webkit-box-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;position:relative;z-index:1}
/* Ховер на время, когда наводишься на ползунок */
.datepicker--time-current-hours.-focus-,
.datepicker--time-current-minutes.-focus-{color: rgba(var(--color_main), 1);}
.datepicker--time-current-ampm{color: rgba(var(--color_text), .5);text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;margin-left:6px;font-size:11px;margin-bottom:1px}
/* Фон для ползунков */
.datepicker--time-row{background:-webkit-gradient(linear,left top, right top,from(rgba(var(--color_text), .1)),to(rgba(var(--color_text), .1))) left 50%/100% 1px no-repeat;background:linear-gradient(to right,rgba(var(--color_main), .1),rgba(var(--color_text), .1)) left 50%/100% 1px no-repeat;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;font-size:11px;height:17px;}
.datepicker--time-row:first-child{margin-bottom:4px}
.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-ms-flex:1;-webkit-box-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none;width: 100%;}
.datepicker--time-row input[type=range]::-ms-tooltip{display:none}
/* Цвет обводки при наведении на ползунки */
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:rgba(var(--color_main), 1);}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:rgba(var(--color_main), 1);}
.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:rgba(var(--color_main), 1);}
.datepicker--time-row input[type=range]:focus{outline:0}
/* Цвет обводки и внутри при перетаскивании ползунка  */
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{border-color:rgba(var(--color_main), 1)}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb{border-color:rgba(var(--color_main), 1)}
.datepicker--time-row input[type=range]:focus::-ms-thumb{border-color:rgba(var(--color_main), 1)}
/* Стили для range*/
.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid rgba(var(--color_text), .3);background-color:rgba(var(--color_white), 1);-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;margin-top:-6px}
.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid rgba(var(--color_text), .3);background-color:rgba(var(--color_white), 1);cursor:pointer;-webkit-transition:background .2s;transition:background .2s}
.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid rgba(var(--color_text), .3);background-color:rgba(var(--color_white), 1);cursor:pointer;-webkit-transition:background .2s;transition:background .2s}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{-webkit-transition: background-color .3s;transition: background-color .3s;border:none;height:1px;cursor:pointer;color:transparent;}
.datepicker--time-row input[type=range]::-moz-range-track{-webkit-transition: background-color .3s;transition: background-color .3s;border:none;height:1px;cursor:pointer;color:transparent;}
.datepicker--time-row input[type=range]::-ms-track{-webkit-transition: background-color .3s;transition: background-color .3s;border:none;height:1px;cursor:pointer;color:transparent;}
.datepicker--time-row input[type=range]::-ms-fill-lower{-webkit-transition: background-color .3s;transition: background-color .3s;}
.datepicker--time-row input[type=range]::-ms-fill-upper{-webkit-transition: background-color .3s;transition: background-color .3s;}
.datepicker--time-row input[type=range]:hover::-moz-range-track{background-color: rgba(var(--color_main), 1);}
.datepicker--time-row input[type=range]:hover::-ms-track{background-color: rgba(var(--color_main), 1);}
.datepicker--time-row input[type=range]:hover::-ms-fill-lower{background-color: rgba(var(--color_main), 1);}
.datepicker--time-row input[type=range]:hover::-ms-fill-upper{background-color: rgba(var(--color_main), 1);}
.datepicker--time-row span{padding:0 12px}
.datepicker--time-icon{color:rgba(var(--color_text), .5);border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1rem;height:1em}
.datepicker--time-icon:after,
.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}
.datepicker--time-icon:after{height:.4rem;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.datepicker--time-icon:before{width:.4rem;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}
/* Цвета для следующего месяца и следующей декады ( цифры в углу календаря ) */
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade-{color: rgba(var(--color_text), .5);}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:rgba(var(--color_text), .3);}
/* Цвет и бг, если выбрано число или год из предыдущего месяца/ декады. Для этого нужно выбрать конец месяца, а потом переключить на след страницу */
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade-{color:rgba(var(--color_white), 1);background-color: rgba(var(--color_main), 1);-webkit-transition: background-color .3s;transition: background-color .3s;}
/* Ховер на такие элементы */
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(var(--color_main), .8)}
.datepicker--cell-day.-other-month-.-focus-.-range-to-,
.datepicker--cell-year.-other-decade-.-focus-.-range-to-,
.datepicker--cell-day.-other-month-.-focus-.-range-from-,
.datepicker--cell-year.-other-decade-.-focus-.-range-from-{color: rgba(var(--color_white), 1);}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background:rgba(var(--color_main), .4);}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}