/*Accent Red #E74f3d Dark Blue #051c2c Medium Blue #6f87a3 Light Blue #9eadc1*/
/********************************** GLOBAL ************************************/
 body {
	 font-family: 'Open Sans', sans-serif;
	 background-blend-mode: luminosity;
	 color:#323a45;
}
 h1, h2 {
	 text-align: center;
}
 a {
     color: #007eb5;
}
 a:hover {
}
 fieldset, form, table {
	 margin: 0;
}
table.dataTable.table {
    margin: 1rem auto;
}
.table .thead-dark th, table.dataTable th {
    align-items:center;
    color: #fff;
    background-color: #323a45;
    border-color: #454d55;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-image: linear-gradient(to right bottom, #323a45, #454d55);
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.025);
}
 figure{
	 margin: 0 auto 15px auto;
	 padding: 15px 15px 0 15px;
	 border: 1px solid #f5f5f5;
	 box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	 text-align: center;
	 color: #004a97;
}
 figure img{
	 display: block;
	 margin:0 auto;
	 border: 1px solid #ccc;
}
/*********************************** TOOLS ************************************/
 .sticky-top {
	 top: 4em;
}
 .side.sticky-top{
	 top: 135px;
}
 .container {
	 max-width: 1240px;
}
 .hide{
	 display:none;
}
 .anchor{
	 display: block;
	 height: 120px;
	 margin-top: -120px;
	 visibility: hidden;
}
/********************************** TEMPLATE.MT.GOV ***************************/
/*Amber Alert*/
body.amber-alert .sticky-top{
	top: 112px;
}
body.amber-alert header .logo.tiny {
	top: 50px;
}

/* #template-layout-push {
	 height: 64px;
}
 */
/********************************** HEADER ************************************/
 header {
	 position: relative;
}
header.deq.container {
     height:90.4px;
}
 header .logo {
	 display: block;
	 position: absolute;
	 /*z-index: 999;*/
	 top: 10px;
	 left: 1rem;
	  /*transform: translate(-50%, 0); */
	 width: 9.375rem;
}
/* header .logo.tiny {
	 position: fixed;
	 top: 2px;
	 width: 60px;
	 transition: all 0.4s ease-in-out 0s;
}*/
 .heading {
	padding: 35px 0px 0px 0px;
    border-bottom: 0;
    font-size: 14px;
    padding-right: 0rem;
    letter-spacing: .015rem;
    text-transform: uppercase;
}
 .heading span {
	 margin-bottom: .5rem;
	 color: #091C2A;
	 font-weight: 600;
	 font-size: 2.5rem;
	 line-height: 1.2;
	 text-transform: uppercase;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
 .heading .lead {
	 font-size: 1.7rem;
	 font-style: italic;
}
a#menuABOUTlink, a#menuPERMITlink, a#menuINVOLVEDlink {
    margin-left: 10px;
    color: #004a97;
}
li a#menuABOUT, li a#menuPERMIT, li a#menuINVOLVED {
    color: #FFFFFF;
}
/*********************************** NAV **************************************/
 .navbar {
	 background: #004a97;
	 box-shadow: 2px 1px 2px 1px rgb(0 0 0 / 50%);
     -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 48%);
     box-shadow: 0 2px 2px 0 rgb(0 0 0 / 40%);
}
.navbar-dark .navbar-toggler {
    color:#FFFFFF;
    border: solid #FFFFFF 1px;
}
li.nav-item.dropdown.show {
    background-color: rgb(0,154,221);
}
 .dropdown-menu.custom-content {
	 width: 600px;
}
.dropdown-menu {
	border-radius: .15rem;
	padding: 0;
	margin:0rem;
}
.dropdown-menu.dropdown-menu-left.show {
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 40%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 40%);
}
.dropdown-menu.dropdown-submenu.show {
    -webkit-box-shadow: 0px 6px 12px rgb(0 0 0 / 40%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 40%);
    margin-left: -.022465rem;
    border-left: solid 1px #fff;
}
.dropdown-item {
	padding: .5rem 1.5rem;
	border-bottom: solid 1px #e9e9e9;
}
a.dropdown-item:hover, button.dropdown-item:hover {
    background: #e9e9e9;
    color:#004a97;
}
.sticky-top-ie {
    position:fixed;
}
/********************************** SEARCH ************************************/
/* hide default google search box */
 .gsc-control-cse.gsc-control-cse-en {
	 visibility: hidden;
	 width: 0px;
}
 .gsc-search-box.gsc-search-box-tools {
	 display: none;
}
 .gsc-modal-background-image-visible {
	 visibility: visible;
}
/* overide padding on invisible div */
 .gsc-control-cse{
	 padding:0 !important;
}
/*********************************** MAIN *************************************/
 #content-wrapper {
	 padding-top: 100px;
}
 main .row.bg-light {
	 background-color: #dcdcdc !important;
	 /*width: calc(100% + 4rem);
	 margin-left: -2rem;*/
	 padding: 15px;
}
main .bg-light a:not(.accordion-toggle):not(.btn):not(.list-group a):not(.alert a), main .bg-light a:not(.accordion-toggle):not(.btn):visited {
    color:#004060;
}
main.bg-white {
    padding-bottom: 8rem!important;
}
main {
    background: #FFFFFF url(https://prod-deq.mt.gov/_images/mountainBG.png) no-repeat bottom right;
    -webkit-background-size: contain;
	 -moz-background-size: contain;
	 -o-background-size: contain;
    background-size: contain;
}

