html
{
    width:100%;
    background-color:white;
}

.ng-cloak{
    display:none !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

body {
    width:100%;
    background-color: white;
    border-top: solid 8px #000;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
	color:black;
	line-height: 1.3;
}

@media print {
	body{border-top:none}
}
.content-header
{
    width:100%;
    background-color:white; 
    border-top:15px solid #c2d4f7;
	border-top:15px solid #2fa4e7;
	border-bottom:2px solid#cccccc;
	padding-bottom:3px;
}
.content-spacer {
	height:10px;
	background-color: #ededed;
}
.content-body
{
    width:96%;
    background-color:white; 
    padding:10px 0px 10px 25px;
    min-height: 500px;
    overflow-wrap:break-word ;
}

.content-footer
{
    width:96%;
    background-color:white; 
    padding:10px 0px 10px 25px;
    font-size: .8em;
    border-top:5px;
}

/* menu */

div.nav a {
		font-size:1.1em;
        color: Black;
        text-decoration : none;
        border:none;
  }
  
div.nav a, div.nav a:visited
{
    white-space: nowrap;
}

div.nav a:hover
{
	color:Black;
    text-decoration: underline;
}

div.nav-mini a {
        text-decoration : none;
        border:none;
  }
  
div.nav-mini a, div.nav a:visited
{
    white-space: nowrap;
}

div.nav-mini a:hover
{
	color:Orange;
    text-decoration: underline;
}
	div.nav-mini a.active {
		color:Orange;
		text-decoration: underline;
	}

/*pagination*/
.pagination {
	/*overrides bootstrap margin:20px 0*/
	margin: 5px 0;
	z-index: 0;
	padding:0px;
}

table.index {
	width:99%;
}
.filterHelp {
	cursor:pointer; width:99%; text-align:right; color:#2fa4e7
}
td.index-filters {
	width:15%;
	border-right: 3px solid #c2d4f7;
	font-size: .85em;
	padding: 5px 0px 5px 0px;
}
td.index-filters .sideFilter {
	width:100%;
	padding-bottom:10px;
}
	td.index-filters .sideFilter input[type="text"] {
		width:95%;
	}
	td.index-filters .sideFilter input[type="text"].input-date {
		width:6em;
	}
	td.index-filters .sideFilter select {
		width:95%;
	}

.filterTitle{color:black; font-weight:600;}

td.index-grid {
	padding-left:5px; 
	width:85%;
}
td {
	vertical-align:top;
}

.td-label {
	width: 15%;
}
.td-label-nw {
	width: 15%;
	white-space:nowrap;
}

table.bb tr {
	border-bottom:1px solid #cccccc;
}

tr.bb {
	border-bottom:1px solid #cccccc;
}

@media print {
  a[href]:after {
    content: "";
  }
}

.error-msg {
	color:red;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

tr.input-validation-error td {
	background-color:yellow;
	border: 2px solid yellow;
}
span.input-validation-error, div.input-validation-error {
	padding:3px 3px 3px 3px;
	background-color:yellow;
}
input.input-validation-error {
    border: 2px solid #e80c4d;
	background-color:yellow;
}

textarea.input-validation-error {
    border: 2px solid #e80c4d;
	background-color:yellow;
}

input[type="submit"].input-validation-error, input[type="button"].input-validation-error {
    border: 1px solid #e80c4d;
	background-color:#ffde5b;
	background: #ffde5b;
}

select.input-validation-error {
	border: 1px solid #e80c4d;
	background-color:yellow;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-size: .9em;
}

.validation-summary-valid {
    display: none;
}

a.sortable.selected {
	text-decoration:underline;
}

.tar {
	text-align: right;
}

.tac {
	text-align: center;
}

.sm {
	font-size:.85em;
}

.rqd {
	color:red;
	font-weight:bold;
	font-size:1.2em;
}

/*jqueryui overrides*/

/*fix jquery ui-dialog disappearing under bootstrap nav*/
.ui-dialog {
	z-index:5000; 
}

/*ui-autocomplete needs to keep a zindex greater than ui-dialog*/
.ui-autocomplete {
  z-index: 10000;
}

ul.ui-menu {
	z-index: 100;
}

/*jquery ui dialog header*/
.ui-widget-header {
	background: #428bca;
	background-color: #428bca;
	color:white;
	height:auto;
}

ul.ui-tabs {
	background:#c6dcef;
	background-color:#c6dcef;
}

.ui-widget-content a {
	color: #428bca;
}
	/*Ensure bootstrap buttons look good in jqueryui popup*/
	.ui-widget-content a.btn  {
		color:white;
	}

/*jqueryui dialog titlebar button*/
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover{
	width:auto;
	height:auto;
	padding:1px 5px 1px 5px;
}
button.ui-dialog-titlebar-close {
	font-size:.85em;
	background:#67a2d4;
	background-color:#67a2d4;
	color:white;
}
button.ui-dialog-titlebar-close:hover {
	color:yellow;
}

/*jquery ui dialog additional buttons*/
.ui-dialog .ui-dialog-buttonpane {
	border:none;
	padding:0px 0px 0px 0px;
}


/* Make jqueryui dialog buttonset buttons using bootstrap btn-link class look like links*/
div.ui-dialog-buttonset button.btn.btn-link,
div.ui-dialog-buttonset button.btn.btn-link:focus,
div.ui-dialog-buttonset button.btn.btn-link:active
 {
	border:none;
	text-decoration:none;
	outline:none;
	color:blue;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
}
	div.ui-dialog-buttonset button.btn.btn-link:hover
	{
		color:orange;
		border: none;
		text-decoration: none;
		outline: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 15px 0px 0px;
	}

/*ui-autocomplete needs to keep a zindex greater than ui-dialog*/
.ui-autocomplete {
  z-index: 50000;
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
ul.ui-autocomplete {
	z-index:50000;
	background:white;
	background-color:white;
}
ul.ui-autocomplete li {
	z-index:50000;
	background:white;
	background-color:white;
}

.centered-pills { text-align:center; }
.centered-pills ul.nav.nav-pills, .centered-pills ul.nav.nav-tabs { display:inline-block; }
.centered-pills ul.nav.nav-pills li, .centered-pills ul.nav.nav-tabs li { display:inline; }

/*override bootstrap panel heading padding*/
.panel-heading {
	padding:8px 8px 8px 8px;
}

.form-control {
    padding: 5px 12px;
}

.date-range .form-control{
    float: left;
}

label.checkbox-label{
    font-weight:normal;
}

/*backward compatibility for reports until site is fully bootstrapped*/
table.th2 th
{
    vertical-align:top;
    text-align: left;
    padding: 4px 4px 4px 4px;
	font-weight:bold;
    background-color:#b2d8b2;
	color:black;
}
table.bordered td {
	border: 1px solid #cccccc;
}

.table-narrow-row td {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 7px !important;
	padding-right: 7px !important;
	margin: 0 !important;
}

/*textAngular puts p instead of br for line breaks - make them look like a regular line break*/
.ta-bind p{
	margin-bottom: 1px;
}

img
{
	border:0;
    border: none;
    text-decoration: none;
	outline:none;
}

a {
    outline: none; /* removes dotted line from around links in FF */
} 

a:link, a:visited, a:active, a:focus
{
    text-decoration: none;
	outline:0;
	outline:none;
}

a:hover
{
    color: #CC5500;
    text-decoration: none;
}

.well-sm {margin-bottom:10px}
.table-condensed {margin-bottom:0px}


.lof-body {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: .5em;
}

.header-items {
	display: flex;
	column-gap: 1.5em;
	align-items: baseline;
}

.loader {
	width: 48px;
	aspect-ratio: 1;
	border: 5px solid #2fa4e7;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: load 1s linear infinite;
}

@keyframes load {to{transform: rotate(1turn)}}

.bordered-grid > div {
	padding: 9px;
	border: 0.5px solid #e3e3e3;
}

.comma-list {
	display: inline;
	list-style: none;
	padding: 0px;
}
.comma-list li {
	display: inline;
	padding:0px;
	margin:0px;
}

.comma-list li:not(:last-child):after {
	content: ', ';
}

.suggestedInputLabel {
	color: hsl(208.05deg 100% 41.81%);
}

input[suggested="true"], select[suggested="true"],span[suggested="true"] {
	background-color: hsl(50,100%,85%);
}
	span[suggested="true"] {
		padding: 2px;
		border-radius: 4px;
	}

	input[suggested="true"]::placeholder {
		color: hsl(240,10%,43%);
	}