#spa-container {
	height: calc(100vh - 1px);
	margin: 0px;
	padding: 0px;
	background-color:  #00285E;
	overflow:hidden;
	box-sizing: border-box;
}

.onpbxmenu-container {
	background-color: #fff;
	color: black;
	margin: 10px 5px;

	table{
		margin: 0 auto;
	}
	table th{
		text-align: center;
		padding: 10px;
	}

	tr {
	        &:nth-of-type(odd) {
                	background: #eee;
        	}
        	&:hover {
                	background-color: $background-color_1;
        	}
	}

	table td{
		padding: 10px;
	}
	table td:nth-child(odd){
		text-align: left;
	}
	table td:nth-child(even){
		text-align: right;
	}
	th.menuHeaders{
	background-color: white;
	color: #00285E;
	text-align: left;
	font-size: 3em;
	font-weight: bolder;
	}

}

.display-board{
	background-color: #00285E;
	position: relative;
	overflow: hidden;
	width: fit-content;
	/* line-height: 90%; */
	margin: 0 auto;
	/* white-space: nowrap; */
}

h2.display-board {
	color: #fff;
}

table.display-board {
	width: fit-content !important;
	color: white !important;
}

th.display-board {
	background: #00285E;
	color: cyan !important;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}


tr.display-board {
	background-color: #00285E;
}

td.display-board {
	color: white;
	border-bottom: 1px solid #FEBC11 !important;
	vertical-align: top;
	padding: 10px;
	line-height: 90%;
	/* font-size: 14px; */
}
td.display-board:nth-child(odd){
	text-align: left;
}
td.display-board:nth-child(even){
	text-align: right;
}
td.display-board:nth-child(5){
	color: #FEBC11;
}
td.display-board:nth-child(6){
	color: #FEBC11;
}