/*
	DATA TABLE / SEARCHING / VIEWING CSS ONLY
*/

/*
	ALL TABLES
*/

table {
  border-collapse: collapse;
  width: 100%;
}
table.mini-columns {
  width: auto;
  background-color: #e5e5e5;
}
/*
	Headers / filters
*/

th {
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 8px 5px 8px;
  position: relative;
  color: #ffffff;
}
table.complex-filters th {
  vertical-align: top;
}
th:last-child {
  padding-right: 10px;
}
tr.advanced-filters th {
  font-size: 16px;
}
tr.advanced-filters input[type=text] {
  padding: 2px 5px 2px 5px;
  box-sizing: border-box;
}
table thead th.fill {
  width: 100%;
}
table tr.field-groups + tr > th {
  padding-top: 0;
}
table thead input,
table thead select {
  padding: 5px !important;
  outline: none !important;
  border: none !important;
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff !important;
  font-size: 24px !important;
  width: 100% !important;
  box-sizing: border-box;
}
table thead input {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 8px 8px 5px 8px !important;
  position: relative;
  min-width: 120px;
}
table thead .generic_pager input {
  width: 60px !important;
}
table thead .multi-filters input {
  margin-left: 5px;
}
table thead .multi-filters input:first-child {
  margin-left: 0;
}
table thead input:first-child {
  margin-right: 0;
}
table thead select option {
  color: #000000 !important;
}
table thead .micro select {
  width: 70px !important;
}
table thead select option {
  color: #707070;
}
table thead select.populated option {
  color: #ffffff !important;
}
table thead tr.advanced-filters input {
  font-size: 16px;
}
table thead input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff;
  text-shadow: none;
  text-transform: none;
}
table thead input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
  text-shadow: none;
  text-transform: none;
}
table thead input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff;
  text-shadow: none;
  text-transform: none;
}
table thead input:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
  text-shadow: none;
  text-transform: none;
}
table thead input::placeholder {
  color: #ffffff;
  text-shadow: none;
  text-transform: none;
}
table thead input:not(:placeholder-shown) {
  background-color: #41427f;
}
table thead select.populated {
  background-color: #41427f;
}
table thead .icon_datepicker {
  padding-left: 5px;
}
table .group-header td {
  background-color: #e0ebe5;
  border-bottom: 1px solid #e0e0e0;
  font-size: 18px;
  position: relative;
  font-weight: 100;
}
table.search-results tr td:first-of-type {
  color: #FFFFFF;
  font-weight: 600;
}
table .group-header.super td {
  font-weight: 400;
  font-size: 24px;
}
th .material-icons {
  padding-top: 5px;
}
th.tools {
  padding: 0;
}
th.tools > span {
  padding: 5px 10px 5px 10px;
  vertical-align: middle;
}
th .primary-actions {
  margin: 0 10px 0 0;
  float: right;
}
th .primary-actions button {
  font-size: 16px;
  background-color: #13492c;
}
th .state-filter {
  background-color: #1b6940;
  color: #ffffff;
  margin-right: 5px;
  padding: 2px 5px 2px 5px;
}
table .primary-actions {
  float: right;
}
table .primary-actions button {
  font-size: 14px;
  background-color: #13492c;
  padding: 5px 10px 5px 10px;
}
table .group-header .primary-actions button {
  font-size: 14px;
  background-color: #13492c;
  padding: 2px 6px 2px 6px;
}
input[type=text].filter {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAAQIDBwgJDg8RExcdICMzPUJERUdMUVJcX2F5e36FiZigoqWrtcPF2eDi5Obp6+/z+fuRCq6wAAAAiklEQVQYGVXBRwKCMABFwU8QFbtgwV6wV/Dd/26GZKMzspIbUC5r8swB79mWs4VVHEbDN8+arC6MVWm8Wcpac5Q3pDSSLqTyImhJKujLC6Ej6UQmL4ampBkPI2fFXVb9Q25kjWGkSgKPrJ8egamc5IPzgomcaH4urpuuyWGqX8EeBvoV7FjoT9AzXxZnEVySl7A0AAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 98% 5px;
  background-size: 10px;
  height: 44px;
}
select.filter {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMAAQIDBwgJDg8RExcdICMzPUJERUdMUVJcX2F5e36FiZigoqWrtcPF2eDi5Obp6+/z+fuRCq6wAAAAiklEQVQYGVXBRwKCMABFwU8QFbtgwV6wV/Dd/26GZKMzspIbUC5r8swB79mWs4VVHEbDN8+arC6MVWm8Wcpac5Q3pDSSLqTyImhJKujLC6Ej6UQmL4ampBkPI2fFXVb9Q25kjWGkSgKPrJ8egamc5IPzgomcaH4urpuuyWGqX8EeBvoV7FjoT9AzXxZnEVySl7A0AAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 98% center;
  background-position: 98% 5px;
  background-size: 10px;
  height: 44px;
}
th input.full,
th select.full {
  width: 100%;
  box-sizing: border-box;
}
th .sort-header {
  display: flex;
  flex-direction: column;
  height: 44px;
}
th .sort-header a {
  color: #ffffff;
  background-color: #1f7a49;
  height: 33%;
  overflow: hidden;
  font-size: 20px;
}
th .sort-header.is-up a.up,
th .sort-header.is-down a.down {
  background-color: #41427f;
}
th .sort-header a:hover {
  opacity: 0.5;
}
th .sort-header a:before {
  font-family: Material Icons;
  margin-top: -3px;
  display: block;
  text-align: center;
}
th .sort-header a.up:before {
  content: 'arrow_drop_up';
}
th .sort-header a.down:before {
  content: 'arrow_drop_down';
}
th .sort-header a.clear:before {
  content: 'clear';
  margin-top: -1px;
  font-size: 15px;
}
.multi-filters {
  display: flex;
  flex-direction: row;
}
.multi-filters > label {
  height: 43px;
  position: relative;
  top: 5px;
  padding-right: 10px;
}
th button,
.multi-filters button {
  outline: none;
  border: none;
  background-color: #1f7a49;
  height: 43px;
  position: relative;
}
.multi-filters button.has-tristate-flagged-icon i {
  display: inherit;
}
.multi-filters button.has-tristate-flagged-icon i.material-icons {
  font-size: 1em;
}
.multi-filters button.warning-filter:before,
.multi-filters button.good-filter:before,
.multi-filters button.has-tristate-flagged-icon:before {
  font-family: FontAwesome;
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 10px;
}
.multi-filters button.warning-filter:before {
  content: '\f071';
}
.multi-filters button.good-filter:before {
  content: '\f058';
}
.multi-filters button.has-tristate-flagged-icon.tritrue:before {
  content: '\f058';
}
.multi-filters button.has-tristate-flagged-icon.trifalse:before {
  content: '\f071';
}
.multi-filters button.has-tristate-flagged-icon.close-not-warning.trifalse:before {
  content: '\f05e';
}
.multi-filters button.has-tristate-flagged-icon.cross-not-warning.trifalse:before {
  content: '\f00d';
}
.multi-filters button.has-tristate-flagged-icon.trinull:before {
  content: '\f069';
}
.multi-filters button.active {
  background-color: #41427f;
}
.multi-filters button.tritrue {
  background-color: #41427f;
}
.multi-filters button.trifalse {
  background-color: #41427f;
}
.multi-filters .multistate.hasvalue {
  background-color: #41427f;
}
th.micro {
  width: 20px !important;
}
th.mini {
  width: 80px !important;
}
th.midi {
  max-width: 200px !important;
}
th.select {
  width: 40px !important;
}
th.id {
  width: 80px !important;
}
th.name {
  min-width: 200px;
}
th.status {
  width: 90px !important;
}
th.type {
  width: 20px !important;
}
/*
	Body
*/

