body {
  background-color: #f3f3f3;
}

.pushable > .pusher.gradient {
  background: linear-gradient(90deg, #D4D4D4, #F4F4F4, #FFFFFF, #F4F4F4, #D4D4D4);
}

.menu a {
  color: inherit;
}

.ui.menu {
  margin: 1.5rem 0;
}

.ui.menu .dropdown.item > .dropdown.icon {
  float: none;
}

body.pushable > .pusher {
  background: #F4F4F4;
}

textarea {
	font-family: monospace;
	font-size: 13px;
	color: black;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

form {
  margin-block-end: 0;
}

.update-item {
  word-break: break-word;
}

.status-image {
  width: 7px; 
  height: 1em;
  vertical-align: center;
}

.status-image.white {
  border-style: solid;
  border-color: black;
  border-width: 1px; 
}

.status.box {
  width: 0.8ch; 
  height: 1em;
  display: inline-block;
  vertical-align: bottom;
}

.brightgreen.status.box {
  background-color: #00FF00;
}

.green.status.box {
  background-color: #00CC00;
}

.white.status.box {
  background-color: #FFFFFF;
  border-style: solid;
  border-color: black;
  border-width: 1px; 
}

.blue.status.box {
  background-color: #0000FF;
}

.gray.status.box {
  background-color: #CCCCCC;
}

.yellow.status.box {
  background-color: #FFFF00;
}

.red.status.box {
  background-color: #FF0000;
}

.submitter-text {
  font-weight: bold;
}

.reviewer-text {
  font-weight: bold;
}

.hold-text {
  color: white;
  background-color: red;
  padding: 2px 6px 4px 6px;
}

.novote-text {
  color: black;
  background-color: yellow;
  padding: 2px 6px 4px 6px;
}

.certify-text {
  color: white;
  background-color: green;
  padding: 2px 6px 4px 6px;
}

.comments-text {
  font-weight: bold;
}

.official {
  background-color: #CCFFCC !important;
}

.unofficial {
  background-color: #FFFFCC !important;  
}

.reserved {
  background-color: #CCCCCC !important;
}

.obsolete {
  background-color: #FFCCCC !important;
  
}

.pattern.segment {
   height: 100%;
}

.blank-box {
  padding-left: 5rem;
}

.history-graph {
	overflow-x: scroll;
}

.history-graph table {
	height: 300px;
}

.history-graph td {
	vertical-align: bottom;
	padding-left: 0px;
	padding-right: 0px;
}

.ptlist th.pt-type {
  min-width: 10em;
}

.ptlist th.pt-title {
  width: 50%;
}

.ptlist th.pt-status {
  min-width: 16em;
}

.menu > .right.item,
.menu > .menusearch.item {
  padding-top: .5em;
  padding-bottom: .5em;
}

.ldbi.modal {
  height: 80%;
}

.ldbi.modal div.content {
  height: 100%;
}
 
#model-container {
  width: 100%; 
  height: 90%;
}

#model-canvas {
  width: 100%;
  height: 100%;
} 

.detail-img.segment {
  max-width: 40%;
}

.history-graph p {
  line-height: 12px; 
  margin-bottom: 0; 
  font-size: 10px;
}
.history-graph img {
  height: 8px;
}
.history-graph span:first-child {
  padding-right: 8px;
}
.history-graph span:last-child {
  padding-left: 8px;
}
.history-graph .small-yyyy-mm-dd {
  display: inline-block;
  width: 70px;
}