.datepickerdiv 
{
position:fixed !important;
margin:0 !important;
z-index:10000 !important;
box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.4) !important;
font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif" !important;
font-size:1.4rem !important;
background-color:#ffffff !important;
color:#333 !important;
border:0.1rem solid #000000 !important;
padding:0.2rem !important;
min-width:25rem !important;
} 

.datepickerdiv #suggestbar
{
margin:0 !important;
margin-top:0.1rem !important;
width:auto;
min-width:0rem !important;
border:0.1rem solid #d2d2d2 !important;
border-top:none !important;
}

.datepickerdiv #suggestbar a
{
font-size:1.4rem !important;
color:#000000 !important;
padding:0 !important;
padding-top:0.3rem !important;
padding-bottom:0.3rem !important;
line-height:1rem !important;
border:none !important;
text-align:center !important;
}

.datepickerdiv a 
{
display:inline-block !important;
position:relative !important;
padding-left:0.3rem !important;
padding-right:0.5rem !important;
line-height:1.6rem !important;
border:none !important;
font-family:'Segoe UI Semibold',Tahoma,Geneva,Verdana,sans-serif !important;
font-size:1.4rem !important;
color:#ffffff !important;
margin:0 !important;
}

.datepickerdiv a:hover
{
color:#00bef5 !important;
}

.datepickerdiv .months 
{
font-size:1.4rem !important;
font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif" !important;
padding:0.4rem !important;
text-align:center !important;
margin:0.2rem !important;
background-color:#3e4364 !important;
border:none !important;
}

.datepickerdiv .prev-month 
{
float:left !important;
}

.datepickerdiv .next-month
 {
float:right !important;
}

.datepickerdiv a.prev-month, .datepickerdiv a.next-month
{
display:inline-block !important;
font-weight:bolder !important;
font-size:1.8rem !important;
width:3rem !important;
}

.datepickerdiv a.current-month, .datepickerdiv a.current-year
{
}

.datepickerdiv a.current-month
{
width:6.6rem !important;
}

.datepickerdiv a.current-month-active
{
width:9.2rem !important;
background-color:#ffffff !important;
color:#000000 !important;
border:0.1rem solid #d2d2d2 !important;
}

.datepickerdiv a.current-year-active
{
background-color:#ffffff !important;
color:#000000 !important;
border:0.1rem solid #d2d2d2 !important;
}

.datepickerdiv table 
{
border-collapse:collapse !important;
padding:0 !important;
font-size:1.4rem !important;
line-height:1.8rem !important;
width:100% !important;
}

.datepickerdiv tr
{
height:auto !important;
border:none !important;
line-height:1.8rem !important;
}

.datepickerdiv th 
{
text-align:center !important;
padding:0.1rem !important;
width:14.3% !important;
font-weight:normal !important;
color:#404040 !important;
font-size:1.2rem !important;
line-height:1.4rem !important;
}

.datepickerdiv td 
{
text-align:right !important;
padding:0.1rem !important;
width:14.3% !important;
font-size:1.6rem !important;
}

.datepickerdiv td span 
{
display:block !important;
color:#707070 !important;
background-color:#eeeeee !important;
border:0.1rem solid #d2d2d2 !important;
text-decoration:none !important;
width:3.3rem !important;
padding:0.2em !important;
text-align:right !important;
font-size:1.4rem !important;
cursor:pointer !important;
}

.datepickerdiv td span:hover 
{
box-shadow:0.2rem .2rem .6rem .1rem rgba(0, 0, 0, 0.2) inset !important;
border:0.1rem solid #aaaaaa !important;
}

.datepickerdiv td.today span 
{
background-color:#707070 !important;
border:0.1rem solid #aaaaaa !important;
color:#ffffff !important;
}

.datepickerdiv td.today span:hover 
{
border:0.1rem solid #707070 !important;
}

.datepickerdiv td.unselectable span
{
background:transparent !important;
border:0.1rem solid #eeeeee !important;
color:#d2d2d2 !important;
cursor:default !important;
}

.datepickerdiv td.unselectable span:hover 
{
background:transparent !important;
border:0.1rem solid #eeeeee !important;
color:#aaaaaa !important;
box-shadow:none !important;
}