:root{
	--main-color: rgb(24,132,79);
}
.titleIcon{
	height: 100%;
}
#mainContainer{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 5px;
	gap: 10px;
	height: calc(100% - 70px);
	button{
		font-size: 16px;
		padding: 5px 30px;
		margin-right: 15px;
		min-width: 100px;
		cursor: pointer;
		border: 1px solid var(--main-color);
		border-radius: 5px;
		background: white;
	}
	button:hover{
		background: var(--main-color);
		color: white;
	}
	#divUpper{
		max-height: 30%;
	}
	#divUpper,
	#divLower{
		background-color: white;
		border-radius: 2px;
		border: 3px solid var(--main-color);
		padding: 5px;
		flex: 1;
		overflow: auto;
		width: 90%;
	}
	#divLower{
		dt:before{
			content: "●";
			color: var(--main-color);
			font-size: 1.5em;;
		}
		dd{
			margin-left: 20px;
		}
	}
}

div#divList{
	.dgrid-resize-header-container{
		height: initial;
	}
	[role="columnheader"],
	.text-center[role="gridcell"]{
		text-align:center;
		vertical-align: middle;
	}
	.text-right[role="gridcell"]{
		text-align:right;
	}
	td.dgrid-cell{
		white-space: pre-wrap;
		text-overflow: ellipsis;
		overflow: visible;
	}
	th.dgrid-cell{
		background: var(--th-color);
	}
}