/** This file contains Various local style customizations **/
/************************/
body, html {
	line-height: 1.15rem;
	font-size: 15px;
}
/** Styling of Required fields on forms **/
input.reqdClr, select.reqdClr, textarea.reqdClr {
	background-color: #E4E476 !important;
	border: 1px solid #bac5c6 !important;
	outline: none;
	border-radius: .2rem;
}
input.badPick, select.badPick, textarea.badPick {
	background-color: #FF3366 !important;
}
input.goodPick, select.goodPick, textarea.goodPick {
	background-color: rgba(173, 236, 199, 0.3) !important;
}
#taxon_form label, #taxon_form2 label {
	font-size: .8rem;
	line-height: 1.02;
	font-weight: 450;
}
.small90 {
	font-size: 89%
}
.small95 {
	font-size: .9rem;
}
.font-weight-lessbold {
	font-weight: 500;
}
.text-muted {
	color: #6a737b!important;
}
a {
	cursor: pointer;
}
.blueFocus a:focus {
	box-shadow: 0 0 0 0.18rem rgb(0 123 255 / 20%);
} 
/** Styling of external links out, shared with production **/
.external:after {
	text-decoration: none !important;
	content: "\a0"url(/shared/images/linkOut.gif);
}
a.external:link:after {
	text-decoration: none !important;
	content: "\a0"url(/shared/images/linkOut.gif);
}
a.external:hover:after {
	text-decoration: none !important;
	content: "\a0"url(/shared/images/linkOutHover.gif);
}
a.external:visited:after {
	text-decoration: none !important;
	content: "\a0"url(/shared/images/linkOutVisited.gif);
}
a.external:hover:visited:after {
	text-decoration: none !important;
	content: "\a0"url(/shared/images/linkOutHover.gif);
}
.imgsize {
	width: 31.15%;
	margin: 0 1%;
}
.imgsize:last-child {
	margin-right: 0;
}
table {
	font-size: 0.875rem;
}
table td .small {
	font-size: 90%
}
/*********************************************/
/* BELOW  Misc. Additions to Bootstrap Styles*/
/*********************************************/
.bg-lightgreen {
	background-color: #CAEAAD;
}
.bg-verylightgreen {
	background-color: #EBFFEB !important;
}
.border-white {
	border: 1px solid white;
}
.border-green {
	border: 1px solid green !important;
}
.border-lt-gray {
	border: 1px solid #dbe0e1;
}
.border-wide-green {
	border: 2px solid green !important;
}
.border-wide-grey {
	border: 2px solid darkgrey !important;
}
.border-bottom-black {
	border-bottom: 8px solid black;
}
.border-top-teal {
	border-top: 2px solid #3E6f7d;
}
.border-bottom-ltblue {
	border-bottom: 2px solid #b8d7f8;
}
.bg-verylightteal {
	background-color: #f2f9ff;
}

/*********************************************/
/* BELOW  Misc. Override of Bootstrap Styles */
/*********************************************/
option:hover {
	font-weight: normal;
	display: block;
	white-space: pre;
	min-height: 1.2rem;
	padding: .25rem .5rem;
	outline: #ccc auto 1px;
}
dfn {color:#444;font-weight: 600;}
select:focus {
	outline-offset: 0;
	outline: 0;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
/*	line-height: 1.25;
	margin: .5rem 0;*/
	font-weight: 500;
}
h1, .h1 {
	font-size: 1.35rem;
	margin-bottom: 1rem;
}
dl, ol, ul {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: .875rem;
}
span.var-display {
	font-size: .875rem;
}
legend {
	font-size: .875rem;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: .7rem;
}
[hidden] {
	display: none;
}
.smallcaps {
	font-variant: small-caps;
}
h2, .h2 {
	font-size: 1.25rem;
}
h3, .h3 {
	font-size: 1.15rem;
}
h4, .h4 {
	font-size: 1rem;
}
h5, .h5 {
	font-size: .875rem;
}
h6, .h6 {
	font-size: .75rem;
}
h2.h3 {
	margin-top: .5rem;
	padding-top: .25rem;
}
h1.h3 {
	margin-top: .45rem;
}
h1.h4 {
	margin-top: .5rem;
}
.text-dark-gray {
	color: #524e4e;
}
.btn-link, .helpText, .fas-info {
	color: #036ee0 !important;
}

span.caps {
	text-transform: capitalize;
}
.line-height-sm {
	line-height: .9rem;
}
#resultLink a {
	padding: .15rem .25rem;
	outline: 0;
}
#resultLink a.hover, #resultLink a:hover {
	padding: .15rem .25rem;
	outline: 0;
}
#resultLink a.focus, #resultLink a:focus {
	padding: .15rem .25rem;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.jqx-grid-cell-left-align a {
	padding: .15rem .25rem;
	outline: 0;
}
.jqx-grid-cell-left-align a.hover, .jqx-grid-cell-left-align a:hover {
	padding: .15em .25rem;
	outline: 0;
}
.jqx-grid-cell-left-align a.focus, .jqx-grid-cell-left-align a:focus {
	padding: .15rem .25rem;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
/* Editable cells in a jqx-grid */
.editable-cell {
	border-width: 1px 1px 1px 1px !important;
	border-color: #939393 !important;
}
p {
	margin-bottom: .75rem;
	line-height: normal;
	margin-top: 0;
	font-size: .95rem;
}
/*p:focus {
	box-shadow: 0 0 0 0;
}
div:focus, div > span:focus {
	box-shadow: 0 0 0 0;
}
div:focus, div > span:focus {
	box-shadow: 0 0 0 0;
}*/
.info {
	position: absolute;
	left: -9000px;
	width: 0;
	overflow: hidden;
}
a {
	color:#006ee3;
}
.link-color {
	color: #006ee3;
}
.brackets {
	width: 5px;
	font-size: 24px;
	margin-top: -4px;
}
.warning {
	border: 5px solid red;
}
.sm-caps {
	font-variant: small-caps;
}
.input-group-text-sm {
	padding: .25rem .5rem !important;
}
.custom-form-input {
	height: calc(1rem + .375rem + .5rem);
}
.line-height-sm {
	line-height: 1.15;
}
.non-field-text {
	padding: .15rem .5rem;
	border-radius: .2rem;
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.15rem;
}
.text-other {
	font-size: .875em;
	font-weight: 500;
}
#loanAgents tr {
	line-height: 1rem;
}
label {
	/* Override bootstrap label .5rem to reduce excess whitespace on forms. */
	margin-bottom: 0;
}
.border { /* bootstrap border override */
	border: 1px solid #bac5c6 !important;
}
.shadowbox {
	box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.09);
}
.bg-grayish {
	background-color: #F5F5F5;
}
.dotted-border {
	border: 2px dotted #bac5c6 !important;
}
.text-grayish {
	color: #f5f5f5;
}
/*********************************/
/* BELOW:    code for 3 searches */
/*********************************/
/************************
*************************
BELOW: Small Form button (bootstrap override)
************************/
.btn-xs { /*********Changed padding and font size to see if the text is more vertically aligned; vertical-align:middle; hasn't worked**********/
	display: inline-block;
	font-weight: 500;
	color: #212529;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid #aaa;
	padding: .15rem .5rem .22rem .5rem;
	font-size: .875rem;
	line-height: 1.15rem;
	border-radius: .2rem;
}
button#showRelatedDataBtn.btn-xs {
	display: inline-block;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid #aaa;
	padding: .15rem .5rem .22rem .5rem;
	font-size: .875rem;
	line-height: 1.15rem;
	border-radius: .2rem;
	color: #006ee3;
}
.btn-outline-primary {
	background-color: white;
}
.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border: 1px solid hsl(0, 0%, 62%);
}
.btn-outline-success {
	color: #18780b;
	border-color: #18780b;
}
.date-field-forms {
	padding: .4rem .8rem .5rem .8rem;
	margin: .5rem .9rem .2rem 1.2rem;
}
/************************
*************************
BELOW: Main button (bootstrap override)
************************/
button:focus, input:focus, select:focus, button.focus, input.focus, select.focus {
	outline: 0;
	border: 1px dotted #ccc;
	box-shadow: 0 0 0 0.18rem rgb(0 123 255 / 40%);
	border-radius: .2rem;
}
span.data-entry-addon {
	cursor: pointer;
}
.btn-primary {
	background-color: #d9f1f3;
	border: 1px solid hsl(0, 0%, 56%, 1);
	color: buttontext;
}
.btn-sm {
	margin-top: 0;
	height: calc(1.5rem + .5rem + 1px);
}
.btn-primary:hover {
	/*background-color: #d3dfe0;*/
	color: #212529;
	background-color: #deebec;
	background: #deebec;
	border: 1px solid hsl(0, 2%, 47%);
}
.btn-primary:focus, .btn-primary.focus, span.data-entry-addon.focus, span.data-entry-addon:focus {
	background-color: #deebec;
	color: #212529;
	border: 1px solid #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	background-color: #deebec;
	color: #212529;
	border: 1px solid #ced4da;
}
.btn-powder-blue {
	color: #1b1b1b;
	letter-spacing: .04rem;
	background-color: #d9e8fa;
	border: 1px solid hsl(0, 0%, 62%);
	font-size: small;
	font-weight: 490;
}
.btn-powder-blue:hover {
	/*background-color: #d3dfe0;*/
	color: #fff;
	background: #54a4f9;
	letter-spacing: .04rem;
	border: 1px solid hsl(0, 2%, 47%);
}
.btn-secondary {
	background-color: #d7d7d7;
	background: #d7d7d7;
	border: 1px solid hsl(0, 0%, 62%);
	color: #212529;
	margin-top: 0;
}
.btn-secondary:hover {
	color: #212529;
	border: 1px solid hsl(0, 2%, 47%);
	background-color: rgba(220, 220, 220, .8);
}
.btn-secondary:focus, .btn-secondary.focus {
	background-color: #d7d7d7;
	color: #212529;
	border: 1px solid hsl(0, 2%, 47%);
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
	background-color: #d7d7d7;
	color: #212529;
	border: 1px solid hsl(0, 2%, 47%);
}
.btn-secondary.disabled, .btn-secondary:disabled {
	background-color: #d7d7d7;
	color: #999;
	border: 1px solid hsl(0, 2%, 47%);
	box-shadow: 0 0 0 0.02rem rgba(255, 255, 255, 0.5);
	box-shadow: none;
}
.btn-warning {
	background-color: #ffc10782;
	background: #ffc10782;
	border: 1px solid hsl(0, 0%, 56%, 1);
	color: buttontext;
	margin-top: 0;
}
.btn-warning:hover {
	background-color: #f5bd12ba;
	color: #212529;
	border: 1px solid hsl(0, 2%, 47%);
}
.btn-warning:focus, .btn-warning.focus {
	background-color: #f5bd12ba;
	color: #212529;
	border: 1px solid hsl(0, 2%, 47%);
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	background-color: #f5bd12ba;
	color: #212529;
	border: 1px solid hsl(0, 2%, 47%);
}
.btn-warning.disabled, .btn-warning:disabled {
	background-color: #f5bd12ba;
	color: #999;
	border: 1px solid hsl(0, 2%, 47%);
	box-shadow: 0 0 0 0.02rem rgba(255, 255, 255, 0.5);
	box-shadow: none;
}
.jqx-grid-cell {
	border-width: 0px 1px 1px 1px;
	border-color: buttonface;
}
.jqx-grid-cell a {
	padding-left: .3rem;
}
.jqx-grid-cell a.focus, .jqx-grid-cell a:focus {
	text-decoration: underline;
	box-shadow: 0 0 0 0.02rem rgba(255, 255, 255, 0.5);
	box-shadow: none;
}
.text-success {
	color: #1e5d16 !important;
	color: #18780b !important;
}