table.mini-columns td {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
td {
  padding: 15px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #7F90B2;
}
table.stealth td {
  padding-top: 2px;
  padding-bottom: 2px;
}
td.multi-row-item > * {
  display: block;
}
td.multi-row-item > .secondary {
  font-size: 14px;
  color: #707070;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
td .compound-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
td.multi-row-item > .secondary > *,
td .compound-item > * {
  padding-right: 5px;
}
td.multi-row-item > .secondary > *:last-child,
td .compound-item > *:last-child {
  padding-right: 0;
}
td i.material-icons {
  font-size: 1.25em;
}
td .shortcut i.material-icons {
  font-size: 1.5em;
}
td .shortcut {
  display: inline-block;
}
td .shortcut:hover {
  background-color: #419366;
  color: #ffffff;
}
td > i.fa,
td > span > i.fa,
td > i.material-icons,
td > span > i.material-icons,
td > .icon-container,
td > span > .icon-container {
  display: block;
  text-align: center;
}
/*
    SCROLLING FIRST COLUMN 
*/

.table-scroll {
  position: relative;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
}
.table-wrap {
  width: 100%;
  overflow: auto;
}
.table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}
.table-scroll th,
.table-scroll td {
  padding: 5px 10px;
  white-space: nowrap;
  vertical-align: top;
}
.clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.clone th,
.clone td {
  visibility: hidden;
}
.clone td,
.clone th {
  border-color: transparent;
}
.clone tbody th {
  visibility: visible;
  color: red;
}
.clone .fixed-side {
  background: #1B2B4B;
  visibility: visible;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  top: -1px;
  border-right: 3px solid rgba(0, 0, 0, 0.25);
}
.clone tr:nth-child(odd) .fixed-side {
  background: #1b2f50;
}
.clone thead,
.clone tfoot {
  background: transparent;
}
.fixed-side.fs-head {
  position: absolute;
  width: 0px;
}
.clone .fixed-side.fs-head {
  position: absolute;
  width: 90px;
  background: #ec2001;
}
/* Use ONE or other of these depending on whether you want row colouring to start */

tr:nth-child(odd) {
  background-color: rgba(1, 116, 178, 0.05);
}
table.clickable tbody tr:hover,
tr.clickable:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transition: all ease 0.7s;
  cursor: pointer;
}
table tr.field-groups th.group > span {
  display: block;
  font-size: 16px;
  border-bottom: 2px solid #ffffff;
  margin-left: 5px;
  margin-right: -5px;
  padding-bottom: 3px;
}
td.midi > span {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
td.select {
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
}
ul.additional-items {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
ul.additional-items.mini {
  display: inline-flex;
}
ul.additional-items li {
  margin: 2px;
  padding: 2px;
  font-size: 0.8em;
  background-color: #eeeeee;
  white-space: nowrap;
}
.record-summary {
  display: flex;
  flex-direction: column;
}
.record-summary .codes {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.record-summary .codes > * {
  white-space: nowrap;
}
tr.row-group-start {
  border-top: 1px dotted rgba(0, 0, 0, 0.3);
}
/*
	CONTEXT SPECIFIC PRESENTATION 
*/

.popup th {
  font-size: 16px;
}
.popup td {
  font-size: 15px;
}
.popup table thead select {
  font-size: 14px;
}
table.stealth {
  zoom: 95%;
}
table.compact {
  zoom: 90%;
}
.stealth th {
  text-align: left;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 5px;
  position: relative;
  background-color: #99ada2;
  color: #ffffff;
}
.stealth thead input,
.stealth thead select {
  font-size: 16px !important;
  font-weight: 600 !important;
  height: 32px !important;
}
.stealth th button,
.stealth .multi-filters button {
  height: 32px !important;
}
.stealth .generic_pager > * {
  font-weight: 100 !important;
}
.stealth .generic_pager input,
.stealth .generic_pager button,
.stealth .generic_pager a {
  height: 24px !important;
  padding: 0 5px 0 5px;
}
.stealth .long-text-container > span {
  font-size: 14px;
  white-space: pre-wrap;
}
.stealth input[type=text].filter {
  height: inherit;
}
.stealth input[type=text].filter {
  height: inherit;
}
/*
    UTILITY 
*/

.atomic {
  white-space: nowrap;
}
.atomic.time {
  display: block;
}
.spread {
  flex-wrap: wrap;
}
/*
    JQUERY UI FIXES
*/

.ui-widget table th {
  font-size: unset;
  background-color: inherit;
  color: inherit;
}