.datepicker{display:none}
.datepicker.active{display:block}
.datepicker-dropdown{left:0;padding-top:4px;position:absolute;top:0;z-index:20}
.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}
.datepicker-picker{background-color:#fff;border-radius:4px;display:inline-block}
/* .datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)} */
.datepicker-dropdown .datepicker-picker{box-shadow:0 0 0 1px rgb(14 41 57 / 12%), 0 2px 5px rgb(14 41 57 / 44%), inset 0 -1px 2px rgb(14 41 57 / 15%);
}
.datepicker-picker span{-webkit-touch-callout:none;border:0;border-radius:4px;cursor:default;display:block;flex:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.datepicker-main{padding:0 10px 10px;}
.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1);}
.datepicker-controls,
.datepicker-grid,
.datepicker-view,
.datepicker-view 
.days-of-week{display:flex}
.days-of-week {background: var(--mainlineonColor); padding: 3px 0; margin:0 0 5px;}
.datepicker-grid{flex-wrap:wrap}
.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.2857142857%; font-size: 1.3rem; height: 27px; line-height: 27px;}
.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}
.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}

.datepicker-grid .day:nth-child(7n+1) {color:#fb4677;}
.datepicker-grid .day:nth-child(7n) {color:#25c7d7;}

.datepicker-title{background-color:#f5f5f5; box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);font-weight:700;padding:.375rem .75rem;text-align:center}
.datepicker-header .datepicker-controls{padding:10px 10px 5px;}
.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700; background: #fff; height: 28px;}
.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}
.datepicker-header .datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}
.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}
.datepicker-header .datepicker-controls .button[disabled]{box-shadow:none}
.datepicker-footer .datepicker-controls .button{font-size:1.3rem; width:100%; border:none; padding:6px; color:#fff; background: var(--grayDarkColor);}
.datepicker-controls .view-switch{flex:auto}
.datepicker-controls .next-btn,.datepicker-controls .prev-btn{}
.datepicker-controls .next-btn.disabled,.datepicker-controls .prev-btn.disabled{visibility:hidden}
.datepicker-view .dow{font-size:1.3rem;font-weight:700;height:1.5rem;line-height:1.5rem; padding:5px;}
.datepicker-view .week{color:#b5b5b5;font-size:.75rem;width:2.25rem}

@media (max-width:22.5rem){
	.datepicker-view .week{width:1.96875rem}
	}
	.datepicker-grid{width:22rem}
@media (max-width:22.5rem){
	.calendar-weeks+.days .datepicker-grid{width:13.78125rem}
	}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}
	.datepicker-cell.focused:not(.selected){background-color: var(--grayDarkColor); color:#fff;}
	.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:var(--grayDarkColor); color:#fff; font-weight:600}
	.datepicker-cell.disabled{color:#dbdbdb}
	.datepicker-cell.next:not(.disabled),
	.datepicker-cell.prev:not(.disabled){color:#d0d0d0}
	.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}
	.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}
	.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#eee}
	.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e8e8e8}
	.datepicker-cell.today:not(.selected){background-color:#00d1b2}
	.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}
	.datepicker-cell.today.focused:not(.selected){background-color:#00c4a7}
	.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:#fff}
	.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}
	.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}
	.datepicker-cell.range{background-color:#dbdbdb;border-radius:0}
	.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d5d5d5}
	.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}
	.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}
	.datepicker-input.in-edit{border-color:#3a51bb}
	.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(58,81,187,.2)}