tr:nth-child(even) {
	background: gainsboro;
}

tr:nth-child(odd) {
	background: white;
}

html * {
	font-size: 1.7vmin;
	color: #000;
	font-family: Arial;
}

body {
	/*background-image: url("Hintergrund.png");*/
	background-color: #393E46;
	width: 99%;
	height: 100%;
	background-size: 100vw 100vh;
	background-repeat: no-repeat;
	min-width: 715px;
}

#startscreen * {
	text-align: center;
	color: #969696;
}

/* Datenbewegungsanzeigeblöcke*/
.dataMovement {
	position: fixed;
	left: 0vw;
	top: 0vh;
	width: 100vw;
	height: 100vh;
	max-width: 100vw;
	max-height: 100vh;
	display: none;
}

.icon {
	width: 4vmin;
	height: 4vmin;
	max-width: 100vw;
	max-height: 100vh;
}

.icon.blackborder {
	border: 1px solid black;

}

.icon:hover {
	filter: brightness(80%);
}

.control {
	display: none;


}

#crtIcon {
	width: 5.4vmin;
	height: 4vmin;
	max-width: 100vw;
	max-height: 100vh;

}


table {
	table-layout: fixed;
	width: 100%
}

/* Knöpfe */


/*obere Leiste*/

#ramOptions {
	position: fixed;
	left: 2vw;
	top: 1vh;

}

#mcOptions {
	position: fixed;
	left: 60vw;
	top: 2vh;


}

#controlUnitToggle {
	display: inline-block;
}

#recordMcPanel {
	position: fixed;
	left: 70vw;
	top: 1.7vh;


}

#recordMcPanel input {
	margin-right: 0.2vw;
	margin-bottom: 0.5vh;
	padding: 0px;
	width: 5vw;
}

#settings_button {
	right: 0;
	top: 0;
	position: absolute
}


#rightPanel {
	width: 49vw;
	position: absolute;
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	right: 0;
}

#rightPanel .control {
	display: inline-block;
	position: unset;
}

/*Eigentliches Programm*/
#programmCounterText {
	position: fixed;
	left: 71.3vw;
	top: 36vh;
	width: 5vw;
	height: 1 vh;
	font-size: 1.8vmin;
	color: #969696;
}

#equalZeroText {
	position: fixed;
	left: 80vw;
	top: 49vh;
	width: 5vw;
	height: 1 vh;
	font-size: 2.2vmin;
	color: #969696;
}



#AddressBusInput {
	position: fixed;
	left: 5vw;
	top: 13vh;
	width: 5vw;
}

#DataBusInput {
	position: fixed;
	left: 5vw;
	top: 93vh;
	width: 5vw;
}


#DbInputButton {
	position: fixed;
	left: 5vw;
	top: 95.5vh;
}

#ABInputButton {
	position: fixed;
	left: 5vw;
	top: 15.5vh;

}


#DataBus {
	position: fixed;
	left: 50vw;
	top: 90.8vh;
	font-size: 3vmin;
	color: #ffffff;
}

#AddressBus {
	position: fixed;
	left: 50vw;
	top: 11vh;
	font-size: 3vmin;
	color: #ffffff;

}

#Accumulator {
	position: fixed;
	left: 91vw;
	top: 46vh;
	font-size: 3vmin;
	color: #ffffff;
	transform: translate(-50%, 0%);
}

#InstructionalRegister {
	position: fixed;
	left: 49.5vw;
	top: 35vh;
	font-size: 3vmin;
	transform: translate(-50%, 0%);
}

#ProgrammCounter {
	position: fixed;
	left: 65.5vw;
	top: 35vh;
	font-size: 3vmin;
	color: #ffffff;
}




#RamDbButton {
	position: fixed;
	left: 23.5vw;
	top: 82vh;
	transform: translate(-50%, 0%);


}

#DbRamButton {
	position: fixed;
	left: 16.5vw;
	top: 86vh;
	transform: translate(-50%, 0%);

}

#DbAccButton {
	position: fixed;

	top: 61vh;
	left: 80.5vw;
	transform: translate(-50%, 0%);
}

#AccDbButton {
	position: fixed;
	left: 91.5vw;
	top: 81vh;
	transform: translate(-50%, 0%);
}

#NullAccButton {
	position: fixed;
	left: 88vw;
	top: 30vh;
	width: 5vw;

}

#NullaccHighlight {
	left: 87.8vw;
	top: 29.8vh;
	width: 5.4vw;
	height: 3.2vh;
	background-color: #8F0004;


}


#IncAccButton {
	position: fixed;
	left: 88vw;
	top: 24vh;
	width: 5vw;

}

#IncaccHighlight {
	left: 87.8vw;
	top: 23.8vh;
	width: 5.4vw;
	height: 3.2vh;
	background-color: #8F0004;


}

#DecAccButton {
	position: fixed;
	left: 88vw;
	top: 27vh;
	width: 5vw;

}


#DecaccHighlight {
	left: 87.8vw;
	top: 26.8vh;
	width: 5.4vw;
	height: 3.2vh;
	background-color: #8F0004;

}

