/* This CSS file will be loaded at last. Any CSS customization should be placed here */

/* hide month selector on Room detail */
.vbo-availcalendars-cont form {
	display: none;
}

.vbo-rdet-descprice-block .vbo-rdet-desc-cont {
	padding: 0 10px;
	background: transparent;
}


/**** COLORS ****/
:root {
	--vbo-red-color: #ea7676;
	--vbo-green-color: #81c784;
}


/* Jour passés */
.vbcal .vbtdfree.vbtdpast {
	background-color: grey !important;
}

/* Jour indisponibles */
.vbcal .vbtdbusy {
	background-color: var(--vbo-red-color);
}


tr.vbcalnumdays td.vbtdbusyforcheckout:after, tr.vbcalnumdaysprice td.vbtdbusyforcheckout:after {
	border-color: transparent transparent transparent var(--vbo-red-color);
}

tr.vbcalnumdays td.vbtdbusyforcheckin:after, tr.vbcalnumdaysprice td.vbtdbusyforcheckin:after {
	border-color: transparent var(--vbo-red-color); transparent transparent;
}

/* Jour disponible */
.vbcal .vbtdfree,
.vbcal .vbtdbusyforcheckout,
.vbcal .vbtdbusyforcheckin,
.vblegfree,
.vblegbusycheckin, 
.vblegbusycheckout
 {
  background-color: var(--vbo-green-color) !important;
}
.vbcal .vbtdfree span,
.vbcal .vbtdbusyforcheckout span,
.vbcal .vbtdbusyforcheckin span {
  color: #FFF !important;
}



/* Affichage de 4 petits calendriers par ligne au lieu de 2 grrands */
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock {
    grid-template-columns: repeat(4, 1fr);
}