.terminal1 {
	height: 2rem;
	width: 0.8rem;
	z-index: 11;
	display: flex;
	align-items: end;
	border-radius: 100%;
	background: transparent;
	cursor: pointer;
	position: absolute;
	color: whitesmoke;
	top: 17.3rem;
	left: 5.8rem;
}

.terminal2 {
	height: 1.7rem;
	width: 0.8rem;
	display: flex;
	align-items: end;
	border-radius: 100%;
	background: transparent;
	z-index: 11;
	cursor: pointer;
	position: absolute;
	color: whitesmoke;
	top: 17.4rem;
	left: 8.8rem;
}

.terminal3 {
	height: 1.7rem;
	width: 0.8rem;
	display: flex;
	align-items: end;
	border-radius: 100%;
	background: transparent;
	z-index: 11;
	cursor: pointer;
	position: absolute;
	top: 17.3rem;
	left: 14.3rem;
	color: whitesmoke;
}

.terminal4 {
	height: 1.7rem;
	width: 0.8rem;
	display: flex;
	align-items: end;
	border-radius: 100%;
	background: transparent;
	cursor: pointer;
	position: absolute;
	top: 17.3rem;
	left: 17rem;
	color: whitesmoke;
	z-index: 11;
}

.terminal1-div {
	height: 0.8rem;
	width: 0.8rem;
	position: absolute;
	background-color: black;
	border-radius: 62rem;
	top: 16.8rem;
	left: 5.8rem;
	box-shadow: 0 0 0 3px gainsboro, 0 0 0 6px red, -4px 4px 10px 4px black;
}
.terminal2-div {
	height: 0.8rem;
	width: 0.8rem;
	position: absolute;
	background-color: black;
	border-radius: 62rem;
	top: 16.7rem;
	left: 8.8rem;
	box-shadow: 0 0 0 3px gainsboro, 0 0 0 6px green, -4px 4px 10px 4px black;
}
.terminal3-div {
	height: 0.8rem;
	width: 0.8rem;
	position: absolute;
	background-color: black;
	border-radius: 62rem;
	top: 16.7rem;
	left: 14.3rem;
	box-shadow: 0 0 0 3px gainsboro, 0 0 0 6px blue, -4px 4px 10px 4px black;
}
.terminal4-div {
	height: 0.8rem;
	width: 0.8rem;
	position: absolute;
	background-color: black;
	border-radius: 62rem;
	top: 16.6rem;
	left: 17.1rem;
	box-shadow: 0 0 0 3px gainsboro, 0 0 0 6px yellow, -4px 4px 10px 4px black;
}

.clamper.box {
	width: 1.5rem;
	height: 1rem;
	color: white;
	border: none;
	opacity: 1;
	background: transparent;
	font-weight: 500;
}

.battery1 #battery1-positive {
	top: 5.1rem;
	left: 11.4rem;
	height: 2rem;
	display: flex;
	align-items: end;
	width: 1.5rem;
	text-shadow: 0px 0px 2px black;
	cursor: pointer;
	display: flex;
	align-items: start;
	z-index: 11;
	transform: rotate(-1deg);
	/* background-color: #888888; */
}

.battery1 #battery1-negative {
	top: 9.7rem;
	left: 11.4rem;
	cursor: pointer;
	height: 2.2rem;
	display: flex;
	align-items: end;
	width: 1.5rem;
	text-shadow: 0px 0px 2px black;

	z-index: 11;
	transform: rotate(-1deg);
	/* background-color: #888888; */
}

.battery2 #battery2-positive {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	top: 3rem;
	left: 3.8rem;
	height: 1.5rem;
	width: 2.3rem;
	text-shadow: 0px 0px 2px black;

	text-align: left;
	display: flex;
	align-items: end;
	cursor: pointer;
	z-index: 11;
	transform: rotate(-1deg);
	/* background-color: #888888; */
}

.battery2 #battery2-negative {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	top: 1.5rem;
	left: 11.9rem;
	height: 1.2rem;
	cursor: pointer;
	z-index: 11;
	width: 2rem;
	text-shadow: 0px 0px 2px black;

	transform: rotate(1deg);
	/* background-color: #888888; */
}

