.date-picker{width:170px;height:25px;padding:0;border:0;line-height:25px;padding-left:10px;font-size:12px;font-family:Arial,sans-serif;font-weight:700;cursor:pointer;color:#e5e7eb;position:relative;z-index:2;background:#111827}

.date-picker-wrapper{position:absolute;z-index:1;border:1px solid #374151;background-color:#020617;padding:5px 12px;font-size:12px;line-height:20px;color:#9ca3af;font-family:Arial,sans-serif;-webkit-box-shadow:0 0 25px rgba(0,255,255,.15);box-shadow:0 0 25px rgba(0,255,255,.15);-webkit-box-sizing:initial;box-sizing:initial}

.dp-clearfix{clear:both;height:0;font-size:0}

.date-picker-wrapper.inline-wrapper{position:relative;-webkit-box-shadow:none;box-shadow:none;display:inline-block}

.date-picker-wrapper.single-date{width:auto}

.date-picker-wrapper.no-shortcuts{padding-bottom:12px}

.date-picker-wrapper.no-topbar{padding-top:12px}

.date-picker-wrapper .footer{font-size:11px;padding-top:3px;color:#94a3b8}

.date-picker-wrapper b{color:#e2e8f0;font-weight:700}

.date-picker-wrapper a{color:#22d3ee;text-decoration:underline}

.date-picker-wrapper .month-name{text-transform:uppercase;color:#38bdf8}

.date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}

.date-picker-wrapper .select-wrapper:hover{text-decoration:underline}

.date-picker-wrapper .month-element{display:inline-block;vertical-align:middle}

.date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}

.date-picker-wrapper .month-wrapper{border:1px solid #334155;border-radius:6px;background-color:#0f172a;padding:5px;cursor:default;position:relative;_overflow:hidden}

.date-picker-wrapper .month-wrapper table{width:190px;float:left}

.date-picker-wrapper .month-wrapper table.month2{width:190px;float:left}

.date-picker-wrapper .month-wrapper table td,.date-picker-wrapper .month-wrapper table th{vertical-align:middle;text-align:center;line-height:14px;margin:0;padding:0}

.date-picker-wrapper .month-wrapper table .day{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#64748b;cursor:default}

.date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth{color:#475569;cursor:default}

.date-picker-wrapper .month-wrapper table .day.checked{background-color:#22d3ee;color:#020617}

.date-picker-wrapper .month-wrapper table .week-name{height:20px;line-height:20px;font-weight:100;text-transform:uppercase;color:#94a3b8}

.date-picker-wrapper .month-wrapper table .day.has-tooltip{cursor:help!important}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip{white-space:nowrap}

.date-picker-wrapper .time label{white-space:nowrap;color:#e2e8f0}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid{color:#e5e7eb;cursor:pointer}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color:#1e293b}

.date-picker-wrapper .month-wrapper table .day.lastMonth,.date-picker-wrapper .month-wrapper table .day.nextMonth{display:none}

.date-picker-wrapper .month-wrapper table .day.real-today{background-color:#facc15;color:#020617}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering{background-color:#22d3ee}

.date-picker-wrapper table .caption{height:40px}

.date-picker-wrapper table .caption>th:first-of-type,.date-picker-wrapper table .caption>th:last-of-type{width:27px}

.date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{padding:0 5px;cursor:pointer;color:#38bdf8}

.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover{background-color:#1e293b;color:#fff}

.date-picker-wrapper .gap{position:relative;z-index:1;width:15px;height:100%;background-color:#020617;font-size:0;line-height:0;float:left;top:-5px;margin:0 10px -10px;visibility:hidden;height:0}

.date-picker-wrapper .gap .gap-lines{height:100%;overflow:hidden}

.date-picker-wrapper .gap .gap-line{height:15px;width:15px;position:relative}

.date-picker-wrapper .gap .gap-line .gap-1{z-index:1;height:0;border-left:8px solid #0f172a;border-top:8px solid #020617;border-bottom:8px solid #020617}

.date-picker-wrapper .gap .gap-line .gap-2{position:absolute;right:0;top:0;z-index:2;height:0;border-left:8px solid transparent;border-top:8px solid #0f172a}

.date-picker-wrapper .gap .gap-line .gap-3{position:absolute;right:0;top:8px;z-index:2;height:0;border-left:8px solid transparent;border-bottom:8px solid #0f172a}

.date-picker-wrapper .gap .gap-top-mask{width:6px;height:1px;position:absolute;top:-1px;left:1px;background-color:#020617;z-index:3}

.date-picker-wrapper .gap .gap-bottom-mask{width:6px;height:1px;position:absolute;bottom:-1px;left:7px;background-color:#020617;z-index:3}

.date-picker-wrapper .selected-days{display:none}

.date-picker-wrapper .drp_top-bar{line-height:1.4;position:relative;padding:10px 40px 10px 0;color:#e5e7eb}

.date-picker-wrapper .drp_top-bar .error-top,.date-picker-wrapper .drp_top-bar .normal-top{display:none}

.date-picker-wrapper .drp_top-bar .default-top{display:block}

.date-picker-wrapper .drp_top-bar.error .default-top{display:none}

.date-picker-wrapper .drp_top-bar.error .error-top{display:block;color:#ef4444}

.date-picker-wrapper .drp_top-bar.normal .default-top{display:none}

.date-picker-wrapper .drp_top-bar.normal .normal-top{display:block}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top{color:#f1f5f9}

.date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;right:0;top:6px;padding:3px 5px;margin:0;font-size:12px;border-radius:4px;cursor:pointer;color:#020617;border:solid 1px #22d3ee;background:#22d3ee;color:#020617;line-height:initial}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled{cursor:pointer;color:#64748b;border:solid 1px #334155;background:#020617}

.date-picker-wrapper .time{position:relative}

.date-picker-wrapper.single-month .time{display:block}

.date-picker-wrapper .time input[type=range]{vertical-align:middle;width:129px;padding:0;margin:0;height:20px}

.date-picker-wrapper .time1{width:180px;padding:0 5px;text-align:center}

.time2{width:180px;padding:0 5px;text-align:center}

.date-picker-wrapper .time1{float:left}

.date-picker-wrapper .time2{float:right}

.date-picker-wrapper .hour{text-align:right}

.minute{text-align:right}

.date-picker-wrapper .hide{display:none}

.date-picker-wrapper .first-date-selected,.date-picker-wrapper .last-date-selected{background-color:#22d3ee!important;color:#020617!important}

.date-picker-wrapper .date-range-length-tip{position:absolute;margin-top:-4px;margin-left:-8px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);display:none;background-color:#22d3ee;padding:0 6px;border-radius:2px;font-size:12px;line-height:16px}

.date-picker-wrapper .date-range-length-tip:after{content:'';position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #22d3ee;left:50%;margin-left:-4px;bottom:-4px}

.date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}

.date-picker-wrapper .week-number{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#94a3b8;cursor:pointer}

.date-picker-wrapper .week-number.week-number-selected{color:#22d3ee;font-weight:700}