body{display: flex;justify-content: center;flex-direction: column;align-content: center;align-items: center;text-align: center;} /*/ #5c79b0; /*/
#zr{margin-top: 25px;background: white;border: hidden;border-radius:7px;}
div[id="n"]>label>input{
	text-align: center;
	border-style:none;
	border-left-style:solid;
	border-right-style:solid;
	background: transparent;
	width: 50px;
	font-size: 15px;
	appearance: textfield;
		
}
div[id="n"]>label>input:focus{
	border-color: lightgray;
	color: darkred;
}

div[id="zr"]>div>label>span>output{
	font-family: Tahoma;
	text-align: center;
	background: transparent; 
	border-color: lightgray;
	font-size: 15px;
	-moz-user-select:none;	
	user-select:none;
	


}
div[id="zr"]>div>label>span{
	display: inline-block;
	width: 52px;
	background: transparent; 
	border-bottom-style: none;
	border-top-style: none;
	border-left-style:solid;
	border-right-style:solid;
	border-width: 2px; 
	border-color: lightgray;
	opacity: 0.54;
}
div[id="n"]>label{
	border: solid;
	border-color: rgba(30,144,255,0.5);
	/*/ #a8bdca; /*/

}
div[id="n"]::before{
	margin-left:-17px;
	font-size: 20px;
	color: #2d325b;
	font-weight: bolder;
	content: "> "
}
textarea{

	border-radius:5px;
	
	border-width: 3px;
	border-style: solid;
	text-align: center;
	font-family: Tahoma;
	color: black;

}
textarea[id="input"]{
	max-width: 380px;
	max-height: 210px;
	min-width: 380px;
	min-height: 210px;
	background: white;
	border-color: rgba(30,144,255,0.5);
}
textarea[id="output"]{
	max-width: 380px;
	max-height: 105px;
	min-width: 380px;
	min-height: 105px;
	background: rgb(250, 250, 250);
	border-color: rgba(4,94,182,0.5);
	margin-top:-2.5px; 
}


input[class=check]{
	display: none;
}div[class=check]{
	text-align: center;
	border-style: solid;
	border-color: orange;
	border-radius: 20px;
	width: 35px;
	height: 35px;
	font-weight: bolder;
	color: rgb(30,144,255,0.5);
	line-height: 28.5px;
	font-size: 30px;
	background: #ff5454;
	-moz-user-select:none;	
	user-select:none;
}
input[class=check]:checked + div[class=check]{
	background: #caff54;
}
button{
		
	border-radius:5px;
	border-style: solid;
	border-width: 3px;
	border-color: rgb(30,144,255,0.5);
	text-align: center;
	font-family: Tahoma;
	background: white;
	color: black;
	width: 125px;
	height: 27px;
	font-size: 17px;
    -moz-user-select:none;	
	user-select:none;
	line-height: 0px;
	color: rgba(0,0,0,0.54);
	background: white;
}
button[id=oTOi]{
	margin-top:0px; 
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	max-width: 380px;
	min-width: 380px;
	max-height: 20px;
	min-height: 20px;
}
.head{
	font-size: 15px;
	font-family: Tahoma;
	font-style: italic;
	color: rgb(30,144,255);
	text-decoration: underline;
	-moz-user-select:none;	
	user-select:none;
}
#ww{
	position: absolute;
	margin-left: 10px;
	line-height:27.5px;
	font-size: 15px;
	font-family: Tahoma;
	letter-spacing: 2.5px;
	color: black;
	opacity: 0.76;
	-moz-user-select:none;	
	user-select:none;

}
#ww::before{
	content: " then  => ";
	font-family: Times New Roman Bold;
	font-size: 17px;
	font-weight: bold;
	color: rgb(0,0,0);
	letter-spacing: 0px;
}
tt[id=ww]>label>span>span {
	display: inline-block;
	width: 35px;
	background: transparent; 
	border-bottom-style: none;
	border-top-style: none;
	border-left-style:solid;
	border-right-style:solid;
	border-width: 2px;
	border-color: lightgray;
}
tt[id=ww]>label>span{
	border-style: solid;
	border-color: rgba(30,144,255,0.6);
}
#ww::after{
	position: absolute;
	content: "*( not required ) ";
	font-family: Times New Roman Bold;
	font-size: 10px;
	font-weight: bold;
	color: rgb(0,0,0);
	letter-spacing: 0.25px;
	line-height:12.5px;
	margin-left: -60px;

}