td.item:hover {
    background: #00ff00;
}


.main-table-head-time-cell {
	width:50px;
	height:20px;
	border:1px;
	border-right: 1px solid #c4c6b7;
	text-align: center;
	font-size: 0.8em;

	max-width:200px;
	color: var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));
}



.main-table-head-body-cell {
	width:auto;
	height:20px;
	min-width:50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:200px;
	font-size: 0.8em;
	text-align: center;
	
}

.main-table-time-cell {
	width:50px;
	height:20px;
	border:1px;
	border-right: 1px solid #c4c6b7;
	text-align: center;
	font-size: 0.8em;
    background-color: var(--f7-subnavbar-bg-color,var(--f7-bars-bg-color));
	white-space: nowrap;
	max-width:200px;
}

.main-table-body-cell {
	width:auto;
	height:20px;
	border-right: 1px solid #c4c6b7;
	min-width:50px;
	text-overflow: ellipsis;
	max-width:200px;
	font-size: 0.8em;
	position:relative;
}

.main-table-body-cell-timediv {
	border-top: 2px solid #c4c6b7;
}

.main-table-body-cell-dottedtimediv {
	border-top: 1px dashed #c4c6b7;
}

.main-table-body-cell-offduty {
	background-color: #d7d7d8;
}

.operator-avatar {
	color:#ffffff;
	font-weight: bold;
	border-radius:50%;
	width:35px;
	height:35px;
	margin:auto;
	line-height: 35px;
}

.task {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	font-weight:700;
	font-size:1em;
	border-radius:0px;
	z-index:1000;
	background-color:#f5dcf7;
}

.task-opaque {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	border-radius:0px;
	z-index:1000;
	background-color:#d7d7d8;
}

.task-available {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	border-radius:0px;
	z-index:1000;
	background-color:#9ccc65;
}

.task-highlighted {
	background-color:#dcf7e8;
}


.task-inset {
	padding-top:1px;
	padding-left:3px;
	padding-right:3px;
	height:80%;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	border-top: 3px solid #ca75da;

}

.task-inset-bottom {
  	border-bottom: 3px solid #358a25;
  	color:#4c3f50;
  	height:20px;
  	bottom:-1px;
  	position:absolute;
  	width:100%;
}

.task-being-dragged{
	z-index:999999999 !important;
	transform: rotate(3deg);
}

.calendar-foreground {
	z-index:999999999;
}

.drop-hover {
}

.timeline {
	display:none;
	z-index:2000;
	position:absolute;
	width:100%;
	height:1px;
	background-color:#ffffff;
	border-top: 1px solid #000000;
	top:0px;
}

.color-picker {
	z-index: 999999
}

:root {
  --f7-dialog-width: 95%;
}

@media screen and (min-width: 700px) {
	:root {
	  --f7-dialog-width: 600px;
	}
}