.btn-danger {
	background-color: #f8d7da;
	background: #f8d7da;
	border: 1px solid hsl(0, 0%, 56%, 1);
	color: #c82333;
	margin-top: 0;
}
.btn-primary.disabled, .btn-primary:disabled, .btn-secondary:disabled, .btn-secondary.disabled, .btn-warning.disabled, .btn-warning:disabled, .btn-danger.disabled, .btn-danger:disabled {
	background-color: #d7d7d7;
	color: #999;
	border: 1px solid hsl(0, 2%, 47%);
	box-shadow: 0 0 0 0.02rem rgba(255, 255, 255, 0.5);
	box-shadow: none;
}

/************************
BELOW: Cell styles for specimen search results grids
used by cellclassname functions in the results grids
************************/
.primaryTypeCell { 
	background-color: #ffe1e1\9;
}
.secondaryTypeCell { 
	background-color: #e8f1ff\9;
} 
.primaryTypeCell.jqx-grid-cell-pinned { 
	background-color: #eedbdb\9;
}
.secondaryTypeCell.jqx-grid-cell-pinned { 
	background-color: #e1edff\9;
}
/** base classes above have transparency to tint with hover/selected, :not classes below give solid color when not hover/selected **/
.primaryTypeCell:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .primaryTypeCell:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {  
	background-color: #ffe1e1;
}
.secondaryTypeCell:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .secondaryTypeCell:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {  
	background-color: #e8f1ff;
} 
.jqx-grid-cell-pinned.primaryTypeCell:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .jqx-grid-cell-pinned.primaryTypeCell:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {  
	background-color: #eedbdb;
}
.jqx-grid-cell-pinned.secondaryTypeCell:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .jqx-grid-cell-pinned.secondaryTypeCell:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) { 
	background-color: #e1edff;
}

/************************
*************************
BELOW: SPECIMEN DETAIL STYLES 
************************/
/* BELOW: Top label area on Specimen Record Detail */
.defaultType {
	background-color: white;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */
	-webkit-box-shadow: -2px -1px -4px -5px rgba(204, 204, 204, 1);
	-moz-box-shadow: -2px -1px -4px -5px rgba(204, 204, 204, 1);
	box-shadow: -2px -1px -4px -2px rgba(204, 204, 204, 1);
	border-bottom: 1px solid #ccc;
}
.primaryType {
	background-color: white;
	-webkit-box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	-moz-box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	border-bottom: 1px double #ccc;
	background: -moz-linear-gradient(top, rgba(165, 28, 48, .3) 0%, rgba(160, 77, 88, 0.12) 100%, rgba(109, 0, 25, 0) 100%); /*FF3.6-15*/
	background: -webkit-linear-gradient(top, rgba(165, 28, 48, .3) 0%, rgba(160, 77, 88, 0.12) 100%, rgba(109, 0, 25, 0) 100%); /*Chrome10-25,Safari5.1-6*/
	background: linear-gradient(to bottom, rgba(165, 28, 48, .3) 0%, rgba(160, 77, 88, 0.12) 100%, rgba(109, 0, 25, 0) 100%); /*W3C,IE10+,FF16+,Chrome26+, Opera12+,Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a51c30', endColorstr='#0a6d0019', GradientType=0); /* IE6-9 */
	border: 1px solid #aaa;
}
.secondaryType {
	background-color: white;
	-webkit-box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	-moz-box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	border-bottom: 1px double #ccc;
	background: -moz-linear-gradient(top, rgba(6, 109, 171, 0.4) 0%, rgba(138, 187, 215, 0.13) 100%, rgba(197, 222, 234, 0) 100%); /*FF3.6-15*/
	background: -webkit-linear-gradient(top, rgba(6, 109, 171, 0.4) 0%, rgba(138, 187, 215, 0.13) 100%, rgba(197, 222, 234, 0) 100%); /*Chrome10-25,Safari5.1-6*/
	background: linear-gradient(to bottom, rgba(6, 109, 171, 0.4) 0%, rgba(138, 187, 215, 0.13) 100%, rgba(197, 222, 234, 0) 100%); /*W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e066dab', endColorstr='#00c5deea', GradientType=0); /*IE6-9 */
	border: 1px solid #aaa;
}
.ptype {
	font-weight: bold;
	background-color: white;
	border: 1px solid #ccc;
	border: 1px solid #aaa;
	padding: 5px;
	margin-top: 1rem;
	width: auto;
	display: block;
	position: absolute;
	margin-left: -200px;
}
.stype {
	font-weight: bold;
	background-color: #fff;
	color: black;
	border: 1px solid #aaa;
	padding: 5px;
	margin-top: 1rem;
	width: auto;
	position: absolute;
	margin-left: -500px;
}
.primaryType {
	background-color: white;
	-webkit-box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	-moz-box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	border-bottom: 1px double #ccc;
	background: -moz-linear-gradient(top, rgba(165, 28, 48, .3) 0%, rgba(160, 77, 88, 0.12) 100%, rgba(109, 0, 25, 0) 100%); /*FF3.6-15*/
	background: -webkit-linear-gradient(top, rgba(165, 28, 48, .3) 0%, rgba(160, 77, 88, 0.12) 100%, rgba(109, 0, 25, 0) 100%); /*Chrome10-25,Safari5.1-6*/
	background: linear-gradient(to bottom, rgba(165, 28, 48, .3) 0%, rgba(160, 77, 88, 0.12) 100%, rgba(109, 0, 25, 0) 100%); /*W3C,IE10+,FF16+,Chrome26+, Opera12+,Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a51c30', endColorstr='#0a6d0019', GradientType=0); /* IE6-9 */
	border: 1px solid #aaa;
}
/*.card-columns .card {
	margin-bottom: 0;
}*/
.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: .25rem .5rem;
}
.card-body ul li {
	padding-left: .5rem;
	list-style: none;
}
.media_widget {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
li.pid {
	padding-left: 0;
}
.card-header {
	padding: .25rem .75rem;
}
/*.no-card {
	border: none;
}*/
.no-card {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
}
.list-group-item {
	padding: 0.25rem .5rem .22rem .5rem;
}
li.pid {
	color: #666;
	list-style: circle;
	padding-bottom: 0;
}
li.list-group-item.thethumbs {
	width: 120px;
	font-size: smaller;
	line-height: 15px;
	padding: 10px;
	float: left;
	display: inline;
	margin: 10px 10px 10px 0;
}
li.list-group-item.thethumbs:first-child {
	width: 120px;
	font-size: smaller;
	line-height: 15px;
	padding: 10px;
	float: left;
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}
/************************
*************************
BELOW: SEARCH PAGE STYLES to 
override Bootstrap styles
************************/
table#POITable {
	display: block;
	border: none;
}
#POITable select option {
	font-size: 12px;
}
.searchfield {
	margin-top: .5rem;
	font-size: 1.2rem;
	padding-bottom: 0;
	float: left;
	width: 1.2rem;
	margin-right: .6rem;
	list-style: none;
}
.rec_count {
	color: #006100;
	font-size: 15px;
}
body.modal-open {
	padding: 0 !important;
	overflow-y: scroll !important;
}
.jqxlistbox2.jqx-listbox {
	margin-left: 6px
}
.list-group-item {
	background-color: transparent;
}
/***********************************************/
/* BELOW: filter and column slider menu styles */
/***********************************************/
/*#cbp-spmenu-s2 {
	z-index: 600;
}*/
/* #showRightPush black label "Filters" tab that moves the filter for what is in the columns*/
/*section a#showRightPush {
	width: 30px;
	margin-left: -30px;
	writing-mode: vertical-rl;
	z-index: 999;
	margin-top: 163px;
	padding: 7px 1px 7px 5px;
	position: relative;
	letter-spacing: .07rem;
	font-weight: bold;
	font-size: 1rem;
	transform-origin: top left;
	text-align: center;
	color: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}*/
