:root{
	--textboxRadius: 		0.8vw;
	--textboxBorderWidth: 	0.2vw;
	--corpBlue:				#063D79;
	--corpGrey: 			#D8DADC;
	--effectGrey2:			#9fa0a1;
	--effectGrey:			#bbbcbd;
	--effectBlue:			#042b54;

}

.box-pane{
	position: relative;
	width: 100%;
}

.box-span{
	background:  var(--effectGrey);
	font-family: sans-serif;
	color: var(--corpBlue);
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 10%;
	width: 80%;
	height:1.75vw;
	
	border: var(--textboxBorderWidth) solid;
	border-radius: var(--borderRadius);
	border-color: var(--effectBlue);
	
	
}

.box-content-pane{
	border-radius: var(--textboxRadius);
	padding: 1vw 0.5vw 0.5vw 0.5vw;
	margin-top: 0.8vw;
	margin-bottom: 0.8vw;
	border: var(--textboxBorderWidth) solid;
	border-color: var(--effectBlue);
	background: var(--effectGrey);
	/*display: grid;
	justify-items: center;*/
}

.box-content-pane > .textarea-input{
	left: 4%;
	position: relative;
}

label {
	justify-self: left;
}

.box-content-pane.button{

	display: grid;
	row-gap: 1em;
	column-gap: var(--screenborderDist);
	grid-template-columns: 1fr 12fr;
	align-items: start;
	
}

.textarea-input{
	background-color: white;
	color: black;
	box-sizing: border-box;
	border-style: double;
	border-color: #b7b8ba;
	resize: none;
	width: 90%;
	font-family: monospace;
	font-size: 1vw;
}

.textarea-valid{
	border-color: green;
}

.textarea-invalid{
	border-color:red;
}

.textarea-empty{
	border-color: black;
}

#manager-insert-element input[type="text"]{
	height: 2em;
}


#tab-content-pane input[type="text"] {
	height: 1.5vw;
	width: 2.5vw;
	font-size: 1.25vw;
}	

#tab-content-pane *{
	margin: 2%;
}