#warning {
	display:				none;
}


/* id */

#menu {
	background:				#eee;
	height:					70px;
}

#docslogo {
	position:				fixed;
	top:					5px;
	left:					5px;
	z-index:				900;
	cursor:					pointer;
	display:				flex;
	align-items:			center;
	justify-content:		center;
	height:					45px;
	aspect-ratio:			1;
	background-size:		contain;
	background-repeat:		no-repeat;
}

#docslogo img {
	max-height:				100%;
	max-width:				100%;
}

#doctitle {
	position:				fixed;
	top:					10px;
	left:					55px;
	z-index:				900;
	height:					35px;
	min-width:				calc(50% - 55px);
	width:					auto;
	overflow:				visibility;
	background:				transparent;
	border:					1px solid transparent;
	outline:				none;
	border-radius:			5px;
	font-size:				25px;
}

#doctitle:focus {
	border-color:			black;
	width:					50%;
}

#menuunder {
	height:					140px;
}

#doccontain {
	position:				fixed;
	top:					70px;
	bottom:					0px;
	left:					0px;
	right:					0px;
	z-index:				100;
	padding:				80px 10px 10px 10px;
	overflow-y:				scroll;
	overflow-x:				scroll;
	scrollbar-color:		#aaa transparent;
	scrollbar-width:		thin;
}

/* class */

.ntxsheet {
	--adjust-size:			calc(calc(calc(
							max(100%, 100vw) - min(100%, 100vw)
							) / max(100%, 100vw)) * 100);
	background:				white;
	padding:				0px;
	width:					21cm;
	height:					29.7cm;
	border:					none;
	outline:				#444 1px solid;
	margin:					0 auto;
}

.ntxcontent {
	--ntx-padding:			2cm;
	padding:				var(--ntx-padding);
	outline:				none;
	height:					calc(100% - calc(var(--ntx-padding) * 2));
}

/* toolbar */

#toolbar, #moreMenu {
	align-items:			center;
	justify-content:		left;
	position:				fixed;
	width:					calc(100% - 20px);
	padding:				0px;
	z-index:				890;
}

#toolbar {
    display:				flex;
    left:					5px;
	top:					90px;
	height:					40px;
}

#moreMenu {
    display:                flex;
    left:                    5px;
    top:                    140px;
    padding:                5px;
    border:                    solid 1px #555;
    border-radius:            10px;
    background:                #eee5;
    backdrop-filter:            blur(10px);
    opacity:                0;
    mouse-event:            none;
}

#toolbar > span, #moreMenu > span {
	display:				flex;
	align-items:			center;
	justify-content:		center;
	border-radius:			40px;
	height:					30px;
	padding:				5px 10px;
	background:				#ccc5;
	backdrop-filter:		blur(10px);
	margin:					0px 5px;
}

#toolbar > span > *, #moreMenu > span > * {
	height:					20px;
	margin:					0px 5px;
	padding:				5px;
	background:				none;
	border:					none;
	border-radius:			5px;
}

#toolbar > span > img, #moreMenu > span > img {
	width:					20px;
}

#toolbar > span > input, #moreMenu > span > input {
	width:					90px;
	border:					1px solid #888;
	height:					25px;
	font-size:				15px;
}