main#main{
    background: #FFFFFF url(https://prod-deq.mt.gov/_images/mountainBG.png) no-repeat bottom right;
    -webkit-background-size: contain;
	 -moz-background-size: contain;
	 -o-background-size: contain;
    background-size: contain;
}


main .row {
    margin-bottom: 1rem;
}
main a:not(.accordion-toggle):not(.btn):not(.list-group a):not(.alert a):not(.page-link), main a:not(.accordion-toggle):not(.btn):visited {
    color: #007eb5;
    border-bottom: 1px dotted #3dc7e8;
}
main a:not(.accordion-toggle):not(.btn):not(.news .article h5.title):not(.list-group a):not(.page-link):hover {
    color: #fff;
    text-decoration:none;
    background-color:#004a97;
    border-bottom: solid 1px #007eb5;
    background-image: linear-gradient(to right bottom, #004a97, #0057a0, #0064a8, #0071af, #007eb5);
}
 main img {
	 max-width: 100%;
	 height: auto;
}
 main iframe {
	 max-width: 100%;
}
.nav-tabs .nav-item.show .nav-link {
    background-color: #fff;
}
.nav-tabs .nav-item button:not(.active):hover {
    color: #fff;
    text-decoration: none;
    background-color: #004a97;
    border-bottom: solid 1px #007eb5;
    background-image: linear-gradient(to right bottom, #004a97, #0057a0, #0064a8, #0071af, #007eb5);
}
.nav-tabs .nav-link {
    color: #007eb5;
    background: transparent;
    border-bottom: 1px dotted #3dc7e8;
}
.nav-tabs .nav-link.active {
    color: #007eb5;
    background-color: #fff;
    border-color: #007eb5 #007eb5 #fff!important;
    font-weight: 600;
}
ul#tabs .nav-item {
    flex: 1 1 auto;
    text-align: center;
}
 .frame {
	 width: 50%;
	 margin: 0 auto 15px auto;
	 padding: 15px 15px 0 15px;
	 border: 1px solid #ccc;
	 text-align: center;
}
 .frame .portrait {
	 display: block;
	 width: 100%;
	 border: 1px solid #ccc;
}
/***************************** MISSION ******************************************/
h2.mission {
    color: #323a45;
    padding: 0rem 10rem .75rem;
}
a.btn.btn-primary.mission {
    webkit-box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 30%);
    -moz-box-shadow: 1px 1px 3px 3px rgba(132,156,180,.30);
    box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 30%);
    margin-bottom:.5rem;
}
/***************************** WIDGETS ******************************************/
 .content-block:not(:last-child){
	 margin-bottom:30px;
}
/***************************** TILES ******************************************/
 .tile {
	 position: relative;
	 float: left;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	 background: #dfe2e8;
	 border:3px solid #eee;
	 text-align: center;
	 cursor: default;
	 border-radius: .5rem;
	 min-height:170px;
}
 .tile img {
	 display: block;
	 position: relative;
	 width: calc(100% + 20px);
	 max-width: none;
	 max-height: 400px;
	 backface-visibility: hidden;
	 object-fit: cover;
}
 .tile .overlay {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 overflow: hidden;
}
 .tile :is(h2,h3,h4,h5,h6) {
	 position: relative;
	 margin-bottom: 0;
	 padding:15px 15px 0;
	 overflow: hidden;
	 background-color: rgba(50,58,69,0.75);
	 text-transform: uppercase;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	 text-align: center;
	 color: #fff;
}
 .tile p {
	 padding: 0 15px 15px 15px;
	 background-color: rgba(50,58,69,0.75);
	 color: #fff;
}
.tile p:last-of-type {
    margin-bottom: 0;
}
 .hovereffect img {
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 -webkit-transform: translate3d(-10px,0,0);
	 transform: translate3d(-10px,0,0);
	 -webkit-backface-visibility: hidden;
}
 .hovereffect:hover img {
	 opacity: 0.4;
	 filter: alpha(opacity=40);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect h2{
	 padding:10px 0;
}
 .hovereffect h2:after {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 2px;
	 background: #43A03F;
	 content: '';
	 -webkit-transition: -webkit-transform 0.35s;
	 transition: transform 0.35s;
	 -webkit-transform: translate3d(-100%,0,0);
	 transform: translate3d(-100%,0,0);
}
 .hovereffect:hover h2:after {
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect p {
	 background-color: transparent;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 -webkit-transform: translate3d(100%,0,0);
	 transform: translate3d(100%,0,0);
}
 .hovereffect:hover p {
	 opacity: 1;
	 filter: alpha(opacity=100);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
/******************************** TILE CAROUSEL *******************************/
.carousel-item {
    min-height:fit-content;
}
.carousel-item img {min-height:180px;}
/* .carousel-item {
	 margin-right: 0px;
	 transition: -webkit-transform 0.6s ease;
	 transition: transform 0.6s ease;
	 transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
 .carousel-inner .active, .carousel-inner .active+.carousel-item {
	 display: block;
}
 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
	 -webkit-transition: none;
	 transition: none;
}
 .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
	 position: relative;
	 -webkit-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
}
 .carousel-inner .active.carousel-item+.carousel-item+.carousel-item {
	 position: absolute;
	 top: 0;
	 right: -50%;
	 display: block;
	 visibility: visible;
}
 .active.carousel-item-left+.carousel-item-next.carousel-item-left, .carousel-item-next.carousel-item-left+.carousel-item {
	 position: relative;
	 -webkit-transform: translate3d(-100%, 0, 0);
	 transform: translate3d(-100%, 0, 0);
	 visibility: visible;
}
 .carousel-inner .carousel-item-prev.carousel-item-right {
	 position: absolute;
	 top: 0;
	 left: 0;
	 display: block;
	 visibility: visible;
}
 .active.carousel-item-right+.carousel-item-prev.carousel-item-right, .carousel-item-prev.carousel-item-right+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
	 position: relative;
	 -webkit-transform: translate3d(100%, 0, 0);
	 transform: translate3d(100%, 0, 0);
	 visibility: visible;
	 display: block;
}
*/
/********************************* CAROUSEL ***********************************/
 .carousel {
	 width: 100%;
	 border: 1px solid rgba(0,0,0,.125);
}
 .carousel-caption {
	/*position: relative;
	 top: 0;
	 left: 0;
	 width: 100%;
	*/
	 padding: 10px;
	 background: rgba(255, 255, 255, .9) !important;
	 color: #323a45;
	 bottom: 25px;
	 border-radius: .15rem;
}
 .carousel-caption h5{
	 font-weight:bold;
	 font-size: 14pt !important;
}
 .carousel-caption p{
	 margin:0;
	 font-size: 12pt !important;
}
 .carousel-indicators {
	 margin-bottom:0;
}
 .carousel-control-next, .carousel-control-prev {
     min-width:44px;
	 width: 5%;
	 z-index:99;
}
 .carousel-caption a {
	 text-decoration:none !important;
}
/********************************** CARDS *************************************/
 .card-img-top {
	 background-size: cover;
}
 .cards a:hover .card {
	 background-color: #f5f5f5;
}
 .cards a:hover{
	 text-decoration:none;
}
 .card-body:empty {
	 display: none;
}
 .card-title{
	 font-weight:bold;
	 text-align:center;
	 padding-top: .5rem;
	 margin-bottom:0rem;
}
.col-lg-4 .side {
    border: solid #e9e9e9 1px;
    padding: 1rem;
    border-radius: .35rem;
}
.side h4 {
    border-bottom: solid 1px #e9e9e9;
    padding-bottom: .25rem;
    text-transform: uppercase;
    letter-spacing: .05rem;
    color: #004a97;
}
.side h5 {
    margin-bottom: 0.05rem;
}
.side h5.card-title{
     padding-top: 0rem;
     text-align: left;
     font-size: 1rem;
}
.side .content-block.cards {
    border-top: #e9e9e9 solid 1px;
    padding-top: 1rem;
}
.side .content-block.cards .card {
    margin: 0rem .5rem;
    color: #004a97;
    background: #f7f7f7;
    border: solid .125rem #fff;
}
.side .content-block.cards a:hover .card {
    background-color: #004a97;
    color: #FFFFFF;
}
/**************************** ACCORDIONS/TABS *********************************/
 .accordion .card-header {
	 padding: 0;
	 text-transform:uppercase;
}
 .accordion .card-header button.accordion-toggle {
     font-weight:normal;
 }
 .accordion .card-header:hover {
}
 .accordion .card{
	 border-radius: 0;
}
 .nav-tabs {
	 display:none;
}
 .tab-content{
	 padding: 30px 0px;
}
 .accordion-toggle{
	 display:block;
	 width:100%;
	 padding: .75rem 1.25rem;
	 text-decoration:none;
	 text-align:left;
	 text-transform:uppercase;
}
 .accordion-toggle:after {
	 content: "\f078";
	 float: right;
	 font-family: 'Font Awesome 5 Free';
	 font-weight: 900;
}
 [aria-expanded="true"].accordion-toggle:after {
	 content: "\f077";
}
 .accordion-toggle:hover,.accordion-toggle:not(.collapsed) {
	 text-decoration:none;
	 color: #fff;
     background-color: #004a97;
     background-image: linear-gradient(to right bottom, #004a97, #0057a0, #0064a8, #0071af, #007eb5);
}
/*Nested Accordions*/
 .accordion .accordion .accordion-toggle {
	 padding: .5rem 1rem;
	 font-size: 13px;
}
/*FAQ*/
 .accordion.faq .card{
	 border-left:0;
	 border-right:0;
}
 .accordion.faq .card-header{
	 position: relative;
	 background:none;
	 border-bottom: 0;
	 font-weight:bold;
}
 .accordion.faq .card-header span{
	 padding-left:30px;
	 display:inline-block 
}
 .accordion.faq button {
    background: transparent;
    margin-bottom:1px;
}
.accordion.faq button:hover, .accordion.faq button[aria-expanded="true"] {
    text-decoration: none;
    color: #fff;
    background-color: #004a97;
    background-image: linear-gradient(to right bottom, #004a97, #0057a0, #0064a8, #0071af, #007eb5);
}
 .accordion.faq .accordion-toggle:before {
	 content: "\f054";
	 display: block;
	 position: absolute;
	 top: 50%;
	 left: .25rem;
	 -webkit-transform: translateY(-50%);
	 -moz-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
	 font-family: 'Font Awesome 5 Free';
	 font-weight: 900;
}
 .accordion.faq [aria-expanded="true"].accordion-toggle:before {
	 content: "\f078";
}
 .accordion.faq .accordion-toggle:after {
	 display:none;
}
 .accordion.faq .accordion-toggle span:hover {
	 text-decoration: underline;
}
 .accordion.faq .card-body{
	 padding-left:50px;
	 padding-right:50px;
}
button.accordion-toggle {
    color: #004a97;
    font-weight: 600;
    border: 1px solid transparent;
}
/********* Nested collapsible content *********/
#accordion2-collapse3 .card.card-body {
    border: none;
    padding: .25rem;
}
/********************************** SIDE NAV **********************************/
 .list-group {
	 border-radius: .25rem;
}
 .list-group a {
	 background-color: #F7F7F7;/*#e9e9e9*/
	 cursor: pointer;
	 color: #004A99;
}
.list-group-item {
	 background-color: #F7F7F7;
}
 .list-group-item.active {
	 color: #004A99;
	 background-color: #fff;
	 border-color: #004A99;
}
 .list-group-item-action:active {
	 color: #323a45;
	 background-color: #e9ecef;
}
 .list-group-item-action:focus, .list-group-item-action:hover {
	 color: #fff;
	 background-color: #004A99;
}

/****************************** HOME SIDE NAV ********************************/
ul.list-group.home {
    border-radius: .25rem;
    -webkit-box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 30%);
    -moz-box-shadow: 1px 1px 3px 3px rgba(132,156,180,.30);
    box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 30%);
}
ul.list-group.home li.list-group-item {
    background-color: #323a45;
    background-image: linear-gradient(to right, #323a45, #6c757d);
    border-color: #F7f7f7;
}
.list-group-item-action.home:focus, .list-group-item-action.home:hover {
    color: #F7F7F7;
	 background-color: #323a45;
}
.list-group.home a {
    background-color: transparent;
    cursor: pointer;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: .05rem;
}
.list-group.home a {
    background-color: transparent;
    cursor: pointer;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: .05rem;
}


/*********************************** NEWS ************************************/
.news .article {
    margin: 1rem 0rem;
    margin-bottom: 2rem!important;
}
.news .article h5.title a:hover {
    color:#FFF!important;
}
a.btn.btn-secondary.news {
    background: #004a97;
    background-image: linear-gradient(to right, #004a97, #0057a0, #0064a8, #0071af, #007eb5);
    margin-bottom: 2rem;
    margin-top: -1rem;
}
a.btn.btn-secondary.news:hover {
    background: #004a97;
    background-image: linear-gradient(to right, #323a45, #6c757d);
    margin-bottom: 2rem;
    margin-top: -1rem;
}
div.news .article.template, div.news[data-tags="Public Comment"] .article.template, div.news[data-tags="Public Meeting"] .article.template, div.news[data-tags="Public Notice"] .article.template {
    /*background: #fafafa;*/
    border: solid 1px #f9f9f9;
    border-radius: .5rem;
    padding: 1rem;
    box-shadow: 0 0.15rem 0.25rem rgb(0 0 0 / 15%);
}
.news[data-tags="News"] .article.template {
    background: #fff;
    border: none;
    border-radius: 0rem;
    padding: 0rem;
    box-shadow: none;
}
button.load-more-btn {
    padding: .475rem 2.25rem;
    text-shadow: 1px 1px 2px rgb(0 0 0);
    font-weight: 600;
    letter-spacing: .03rem;
    webkit-box-shadow: 1px 1px 3px 3px rgba(132,156,180,.30);
    -moz-box-shadow: 1px 1px 3px 3px rgba(132,156,180,.30);
    box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 30%);
    transition: transform .75s ease;
    -webkit-transition: transform .75s ease;
}
button.load-more-btn:hover {
    padding: .475rem 2.25rem;
    text-shadow: 1px 1px 2px rgb(0 0 0);
    font-weight: 600;
    letter-spacing: .03rem;
    webkit-box-shadow: 1px 1px 3px 3px rgba(0,154,221,.3);
    -moz-box-shadow: 1px 1px 3px 3px rgba(0,154,221,.3);
    box-shadow: 1px 1px 3px 3px rgb(0 74 151 / 30%);
    transform: scale(1.07);
}
/********************************** CONTACT **********************************/
.clive-field > input, .clive-field select, .clive-field textarea {
    border-radius: .25rem!important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-color: #f9f9f9!important;
}
 .clive-field-wrapper:nth-child(-n+5){
	 width: 48%;
	 float: left;
}
 .clive-field-wrapper:nth-child(3), .clive-field-wrapper:nth-child(5){
	 float: right;
}
 .clive-field select{
	 height:40px !important;
}
 .clive-field-wrapper:nth-child(6){
	 clear:both;
}
 .clive-field textarea{
	 min-height: 150px;
}
 .g-recaptcha div:first-child{
	 margin:15px auto;
}
 .clive-submit{
	 display: block !important;
	 width: auto !important;
	 margin: 0 auto;
	 align-content: space-around;
	 color: #fff;
	 background-color: #009add !important;
	 border-color: #ffffff !important;
	 font-weight: 600;
	 text-transform:uppercase;
	 text-align: center;
	 white-space: nowrap;
	 vertical-align: middle;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 border: 1px solid transparent !important;
	 padding: .7575rem 8.75rem !important;
	 font-size: 1rem !important;
	 line-height: 1.5;
	 border-radius: .35rem !important;
	 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	 -webkit-box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 20%);
     -moz-box-shadow: 1px 1px 3px 3px rgba(132, 156, 180, .20);
     box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 20%);
}
 .clive-submit:hover, .clive-submit:focus {
	 color: #fff;
	 background-color: #004a97 !important;
	 border-color: #ffffff !important;
}
 .clive-submit.active:focus, .clive-submit:active:focus, .clive-submit:focus {
	 box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5) !important;
}
.clive-field-wrapper > label {
    margin: 5pt 0 0pt 0pt!important;
}
.clive-indication-required .clive-field-wrapper.clive-required > label:first-child:after, .clive-indication-required .clive-field-wrapper.clive-required .clive-legend-wrapper > legend:first-child:after {
    opacity:0.9!important;
    color: deeppink;
}
/************************** REPORT POLLUTION FORM *****************************/
.fsPage input:not([type='radio']):not([type='file']):not([type='button']), .fsPage select, .fsPage textarea {
    border-radius: .25rem!important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-color: #f9f9f9!important;
}
.fsBody .fsForm {
	border: 0px!important;
    box-shadow: none!important;
}
.fsBody .fsSectionHeader {
    display: none;
}
input.fsSubmitButton {
    display: block !important;
	 width: auto !important;
	 margin: 0 auto;
	 align-content: space-around;
	 color: #fff;
	 background-color: #009add !important;
	 border-color: #ffffff !important;
	 font-weight: 600;
	 text-transform:uppercase;
	 text-align: center;
	 white-space: nowrap;
	 vertical-align: middle;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 border: 1px solid transparent !important;
	 padding: .7575rem 8.75rem !important;
	 font-size: 1rem !important;
	 line-height: 1.5;
	 border-radius: .35rem !important;
	 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	 -webkit-box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 20%);
     -moz-box-shadow: 1px 1px 3px 3px rgba(132, 156, 180, .20);
     box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 20%);
}
input.fsSubmitButton:hover {
     color: #fff;
	 background-color: #004a97 !important;
	 border-color: #ffffff !important;
}
.fsForm input#field109294234UploadButton.fsFileUploadButton,.fsForm input#field109576266UploadButton.fsFileUploadButton,.fsForm input#field109576271UploadButton.fsFileUploadButton,.fsForm input#field109576272UploadButton.fsFileUploadButton,.fsForm input#field109576268UploadButton.fsFileUploadButton,.fsForm input#field109576269UploadButton.fsFileUploadButton {
	border: none;
    color: #fff;
    border-radius: 3px;
    background: #007eb5;
    webkit-box-shadow: 1px 1px 3px 3px rgba(132,156,180,.30);
    -moz-box-shadow: 1px 1px 3px 3px rgba(132,156,180,.30);
    box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 30%);
    padding: .5em 1.5em .5em 1.5em;
}
.fsForm input#field109294234UploadButton.fsFileUploadButton:hover,.fsForm input#field109576266UploadButton.fsFileUploadButton:hover,.fsForm input#field109576271UploadButton.fsFileUploadButton:hover,.fsForm input#field109576272UploadButton.fsFileUploadButton:hover,.fsForm input#field109576268UploadButton.fsFileUploadButton:hover,.fsForm input#field109576269UploadButton.fsFileUploadButton:hover {
	background-color: #004a97 !important;
}
.fsForm input#field109294234DeleteButton.fsFileUploadButton,.fsForm input#field109576266DeleteButton.fsFileUploadButton,.fsForm input#field109576271DeleteButton.fsFileUploadButton,.fsForm input#field109576272DeleteButton.fsFileUploadButton,.fsForm input#field109576268DeleteButton.fsFileUploadButton,.fsForm input#field109576269DeleteButton.fsFileUploadButton {
	border: none;
    color: #fff;
    border-radius: 3px;
    background:#6c757d;
    webkit-box-shadow: 1px 1px 3px 3px rgba(132,156,180,.30);
    -moz-box-shadow: 1px 1px 3px 3px rgba(132,156,180,.30);
    box-shadow: 1px 1px 3px 3px rgb(132 156 180 / 30%);
    padding: .5em 1.5em .5em 1.5em;
}
.fsForm input#field109294234DeleteButton.fsFileUploadButton:hover,.fsForm input#field109576266DeleteButton.fsFileUploadButton:hover,.fsForm input#field109576271DeleteButton.fsFileUploadButton:hover,.fsForm input#field109576272DeleteButton.fsFileUploadButton:hover,.fsForm input#field109576268DeleteButton.fsFileUploadButton:hover,.fsForm input#field109576269DeleteButton.fsFileUploadButton:hover {
    background-color: #323a45 !important;
}
div#fsCell109294234, div#fsCell109576266, div#fsCell109576271, div#fsCell109576272, div#fsCell109576268, div#fsCell109576269 {
    border: solid #e9e9e9 1px;
    padding: .5rem;
    border-radius: .25rem;
}
/********************************** FOOTER ************************************/
footer:not(#template-footer) {
	 padding: 30px;
	 background: #323a45;/*#051c2c*/
	 color: #FFFFFF;
}
footer:not(#template-footer) h4 {
	 width: 100%;
	 text-transform: uppercase;
	 border-bottom: 1px solid #009ADD;
}
footer:not(#template-footer) hr {
	 border-top: 1px solid #009ADD;
}
footer:not(#template-footer) a:not(.btn) {
	 color: #fff;
	 border-bottom: solid 1px #009ADD;
}
footer:not(#template-footer) a:not(.btn):hover {
	 color: #fff;
	 text-decoration:none;
	 background-color:#004a97;
	 border-bottom: solid 1px #FFFFFF;
}
footer:not(#template-footer) img {
	 display:block;
	 margin:0 auto;
}
footer:not(#template-footer) ul {
    margin-left: 0;
    padding-left: .75em;
}
footer:not(#template-footer) li {
    padding: 3px 0px;
    display: block;
    list-style: none;
    margin: 0;
}
footer:not(#template-footer) a.btn.btn-primary {
    border: solid 3px #009add;
    background: none;
    padding: .35em 1.5em .35em 1.5em;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10);
    -moz-box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10);
    box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10);
}
footer:not(#template-footer) a.btn.btn-primary:hover {
    border: solid 3px #004a97;
    background: #004a97;
    padding: .35em 1.5em .35em 1.5em;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10);
	-moz-box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10);
	box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10);
}
.social-links a.nav-link {
    color: #fff;
	border:#323a45 solid 1px!important;
}
.social-links a.nav-link:hover {
    background-color: #004a97!important;
}
 #social img{
	 display:block;
	 width:24px;
}
 #back-to-top {
	 position: fixed;
	 bottom: 79px;
	 right: 15px;
	 display: none;
	 z-index:99;
	 color: #fff;
	 padding: .375rem .75rem;
     background-color: #323a45;
     border: solid 3px #009add;
     border-radius: 3rem;
	 letter-spacing: 1px;
     box-shadow: 2px 1px 2px 1px rgb(0 0 0 / 50%);
     -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 48%), 0 3px 1px -2px rgb(0 0 0 / 24%), 0 1px 5px 0 rgb(0 0 0 / 40%);
     box-shadow: 0 2px 2px 0 rgb(0 0 0 / 40%), 0 3px 1px -2px rgb(0 0 0 / 40%), 0 1px 5px 0 rgb(0 0 0 / 40%);
}
#back-to-top:hover {
    color: #fff;
    background-color: #004a97;
    border: solid 3px #ffffff;
}
em.fas.fa-angle-double-up {
    display: block;
}
/***** LOADING ICON ****/
 .loader {
	 display: inline-block;
	 margin-top: 20px;
	 font-size: 150px;
	 width: 100%;
	 color: 051C2C;
	 text-align: center;
	 -webkit-animation-name: beat;
	 animation-name: beat;
	 -webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite;
	 -webkit-animation-duration: 2.5s;
	 animation-duration: 2.5s;
}
 @-webkit-keyframes beat {
	 0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 5% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	 10% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 30% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	 40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	 50% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
 @keyframes beat {
	 0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 5% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	 10% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 30% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	 40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	 50% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*h4.panel-title a:after,h5.panel-title a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: " \f078";
    position: relative;
    color: #007eb5;
    font-size: 16px;
    line-height: 22px;
}*/
.card-body h5.panel-title, .card-body h5.panel-heading, div.card-body p, .card-body .panel-title {
    padding-left: 1rem;
}

.card-body h4.panel-title a, .card-body h4.panel-heading a, .card-body h5.panel-title a {
    color: #004a97!important;
}
.card-body h4.panel-title a:hover, .card-body h4.panel-heading a:hover, .card-body h5.panel-title a:hover {
    color: #fff!important;
}
h4.panel-title a:after, h4.panel-heading a:after, h5.panel-title a:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: " \f078";
    position: relative;
    color: #004a97;
    font-size: 16px;
    line-height: 22px;
}
.page-link {color:rgb(0,77,166)}
.page-item.active .page-link {
    background-color:rgb(0,77,166);
    border-color:rgb(0,77,166);
}
/******************************** RESPONSIVE **********************************/
/*Extra large devices (large desktops, 1200px or less)*/
 @media (max-width: 1200px) {
     body {background-image:none!important}
	 header .logo {
		 /*top: -50px;
		 width: 100px;*/
	}
	 header .logo.tiny {
		/* display: none;*/
	}
	 .heading {
		 padding-top: 55px;
	}
	.dropdown-menu.dropdown-menu-left.show {
	    -webkit-box-shadow: none;
        box-shadow: none;
	}
	.dropdown-menu.dropdown-submenu.show {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: none;
    border-left: none;
    padding-left: .75rem;
    }
}
/*Large devices (desktops, 991px or less)*/
 @media (max-width: 991px) {
	 .navbar-nav .nav-link {
		 text-align: left;
		 padding-left: .5rem;
	}
	h2.mission {
    padding: 0rem .25rem .75rem;
}
    /*****************Mobile Table***********/
	 .responsiveTablesLarge colgroup {
		width:0;
	}
	 .responsiveTables colgroup {
		width:0;
	}
	 .dt-search input::placeholder {
		 font-weight: 500;
		 font-size: .9rem;
		 opacity: .5;
	}
	 body .table:is(.responsiveTablesLarge, .dataTable) {
		 display: flex;
		 overflow:hidden;
		 width: 100%;
		 position:relative;
		 justify-content:center 
	}
	 body .table:is(.responsiveTablesLarge, .dataTable)::after {
		 content: "";
		 position: absolute;
		 top: 0;
		 right: 0;
		 width: 3rem;
		 height: calc(100% - 11px);
		 background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));
	}
	 body table:is(.responsiveTablesLarge, .dataTable) thead {
		 display: flex;
		 flex-shrink: 0;
		 min-width: -webkit-min-content;
		 min-width: -moz-min-content;
		 min-width: min-content;
		 float: left;
		 margin-bottom: .7rem;
	}
	 body table:is(.responsiveTablesLarge, .dataTable) tbody {
		 display: flex;
		 position: relative;
		 overflow-x: auto;
		 overflow-y: hidden;
		 scrollbar-color: var(--primary-large-teal) var(--background-gray);
		 scrollbar-width: thin;
	}
	 body table:is(.responsiveTablesLarge, .dataTable) :is(thead, tbody) tr {
		 display: flex;
		 flex-direction: column;
		 min-width: -webkit-min-content;
		 min-width: -moz-min-content;
		 min-width: min-content;
		 flex-shrink: 0;
		 max-width: 50vw;
		 text-wrap: auto;
		 flex:1 1 100%;
		 min-width:20ch;
	}
	 body table:is(.responsiveTablesLarge, .dataTable) th {
		max-width:200px;
	}
	 body table:is(.responsiveTablesLarge, .dataTable) td {
		max-width:50vw;
	}
	 body table.dataTable:is(.responsiveTablesLarge, .dataTable) :is(th,td) {
		 text-align: left!important;
		 border-width: 1px;
		 text-wrap:auto!important;
	}
	 body table.dataTable:is(.responsiveTablesLarge, .dataTable) th[colspan]:not([colspan="1"]), body table.dataTable:is(.responsiveTablesLarge, .dataTable) tfoot {
		 display: none;
	}
	 body .table:is(.responsiveTablesLarge, .dataTable) thead th:last-child{
		 border-bottom: none;
	}
	 body table.dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-of-type {
		 z-index: 1;
		 position: relative;
	}
	 body table.dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-child > * {
		 border-bottom: inherit;
	}
	 body .table:is(.responsiveTablesLarge, .dataTable) td, body .table:is(.responsiveTablesLarge, .dataTable) th {
		 padding: 1rem;
		 vertical-align: middle;
		 box-sizing: border-box;
		 font-size: .9rem;
		 text-overflow: ellipsis;
		 display:flex;
		 overflow:overlay;
		 flex:1 1 100%;
		 align-items:center;
	}
	 .table-bordered>:not(caption)>*>* {
		 border-width:var(--bs-border-width);
	}
}
/*Medium devices (tablets, 768px or less)*/
 @media (max-width: 768px) {
	 #content-wrapper {
		 padding-top: 60px;
	}
	 .sticky-top {
		 top: 0em;
	}
	.navbar {
    border-bottom: solid 1px #323a45;
    }
    ul.navbar-nav {
	padding:0em!important;
    }
	 .navbar-nav .nav-link {
		 text-align: left;
		 padding-left: .5rem;
	}
	 .navbar .form-inline .input-group {
		 margin: 0 auto;
	}
	.dropdown-item {
	padding: .5rem .5rem;
	border-bottom: solid 1px #e9e9e9;
    }
	li.nav-item.dropdown {
    border-bottom: 1px solid #009add;
    }
	 #back-to-top {
		 bottom: 15px;
	}
	 .container {
		 max-width: 100%;
	}
	.nav-tabs {
	    display: flex;
	    flex-flow:column;
	    width:100%;
	    max-width: 18ch;
	    margin-right: 1.25rem;
	}
	
	
	input.fsSubmitButton {
	    padding: .7575rem 3.75rem !important;
	}
	.jumbotron h1 {
    font-size: 2.05em;
    }
	 footer:not(#template-footer) [class^="col-"]{
		 margin-bottom:15px;
	}
}
/*Medium devices (tablets, 768px or more)*/
 @media (min-width: 768px) {
	 .navbar .nav-link.hover ~ .dropdown-menu {
		 display: none;
		 margin-top: 0;
	}
	 .navbar .nav-link.hover:hover ~ .dropdown-menu, .navbar .nav-link.hover ~ .dropdown-menu:hover {
		 display: block;
	}
	 .dropdown-item.dropdown-toggle.hover ~ .dropdown-menu {
		 display: none;
	}
	 .navbar .dropdown-item.dropdown-toggle.hover:hover ~ .dropdown-menu, .navbar .dropdown-item.dropdown-toggle.hover ~ .dropdown-menu:hover {
		 display: block;
	}
	/*Tabs To Accordions*/
	 .nav-tabs {
		 display: flex;
	}
	 .tab-content .card {
		 border: none;
	}
	 .tab-content .card .card-header {
		 display:none;
	}
	 .tab-content .card .collapse{
		 display:block;
	}
}
/*Large devices (desktops, 992px or more)*/
 @media screen and (min-width: 992px) {
	 /*.carousel-inner .active, .carousel-inner .active+.carousel-item, .carousel-inner .active+.carousel-item+.carousel-item, .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
		 display: block;
		 position: static !important;
	}*/
	 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item, .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item, .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
		 -webkit-transition: none;
		 transition: none;
	}
	 .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
		 position: relative;
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	}
	 .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		 position: absolute;
		 top: 0;
		 right: -25%;
		 display: block;
		 visibility: visible;
	}
	 .active.carousel-item-left+.carousel-item-next.carousel-item-left, .carousel-item-next.carousel-item-left+.carousel-item, .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item, .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item, .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		 position: relative;
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
		 visibility: visible;
	}
	 .carousel-inner .carousel-item-prev.carousel-item-right {
		 position: absolute;
		 top: 0;
		 left: 0;
		 display: block;
		 visibility: visible;
	}

	 .active.carousel-item-right+.carousel-item-prev.carousel-item-right, .carousel-item-prev.carousel-item-right+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item, .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
		 position: relative;
		 -webkit-transform: translate3d(100%, 0, 0);
		 transform: translate3d(100%, 0, 0);
		 visibility: visible;
		 display: block;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sticky-top{
        top:0em;
    }
}