.vis-timeline {
	 font-size: 0.8rem;
 }

.vis-time-axis .vis-text.vis-major {
  font-weight: bold;
  color: var(--gray-dark);
  font-size: 1.125rem;
  padding-top: 0.625rem;
  padding-left: 0.625rem;
}

.vis-saturday,
.vis-sunday {
	background-color: rgb(241, 255, 241);
}

.vis-label.offline {
	min-width: 10rem;
	max-width: 10rem;
	background-color: #f4f4f4;
}

.vis-label.onlineAvailable {
	min-width: 10rem;
	max-width: 10rem;
	background-color: var(--primary);
}

.vis-label.busy {
	min-width: 10rem;
	max-width: 10rem;
	background-color: var(--warning);
}

/* timeline items */
.vis-item.vis-range {
	background-image: repeating-linear-gradient(
		45deg,
		var(--dark),
		var(--dark) 10px,
		var(--dark) 10px,
		var(--dark) 20px
	);
}

.vis-item.bg-blue {
	background-image: repeating-linear-gradient(
		45deg,
		var(--blue),
		var(--blue) 10px,
		var(--blue) 10px,
		var(--blue) 20px
	);
}

.vis-item.vis-range.vs.day,
.vis-item.vis-range.ride.day {
	background-image: repeating-linear-gradient(
		45deg,
		var(--blue),
		var(--blue) 10px,
		var(--indigo) 10px,
		var(--indigo) 20px
	);
}

.vis-item.vis-range.ride.comb,
.vis-item.vis-range.normalCombi {
	background-image: repeating-linear-gradient(
		45deg,
		var(--info),
		var(--info) 10px,
		var(--info) 10px,
		var(--info) 20px
	);
}

.vis-item.vis-range.ride.manual {
	border-width: 0.1875rem !important;
    border-style: dotted !important;
    border-color: var(--yellow) !important;
	/* background-color: var(--dark) !important; */
	background-image: repeating-linear-gradient(
		45deg,
		var(--dark),
		var(--dark) 10px,
		var(--dark) 10px,
		var(--dark) 20px
	);
}

.vis-item.vis-range.ride.customer {
	background-image: repeating-linear-gradient(
		45deg,
		var(--cyan),
		var(--cyan) 10px,
		var(--cyan) 10px,
		var(--cyan) 20px
	);
}


.vis-item.vis-range.ds.assigned {
	background-image: repeating-linear-gradient(
		45deg,
		var(--dark),
		var(--dark) 10px,
		var(--dark) 10px,
		var(--dark) 20px
	);
}

.vis-item.vis-range.ds.unassigned {
	background-image: repeating-linear-gradient(
		45deg,
		rgb(235, 182, 182),
		rgb(235, 182, 182) 10px,
		rgb(235, 182, 182) 10px,
		rgb(235, 182, 182) 20px
	);
}

.vis-item.vis-range.ds.disabled {
	background-image: repeating-linear-gradient(
		45deg,
		rgb(235, 182, 182),
		rgb(235, 182, 182) 10px,
		rgb(235, 182, 182) 10px,
		rgb(235, 182, 182) 20px
	);
}

.vis-item.vis-range.ds.available {
	background: var(--indigo);
}

/* timeline items - recent */
.vis-item.vis-range.recent {
	background-color: transparent !important;
	/* background-image: var(--pink); */
	background-image: repeating-linear-gradient(
		45deg,
		var(--pink),
		var(--pink) 10px,
		var(--pink) 10px,
		var(--pink) 20px
	);
}

.vis-item.vis-range.recent.ds, .vis-item.vis-range.available {
	background-image: repeating-linear-gradient(
		45deg,
		var(--indigo),
		var(--indigo) 10px,
		var(--pink) 10px,
		var(--pink) 20px
	);
}

.vis-item.vis-range.recent.comb,
.vis-item.vis-range.recent.normalCombi {
	background-image: repeating-linear-gradient(
		45deg,
		var(--info),
		var(--info) 10px,
		var(--pink) 10px,
		var(--pink) 20px
	);
}

.vis-item.vis-range.recent.manual {
	background-image: repeating-linear-gradient(
		45deg,
		var(--dark),
		var(--dark) 10px,
		var(--pink) 10px,
		var(--pink) 20px
	);
}

.vis-item.vis-range.recent.customer {
	background-image: repeating-linear-gradient(
		45deg,
		var(--cyan),
		var(--cyan) 10px,
		var(--pink) 10px,
		var(--pink) 20px
	);
}

