.datetimepicker {
padding: 2%;
background-color: white;
overflow:hidden;
display:inline-block;
min-width: 170px;
width: 96%;
margin-top: 4px;
}

.datetimepicker+.datetimepicker {
margin: 0px;
margin-left:10px;
}

.datetimepicker .paging {
text-align:center;
font-size:12px;
position:relative;
padding:0px;
color: black;
}

.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;
border-color:gray;
border-style:solid;
border-width:5px;
}

.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:14px;
color:#333;
border-collapse:collapse;
width:100%;
}

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

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

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

.datetimepicker table td.past {
color:#ccc;
background: white;
pointer-events: none;
}

.datetimepicker table td.past.unavailable {
color:white;
background: #e8bcc0;
pointer-events: none;
}

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

td.available.near-month {
color:white!important;
background: #cce5cc !important;
}

td.unavailable.near-month {
color:white!important;
background: #e8bcc0 !important;
}

.datetimepicker table td.available {
color:white;
background: rgba(154, 205, 154);
}

.datetimepicker table td.past.available {
color:white;
background: #cce5cc;
}
.datetimepicker table thead {
font-weight:700;
}

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

.datetimepicker table tbody td:hover.unavailable {
	background:#C55762;
}

.datetimepicker table tbody td.past.morning_available, 
.datetimepicker table tbody td.morning_available.near-month, 
.datetimepicker table tbody td.morning_available.past-month {
background: linear-gradient(to top left, #e8bcc0 49.5%, #cce5cc 50.5%);
color:#fff;
}

.datetimepicker table tbody td.past.afternoon_available, 
.datetimepicker table tbody td.afternoon_available.near-month, 
.datetimepicker table tbody td.afternoon_available.past-month {
background: linear-gradient(to top left, #cce5cc 49.5%, #e8bcc0 50.5%);
color:#fff;
}

.datetimepicker table tbody td.morning_available {
background: linear-gradient(to top left, #C55762 49.5%, #9acd97 50.5%);
color:#fff;
}

.datetimepicker table tbody td.afternoon_available {
background: linear-gradient(to top left, #9acd97 49.5%, #C55762 50.5%);
color:#fff;
}