/* #showLeftPush black label "Columns" tab that moves the filter for displaying the columns*/
/*section a#showLeftPush {
	width: 32px;
	margin-right: -30px;
	writing-mode: vertical-rl;
	z-index: 999;
	right: 30px;
	padding: 7px 3px 7px 5px;
	position: relative;
	letter-spacing: .07em;
	font-weight: bold;
	font-size: 1rem;
	margin-top: 301px;
	transform-origin: top right;
	text-align: center;
	color: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cbp-spmenu {
	background: white;
	position: fixed;
	z-index: 5000;
}
.cbp-spmenu h3.filters {
	color: #3E6F7D;
	font-size: 1.7rem;
	padding: 20px;
	margin: 0;
	font-weight: 400;
	background: #DEEBEC;
	margin-top: -298px;
}
.cbp-spmenu a {
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
	color: #006ee3;
}
.cbp-spmenu a:hover {
	cursor: pointer;
	font-weight: 400;
}
.cbp-spmenu a:active {
	color: azure;
}
.cbp-spmenu-vertical {
	width: 298px;
	height: 100%;
	top: 0;
	z-index: 50000;
	background-color: white;
}

.cbp-spmenu-right {
	right: -298px;
}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
	border-left: 1px solid #ccc;
	padding-right: 3px;
	transition: all 0.3s ease;
}
.cbp-spmenu, .cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cbp-spmenu h3.columns {
	color: #3E6F7D;
	font-size: 1.3rem;
	padding: 16px;
	margin: 0;
	font-weight: 400;
	background: #DEEBEC;
	margin-top: -392px;
}

.cbp-spmenu-left {
	right: -214px;
}
.cbp-spmenu section a.disabled {
	display: none;
}
.cbp-spmenu-vertical-left {
	width: 214px;
	height: 420px;
	top: 0;
	z-index: 50000;
	background-color: white;
}
.cbp-spmenu-left {
	right: -214px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	right: 0px;
	border: 1px solid #ccc;
	border-right: none;
	transition: all 0.3s ease;
}*/
#clearfilter {
	margin-left: 1rem;
	margin-top: 1rem;
}
#applyfilter {
	margin-top: 1em;
}
.black-filter-btn {
	border-color: rgb(255, 255, 255);
	color: #555;
	background-color: rgb(15, 13, 14);
	box-shadow: rgb(204, 204, 204) 0px 0px 5px;
	border-width: 3px 0 3px 3px;
}
.black-columns-btn {
	border-color: rgb(255, 255, 255);
	color: #555555;
	background-color: rgb(15, 13, 14);
	box-shadow: rgb(204, 204, 204) 0px 0px 5px;
	border-width: 3px 0 3px 3px;
}
a#showRightPush.hiddenclass {
	display: none;
}
a#showLeftPush.hiddenclass {
	display: none;
}
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 7px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 15px;
}
#regForm {
	margin: 0px auto;
	padding: 0 20px;
	width: 100%;
	min-width: 300px;
}
#regForm input {
	display: block;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.6rem;
	padding-right: .5rem;
	padding-left: .5rem;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	width: 100%;
}
#regForm select {
	font-size: .875rem;
}
/* Mark input boxes that gets an error on validation: */
#regForm input.invalid, #regForm select.invalid {
	background-color: #ffdddd;
}
/* Hide all steps by default: */
#regForm .tab {
	display: none;
}
#prevBtn {
	background-color: #bbbbbb;
}
/* Make circles that indicate the steps of the form: */
#regForm .step {
	height: 26px;
	width: 116px;
	margin: 0 2px;
	background-color: #bbbbbb;
	border: none;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.95;
	color: #1b1b1b;
	padding: 3px;
	letter-spacing: .02rem;
}
#regForm .step.active {
	opacity: 1;
	background-color: #3E6F7D;
	color: white;
	letter-spacing: .02rem;
}
/* Mark the steps that are finished and valid: */
#regForm .step.finish {
	background-color: #80ADCC;
	background-color: #d3ebd8;
	border: 1px solid green;
	letter-spacing: .02rem;
}
/*************************************/
/*****BELOW:  User Profile Page styles  RSS feed
/*************************************/
#divRss {
	border: 2px solid #deedec;
	border-radius: .2rem;
	padding: .23rem;
	margin-top: 3.5rem;
	margin-bottom: 2rem;
}

.shell {
	background-color: #deedec;
	padding-top: .13rem;
}
.shell h2 span {
	dipslay: block;
}
.feedAtom div {
	float: left;
	width: auto;
}
.feedAtom:nth-child(even) {
	background-color: #fff;
	padding: .5rem;
}
.feedAtom:nth-child(odd) {
	background-color: #F8F9FA;
	padding: .5rem;
}
.feedAtom a {
	clear: both;
	padding: .5rem .5rem 0 .5rem;
	display: block;
}
.updatedAtom {
	background-color: lightgoldenrodyellow;
	padding: 2px .5rem;
	height: 1.75rem;
	margin: 0 5px 0 0;
	border: 1px solid palegoldenrod;
}
.loginMessage {
	color: #a51c30;
	background-color: #ffedeb;
	border-radius: .25rem;
	border: 1px solid #A51c30;
	font-style: italic;
	display: inline-block;
	margin: .75rem .5rem .5rem 0;
	padding: .5rem;
}
.redbox {
	background-color: #f8d7da!important;
	padding: 1rem;
	border: 2px solid #a51c30!important;
}
code {
	font-size: 80%;
}
#partForm .row {
	margin: 15px 0;
}
#partForm label {
	margin-bottom: 0;
	margin-left: 5px;
}
#partForm .form-group {
	margin-right: 5px;
}
#jqxDropDownList {
	padding: .86rem 0;
}
button.detail-edit-cell {
	width: auto;
	margin-top: -1.9rem;
}
button#open.red_bk {
	background-color: white;
	-webkit-box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	-moz-box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	box-shadow: -2px -3px 40px -5px rgba(204, 204, 204, 1);
	background: -moz-linear-gradient(top, rgba(165, 28, 48, .3) 17%, rgba(160, 77, 88, 0.17) 100%, rgba(109, 0, 25, .14) 100%); /*FF3.6-15*/
	background: -webkit-linear-gradient(top, rgba(165, 28, 48, .3) 17%, rgba(160, 77, 88, 0.17) 100%, rgba(109, 0, 25, .14) 100%); /*Chrome10-25,Safari5.1-6*/
	background: linear-gradient(to bottom, rgba(165, 28, 48, .3) 17%, rgba(160, 77, 88, 0.17) 100%, rgba(109, 0, 25, .14) 100%); /*W3C,IE10+,FF16+,Chrome26+, Opera12+,Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a51c30', endColorstr='#0a6d0019', GradientType=0);
}
input.text {
	margin-bottom: 12px;
	width: 95%;
	padding: .4rem;
}
div#users-contain {
	width: 350px;
	margin: 20px 0;
}
div#users-contain table {
	margin: 1rem 0;
	border-collapse: collapse;
	width: 100%;
}
div#users-contain table td, div#users-contain table th {
	border: 1px solid #eee;
	padding: .6rem 10px;
	text-align: left;
}
.ui-dialog .ui-state-error {
	padding: .3rem;
}
.validateTips {
	border: 1px solid transparent;
	padding: 0.3rem;
}
button#save.white_bk {
	background-color: white;
}
div#users-contain {
	width: 700px;
	margin: 20px 0;
}
div#users-contain table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}
div#users-contain table td, div#users-contain table th {
	border: 1px solid #eee;
	padding: .6rem 10px;
	text-align: left;
}
.ui-dialog .ui-state-error {
	padding: .3rem;
}
.validateTips {
	border: 1px solid transparent;
	padding: 0.3rem;
}
.list-group-item {
	border: none;
	background-color: transparent;
}
ul.sd li.list-group-item {
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
}
ul.sd li.list-group-item:nth-last-of-type(2) {
	border-bottom: none;
	background-color:transparent;
}
ul.sd li.list-group-item:nth-last-of-type(1) {
	border-bottom: none;
	background-color:transparent;
}
ul.sd li.list-group-item:last-child {
	margin-bottom: 0;
	border-radius: 0;
	border-bottom: 1px solid transparent;
}
.border-top-gray {
	border-top: 1px solid #ccc;
}
.jqx-widget-header {
	background-color: #deebec !important;
	/*	padding: .15em 0;*/
	border-radius: 4px;
	margin-top: 0px;
}
.search-form-basic-odd {
   /* odd rows in the basic specimen search form */
/*	background: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #f0f0f0));
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e1e1e1 100%);
	background: -o-linear-gradient(top, #f3f3f3 0%, #e1e1e1 100%);
	background: -ms-linear-gradient(top, #f3f3f3 0%, #e1e1e1 100%);
	background: linear-gradient(to bottom, #f3f3f3 0%, #e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='@lightgrey', GradientType=0);
	border-bottom: 1px solid #c1c1c1!important;
	border-top: 1px solid #cfcfcf!important;*/
}
.search-form-basic-odd {
	/* odd rows in the basic specimen search form */
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background-color: #efeded!important;
}
/*I don't know that this is needed.  I used bootstrap styles.*/
.jqx-grid-load {
	background-position: 0% 0%;
}
.active_form {
	border: 2px solid gray;
	padding: 15px;
	border-radius: 5px;
	margin-top: 1rem;
}
.alert_box {
	border: 3px solid red;
	padding: 15px;
	padding-bottom: 0;
	margin: 2px;
	margin-top: 0;
	margin-bottom: 10px;
	border-radius: 5px;
	width: auto;
}
li.colls {
	margin-left: -20px;
	list-style: none;
	padding: 0;
}
table#static_values td {
	background-color: white;
	padding-left: 20px;
	border: none;
	font-size: 14px;
	letter-spacing: -.01em;
	font-weight: bold;
}
table#static_values label {
	font-size: 13px;
	letter-spacing: -.01em;
	font-weight: normal;
}
table.inputTable tr td label {
	padding-top: 5px;
	margin: 0 8px;
	margin-bottom: 0px;
}
table.inputTable tr {
	background-color: white;
}
.save_shared {
	/*  desktop button for saving shared locality on dialog*/
	border: 2px solid red;
	position: absolute;
	left: 1.5em !important;
}
/* tab cards */
.tab-card-main {
	background-color: #f5f5f5;
	border-radius: 4px 4px 0 0;
}
.tab-card-header {
	background-color: #3E6F7D;
	padding-top: 11px;
	border-radius: 6px 6px 0 0;
}
.card-title:first-child {
	padding-left: .5em;
}
.list-even {
	background-color: #f8f9fa;
	padding: .5rem 0;
}
.list-odd {
	background-color: #ffffff;
	padding: .5rem 0;
}
.tab-card-header > .nav-tabs {
	border: none;
	margin: 0;
	background-color: #3E6F7D;
}
.bg-blue-gray {
	background-color: #deebec;
}
/******************/
.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f8f9fa;
}
.table-responsive {
	font-size: .875rem;
}
.card-header:first-child {
	border-radius: .25rem .25rem 0 0;
}
.search-box, .add-form {
	background-color: #f5f5f5;
	margin-top: 2rem;
	padding-bottom: .25rem;
	width: 100%;
	border-radius: .5rem;
	border: 2px solid #3E6F7D;
}
.search-box-header, .add-form-header {
	background-color: #3e6f7d;
	padding: .15rem 1rem .1rem 1.65rem;
	margin-top: -1px;
}
::-ms-clear {
	display: none;
}
.form-control-clear {
	z-index: 10;
	pointer-events: auto;
	cursor: pointer;
}
.jqx-grid-cell-selected-light a:focus, .jqx-fill-state-pressed a {
	color: blue !important; /*changed from white*/
	text-decoration: underline;
}
input[type="button"]#delPOIbutton {
	font-family: FontAwesome;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	background-color: white;
}
input[type="button"]#addmorePOIbutton {
	font-family: FontAwesome;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	background-color: white;
}
select#lngbox::after {
	border-left: 0;
}
select, select::after {
	background-color: #f5f5f5;
}
table#POITable {
	line-height: 24px;
}
table#POITable tr td {
	font-size: 12px;
	border: none;
	border-bottom: 1px solid #ccc;
}
table#POITable tr td select:hover {
	border-left: 0;
}
.b-collapse-s {
	border-collapse: separate !important;
}
.ui-dialog {
	background: white !important;
}
.coll-button {
	background: #BAC5C6;
	border: 1px solid #BAC5C6;
	color: #212529;
	padding: .9rem;
	margin-right: -5px;
}

