body
{
	margin: 0px;
}




.fixed-header{
    width: 300px;
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed-header tbody{
  display:block;
  width: 100%;
  overflow: auto;
  height: 270px;
}

.fixed-header thead tr {
   display: block;
}

.fixed-header thead {
	background-color: #f0f0f0;	
  color:#fff;
}

.fixed-header th, .fixed-header td {
  padding: 2px;
  text-align: left;
}

.fixed-header th
{
	font-family: arial;
	font-size: 12px;
	color: #666666;
	background-color: #f0f0f0;
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse;
}

.fixed-header td
{
	font-family: arial;
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse;
	cursor: pointer;
}



#main-palette
{
	display: flex;
}

.backroom-icon
{
	width: 30px;
	height: 30px;
	font-size: 30px;
	margin: 5px;
	cursor: pointer;
}

.form-action-button
{
	margin: 7px;
}

.backroom-valid-icon
{
	font-size: 20px;
	margin: 6px;
}

.backroom-field-filler
{
	flex: 1 1 auto;	
}

.phi4-dialog-field
{
	font-family: "Courier New",monospace;
	flex: 0 0 auto;	
}

.confirm-message
{
	font-family: Futura PT, Helvetica,Arial,sans-serif;
	font-size: 16px;	
	color: #666666;	
}


.other-icon-container
{
	display: flex;
	flex-wrap: wrap;
}
.other-icon-item
{
	display: flex;
	flex-direction: column;
	font-family: Arial,sans-serif;
	text-align: center;
	font-size: 20px;
	margin: 10px;
	cursor: pointer;
	color: #666666;
	width: 150px;
	height: 150px;
}
.other-icon-item:hover
{
	color: #993333;
	
}

.other-icon
{
	font-size: 50px;
	width: 50px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}


#status-panels
{
	display: 		flex;
	flex-wrap: 	wrap;
	align-content: flex-start;
}

#console-menu
{
	display: flex;
	flex-direction: column;
}

.console-menu-item
{
	width: 150px;
	margin: 5px;
	font-family: arial;
	font-size: 11px;
	text-transform: uppercase;
	cursor: pointer;
	color: #666666;
	font-weight: bold;
	border-bottom: 1px solid white;
	line-height: 1em;
}

.console-menu-item:hover
{
	color: red;
	border-bottom: 1px dotted red;
}

.backroom-tempurature
{
	margin: 5px;
	font-size: 20px;
	font-family:  arial;
	color: #666666;
	
}