div.container {
  background: #fff;
  width: 100%;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2); }

.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

.site-content {
  margin-top: 50px;
  margin-bottom: 2px;
  flex: 1; }

.fa-trash-alt,
.fa-edit {
  color: #333333; }

.fa-trash-alt:hover,
.fa-edit:hover {
  color: #FFC500; }

.is-selected, .selected {
  color: #ffffff;
  background-color: #FF0000; }

table.dataTable tbody tr.selected td {
  color: white !important;
  background-color: #003AFF !important; }

/*
$catYellow: #FFC500
$catPink:	#FF00BA;//hot pink
$catTri2:	#00FFC5;//light green
$catTri3:	#C500FF;//purple
$catTet2:	#00FF45;//bright green
$catTet3:	#003AFF;//blue
$catTet4:	#FF00BA;//pinkish
$catAna2:	#BAFF00;//light green
$catAna3:	#FF4500;//red
*/
.error {
  color: #ff0000;
  font: bold;
  font-family: Verdana, Geneva, Tahoma, sans-serif; }

label.valid {
  /*background: url(/images/checked.gif) no-repeat;*/
  display: none;
  width: 0px;
  height: 0px;
  /*width: 16px;
    height: 16px;*/ }

label.error {
  /*background: url(/images/unchecked.gif) no-repeat;*/
  display: none;
  padding-left: 16px;
  margin-left: 0.3em; }

/* for putting in page breaks on printouts */
@media print {
  .hardBreak {
    page-break-before: always; }
  .no-print, no-print * {
    display: none !important; } }

#recStatePoint {
  display: flex;
  flex-flow: row wrap; }

#recStatePoint fieldset {
  flex: 1;
  border: 1px solid #aaa;
  margin: 0.5em; }

#recStatePoint fieldset legend {
  padding: 5px 20px;
  border: 1px solid #aaa;
  font-weight: bold; }

#recStatePoint fieldset.Name {
  flex: 2 100%; }

#recStatePoint fieldset.name legend {
  background: #bfffbf; }

#recStatePoint fieldset.office legend {
  background: #ffffbf; }

#recStatePoint fieldset.hr legend {
  background: #ffbfbf; }

#recStatePoint div.DTE_Field {
  padding: 5px; }

td.details-control {
  background: url("/images/details_open.png") no-repeat center center;
  cursor: pointer; }

tr.shown td.details-control {
  background: url("/images/details_close.png") no-repeat center center; }

tr.loading td {
  text-align: center; }

td.child-table {
  background-color: red; }