#contenttablejqxgrid {
	z-index: 100;
}
ul.checks {
	width: 250px;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
ul.checks li {
	list-style: none;
	width: 90px;
	float: left;
	display: inline;
	padding: 0px;
	padding-top: 0;
}
ul.checks li input {
	float: left;
	width: 20px;
	margin-top: 3px;
}
ul.check_selection {
	width: 400px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	float: left;
}
ul.check_selection li {
	list-style: none;
	width: 400px;
	float: left;
	display: inline;
	padding: 0px;
	padding-top: 0;
	margin-left: 1rem;
}
ul.check_selection li input {
	float: left;
	width: 20px;
	margin-top: 5px;
}
tr.pairs td {
	padding: 3px 10px 3px 0;
	background-color: white;
	border: none;
}
form.keyword {
	margin: 20px 0;
}
table#pairs {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}
table#pairs, th, td {
	border: 1px solid #cdcdcd;
}
.table td, .table th {
	padding: .25rem .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}
/* Sortable class for tables, used with /lib/misc/sorttable.js */
.sortable {
	margin: 2px;
	padding: 5px;
	width: 90%;
}
.sortable-container {
	float: left;
	width: 100%;
	border: 1px solid black;
}
.sortable-top {
	padding: 5px;
	width: 100%;
	margin: .5rem;
}
.sortable-container-top {
	float: left;
	width: 100%;
}
.custom-select-sm {
	height: calc(1.5rem + .15rem + 2px);
	padding-top: .25rem;
	padding-bottom: .25rem;
	color: rgba(0, 0, 0, .67);
	padding-left: .5rem;
	font-size: .875rem;
	border: 1px solid #ccc;
	border-radius: .2rem;
	background-color: white;
	width: 100%;
}
.custom-select {
	background-color: white
}
/* Style the arrow inside the select element: */
/*.custom-select:after, */
#clear {
	cursor: pointer;
	position: absolute;
	right: 58px;
	top: 12px;
	margin: 0;
}
.form-control-sm {
	width: 100%;
	border: 1px solid #ccc;
	height: calc(1.15em + .5rem + 2px);
}
#collapseParts .table td, #collapseParts.table th {
	padding: .35rem 1rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}
#collapseParts .table th {
	font-weight: 500;
}
#collapseParts .table td, #collapseParts.table th {
	padding: .35rem 1rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}
#collapseParts .table th {
	font-weight: 500;
}
#collapseParts .table td, #collapseParts.table th {
	padding: .35rem 1rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}
#collapseParts .table th {
	font-weight: 500;
}
.mediaTableHeader {
	border:1px solid #3E6f7d;
}
table.mediaTable tr {
	border-bottom: 1px solid #dee2e6;
}
table.mediaTable tr:last-child {
	border-bottom: 1px solid #f5f5f5;
}
table.mediaTable td {
	border-bottom: none;
}