#AddAccButton {
	position: fixed;
	left: 80.5vw;
	top: 64vh;
	transform: translate(-50%, 0%);

}

#SubAccButton {
	position: fixed;
	left: 80.5vw;
	top: 67vh;

	transform: translate(-50%, 0%);
}

#InsMcButton {
	position: fixed;
	left: 46.7vw;
	top: 47vh;
	transform: translate(-50%, 0%);
}


#InsAbButton {
	position: fixed;
	left: 51.5vw;
	top: 27vh;
	transform: translate(-50%, 0%);
}


#DbInsButton {
	position: fixed;
	left: 39vw;
	top: 60vh;
	transform: translate(-50%, 0%);
}

#InsPcButton {
	position: fixed;
	left: 55vw;
	top: 38.5vh;
}

#PcAbButton {
	position: fixed;
	left: 67.8vw;
	top: 27vh;
	transform: translate(-50%, 0%);

}

#NullMcButton {
	position: fixed;
	left: 61vw;
	top: 80vh;


}

#NullMcHighlight {
	left: 60.8vw;
	top: 79.8vh;
	width: 3.8vw;
	height: 3.2vh;
	background-color: #8F0004;

}

#IncPcButton {
	position: fixed;
	left: 65.5vw;
	top: 44vh;
	width: 5vw;
	min-width: fit-content;
}


#IncPcHighlight {
	position: fixed;
	left: 65.3vw;
	top: 43.8vh;
	width: 5.4vw;
	height: 3.2vh;
	background-color: #8F0004;

}




#IncPc0Button {
	position: fixed;
	right: 28.5vw;
	top: 47vh;
	width: 5vw;
	min-width: fit-content;
}

#IncPc0Highlight {
	position: fixed;
	left: 65.3vw;
	top: 46.8vh;
	width: 5.4vw;
	height: 3.2vh;
	background-color: #8F0004;

}



#HaltButton {
	position: fixed;
	left: 61vw;
	top: 83vh;

}

#HaltButtonHighlight {
	position: fixed;
	left: 60.8vw;
	top: 82.8vh;
	width: 3.2vw;
	height: 3.2vh;
	background-color: #8F0004;

}

#executeSpeedSlider {
	width: 7vw;

}

#MicoCodeCounter {
	position: fixed;
	left: 45.5vw;
	top: 52.5vh;
	font-size: 3vmin;
	color: #ffffff;


}

/*Eingabe in ram popup*/
#RamEingabe {
	position: fixed;
	left: 0.3vw;
	top: 45vh;
	width: 8vw;
	height: 18vh;
	background-image: url("./images/ramEingabe.png");
	background-size: 100% 100%;
}

#RamEingabe * {
	width: 5vw;
	height: 13%;
	margin-left: 0.3vw;
	margin-top: 3%;
	display: block;
	padding: 0px;
}

#RamEingabe p {
	width: 5vw;
	height: 25.5%;
	margin-left: 0.3vw;
	margin: 0px;
	padding: 0px;

}

#Low {
	width: 3vw;


}

#High {
	width: 3vw;


}




#MicroCodeDiv {
	position: fixed;
	left: 45vw;
	top: 58.7vh;
	height: 20vh;
	width: 3vw;
}


#RamDiv {
	position: fixed;
	left: 8vw;
	top: 23vh;
	height: 56.7vh;
	width: 25vw;

	scrollbar-color: #393e46 #959595;
}

#innerRamDiv {
	overflow: auto
}




#viewChangeTable {
	position: fixed;
	left: 9vw;
	top: 72.5vh;
	width: 23vw;
}




/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 10% auto 0 auto;
	/* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	/* Could be more or less, depending on screen size */
	text-align: center;
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

button[id*="accbutton" i] {
	min-width: fit-content !important;
}

input[type="number"] {
	min-width: 4ch;
}


#ramFile, #ramExecution {
	display: inline
}


#InsertRowButton {
	position: fixed;
	top: 80vh;
	left: 10vh;
}


#cmdLine {
	font-size: 150%;
	height: 2em;
	width: 15ch;
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #393E46;
	color: white;
	padding: 0 1ch;
	align-items: center;
	outline: 3px solid white;
	box-shadow: 2px -1px 10px black;
	display: none;
}

#cmdLine.active, #cmdLine.afterExecution {
	display: flex;
}

#cmdLine.afterExecution {
	text-align: center;
}

#cmdLine span {
	color: inherit;
}

#cmdLine.afterExecution * {
	display: none;
}

#cmdLine span:first-of-type {
	margin-right: 1ch;
}

#cmdFeedback {
	display: none;
}

#cmdLine.afterExecution #cmdFeedback {
	display: inline;
	color: #ff5151
}

.modal-content .left-align {
	width: 80%;
	min-width: 300px;
	max-width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.lines-ahead {
	width: 6ch;
}

:is(#aufnahmeZahl, #aufnahmeName):focus-within:invalid {
	 outline: 2px solid red;
}

:is(#aufnahmeZahl, #aufnahmeName):focus-within:valid {
	 outline: 2px solid #30ff30;
}