.datepick-nav, 
.datepick-ctrl {
color: #ffffff;
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
font-weight: 500;
width: 100%;
background-color: #333333;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]){
border-radius: 0
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) a.datepick-disabled {
color: #CA6F35;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-cmd:hover{
background-color: #EEC8B0;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) {
border: 1px solid #333333;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month {
background-color: #EE7F38;
border: 1px solid #EE7F38;
margin: -1px -1px -1px 0px;
}
.datepick-month.first,
.datepick-month.last {
width: 50%;
max-width: 300px;
overflow: hidden;
border-right: 2px solid #EE7F38;
box-sizing: content-box;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month.last {   
margin-left: 2px;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month-header, 
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month-header select {
color: #ffffff;
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
background-color: #EE7F38;
font-weight: 500;
width: 100%;
box-sizing: content-box;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month table {
width: 100%;
border-collapse: collapse;
box-sizing: content-box;
margin: 0px;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month th, 
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month th a {
background-color: #777;
color: #fff;
font-weight: inherit;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month td {
color: #ffffff;
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
background-color: #ffffff;
border: 1px solid #EE7F38;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month a {
background-color: #EEC8B0;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month td .mphb-past-date {
opacity: 0.40;
color: #444444;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-highlight{	
transition: transform .2s; 
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-month td .datepick-weekend {
background-color: #F4B084;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-ctrl .datepick-cmd {
color: #EE7F38;
font-size: 11px;
background-color: transparent;
margin: 5px 2px;
width: auto;
padding: 0px 10px;
border-radius: 2px;
line-height: 18px;
}
.datepick.datepick-multi:not([class*="mphb-datepicker-"]) .datepick-ctrl .datepick-cmd:hover {
color: #ffffff;
background-color: #EE7F38;
}
.mphb-datepick-popup .datepick-month td .mphb-earlier-check-in-date {
opacity: .7;
}
@media only screen and (min-width: 641px) {
.inlinePicker .datepick.datepick-multi {
width: 100%;	
max-width: 100%;		     	
}
.inlinePicker .datepick-month-row {
display: flex;
align-items: center;
}
.inlinePicker .datepick-month-row > .datepick-month {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 640px) {
.datepick.datepick-multi {
width: 70vw !important;		
max-width: 100vw;
margin: 0px 10px;
}
.datepick.datepick-multi .datepick-month.first,
.datepick.datepick-multi .datepick-month.last	{
width: 100%;
max-width: 99.5%;				
box-sizing: content-box;
}
.datepick.datepick-multi .datepick-month.last {
margin-top: 4px;
margin-left: 0 !important;	
}  
} 
@media only screen and (max-width: 479px) {
.datepick.datepick-multi {
width: 90vw !important;			
}	
.inlinePicker .datepick.datepick-multi {
width: 100% !important;				
margin:0 !important;
}	
}