/**********************************************************/
/*Small Form fields--example: Data Entry page *************/
/**********************************************************/
.data-entry-title {
	font-weight: 500;
	font-size: .875rem;
	text-transform: uppercase;
	margin-bottom: 5px;
	line-height: 1.25;
	margin-top: 5px;
	text-align: center;
}
.data-entry-subtitle {
	font-weight: normal;
	font-size: .8rem;
	color: #666;
	margin-bottom: 9px;
	text-align: center;
}
.data-entry-label {
	width: 100%;
	font-size: .875rem;
	border: none;
	padding: 0 .25rem .11rem .25rem;
	font-weight: 450;
	display: block;
}
span.data-entry-label {
	margin-top: 2px;
}
.data-entry-input {
	display: block;
	width: 100%;
	padding: .2rem .5rem;
	color: rgba(0, 0, 0, .8);
	border: 1px solid #ced4da;
	background-clip: padding-box;
	background-color: #fff;
	border-radius: .2rem;
	vertical-align: middle;
	font: 500 .875rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	line-height: 1.15rem;
}
select.data-entry-select option {
	background-color: white !important;
	color: rgba(0, 0, 0, .8);
	padding: .15rem .5rem;
	outline: 0;
}
select.data-entry-select option:focus {
	outline: 0;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-weight: 450;
	color: silver;
}
input::-moz-placeholder { /* Firefox 19+ */
	font-weight: 450;
	color: darkgrey;
}
input:-ms-input-placeholder { /* IE 10+ */
	font-weight: 450;
	color: darkgrey;
}
input:-moz-placeholder { /* Firefox 18- */
	font-weight: 450;
	color: darkgrey;
}
input::placeholder {
	font-weight: 450;
	color: darkgrey;
	opacity: 0.9;
}
.data-entry-input:focus {
	color: #495057;
	background-color: #fff;
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.19rem rgba(0, 123, 255, .23);
}
select.data-entry-select {
	display: block;
	width: 100%;
	font: 500 .875rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	padding: .14rem .5rem;
	color: rgba(0, 0, 0, .67);
	border: 1px solid #ced4da;
	background-clip: padding-box;
	background-color: white;
	vertical-align: middle;
	border-radius: .2rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	line-height: 1.15rem;
}
data-entry-select:after {
	position: absolute;
	content: "";
	top: .875rem;
	right: .5rem;
	width: 0;
	height: 0;
	border: 6px solid #ccc;
	background-color: #ccc !important;
	border-color: white;
	outline: 0;
}
select.data-entry-select:focus, select.data-entry-select.focus, select.custom-select:focus, select.custom-select.focus, select.data-entry-select option:focus, select.data-entry-select option.focus, select.custom-select option:focus, select.custom-select option.focus {
	color: #495057;
	background-color: #fff;
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.data-entry-select:hover, .data-entry-select.hover, .custom-select:hover, .custom-select.hover {
	border: 1px solid #ced4da;
}
.data-entry-prepend-select {
	display: block;
	width: 100%;
	vertical-align: middle;
	color: rgba(0, 0, 0, .67);
	border: 1px solid #ced4da;
	border-right: none;
	background-clip: padding-box;
	background-color: white;
	border-radius: .2rem 0 0 .2rem;
	padding: .14rem .5rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font: 500 .875rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	line-height: 1.15rem;
}
.data-entry-prepend-select:focus, .data-entry-prepend-select.focus, .data-entry-prepend-select option:focus, .data-entry-prepend-select option.focus {
	color: #495057;
	background-color: #fff;
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.data-entry-select-input {
	display: block;
	width: 100%;
	padding: .2rem .5rem;
	color: rgba(0, 0, 0, .8);
	border: 1px solid #ced4da;
	background-clip: padding-box;
	background-color: #fff;
	border-radius: 0 .2rem .2rem 0;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font: 500 .875rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	line-height: 1.15rem;
}
.data-entry-select-input:active {
	color: #495057;
	background-color: #fff;
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.data-entry-select-input:focus, .data-entry-select-input.focus {
	color: #495057;
	background-color: #fff;
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.data-entry-select-input:hover, .data-entry-select-input.hover {
	color: #495057;
	background-color: #fff;
	border-color: #ced4da;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.data-entry-addon-input {
	display: block;
	width: 82%;
	padding: .2rem .5rem;
	color: rgba(0, 0, 0, .8);
	border: 1px solid #ced4da;
	background-clip: padding-box;
	background-color: #fff;
	border-radius: .2rem 0 0 .2rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font: 500 .875rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	line-height: 1.15rem;
}
.data-entry-addon {
	display: block;
	width: 100%;
	color: rgba(0, 0, 0, .6);
	border: 1px solid #ced4da;
	background-clip: padding-box;
	background-color: #f8f9fa;
	border-radius: 0 .2rem .2rem 0;
	padding: .2rem .5rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font: 500 .875rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	line-height: 1.15rem;
}
.data-height {
	height: calc(1.15rem + .5rem + 2px) !important;
}
textarea {
	padding-left: .5rem;
	padding-right: .5rem;
	font: 500 .875rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.data-entry-textarea { /* Caution: used on autogrow textareas, if changed check that autogrow behavior doesn't break */
	width: 100%;
	height: calc(.875rem + .8rem + 1px);
	border: 1px solid #ced4da;
	font-size: .875rem;
	line-height: 1.5em;
	border-radius: .2rem;
	padding: 2px .5rem;
	display: block;
	background-color: #fff;
	background-clip: padding-box;
	font: 500 .875rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.autogrow {
	/* autogrow textareas must have a vertical padding in pixels for
	the autogrow calculation of the height to work correctly,
	otherwise the textareas grow in height with each keystroke.  */
	padding: 2px .5rem;
}
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	margin-bottom: 0;
}
.align-left-center {
	text-align: left;
}
.align-right-center {
	text-align: right;
}
.smaller-text {
	font-size: 90%;
}
.border-fill { /* This is for each square on the data entry full form */
	border: 1px solid #bac5c6 !important;
	background-color: #fff;
}
tr.line-top {
	border-top: 2px solid #ccc;
}
tr.line-top:first-child {
	border-top: 2px solid transparent;
}
.loginButtons {
	padding: .2rem .5rem;
	font-size: .78rem;
	line-height: .875rem;
	border-radius: .2rem;
	display: inline-block;
	max-width: 100px;
}
.loginfields {
	padding: 0 .25rem .14rem .25rem;
	line-height: 1.2rem;
	font-size: .875rem;
	margin-bottom: .25rem;
	border: 1px solid #A51C30;
}
.fa-info-circle {
	font-size: 1.05em;
	height: 1.05em;
}
.infoLink {
	cursor: pointer;
	color: #3366cc!important;
	text-decoration: underline;
}
.infoLink:hover {
	text-decoration: none;
	text-shadow: 1px 1px 1px #eee;
}
.shipments {
	border: 1px solid #bac5c6;
	padding: 1rem;
	margin-bottom: 1rem;
}
.shipments td {
	background-color: white;
}
.permitshipul li, .permitshipul2 li {
	display: inline;
	list-style: none;
}
.fas-info2 {
	position: absolute;
	right: 35px;
	top: 40px;
	color: #036ee0 !important;
}
.nav-tabs .nav-item {
	margin-bottom: -1px;
}
.jqx-grid-column-menubutton {
	border-left: 0;
}
/* TODO: This is causing the Link heading on permit search results to be invisible.  
 * Whatever it is intended as a fix for is breaking that, and probably other tables.
 * Need to fix this .
*/
/****TO DO:  Need to find a way to display/hide column headers when it is an ID or other header that doesn't explain contents ***/

/*#columntablesearchResultsGrid .jqx-widget-header:nth-child(3) {
	color: transparent !important;
}*/
.custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: calc(1.5rem + .5rem + 1px);
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
	font-weight: 400;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
}
.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: calc(1.5rem + .5rem - 1px);
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 .2rem .2rem 0;
}
.fas-info-circle, .fa-info-circle {
	color: #036ee0 !important;
	position: relative;
	top: -3px;
	font-size: .875rem;
}
.smaller {
	font-size: .7em !important;
}
.card-header h1 button.collapsed span:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	float: left !important;
	content: "\f067";
	cursor: pointer;
}
.card-header h1 button span:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f068";
	padding-right: 5px;
	float: left !important;
}
.card-header h2 button {
	font-weight:500;
}
.card-header h2 button[aria-expanded="false"]:before, .card-header h3 button[aria-expanded="false"]:before,  h4.collapsebar button[aria-expanded="false"]:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: smaller;
	float: left !important;
	content: "\f067";
	content: "\f0fe";/*plus*/
	padding-top: 2px;
	cursor: pointer;
	padding-right: 6px;
}
.card-header h2 button[aria-expanded="true"]:before, .card-header h3 button[aria-expanded="true"]:before,  h4.collapsebar button[aria-expanded="true"]:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: smaller;
	content: "\f068";
	content: "\f146";/*minus*/
	padding-right: 6px;
	padding-top: 2px;
	float: left !important;
	cursor: pointer;
}
.card-header h3 a:hover, .card-header h3 a:active, .card-header h3 a:focus {
	text-decoration: none;
}
.nav-link.dropdown-toggle:hover:before {
	transform: rotate(0deg);
}
.nav-link.dropdown-toggle:hover:after {
	transform: rotate(-90deg);
}
.card-body li.list-group-item span:last-child {
	/*display: none;  */
	display: block;
	margin-bottom: .5rem;
	/* Caution, this directive will have unexpected side effects such as hiding badge spans */
}
.card-body li.list-group-item span.sd:last-child {
	display:none;
}
.comma1 span {
	display:inline;
}
.comma1 span:last-child {
	display:none!important;
}
input#readMore_check_id {
	display: none!important;
}
.jqx-grid-load {
	background-image: url("../../images/spinner_712_sm.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.list-style-disc {
	list-style-type: disc;
}
.list-style-circle {
	list-style-type: circle;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	opacity: 0.99;
	display: none;
}
.MediaAccordionHide {
	display: block;
}
.MediaAccordionShow {
	display: none;
}
/************tabs -- redone for accessibility  ***************/
.tabpanel {
	margin: 20px;
	padding: 0;
}
.tablist {
	margin: 0 0px;
	padding: 0;
	list-style: none;
}
.panel {
	clear: both;
	display: block;
	margin: 0 0 0 0;
	padding: 10px;
	width: 100%;
	background: #f2f2f2;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
}
.tabs {
	background-color: #3e657d;
}
.tab-content {
	border-top: none;
	border-radius: 0;
	background-color: #f5f5f5;
	margin-bottom: 2px;
	padding: 1rem;
	margin-top: -1px;
}
.tab-card-header {
	background-color: #3E6F7D;
	padding-top: .5rem;
	border-radius: 6px 6px 0 0;
}
.tab-headers {
	padding: 0 1rem;
}
.tab-headers button {
	font: 400 .9rem Arial;
	padding: 1px 6px;
	border-width: 0;
	border-style: solid;
	border-color: #deebec;
	border-image: initial;
}
.tab-headers button {
	background-color: #f5f5f5;
	padding: .25rem 1rem;
	margin: 0 .25rem 0 0;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.tab-headers button[aria-selected='true'] {
	color: black;
	background-color: #f5f5f5;
	border-top: 3px solid white;
	border-top: 3px solid rgb(0 123 255 / 25%);
	border-bottom: 4px solid #f5f5f5;
	cursor: pointer;
	box-shadow: none;
	border-right: 1px solid #96ECED;
	border-left: 1px solid #96EcED;
	outline: 0;
	font-weight: 600;
	bottom: -2px;
}
.tab-headers button[aria-selected='true']:focus {
	border-right: 1px solid rgb(38 143 255 / 50%);
	border-left: 1px solid rgb(38 143 255 / 50%);
	border-top: 3px solid rgb(38 143 255 / 50%);
}
.tab-headers button[aria-selected='false'] {
	color: black;
	background-color: #f5f5f5;
	border-bottom: 1px solid #3e657D;
	border-top: 3px solid #deebec;
	cursor: pointer;
	border-right: 1px solid #deebec;
	border-left: 1px solid #deebec;
}
.tab-content div[aria-hidden='true'] {
	display: none;
	outline: 0;
}
.tab-content div[aria-hidden='false'] {
	display: block;
}
.tab-content label {
	font-weight: 600;
}
button[tabindex="-1"]:focus {
	outline: 0 !important;
	box-shadow: none;
}
.headerLnk {
	color: #212529 !important;
	text-decoration: none;
	padding: 0 .5rem;
}
.accordion .card-header {
	padding: 0;
}
.accordion .card-header h2 button, .accordion .card-header h3 button {
	padding: .15rem .875rem;
	border: 2px dotted transparent;
	box-shadow: none;
}
.accordion .card-header h2 button:focus, .accordion .card-header h3 button:focus {
	border: 2px inset rgba(255, 193, 7, .2)!important;
	box-shadow: none;
}
.card-header h1 button.collapsed span:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	float: left !important;
	content: "\f067";
	cursor: pointer;
}
.card-header h1 button span:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f068";
	padding-right: 5px;
	float: left !important;
}
.card-header h2 button, .card-header h3 button {
	font-weight:500;
}
.card-header h2 button[aria-expanded="false"]:before, .card-header h3 button[aria-expanded="false"]:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: smaller;
	float: left !important;
	content: "\f067";
	content: "\f0fe";/*plus*/
	padding-top: 2px;
	cursor: pointer;
	padding-right: 6px;
}
.card-header h2 button[aria-expanded="true"]:before, .card-header h3 button[aria-expanded="true"]:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: smaller;
	content: "\f068";
	content: "\f146";/*minus*/
	padding-right: 6px;
	padding-top: 2px;
	float: left !important;
	cursor: pointer;
}
.formerID:nth-child(2) {
	display: block!important;
}
.formerID:nth-child(3) {
	display:none!important;
}
.formerID:nth-child(4) {
	display:none!important;
}
.formerID:nth-child(5) {
	display:none!important;
}
.formerID:nth-child(6) {
	display:none!important;
}
.accordion .card-header h3 button:focus {
	border: 2px inset rgba(255, 193, 7, .2)!important;
	box-shadow: none;
}
.card-header h3 a:hover, .card-header h3 a:active, .card-header h3 a:focus {
	text-decoration: none;
}
a.anchorFocus {
	outline: 0;
	box-shadow: 0 0 0 0 transparent;
	margin: .25rem .75rem;
	display: block;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
}
a.anchorFocus:focus {
	border: 2px inset rgba(0, 123,255, .25)!important;
	border: 2px inset rgba(255, 193, 7, .2)!important;
	outline: 0;
	box-shadow: 0 0 0 0 transparent;
	margin: .18rem .67rem;
}
div[aria-hidden='true'] {
	display: none;
}
div[aria-hidden='false'] {
	display: block;
}
.hidden {
	display: none;
}
.show {
	display: block;
}
a.btn-outline-primary {
	background-color: white;
	padding-bottom: .05rem;
	color: #006ee3;
	text-decoration: none;
	font-size: .785rem;
}
a.btn-outline-primary:hover, a.btn-outline-primary:not(:disabled):not(.disabled):active {
	background-color: #006ee3;
	text-decoration: none;
	color: white !important;
	padding-bottom: .05rem;
	font-size: .785rem;
}
.btn-outline-primary:focus {
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 /25%);
}
a.btn-danger {
	background-color: white;
	padding-bottom: .05rem;
	color: #bd2130;
	text-decoration: none;
	font-size: .785rem;
}
a.btn-danger:hover, a.btn-danger:not(:disabled):not(.disabled):active {
	background-color: #bd2130;
	text-decoration: none;
	color: white !important;
	padding-bottom: .05rem;
	font-size: .785rem;
}
.jqx-grid-cell-selected-light a.btn-danger:focus, .jqx-fill-state-pressed a.btn-danger {
	color: #bd2130 !important;
	text-decoration: none;
}
.jqx-fill-state-pressed a.btn-danger:hover, .jqx-fill-state-pressed a.btn-danger.hover {
	color: #ffffff !important;
	text-decoration: none;
}
#agentDiv ul {
	font-size: 0.95rem;
}
#citationsDialog_div:empty {
	background-color: lime;
	display: none;
}
th {
	font-weight: 500;
}
.card-header h2 {
	cursor: pointer;
}
.jqx-editor-content {
	resize: vertical;
	overflow: hidden;
	padding: 10px;
	height: 223px;
	width: auto;
}
.accordion {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.pick-column-width {
	width: 308px;
}
section#mediaSection.accordion {
	-webkit-column-break-inside: auto;
	page-break-inside: auto;
	break-inside: auto;
}
.border-top-black {
	border-top: 8px solid black;
}
.border-bottom-black {
	border-bottom: 8px solid black;
}
.internalRemarks p {
	font-size: .875rem;
	margin: .25rem 0 .5rem 0;
}
.badge {
	verical-align: top;
	padding: .25rem .4rem .35rem .4rem !important;
}
.bg-teal {
	background-color: rgb(199 251 255 / .35) !important;
}
.height1p2 {
	height: 1.4rem!important;
}
.height1p8 {
	height: 1.8rem!important;
}
.inputHeight {
	padding-top: 1px!important;
	padding-bottom: 1px!important;
}
.smallselect {
	font-size: 84%!important;
}
#collapseKeyword.collapsing.width {
	height: auto;
	width: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
