body{
	background-color:#004400;
	color:white;
	font-family:Consolas;
}
canvas{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	image-rendering: pixelated;
	z-index:-1;
}
svg{
	width:25px;
	height:25px;
	background:#000000aa;
}
svg:hover{
	background:#666666;
}
table.tablebisadipilih{
	background:#004400bb;
}
table[id],
table[id] tr,
table[id] th,
table[id] td{
	border:2px solid #007700;
	border-collapse:collapse;
}
input{
	background:#002200;
	color:white;
	border:none;
	padding:0px;
	font-family:inherit;
}
input:hover{
	background:#555555;
}
td{
	padding:0px;
}
td > input{
	background:none;
	width:90px;
}
th{
	color:#88ff88;
}
table > thead > tr > th:first-child{
	width:33px;
}


#canv3d{
	background:#00000077;
}
#ui{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	/*overflow: auto;*/
	display:flex;
}
#moutex{
	text-wrap: nowrap;
	background:#000000bb;
	outline:1.2px solid white;
	color:yellow;
	padding:3px;
	position:absolute;
	pointer-events:none;
	user-select:none;
}
#menu{
	width:fit-content;
	overflow-y: scroll;
	padding:3px;
}
#menu > *{
	display: flex;
	flex-direction: column;
	user-select:none;
	width: fit-content;
}
#menu > :hover{
	outline:2px solid cyan;
}
#hlmdata{
	flex:auto;
	overflow:scroll;
	width:0px;
	white-space: nowrap;
}
#voro,
#telog{
	display:flex;
}
#voro > *,
#telog > *{
	height:fit-content;
}
#vert > tbody > :hover,
#ind > tbody > :hover,
#vorolist > tbody > :hover,
#seedlist > tbody > :hover{
	background:#003300;
}
/*
#vert > tbody > tr:not(.datakosong) > td:first-child,
#vorolist > tbody > tr:not(.datakosong) > td:first-child{
	user-select:none;
	cursor:grab;
}
*/
#movevert,
#movevoro{
	cursor: n-resize;
}
#rotatecam{
	cursor:move;
}
#scrollberlebih{
	height:100%;
}


#helptbody span{
	color:#00bbff;
}
#helptbody tr:hover{
	background:#004444;
}
/*
.pegang *{
	cursor:grabbing !important;
}
*/
#vert > .terima > tr:not(.datakosong) > td:hover:last-child,
#ind > .terima > tr:not(.datakosong) > td:hover:not(:first-child){
	background:#bbbbbb;
	color:#333333;
}
.tablebisadipilih:not(.tabledipilih),
.datakosong{/*data yangkosong*/
	filter: opacity(.7);
}
#vorolist > tbody > .vorohilang{
	background:black;
	color:#666666;
}
/*baris dipilih*/
.vertdipilih,
.inddipilih,
.vorodipilih,
.seeddipilih,
.teposdipilih,
.teconddipilih,
.tecolordipilih,
.mat2ddipilih,
.mat3ddipilih{
	background:#004444 !important;
}
.menuedit:not(.menueditdipilih){
	display:none !important;
}
.nyala{
	background:#009900;
}
.hilang{
	display:none !important;
}


::-webkit-scrollbar{
  width:11px;
  height:11px;
}
::-webkit-scrollbar-track {
  background: #00ff0044; 
}
::-webkit-scrollbar-thumb {
  background: #00ff00; 
}
::-webkit-scrollbar-corner{
  background: #007700; 
}
::-webkit-scrollbar-corner:hover{
  background: #0077ff; 
}