.battery1-positive-clamper {
	position: absolute !important;
	top: 6.5rem !important;
	left: 12.5rem !important;
	z-index: 10;
}
.battery1-negative-clamper {
	position: absolute !important;
	top: 8.8rem !important;
	left: 12.6rem !important;
	z-index: 10;
}
/* .battery2-positive-clamper {
	position: absolute !important;
	top: 26.5rem !important;
	left: 6.5rem !important;
	z-index: 10;
} */
/* .battery2-negative-clamper {
	position: absolute !important;
	top: 25rem !important;
	left: 12.5rem !important;
	z-index: 10;
} */

/* .battery-analyzer-endpoints1 {
	position: absolute;
	transform: translate(-0.3rem, -0.2rem);
	z-index: 12;
} */
/* .battery-analyzer-endpoints2 {
	position: absolute;
	transform: translate(-0.3rem, -0.2rem);
	z-index: 12;
}
.battery-analyzer-endpoints3 {
	position: absolute;
	transform: translate(-0.3rem, -0.2rem);
	z-index: 12;
}
.battery-analyzer-endpoints4 {
	position: absolute;
	transform: translate(-0.3rem, -0.2rem);
	z-index: 12;
} */

.relay1-COM {
	position: absolute;
	top: 4.7rem;
	left: 0rem;
	border-top-left-radius: 5rem;
	border-bottom-left-radius: 5rem;
	/* transform: rotate(1deg); */
	height: 1rem;
	width: 1.4rem;
	box-shadow: 1px 1px 7px 1px black, inset 0px 1px 3px 0px black;
	background-color: #c0c0c0;
}

.relay1-NO {
	position: absolute;
	top: 5rem;
	left: 8.2rem;
	transform: rotate(1deg);
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
	height: 1rem;
	box-shadow: 1px 1px 7px 1px black, inset 0px 1px 3px 0px black;
	width: 1.4rem;
	background-color: #c0c0c0;
}

.relay1-positive {
	position: absolute;
	top: 7.05rem;
	left: 2.5rem;
	transform: rotate(4deg);
	border-bottom-right-radius: 5rem;
	border-bottom-left-radius: 5rem;
	height: 1.4rem;
	width: 1rem;
	box-shadow: 1px 1px 7px 1px black, inset 0px 1px 3px 0px black;
	background-color: #c0c0c0;
}
.relay1-negative {
	position: absolute;
	top: 7.4rem;
	left: 5.3rem;
	transform: rotate(4deg);
	border-bottom-right-radius: 5rem;
	border-bottom-left-radius: 5rem;
	height: 1.4rem;
	width: 1rem;
	box-shadow: 1px 1px 7px 1px black, inset 0px 1px 3px 0px black;
	background-color: #c0c0c0;
}

/* .relay1-COM-endpoint{
	position: absolute !important;
	z-index: 49 !important;
} */

.relay2-COM {
	position: absolute;
	top: 2.5rem;
	left: -0.4rem;
	border-top-left-radius: 5rem;
	border-bottom-left-radius: 5rem;
	transform: rotate(2deg);
	height: 1rem;
	width: 1.4rem;
	box-shadow: 1px 1px 7px 1px black, inset 0px 1px 3px 0px black;
	background-color: #c0c0c0;
}

.relay2-NO {
	position: absolute;
	top: 2.5rem;
	left: 7.7rem;
	/* border: 2px solid black; */
	box-shadow: 1px 1px 7px 1px black, inset 0px 1px 3px 0px black;
	transform: rotate(1deg);
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
	height: 1rem;
	width: 1.4rem;
	background-color: #c0c0c0;
}

.relay2-positive {
	position: absolute;
	top: 4.7rem;
	left: 2.5rem;
	transform: rotate(5deg);
	border-bottom-right-radius: 5rem;
	border-bottom-left-radius: 5rem;
	height: 1.4rem;
	width: 1rem;
	box-shadow: 1px 1px 7px 1px black, inset 0px 1px 3px 0px black;
	background-color: #c0c0c0;
}
.relay2-negative {
	position: absolute;
	top: 5.1rem;
	left: 5.3rem;
	transform: rotate(5deg);
	border-bottom-right-radius: 5rem;
	border-bottom-left-radius: 5rem;
	height: 1.4rem;
	width: 1rem;
	box-shadow: 1px 1px 7px 1px black, inset 0px 1px 3px 0px black;
	background-color: #c0c0c0;
}