button.help-btn {
	background-color: #1b1b1b;
	color: white;
	float:right;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(-98%) rotate(-90deg);
	-webkit-transform-origin: right top;
	-moz-transform: translateX(-98%) rotate(-90deg);
	-moz-transform-origin: right top;
	-o-transform: translateX(-98%) rotate(-90deg);
	-o-transform-origin: right top;
	transform: translateX(-98%) rotate(-90deg);
	transform-origin: right top;
	margin-bottom: 15px;
	top: -.25rem;
	right: -70px;
	z-index:1; 
	padding-top:.15rem;
	padding-bottom: .15rem; 
	font-size: 13.5px;
	margin-top:0;
	position: absolute;
}
#collapseKeyword h2.headerSm {
	font-size: 1.25rem;
}
#collapseKeyword dt {
	float:left;
	display: inline-block;
	min-width: 25px!important;
}
.collapseStyle {
	z-index: 3000; 
	position: absolute; 
	margin-top: 6.13rem; 
	margin-right: 0rem;
}
.current {
	width: 300px;
	height: 300px; 
	border: .5rem solid #fff;;
	background-color: #f8f9fa;
}
#map {
	height: 100%;
	width: 100%;
}
#floating-panel {
	text-align: center;
	font-family: "Roboto", "sans-serif";
	border-radius: 5px;
	padding: 0 0 3px 0;
	position: relative;
	line-height: 20px;
	float:left;
	width: auto;
	margin: 0 auto;
	z-index: 5;
}
#map button {
	border: 1px solid transparent;
	outline: 1px solid transparent;
}
#map button:focus {
	outline: 2px solid rgb(0 123 255 / 75%);
}
.vslider {
	position: relative;
	width: 100%;
}
.vslider > * {
	display: block;
	position: relative;
}
.vslider > * + * {
	display: none;
	position: absolute;
}
.vslider-item {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	-ms-touch-action: none;
	touch-action: none;
	transition: z-index 0s,
	opacity .8s ease-in-out,
	transform .4s ease-in-out;
	z-index: 20;
	opacity: 0;
	transform: translateX(-10%);
	resize: vertical;
	overflow:auto;
	font-size: 1rem;
}
div.vslider-item[aria-hidden='false'] {
	z-index: 30;
	opacity: 1.0;
	transform: translateX(0);
}
div.vslider-item[aria-hidden="true"]{
	display:block;
}
.vslider {
	color: #191717;
	background-color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: .75rem;
}
.custom-input {
	text-align: center;
	width:53px; 
}
.message { 
	padding-top: 25%;
	padding-bottom: 25%;
	font-size: 2rem;
}
.vslider::-webkit-scrollbar, .vslider-item::-webkit-scrollbar {
	width: 10px;
}
.vslider::-webkit-scrollbar-track, .vslider-item::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
	background: aliceblue;
}
.vslider::-webkit-scrollbar-thumb, .vslider-item::-webkit-scrollbar-thumb {
	background-color: lightgrey;
	border-radius: 10px;
}

/*.secondary-red {
	color: #dc4c35;
}
.darkest-red {
	color: #a51c30;
}
.darker-pink {
	color: #d64c59;
}
.reddish {
	color: #e0112e;
}
.dark-orange {
	color: #e17160;
}
.red {
	color: #f51d06;
}
.cbp-scroller > nav {
	position: fixed;
	z-index: 9999;
	right: 100px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cbp-scroller > nav a {
	display: block;
	position: relative;
	color: transparent;
	height: 50px;
}

.cbp-scroller > nav a:after {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 4px solid #fff;
	bottom:20px;
}

.cbp-scroller > nav a:hover:after {
	background: rgba(255,255,255,0.6);
}

.cbp-scroller > nav a.cbp-current:after {
	background: #fff;
}*/

