.datetimepicker {
border-top-right-radius:5px;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
overflow:hidden;
color:#000000;
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.176);
box-shadow:0 6px 12px rgba(0,0,0,.176);
display:inline-block;
padding:10px;
margin-top:10px;
width: 100%;
max-height: 500px !important;
}

.datetimepicker+.datetimepicker {
margin-left:15px;
}

.datetimepicker .paging {
text-align:center;
font-size:20px;
position:relative;
padding:5px;
}

.datetimepicker .paging .month-name {
text-transform:uppercase;
font-weight:700;
}

.datetimepicker .paging i {
width:0;
height:0;
display:inline-block;
vertical-align:middle;
position:absolute;
top:9px;
line-height:24px;
cursor:pointer;
font-size:25px;
}

.datetimepicker .paging i.prev {
left:0;
}

.datetimepicker .paging i.next {
right:25;
}

.datetimepicker table {
font-weight:400;
font-size:17px;
color:#000000;
border-collapse:collapse;
width:100%;
}

.datetimepicker table td {
text-align:center;
border:1px solid #ddd;
padding-top:15px;
padding-bottom:15px;
}

.datetimepicker table td.near-month {
color: #333;
}
.datetimepicker table td.near-month td.unavailable {
color: #fff;
background:#000;
}

.datetimepicker table td.cur-date.cur-month {
background:#D9EDF7;
}

.datetimepicker table thead {
font-weight:700;
}

.datetimepicker table thead td {
border:none;
border-bottom:2px solid #eee;
min-width:40px;
}

.datetimepicker table tbody td:hover {
background: #000000;
cursor:pointer;
color: #ffffff;
}

.datetimepicker table tbody td:hover.unavailable {
background:#0000000;
cursor:not-allowed;
}