@charset "UTF-8";
h1{margin:0;padding-right:75px;}
#lingj{
	position:absolute;top:15px;right:15px;z-index:10;text-align:right;
	font-size:25px;
	&>img{width:50px;height:50px;border:solid 15px hsl(0,0%,60%);border-radius:5px;background:hsl(0,0%,60%);}
	&>#lingmenu{display:none;width:200px;text-align:left;
		margin:-12px 0 0;border-radius:5px;padding:12px;background:hsl(0,0%,60%);
		list-style:none;
		&>li>a{display:block;color:hsl(300,100%,15%);text-decoration:none;}
	}
	&:hover{&>#lingmenu{display:block;}}
}
div.formo{
	display:flex;flex-wrap:wrap;
	& select{min-height:30px;font-size:12px;}
	& p{margin:0;}
}
hr{margin:8px;}
div#montri{
	width:100%;
	& table{
		margin-bottom:2em;max-width:95vw;
		display:block;overflow:scroll;scrollbar-width:none;
		& tr:nth-child(2n+1){background:hsl(0,0%,20%);}
		& th,& td{padding:0 5px;}
		& td:nth-child(-n+3){padding:0 10px;}
		& td:nth-child(4){text-align:center;}
		& button.det{
			height:26px;background:hsl(330,100%,15%);border-color:hsl(335,100%,25%);
			font-size:12px;
		}
		& a.wtligo{
			background:hsl(40,100%,15%);padding:1px 6px;
			border:3px outset hsl(45,100%,25%);border-radius:8px;
			color:hsl(0,0%,85%);font-size:12px;text-decoration:none;
		}
	}
}
div#detalvolvo{
	position:fixed;z-index:20;top:10px;left:10px;
	width:95vw;max-width:500px;height:90vh;
	overflow:scroll;background:hsl(240,20%,10%);
	scrollbar-width:none;
	display:none;
	& p{margin:0;}
	& h2.ja{margin:0;border:none;background:hsl(240,10%,10%);text-align:center;font-weight:700;font-size:24px;}
	& table{
		width:100%;overflow:scroll;
		& caption{width:95vw;max-width:500px;background:hsl(30,100%,15%);}
		& tbody{border:none;}
		& th{text-align:left;white-space:nowrap;vertical-align:top;}
	}
}