/* background-attachment does the trick */
/*.cbp-scroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
#section1 {
	background-color: #f1f3f340;
	padding-top: .5rem;
	padding-bottom: .75rem;
	border-radius: .2rem;
}
#section2 {
	background-color: #d9f1f340;
	padding-top: .5rem;
	padding-bottom: 1.75rem; 
	border-radius: .2rem;
}
#section3 {
	background-color: #f1f3f340;
	padding-top: .5rem;
	padding-bottom: 1.5rem; 
	border-radius: .2rem;
}
#section4 {
	background-color: #d9f1f340;
	padding-top: .5rem;
	padding-bottom: 1.5rem; 
	border-radius: .2rem;
}*/
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #7F7D7D;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	}
#myBtn:hover {
	background-color: #555;
}
.text-truncate1 {
	background-color: transparent;
	width: auto;
}

.text-truncate1 p, .text-truncate1 h3 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
#back2Top {
	width: 40px;
	line-height: 40px;
	overflow: hidden;
	z-index: 999;
	display: none;
	cursor: pointer;
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: fixed;
	bottom: 50px;
	right: 0;
	background-color: #DDD;
	color: #555;
	text-align: center;
	font-size: 30px;
	text-decoration: none;
}
#back2Top:hover {
	background-color: #DDF;
	color: #000;
}
.toggle-switch {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none
}
.toggle-switch {
	display: inline-block;
	vertical-align: top;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.toggle-switch .ts-label {
	display: inline-block;
	margin: 0 1px 0 11px;
	vertical-align: top;
	-webkit-transition: color .56s cubic-bezier(.4, 0, .2, 1);
	transition: color .56s cubic-bezier(.4, 0, .2, 1)
}
.toggle-switch .ts-helper {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 16px;
	border-radius: 8px;
	background: rgba(0, 0, 0, .26);
	-webkit-transition: background .28s cubic-bezier(.4, 0, .2, 1);
	transition: background .28s cubic-bezier(.4, 0, .2, 1);
	vertical-align: middle;
	cursor: pointer
}
.toggle-switch .ts-helper:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -2px;
	width: 17px;
	height: 17px;
	background: #fafafa;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
	border-radius: 50%;
	webkit-transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
	transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}

