.datetimepicker {
background:#fff;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
overflow:hidden;
-webkit-box-shadow:0 3px 5px #888;
box-shadow:0 3px 5px #888;
width:80%;
display:inline-block;
padding:10px;
border:solid 2px;
}

.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:400;
letter-spacing:1px;
}

.datetimepicker .paging i {
width:0;
height:0;
display:inline-block;
vertical-align:middle;
position:absolute;
top:2px;
line-height:26px;
cursor:pointer;
border-color:#0c48b0;
border-style:solid;
border-width:10px;
}

.datetimepicker .paging i.prev {
left:0;
border-top-color:transparent;
border-bottom-color:transparent;
border-left-style:none;
}

.datetimepicker .paging i.next {
right:0;
border-top-color:transparent;
border-bottom-color:transparent;
border-right-style:none;
}

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

.datetimepicker table td {
text-align:center;
border:1px solid #d3d7e1;
padding:5px;
}

.datetimepicker table td.near-month {
color:#ccc;
}

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

.datetimepicker table td.unavailable {
background:#FF0048;
color:#fff;
}

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

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

.datetimepicker table tbody td:hover {
background:#eee;
cursor:pointer;
}

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

@media only screen and (max-width:400px) {
	.datetimepicker {
		width:100%;
	}
}