.datetimepicker{-webkit-box-shadow:0 5px 15px -5px rgba(0,0,0,0.5);box-shadow:0 5px 15px -5px rgba(0,0,0,0.5);background:#FFF;border:1px solid #EEE;color:#333;font-family:"Rubik";position:absolute;z-index:9999999;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;font-size:0.9em;-webkit-user-select:none;user-select:none;-webkit-border-radius:8px;border-radius:8px;}
.datetimepicker:before{content:'';display:block;width:9px;height:9px;background:var(--cop);position:absolute;top:-5px;left:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.datetimepicker>div.btn{padding:3px;border-top:1px solid #EEE;}
.datetimepicker>div.btn button{width:100%;display:block;background:transparent;color:#777;line-height:20px;height:20px;}
.datetimepicker>div.picker{display:flex;align-items:stretch;}
.datetimepicker>div.picker iframe{position:absolute;left:0;top:inherit;width:75px;height:210px;background:transparent;border:none;}
.datetimepicker>div.picker.inline{display:inline-block;position:static;-webkit-box-shadow:none;box-shadow:none;}
.datetimepicker>div.picker *{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
.datetimepicker>div.picker .datepicker,.datetimepicker>div.picker .timepicker{display:none;}
.datetimepicker>div.picker .datepicker.active,.datetimepicker>div.picker .timepicker.active{display:block;}
.datetimepicker>div.picker .datepicker{width:224px;}
.datetimepicker>div.picker .timepicker{width:44px;}
.datetimepicker>div.picker .monthpicker{display:flex;-webkit-justify-content:space-between;justify-content:space-between;gap:5px;background:var(--cop);line-height:20px;align-items:center;color:#FFF;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;padding-right:10px;}
.datetimepicker>div.picker .monthpicker>*{cursor:pointer;}
.datetimepicker>div.picker .monthpicker>i[i]{color:#CCC;}
.datetimepicker>div.picker .monthpicker>i[i]:hover{color:#FFF;}
.datetimepicker>div.picker .monthpicker .label{font-weight:bold;text-align:center;cursor:pointer;white-space:nowrap;}
.datetimepicker>div.picker .monthpicker .label.year{width:48px;}
.datetimepicker>div.picker .monthpicker .label.month .scrollbar{display:none;}
.datetimepicker>div.picker .monthpicker .label>i{color:#CCC;font-size:0.9em;}
.datetimepicker>div.picker .monthpicker .label:hover>span{text-decoration:underline;}
.datetimepicker>div.picker .monthpicker .label:hover>i{color:#FFF;}
.datetimepicker>div.picker .monthpicker .label>.select{position:absolute;right:0;left:0;top:20px;z-index:101;display:none;background:#FFF;bottom:0;overflow:hidden;-webkit-box-shadow:0 -20px 0 0 rgba(255,255,255,0.8);box-shadow:0 -20px 0 0 rgba(255,255,255,0.8);border-top:1px solid #DDD;color:#000;-webkit-border-radius:7px;border-radius:7px;}
.datetimepicker>div.picker .monthpicker .label>.select>div:first-child{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#EEE;}
.datetimepicker>div.picker .monthpicker .label>.select>div:first-child>.option{padding:2px 0;text-align:center;font-weight:normal;background:#FFF;position:relative;}
.datetimepicker>div.picker .monthpicker .label>.select>div:first-child>.option>span{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.datetimepicker>div.picker .monthpicker .label>.select>div:first-child>.option.current,.datetimepicker>div.picker .monthpicker .label>.select>div:first-child>.option:hover{color:#FFF;background:var(--cop);}
.datetimepicker>div.picker .monthpicker .label>.select>div:first-child>.option.current{font-weight:bold;}
.datetimepicker>div.picker .monthpicker .label>.select.monthselect>div:first-child{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);height:100%;}
.datetimepicker>div.picker .timepicker{position:relative;border-left:1px solid #DDD;}
.datetimepicker>div.picker .timepicker>i[i]{line-height:19px;display:block;font-size:2.6em;color:#AAA;cursor:pointer;position:absolute;left:0;right:0;height:19px;width:100%;}
.datetimepicker>div.picker .timepicker>i[i]:last-child{bottom:0;}
.datetimepicker>div.picker .timepicker>i[i]:first-child{top:0;}
.datetimepicker>div.picker .timepicker>i[i]:hover{color:#000;}
.datetimepicker>div.picker .timepicker .time_box{position:absolute;left:0;top:19px;bottom:19px;right:0;overflow:hidden;}
.datetimepicker>div.picker .timepicker .time_box>div>div{border-top:1px solid #EEE;color:#888;cursor:pointer;line-height:19px;padding-left:1px;}
.datetimepicker>div.picker .timepicker .time_box>div>div:first-child{border-top-width:0;}
.datetimepicker>div.picker .datepicker:not(.active)+.timepicker{border-left:none;width:270px;}
.datetimepicker>div.picker .datepicker:not(.active)+.timepicker>i[i]{background:var(--cop);color:#FFF;position:static;}
.datetimepicker>div.picker .datepicker:not(.active)+.timepicker>i[i]:first-child{-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;}
.datetimepicker>div.picker .datepicker:not(.active)+.timepicker>.time_box{position:relative;max-height:150px;top:auto;bottom:auto;}
.datetimepicker>div.picker .datepicker:not(.active)+.timepicker>.time_box>.time_variant{display:grid;grid-template-columns:repeat(var(--col,6),1fr);}
.datetimepicker>div.picker .datepicker:not(.active)+.timepicker>.time_box>.time_variant>div{padding:0;text-align:center;-webkit-box-shadow:inset -1px 0 0 rgba(0,0,0,0.08);box-shadow:inset -1px 0 0 rgba(0,0,0,0.08);}
.datetimepicker>div.picker .datepicker:not(.active)+.timepicker>.time_box>.time_variant>div:first-child{border-top-width:1px;}
.datetimepicker>div.picker .timepicker[style]>.time_box>.time_variant{display:grid;grid-template-columns:repeat(var(--col,6),1fr);}
.datetimepicker>div.picker .timepicker[style]>.time_box>.time_variant>div{padding:0;text-align:center;-webkit-box-shadow:inset -1px 0 0 rgba(0,0,0,0.08);box-shadow:inset -1px 0 0 rgba(0,0,0,0.08);}
.datetimepicker>div.picker .timepicker[style]>.time_box>.time_variant>div:first-child{border-top-width:1px;}
.datetimepicker>div.picker .calendar{position:relative;}
.datetimepicker>div.picker .calendar table{width:100%;border-collapse:inherit;}
.datetimepicker>div.picker .calendar table thead th{background:#FFF;color:#000;border-bottom:1px solid #DDD !important;text-align:center;line-height:18px;font-size:0.8em;font-weight:700;}
.datetimepicker>div.picker .calendar table tbody th{color:#BBB;border-right:1px solid #DDD;border-bottom:1px solid #EEE;padding-right:2px;}
.datetimepicker>div.picker .calendar table tbody th:last-child{border-bottom-left-radius:6px;}
.datetimepicker>div.picker .calendar table tbody tr:last-child>td:last-child{border-bottom-right-radius:6px;}
.datetimepicker>div.picker .calendar td{background:#FFF;cursor:pointer;position:relative;color:#222;}
.datetimepicker>div.picker .calendar td.weekend{color:#888;}
.datetimepicker>div.picker .calendar td.weekend:after{content:'';display:block;position:absolute;right:0;bottom:0;border:2px solid #DDD;border-top-color:transparent;border-left-color:transparent;}
.datetimepicker>div.picker .calendar td>div{padding-right:5px;}
.datetimepicker>div.picker .calendar td.other_month{background:#EEE;color:#BBB;}
.datetimepicker>div.picker .calendar th{font-weight:normal;}
.datetimepicker>div.picker .calendar td,.datetimepicker>div.picker .calendar th{width:14.2857142%;border-right:1px solid #EEE;border-bottom:1px solid #EEE;color:#666;text-align:right;vertical-align:middle;padding:0;line-height:25px;}
.datetimepicker>div.picker .calendar td:last-child,.datetimepicker>div.picker .calendar th:last-child{border-right:none;}
.datetimepicker>div.picker .calendar tr:last-child>td,.datetimepicker>div.picker .calendar tr:last-child>th{border-bottom:none;}
.datetimepicker>div.picker .calendar td.today{color:var(--cop);}
.datetimepicker>div.picker .calendar td.hl{background:var(--cos);color:#000;}
.datetimepicker>div.picker .calendar td.current,.datetimepicker>div.picker .timepicker .time_box>div>div.current{background:var(--cop);-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.2);color:#FFF;font-weight:700;}
.datetimepicker>div.picker .timepicker .time_box>div>div.current{font-weight:normal;}
.datetimepicker>div.picker .calendar td.disabled,.datetimepicker>div.picker .timepicker .time_box>div>div.disabled{color:#CCC;cursor:default;}
.datetimepicker>div.picker .calendar td.other_month.disabled{color:#CCC;}
.datetimepicker>div.picker .calendar td:hover,.datetimepicker>div.picker .timepicker .time_box>div>div:hover{color:#FFF;background:var(--cop);-webkit-box-shadow:none;box-shadow:none;}
.datetimepicker>div.picker .calendar td.current.disabled,.datetimepicker>div.picker .timepicker .time_box>div>div.current.disabled{color:#555;}
.datetimepicker>div.picker .calendar td.disabled:hover,.datetimepicker>div.picker .timepicker .time_box>div>div.disabled:hover{background:#EAEAEA;-webkit-box-shadow:none;box-shadow:none;color:#AAA;}
.datetimepicker.showweeks>div.picker .calendar .datepicker{width:256px;}
.datetimepicker.showweeks>div.picker .calendar td,.datetimepicker.showweeks>div.picker .calendar th{width:13%;}
.datetimepicker.showweeks>div.picker .calendar th:first-child{width:9%;}
.datetimepicker.withhour>div.picker .monthpicker{border-top-right-radius:inherit;}
.datetimepicker .scrollbar{position:absolute;width:6px;right:0;top:0;bottom:0;cursor:pointer;background:rgba(0,0,0,0.04);}
.datetimepicker .scrollbar>.scroller{background:#999;height:20px;-webkit-border-radius:3px;border-radius:3px;width:2px;-webkit-transition:all  200ms ease-in-out;transition:all  200ms ease-in-out;margin-left:2px;margin-right:2px;}
.datetimepicker div:hover>.scrollbar{background:rgba(0,0,0,0.25);}
.datetimepicker div:hover>.scrollbar>.scroller{width:100%;margin-left:0;margin-right:0;}
.datetimepicker .scroller_box{position:relative;}
.datetimepicker.dark{-webkit-box-shadow:0 5px 15px -5px rgba(255,255,255,0.5);box-shadow:0 5px 15px -5px rgba(255,255,255,0.5);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#CCC;}
.datetimepicker.dark:before{background:#000;}
.datetimepicker.dark>div.picker .monthpicker{background:none;}
.datetimepicker.dark>div.picker .monthpicker>i[i]:hover{color:#FFF;}
.datetimepicker.dark>div.picker .monthpicker .label>.select{-webkit-box-shadow:0 0 0 30px rgba(0,0,0,0.3);box-shadow:0 0 0 30px rgba(0,0,0,0.3);background:#000;}
.datetimepicker.dark>div.picker .monthpicker .label>.select>div:first-child{background:#000;}
.datetimepicker.dark>div.picker .monthpicker .label>.select>div:first-child>.option{background:#222;color:#888;}
.datetimepicker.dark>div.picker .monthpicker .label>.select>div:first-child>.option:hover{color:#FFF;background:var(--cop);}
.datetimepicker.dark>div.picker .monthpicker .label>.select>div:first-child>.option.current{background:#000;color:#FFF;}
.datetimepicker.dark>div.picker .timepicker .time_box{border-bottom:1px solid #222;}
.datetimepicker.dark>div.picker .timepicker .time_box>div>div{background:#0A0A0A;border-top:1px solid #222;color:#999;}
.datetimepicker.dark>div.picker .calendar td,.datetimepicker.dark>div.picker .calendar th{background:#0A0A0A;border:1px solid #222;color:#999;}
.datetimepicker.dark>div.picker .calendar th{background:#0E0E0E;}
.datetimepicker.dark>div.picker .calendar td.today{color:#FFF;}
.datetimepicker.dark>div.picker .calendar td.hl{background:#111;color:#FFF;font-weight:bold;}
.datetimepicker.dark>div.picker .calendar td.default,.datetimepicker.dark>div.picker .calendar td.current,.datetimepicker.dark>div.picker .timepicker .time_box>div>div.current{background:var(--cop);color:#FFF;}
.datetimepicker.dark>div.picker .calendar td:hover,.datetimepicker.dark>div.picker .timepicker .time_box>div>div:hover{color:#FFF;background:var(--cop);}
.datetimepicker.dark>div.picker .calendar th{color:#666;}
.datetimepicker.dark>div.picker .time_box{border:1px solid #333;}
.datetimepicker.dark>div.picker .scrollbar>.scroller{background:#333;}