.toggle-switch:not(.disabled) .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(128, 128, 128, .1)
}
.toggle-switch input {
	position: absolute;
	z-index: 1;
	width: 46px;
	margin: 0 0 0 -4px;
	height: 24px;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer
}
.toggle-switch input:checked+.ts-helper:before {
	left: 20px
}
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper {
	background: rgba(0, 150, 136, .5)
}
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:before {
	background: #009688
}
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 150, 136, .2)
}
.toggle-switch.disabled {
	opacity: .6;
	filter: alpha(opacity=60)
}
.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper {
	background: rgba(244, 67, 54, .5)
}
.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:before {
	background: #F44336
}
.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(244, 67, 54, .2)
}
.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper {
	background: rgba(33, 150, 243, .5)
}
.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:before {
	background: #2196F3
}
.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(33, 150, 243, .2)
}
.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper {
	background: rgba(255, 193, 7, .5)
}
.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:before {
	background: #FFC107
}
.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(255, 193, 7, .2)
}
.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper {
	background: rgba(186, 104, 200, .5)
}
.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:before {
	background: #BA68C8
}
.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(186, 104, 200, .2)
}
.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper {
	background: rgba(233, 30, 99, .5)
}
.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:before {
	background: #E91E63
}
.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(233, 30, 99, .2)
}
.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper {
	background: rgba(205, 220, 57, .5)
}
.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:before {
	background: #CDDC39
}
.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(205, 220, 57, .2)
}
.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper {
	background: rgba(0, 188, 212, .5)
}
.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:before {
	background: #00BCD4
}
.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 188, 212, .2)
}
.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper {
	background: rgba(76, 175, 80, .5)
}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:before {
	background: #4CAF50
}
.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(76, 175, 80, .2)
}	
input[disabled] {
	color:#9e9e9e;
}
.pt2px {
	padding-top:2px!important;
}
.pt3px {
	padding-top:3px!important;
}
.mt3px {
	margin-top: 3px!important;
}
.mt5px {
	margin-top: 5px!important;
}
.fixedResults {
	animation-duration: .5s;
	animation-name: slideup;
}
@keyframes slideup {
	from {top: 700px;}
	to {top:100px;}
}
table.tablesection td {
	border: 1px solid transparent;
}
tr.line-top-sd {
	border-top: 2px solid #e8eaeb!important;
}
/****************end all screen styles*********************/
/**********************************************************/
/*********************************/
/* Device styles below ***********/
/*********************************/
@media only screen and (min-width: 1599px) {
	.container-wide {
		padding-right: 9%;
		padding-left: 9%;
	}
}
@media only screen and (min-width: 1499px) {
	.w-350 {
		width: 100%;
	}
ol.flowXXS,ul.flowXXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 170px; /* need to specify height :-( */
	column-count: 4;
}
ol.flowXXS li, ul.flowXXS li {
	width: 25%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXXS li a,ul.flowXXS li a {
	padding-right: 3px;
}
ol.flowXS, ul.flowXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 270px; /* need to specify height :-( */
	column-count: 4;
}
ol.flowXS li,ul.flowXS li {
	width: 25%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXS li a, ul.flowXS li a {
	padding-right: 3px;
}
ol.flowSm, ul.flowSm {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 410px; /* need to specify height :-( */
	column-count: 4;
}
ol.flowSm li,ul.flowSm li {
	width: 25%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowSm li a {
	padding-right: 3px;
}
ol.flowMd,ul.flowMd {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 509px; /* need to specify height :-( */
	column-count: 4;
}
ol.flowMd li, ul.flowMd li {
	width: 25%;
	list-style-position:inside;
	padding-right: .5rem;
	overflow-wrap: anywhere;
}
ol.flowMd li a,ul.flowMd li a {
	padding-right: 3px;
}	
ol.flowLg ,ul.flowLg{
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 660px; /* need to specify height :-( */
	column-count: 4;
}
ol.flowLg li,ul.flowLg li {
	width: 25%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowLg li a,ul.flowLg li a {
	padding-right: 3px;
}	
ol.flowXL,ul.flowXL {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 800px; /* need to specify height :-( */
	column-count: 4;
}
ol.flowXL li,ul.flowXL li {
	width: 25%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXL li a,ul.flowXL li a {
	padding-right: 3px;
}
ol.flowNone,ul.flowNone {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowNone li,ul.flowNone li {
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowNone li a,ul.flowNone li a {
	padding-right: 3px;
}
}
a.wrapurl {
	overflow-wrap:anywhere;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {}
	.step-arrow {
		background-color: #deebec;
		border-bottom: 1px solid #aaa;
	}
}
@media only screen and (max-width: 1498px) {
	.w-350 {
		width: 100%;
	}
ol.flowXXS, ul.flowXXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 221px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowXXS li, ul.flowXXS li {
	width: 33%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXXS li a, ul.flowXXS li a {
	padding-right: 3px;
}
ol.flowXS, ul.flowXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 403px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowXS li, ul.flowXS li {
	width: 33%;
	padding-right: 1rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXS li a, ul.flowXS li a {
	padding-right: 3px;
}
ol.flowSm,ul.flowSm {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 550px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowSm li,ul.flowSm li {
	width: 33%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowSm li a,ul.flowSm li a {
	padding-right: 3px;
}
ol.flowMd, ul.flowMd {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 627px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowMd li,ul.flowMd li{
	width: 33%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowMd li a,ul.flowMd li a {
	padding-right: 3px;
}	
ol.flowLg,ul.flowLg {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 815px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowLg li,ul.flowLg li {
	width: 33%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowLg li a, ul.flowLg li a {
	padding-right: 3px;
}	
ol.flowXL, ul.flowXL {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 900px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowXL li,ul.flowXL li {
	width: 33%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXL li a,ul.flowXL li a {
	padding-right: 3px;
}
ol.flowNone,ul.flowNone {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowNone li,ul.flowNone li {
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowNone li a,ul.flowNone li a {
	padding-right: 3px;
}
}
@media only screen and (max-width: 1379px) {
ol.flowXXS, ul.flowXXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 226px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowXXS li, ul.flowXXS li {
	width: 33%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXXS li a, ul.flowXXS li a {
	padding-right: 3px;
}
ol.flowXS, ul.flowXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 372px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowXS li , ul.flowXS li{
	width: 33%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXS li a, ul.flowXS li a {
	padding-right: 3px;
}
ol.flowSm, ul.flowSm {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 501px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowSm li, ul.flowSm li {
	width: 33%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowSm li a,ul.flowSm li a {
	padding-right: 3px;
}
ol.flowMd, ul.flowMd {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 769px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowMd li , ul.flowMd li {
	width: 33%;
	overflow-wrap:anywhere;
	list-style-position:inside;/*makes the number go to the top of the bullet; otherwise, it vert-aligns to middle*/
}
ol.flowMd li a, ul.flowMd li a {
	padding-right: 3px;
}	
ol.flowLg, ul.flowLg {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 800px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowLg li, ul.flowLg li {
	width: 33%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowLg li a, ul.flowLg li a  {
	padding-right: 3px;
}	
ol.flowXL {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 1500px; /* need to specify height :-( */
	column-count: 3;
}
ol.flowXL li, ul.flowXL li {
	width: 33%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXL li a, ul.flowXL li a {
	padding-right: 3px;
}
.tab-content {
	margin-top: -1px;
}
ol.flowNone, ul.flowNone {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowNone li ,ul.flowNone li{
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowNone li a, ul.flowNone li a {
	padding-right: 3px;
}
}
@media only screen and (max-width: 990px) {
	input#searchText.form-control {
		min-width: auto;
	}
	h1 {
		margin-bottom: 0;
	}
ol.flowXXS,ul.flowXXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 390px; /* need to specify height :-( */
	column-count: 2;
}
ol.flowXXS li, ul.flowXXS li {
	width: 50%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXXS li a, ul.flowXXS li a {
	padding-right: 3px;
}
ol.flowXS,ul.flowXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 543px;
	column-count: 2;
}
ol.flowXS li, ul.flowXS li {
	width: 50%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXS li a, ul.flowXS li a {
	padding-right: 3px;
}
ol.flowSm, ul.flowSm {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 825px; /* need to specify height :-( */
	column-count: 2;
}
ol.flowSm li, ul.flowSm li{
	width: 50%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowSm li a, ul.flowSm li a {
	padding-right: 3px;
}
ol.flowMd, ul.flowMd {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 992px; /* need to specify height :-( */
	column-count: 2;
}
ol.flowMd li, ul.flowMd li {
	width: 50%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowMd li a, ul.flowMd li a {
	padding-right: 3px;
}	
ol.flowLg, ul.flowLg {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 1340px; /* need to specify height :-( */
	column-count: 2;
}
ol.flowLg li, ul.flowLg li {
	width: 50%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowLg li a, ul.flowLg li a {
	padding-right: 3px;
}	
ol.flowXL, ul.flowXL {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: 2000px; /* need to specify height :-( */
	column-count: 2;
}
ol.flowXL li, ul.flowXL li {
	width: 50%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXL li a, ul.flowXL li a {
	padding-right: 3px;
}
ol.flowNone, ul.flowNone  {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowNone li,ul.flowNone li {
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowNone li a {
	padding-right: 3px;
}
.tab-content {
	margin-top: 0px;
}
}
@media only screen and (max-width: 800px){
ol.flowXXS, ul.flowXXS{
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowXXS li, ul.flowXXS li {
	width: 100%;
	padding-right: .5rem;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXXS li a, ul.flowXXS li a {
	padding-right: 3px;
}
ol.flowXS, ul.flowXS {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowXS li, ul.flowXS li {
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXS li a, ul.flowXS li a {
	padding-right: 3px;
}
ol.flowSm,ul.flowSm  {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowSm li, ul.flowSm li {
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowSm li a, ul.flowSm li a {

	padding-right: 3px;
}
ol.flowMd, ul.flowMd {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowMd li, ul.flowMd li {
	width: auto;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowMd li a, ul.flowMd li a {
	padding-right: 3px;
}	
ol.flowLg, ul.flowLg {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowLg li, ul.flowLg li {
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowLg li a, ul.flowLg li a {
	padding-right: 3px;
}	
ol.flowXL, ul.flowXL {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowXL li, ul.flowXL li {
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowXL li a, ul.flowXL li a  {
	padding-right: 3px;
}
ol.flowNone {
	display:flex;
	flex-flow: column wrap; /* direction: column */
	height: auto; /* need to specify height :-( */
	column-count: 1;
}
ol.flowNone li, ul.flowNone li {
	width: 100%;
	overflow-wrap: anywhere;
	list-style-position:inside;
}
ol.flowNone li a, ul.flowNone li a {
	padding-right: 3px;
}
.tab-content {
	margin-top: -3px;
}
}	
@media only screen and (max-width: 768px) {

.tab-content {
	margin-top: -4px;
}
}
@media screen and (max-width: 767px) {/*Test to see if this changes focus on phone so the whole page can be seen when cursor in input field*/
  input, select, textarea {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {

.tab-content {
	margin-top: 5px;
}
.tab-headers button[aria-selected='true'] {
    color: black;
    background-color: #f5f5f5;
    border-top: 3px solid rgb(38 143 255 / 50%);
    border-bottom: 4px solid #f5f5f5;
    cursor: pointer;
    box-shadow: none;
    border-right: 1px solid #96ECED;
    border-left: 1px solid #96EcED;
    outline: 0;
}
text-truncate1 {
  background-color: transparent;
  width: auto;
}

 p.text-truncate1 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
}

@media (min-width:1060px) and (max-width: 1459px) {
	form#regForm.tab {
		display: none;
	}
}
@media (min-width:768px) and (max-width: 1059px) {
	.card_search {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width:1200px) and (max-width: 1700px) {
	#searchHelpTextBlock {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		list-style-type: none;
		font-size: .875rem;
		margin-bottom: 1rem;
	}
	div span.ilt {
		display: block;
		height: 100%;
		text-decoration: none;
		color: black;
		padding-left: 0px;
		position: relative;
		-webkit-transition: background .3s;
		transition: background .3s;
	}
	div span.ilt:hover {
		background: #cdcbc4;
	}
	.readMore {
		position: relative;
		height: auto;
		border-top: 0;
	}
	#searchHelpTextBlock[type="checkbox"] {
		position: absolute;
		left: -9999px;
	}
	label.read {
		background: aliceblue;
		display: block;
		width: 70px;
		cursor: pointer;
		position: relative;
		float: right;
	}
	label.read:before, label.read:after {
		position: absolute;
	}
	label.read:before {
		content: 'More';
		left: 10px;
	}
	label.read:after {
		content: '⇣';
		right: 10px;
		-webkit-animation: sudo .85s linear infinite alternate;
		animation: sudo .85s linear infinite alternate;
	}
	.readMore [type="checkbox"] ~ span.ilt {
		width: 100%;
		display: none;
	}
	.readMore [type="checkbox"]:checked ~ span.ilt {
		display: block;
	}
	.readMore [type="checkbox"]:checked + label.read {
		position: absolute;
		top: 100%;
		right: 0;
	}
	.readMore [type="checkbox"]:checked + label.read:before {
		content: 'Less';
	}
	.readMore [type="checkbox"]:checked + label.read:after {
		content: '⇡';
	}
}

@media(min-width:768px) {
	.footer-col-4-md {
		margin: 0 auto;
	}
	.hide_button {
		display: none;
	}
	.offset-md-2 {
		margin-left: 12%;
	}
	.data-entry-label {
		line-height: 1;
	}
}
@media(min-width:576px) {
	.card-body h5 {
		margin-top: -0.25rem;
	}
	.accn-icons {
		float: right;
		margin-top: .25rem;
	}
	#col-multi-select, #collmultiselect2, .ui-multiselect-menu {
		width: 300px;
	}
}
@media(min-width: 1200px) {
	.container-xl {
		max-width: 1600px;
	}
}
@media(min-width: 1600px) {
	.container  {
		max-width: 1540px;
	}
}
@media(min-width: 1800px) {
	.container {
		max-width: 1600px;
	}
}

/* styles below are media queries for the named groups page*/
@media screen and (min-width: 1501px) {
	#map {
		height: 600px;
	}
	.caption-lg {
		overflow-y: visible;
		height: 4rem;
	}
	.caption-sm {
		overflow-y: visible;
		height: 5rem;
	}

}
@media screen and (max-width: 1500px) {
	#map {
		height: 600px;
	}
	.caption-lg {
		overflow-y: auto;
		height: 5rem;
	}
	.caption-sm {
		overflow-y: auto;
		height: 6rem;
		padding-left: 3px;
		padding-right: 8px;
	}
}
@media screen and (min-width: 1325px) {
	#map {
		height: 600px;
	}
	.caption-lg {
		overflow-y: auto;
		height: 5.5rem;
	}
	.caption-sm {
		overflow-y: auto;
		height: 6.5rem;
	}

}
@media screen and (max-width: 1324px) {
	#map {
		height: 600px;
	}
	.caption-lg {
		overflow-y: auto;
		height: 5.75rem;
	}
	.caption-sm {
		overflow-y: auto;
		height: 6.75rem;
		padding-left: 3px;
		padding-right: 8px;
	}
}
@media screen and (max-width: 1199px) {
	#map {
		height: 400px;
	}
	.caption-lg {
		height: 5rem;
	}
	.caption-sm {
		height: 6.75rem;
		padding-left: 3px;
		padding-right: 8px;
	}
}
@media screen and (max-width: 1024px) {
/*	.card-columns {
		column-count: 2;
	}*/
	.card-body h5 {
		margin-top: -0.5rem;
	}
	.font-dot-8 {
		font-size: 0.8rem;
		text-align: right;
	}
}
@media screen and (max-width: 1023px) {
/*	.card-columns {
		column-count: 1;
	}*/
	.card-body h5 {
		margin-top: -0.5rem;
	}
	.font-dot-8 {
		font-size: 0.8rem;
		text-align: right;
	}
}
@media screen and (max-width: 768px) {
	.caption-sm {
		overflow-y: visible;
		height: auto;
	}
}
@media screen and (max-width: 767px) {
	.MediaAccordionHide {
		display: none;
	}
	.MediaAccordionShow {
		display: block;
	}
}
@media screen and (max-width: 576px) {
	.count {
		display: inline-block;
		line-height: 1rem;
	}
	.align-left-center {
		text-align: center;
	}
	.align-right-center {
		text-align: center;
	}
	.col-form-label {
		padding-bottom: 0;
		line-height: 1;
	}
/*	.card-columns {
		column-count: 1;
	}*/
}
@media screen and (max-width: 480px) {
	#map {
		height: 350px;
	}
}
@media screen and (max-width: 414px) {
	a.btn-sm {
		height: calc(1.5rem + .5rem + 1px);
	}
	#searchbuilder-search.btn-sm, #save-account.btn-sm, #save-fixed-search.btn-sm {
		font-size: .78rem;
		height: 5rem;
	}
}
/* styles above are media queries for named groups page*/