.traffic-light {
  background-color: #e0e0e0;
  width: 175px;
  height: 60px;
  border-radius: 100px;
}
.traffic-light input {
  appearance: none;
  user-select: none;
  outline: none;
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-left: 18px;
  border-radius: 100%;
}
input.color1 {
  background-color: rgba(255,0,0,0.2);
  box-shadow: 0em 0px 0px 5px #bd0903;
}

input.color1:checked {
  background-color: #fc625d;
  box-shadow: 0em 0px 0px 5px #fc625d;
}
input.color2 {
  background-color: rgba(255,165,0,0.2);
  box-shadow: 0em 0px 0px 5px #FFA500;
}

input.color2:checked {
  background-color: rgba(255,165,0,0.9);
  box-shadow: 0em 0px 0px 5px #fdbe40;
}
input.color3 {
  background-color: rgba(0,255,0,0.2);
  box-shadow: 0em 0px 0px 5px #15511e;
}

input.color3:checked {
  background-color: rgba(0,255,0,0.9);
  box-shadow: 0em 0px 0px 5px #34cb4a;
}
.traffic-light * {
  user-select: none;
  outline: none;
}





.servicecrew:hover {
	background-color:#097963;
	cursor:pointer;
} 

.hourline:hover {
	background-color: #f3f3f4;
	border-color: #e7eaec;
}

.red {
	color:red;
}

body {
  color: #000 !important;
}

#startstopbtn {
	width: 250px;
    height: 250px;
    border: 6px double;
    border-radius: 125px;
    padding-top: 80px;
    text-align: center;
    font-size: 48px;
    text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
}

#startstopbtn.stopped {
	border-color: green;
	background: #9adb9a;
	color: green;
}
#startstopbtn.stopped:hover {
	background: #caf6ca;
}

#startstopbtn.started {
	border-color: red;
	background: #fc8989;
	color: #fed6d6;
}
.operation {
	border: 1px solid #1ab394;
    padding: 5px;
    margin-bottom: 5px;
}
#operationlog .operation .start {
	padding-top: 7px;
}
#operationlog a {
	margin-top: 15px;
}
.step {
	display:none;
}

.chosen-container {
  width: 100% !important;
}