.vis-item.vis-range.recent.done {
	background-color: transparent !important;
	/* background-image: var(--pink); */
	background-image: repeating-linear-gradient(
		45deg,
		var(--success),
		var(--success) 10px,
		var(--pink) 10px,
		var(--pink) 20px
	);
}

.vis-item.vis-range.recent.assigned {
	background-image: repeating-linear-gradient(
		45deg,
		var(--info),
		var(--info) 10px,
		var(--pink) 10px,
		var(--pink) 20px
	);
}

/* timeline items - busy */
.vis-item.vis-range.busy {
	background-image: repeating-linear-gradient(
			45deg,
			var(--warning),
			var(--warning) 10px,
			var(--warning) 10px,
			var(--warning) 20px
	);
}

.vis-item.vis-range.busy.day {
	background-image: repeating-linear-gradient(
			45deg,
			var(--indigo),
			var(--indigo) 10px,
			var(--warning) 10px,
			var(--warning) 20px
	);
}

.vis-item.vis-range.busy.comb,
.vis-item.vis-range.busy.normalCombi {
	background-image: repeating-linear-gradient(
			45deg,
			var(--info),
			var(--info) 10px,
			var(--warning) 10px,
			var(--warning) 20px
	);
}

.vis-item.vis-range.busy.manual {
	background-image: repeating-linear-gradient(
			45deg,
			var(--dark),
			var(--dark) 10px,
			var(--warning) 10px,
			var(--warning) 20px
	);
}

.vis-item.vis-range.busy.customer {
	background-image: repeating-linear-gradient(
		45deg,
		var(--cyan),
		var(--cyan) 10px,
		var(--warning) 10px,
		var(--warning) 20px
	);
}

/* timeline items - done */
.vis-item.vis-range.done {
	background-image: repeating-linear-gradient(
			45deg,
			var(--success),
			var(--success) 10px,
			var(--success) 10px,
			var(--success) 20px
	);
}

.vis-item.vis-range.done.day {
	background-image: repeating-linear-gradient(
			45deg,
			var(--indigo),
			var(--indigo) 10px,
			var(--success) 10px,
			var(--success) 20px
	);
}

.vis-item.vis-range.done.comb,
.vis-item.vis-range.done.normalCombi {
	background-image: repeating-linear-gradient(
			45deg,
			var(--info),
			var(--info) 10px,
			var(--success) 10px,
			var(--success) 20px
	);
}

.vis-item.vis-range.done.manual {
	background-image: repeating-linear-gradient(
			45deg,
			var(--dark),
			var(--dark) 10px,
			var(--success) 10px,
			var(--success) 20px
	);
}

.vis-item.vis-range.done.customer {
	background-image: repeating-linear-gradient(
		45deg,
		var(--cyan),
		var(--cyan) 10px,
		var(--success) 10px,
		var(--success) 20px
	);
}

.vis-copy-selected{
    background-image: repeating-linear-gradient(
            45deg,
            rgba(0,0,0,0),
            rgba(0,0,0,0) 10px,
            silver 10px,
            silver 20px
    ) !important;
}

/* timeline items - selected */
.vis-item.vis-range.vis-selected {
	background-image: repeating-linear-gradient(
		45deg,
		var(--yellow),
		var(--yellow) 10px,
		var(--yellow) 10px,
		var(--yellow) 20px
	) !important;
}

/* timeline items - background */
.vis-item.vis-background.normal {
	background-image: repeating-linear-gradient(
		45deg,
		rgba(248, 249, 250, .25),
		rgba(248, 249, 250, .25) 10px,
		rgba(248, 249, 250, .25) 10px,
		rgba(248, 249, 250, .25) 20px
	);
}
.vis-item.vis-background.inactive {
	background-image: repeating-linear-gradient(
		45deg,
		rgba(248, 122, 122, 0.25),
		rgba(248, 122, 122, 0.25) 10px,
		rgba(248, 122, 122, 0.25) 10px,
		rgba(248, 122, 122, 0.25) 20px
	);
}

.vis-item.vis-background.day {
	background-image: repeating-linear-gradient(
		45deg,
		rgba(0, 123, 255, .25),
		rgba(0, 123, 255, .25) 10px,
		rgba(102, 16, 242, .25) 10px,
		rgba(102, 16, 242, .25) 20px
	);
}

.vis-item.vis-background.negative {
  background-color: rgba(255, 0, 0, 0.2);
}