.relay1-COM-label {
	position: absolute;
	top: 5.4rem;
	height: 2rem;
	/* width: 4rem; */
	display: flex;
	align-items: end;
	left: -1.9rem;
	justify-content: start;
	transform: rotate(1deg);
}
.relay1-NO-label {
	position: absolute;
	top: 5.5rem;
	height: 2rem;
	width: 3rem;
	/* justify-content: center; */
	display: flex;
	align-items: end;
	left: 9rem;
	transform: rotate(1deg);
}
.relay1-positive-label {
	position: absolute;

	top: 7.8rem;
	height: 2rem;
	display: flex;
	align-items: end;

	left: -0.2rem;
	transform: rotate(1deg);
}
.relay1-negative-label {
	position: absolute;
	top: 8rem;
	height: 2rem;
	/* width: 3rem; */

	display: flex;
	align-items: end;
	left: 5.8rem;
	transform: rotate(1deg);
}

.relay2-COM-label {
	position: absolute;
	top: 3.2rem;
	height: 2rem;
	display: flex;
	align-items: end;
	left: -2rem;
	transform: rotate(1deg);
}
.relay2-NO-label {
	position: absolute;
	top: 3.2rem;
	height: 2rem;
	display: flex;
	align-items: end;
	left: 7.9rem;
	transform: rotate(1deg);
}
.relay2-positive-label {
	position: absolute;

	top: 5.5rem;
	height: 2rem;
	display: flex;
	align-items: end;

	left: -0.4rem;
	transform: rotate(1deg);
}
.relay2-negative-label {
	position: absolute;
	top: 5.6rem;
	height: 2rem;
	/* width: 3rem; */

	display: flex;
	align-items: end;
	left: 5.8rem;
	transform: rotate(1deg);
}

.motor1-positive {
	position: absolute;
	top: 7.2rem;
	left: 0.1rem;
	transform: rotate(5deg);
	border-radius: 50%;
	height: 1.5rem;
	width: 1.5rem;
	background-color: #810000;
	
}
.motor1-negative {
	position: absolute;
	top: 7.2rem;
	left: 7.4rem;
	transform: rotate(5deg);
	border-radius: 50%;
	height: 1.5rem;
	width: 1.5rem;
	background-color: #810000;
}

.motor1-positive-label {
	position: absolute;
	top: 8rem;
	height: 2rem;
	display: flex;
	align-items: end;
	left: 0.2rem;
	transform: rotate(1deg);
	cursor: pointer;
}
.motor1-negative-label {
	position: absolute;
	top: 8rem;
	height: 2rem;
	display: flex;
	align-items: end;
	left: 7.5rem;
	transform: rotate(1deg);

	cursor: pointer;
}

.motor2-positive {
	position: absolute;
	top: 7.2rem;
	left: 0.1rem;
	transform: rotate(5deg);
	border-radius: 50%;
	height: 1.5rem;
	width: 1.5rem;
	background-color: #810000;
}
.motor2-negative {
	position: absolute;
	top: 7.2rem;
	left: 7.4rem;
	transform: rotate(5deg);
	border-radius: 50%;
	height: 1.5rem;
	width: 1.5rem;
	background-color: #810000;
}

.motor2-positive-label {
	position: absolute;
	top: 8rem;
	height: 2rem;
	display: flex;
	align-items: end;
	left: 0.2rem;
	transform: rotate(1deg);
	cursor: pointer;
}
.motor2-negative-label {
	position: absolute;
	top: 8rem;
	height: 2rem;
	display: flex;
	align-items: end;
	left: 7.5rem;
	transform: rotate(1deg);
	cursor: pointer;
}

/* /for switch/ */

.switch-positive {
	position: absolute;
	top: -0.3rem;
	left: 1rem;
	transform: rotate(-1deg);
	/* border-radius: 50%; */
	height: 0.8rem;
	width: 1.4rem;
	background-color: #5c636b;
	/* border: 2px solid black; */
	box-shadow: 1px 1px 14px 5px black;
}
.switch-negative {
	position: absolute;
	top: 4.5rem;
	left: 1rem;
	transform: rotate(-1deg);
	/* border-radius: 50%; */
	height: 0.8rem;
	width: 1.4rem;
	background-color: #5c636b;
	/* border: 2px solid black; */
	box-shadow: 1px 1px 14px 5px black;
}

.switch-positive-label {
	position: absolute;
	top: -1.8rem;
	height: 2rem;
	display: flex;
	align-items: start;
	left: 1.3rem;
	transform: rotate(1deg);
}
.switch-negative-label {
	position: absolute;
	top: 4.8rem;
	height: 2rem;
	display: flex;
	align-items: end;
	left: 1.2rem;
	transform: rotate(1deg);
}