.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:#ffffff;
background:#1b0f2e;
border-radius:6px;
box-shadow:inset 0 0 6px rgba(160,90,255,.6);
position:relative;
z-index:2
}

.date-picker-wrapper{
position:absolute;
z-index:1;
border:1px solid #7a3cff;
background:linear-gradient(145deg,#1a0f2e,#2c1850);
padding:5px 12px;
font-size:12px;
line-height:20px;
color:#ccc;
font-family:Arial,sans-serif;
box-shadow:0 10px 25px rgba(0,0,0,.7),0 0 15px rgba(140,70,255,.5);
border-radius:8px
}

.date-picker-wrapper .month-wrapper{
border:1px solid #6c35ff;
border-radius:6px;
background:linear-gradient(180deg,#23133f,#140a26);
padding:5px;
cursor:default
}

.date-picker-wrapper .month-wrapper table .day{
padding:5px 0;
font-size:12px;
color:#9f8cff;
cursor:default;
transition:.2s
}

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

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{
background:linear-gradient(145deg,#7a3cff,#a259ff);
color:#fff;
border-radius:4px;
box-shadow:0 0 10px rgba(162,89,255,.8)
}

.date-picker-wrapper .month-wrapper table .day.checked{
background:linear-gradient(145deg,#8b4dff,#c084ff);
color:#fff;
border-radius:4px;
box-shadow:0 0 12px rgba(200,130,255,.9)
}

.date-picker-wrapper .month-wrapper table .day.real-today{
background:#3a1d70;
color:#fff;
border-radius:4px
}

.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover{
background:#7a3cff;
color:#fff;
border-radius:4px;
box-shadow:0 0 8px rgba(140,70,255,.9)
}

.date-picker-wrapper .drp_top-bar .apply-btn{
position:absolute;
right:0;
top:6px;
padding:4px 8px;
font-size:12px;
border-radius:5px;
cursor:pointer;
color:#fff;
border:1px solid #7a3cff;
background:linear-gradient(145deg,#8a4fff,#5e2dff);
box-shadow:0 0 10px rgba(140,70,255,.8)
}

.date-picker-wrapper .drp_top-bar .apply-btn:hover{
background:linear-gradient(145deg,#a259ff,#7a3cff)
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected{
background:linear-gradient(145deg,#a259ff,#6c35ff)!important;
color:#fff!important;
box-shadow:0 0 12px rgba(170,100,255,.9)
}