.fade-enter-active,
.fade-leave-active {
  transition: opacity .5s
}

.fade-enter,
.fade-leave-to
/* .fade-leave-active in <2.1.8 */

{
  opacity: 0
}

.box {
  width: 200px;
  height: 200px;
}

.yellow {
  background-color: yellow;
}

.blue {
  background-color: blue;
}

/* DATE */

 .input-slot-image {
	height: 20px;
	width: auto;
	margin-right: 5px;
}

.vdp-datepicker__calendar {
	z-index: 10000;
    border-radius: 0.45rem;
}

.vdp-datepicker__calendar .cell {
	font-size: 20px !important;
	border-radius: 50%;
}

.vdp-datepicker__calendar .cell:hover {
	border-radius: 50%;
	border-color: #adb5bd !important;
	transition: 0.5s;
}

.vdp-datepicker__calendar .cell.day-header {
	font-size: 20px !important;
	font-family: DB Heavent Bold;
}

.vdp-datepicker__calendar header span {
	font-size: 24px !important;
	font-family: DB Heavent Bold;
}


.vdp-datepicker__calendar .cell.selected {
    background: #ec2e3b !important;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.slide-fade-enter-active {
  transition: all 0.3s ease-out;
}

.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateX(20px);
  opacity: 0;
}