@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
body{padding:0;
     margin:0;
    }
.nj-gray{color:#f2f3f5;}
.nj-gray-dark{color:#888;}
.fa-twitter-square:hover{color:#00669d;}

.text-njdep {color: #00669d;}
	
.nj-nav{
	background-color: #00669d;
	font-size: 1rem;
}
.nj-nav .navbar-brand{
	color: #fff;
}
.nj-nav .navbar-brand {
	max-width: 75%;
	margin-right: 0px;
	white-space: normal;
}
.nj-nav  .navbar-nav .nav-link{
	color: #fff;
	padding-right: 1rem; /*Default BT is to go to 0 on collapsed nav this sets this back to desired padding*/
	padding-left: 1rem; /*Default BT is to go to 0 on collapsed nav this sets this back to desired padding*/


}
.nav-link.active,.nj-nav  .show >.nav-link, a.nav-link:hover{
	
	background-color: #fff !important;
	color: #00669d!important;
	border-radius: .25rem;
	
}
.nj-nav .navbar-toggler {
    color: rgba(255,255,255,1) !important;
    border-color: rgba(255,255,255,1) !important;
}
.nj-nav  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.nj-nav .dropdown-item:focus, .nj-nav .dropdown-item:hover {

    color: #00669d;
    text-decoration: none;
    background-color: #fff;

}

.sticky-social a {
	color: #00669d!important;
}

/*custom site  */
.lt-blue-bar {
	background-color: #d9e5fb;
}
.sos-box > h4 { 
	color:white;
	margin: 0;
	padding: .4em 1em;
	font-weight: normal;
	text-align:left;
}

.news {
	white-space: nowrap!important;
	
}

.news-box, 
.facebook-box, 
.twitter-box 											{ /*background-color:#fff;*/ }

.sos-box  > .wrapper {
	border: 1px solid #9c9c9c; 
	max-height: 500px; height: 500px; 
	overflow: hidden; 
	background-color: #fff; 
	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px;  
}

.news-box > h4 {
	background-color:#00426b; 
}
.news-box > .wrapper { 
	overflow-y:scroll; 
	padding: 10px; 
	margin: 0 0 10px 0;
}

.facebook-box > h4 {
	border-top-right-radius: 5px; 
	border-top-left-radius: 5px;	
	background-color:#17548d; 
}

.facebook-box .wrapper { 
	border: 1px solid #9c9c9c; 
	max-height: 500px; 
	height: 500px;  
	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px;  
	text-align:center; 
	padding: 0px; 
	margin: 0 0 10px 0; 
}

.twitter-box > h4 {
	border-top-right-radius: 5px; 
	border-top-left-radius: 5px;	
	background-color:#479ae8; 
}

.twitter-box > .wrapper { 
	overflow-y:scroll; 
	border: 1px solid #9c9c9c; 
	max-height: 500px; 
	height: 500px;  
	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	margin: 0 0 10px 0; 
}

/*@media all and (max-width: 900px) {
  .news-box > .wrapper 						{ padding-bottom: 10px;}
	.facebook-box .wrapper 					{ padding-bottom: 10px;}
	.twitter-box > .wrapper 	 			{ padding-bottom: 10px;}
}


border-bottom-right-radius: 5px;
.sos-box .twitter-box {}
.fb-root {background-color: #fff;}*/

/*---####################################### Social Directory --*/
.sos-gray {color:#888888;}
.sos-gray-twitter:hover, a:focus .fa-twitter			{color:#1da1f2;}
.sos-gray-facebook:hover, a:focus .fa-facebook		{color:#3b5998;}
.sos-gray-instagram:hover, a:focus .fa-instagram	{color:#c32aa3;}
.sos-gray-youtube:hover, a:focus .fa-youtube			{color:#ff0000;}
/*.fa-pinterest-square:hover, a:focus .fa-pinterest-square{color:#bd081c;}
.fa-flickr:hover, a:focus .fa-flickr{color:#f40083;}
.fa-linkedin:hover, a:focus .fa-linkedin{color:#007bb5;}
.fa-tumblr-square:hover, a:focus .fa-tumblr-square{color:#35465d;}*/

/*Top of Page*/
.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display:none;
	background-color: #000;
	border-radius: 4px;
	border: 1px solid #888888;
	color: #fff;
	font-size: 0.9rem;
	line-height: 1rem;
	outline: none;
	padding: 10px 15px;
	z-index: 99;
}
.bgcolorbox {
	background: #00669d;
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
	
	
}
	.card a.list-group-button {
		text-decoration: none;
		float: right;
	}
	.card a.list-group-button:after {
      font-family: 'Font Awesome 6 Pro';
      content: "\f078";
      float: right;
      padding-right: 4px;
      font-weight: 900;
	}
	.card a.list-group-button.collapsed:after {
      content: "\f054";
	}
	.nav-link {
		padding: .5rem .5rem;
	}
	.w-10 {
		width:10%;
	}
	table#climate_sea_rise {
	    border: 2px solid #000;
	}
	table#climate_sea_rise td, table#climate_sea_rise th {
		border: 1px solid black;
	}
/*custom site header  */
.headercolor {
	color: #0f3f61;	
}
#site-name h1, #site-name .department{
	color:#ffffff;
	color:#3b4c73;
	font-size:1.75rem;
 }

.department a:hover {
	text-decoration: none;
}
 
.page-header{
	color:#00669d;	
	font-size:2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
	
}
.page-subheader{
color:#00669d;	
}

.site-font-color{
	color:#000000;		
}
.site-curreny-color{
	color:#008c3f;		
}

.groupheader {
	display: block;     
    margin-top: 0.67rem;
    margin-bottom: 0.67rem; 
	background:#efeacc;
}	

.custom-card-header, .header-blue{	 
	 background:#00669d;
	 padding: 10px 0 8px 20px;
	 color:#fff;
	 
}	
 
.header-dblue{background:#134061!important; color:#fff;}
.widget-color{
	background:#0B3434;
	color:#fff;
}
.widget-hdr{
	color:#fff;
}
.widget-bottom {
	background:#168b43;
	color:#fff !important;
}

widget-bottom#get a:link { color: #fff; }
widget-bottom#get a:visited { color: #fff; }
widget-bottom#get a:hover { color: #fff; }
widget-bottom#get a:active { color: #fff; }

#search select#qp {
	max-width:30%;
}


.page-card-header{	 
	 background:#e2eefc;
	 padding: 10px 0 8px 20px;
	 color:#0050e6;
	 text-align:left;
	 font-size: 1.2rem;
	 
}

.bg-primary {
    background-color: #063346 !important;
	color:#fff;
}
.title-bar {
	background-color:#00669d;
	color:#fff;
}	

/*----------------- page elements----------*/
.bg-blue {background-color:#bedcec;}
h2.dark-blue, #spotlight h2, #resource h2, #links h2, h1.green {color:#0f3f61!important;font-size:2rem;}

.icon {color:#90c2f3!important;}
a.btn-link {
	text-transform:uppercase;
	font-weight:600; 
	color:#0050e6 !important;
}
       .alert .alert-icon-col {
    min-width: 25px;
    max-width: 25px;
         margin-left:0;
         padding:0 !important;
		        
}
h4.faqs {
color:#333;
margin-top: 1.2rem;	
}
.btn-sm {     padding:0.5rem !important;}
       #links .card {border:0 none; line-heigh: normal;}
  #links .card-img-top {border:1px solid #ccc;}      
   #links .card-title {font-size:1.0rem; margin-top: 1rem;}   
 	 


#site-name.department{color:#0f3f61}
/*FOOTER*/
footer.site {
	background: #00669d;
	padding: 15px 0;
	color: #fff;
	font-size: 14px;
	margin-top: 30px;
	font-weight: 300;
}

.footer.site ul.statewide{
	list-style: none;
	padding: 0px;
}
.footer.site ul.statewide a{
	color: #fff;
	font-weight: 300;
}


.footer.site h3 {
    padding: 20px 0 10px 0px;
 		color: #fff;
    width: 100%;
    border-bottom: 2px solid #fff;
	font-size: 1.25rem;
}
.footer.site h3 a,
.footer.site .columned a{
		color: #fff;
}


.footer.site  .columned ul li {
	list-style: none;
	padding: 0px;
}

.footer.site  .columned>ul>li>h5{
	border-bottom: 1px solid #fff;
	font-size: 1rem;
	font-weight: 500;
}

/*--------------------- site components ---------------------------*/
/*
.jumbotron {
  background-repeat:no-repeat;
  background-position:top center;

    background-size: cover;
}
*/
.caption {
  color:#000;
}
.blockquote {color:#54920b; font-style:italic;}

.blockquote-footer {color: #153753;}
.list-group-item {padding-bottom:0;}
li.active {padding-bottom:12px;}


a.btn-link {text-transform:uppercase; font-weight:600;}

a.txt-link {text-transform:none; color:#0050E6 !important; font-weight:normal;}

a.resource-link {text-transform:none; color:#0050e6 !important; font-weight:400;}

.imgMemorial img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}





#memoriallg.modal-lg {
   
}

#memorialdiag.modal-dialog {
   

  
}

#memorialcont.modal-content {


}
.gray{background-color:#f5f6f6;}

/** Countdown **/
.clocksize {

	text-align: center;	
}

.countdown{

	text-align: center;	
}


.countdown.embed{
	display: inline-block;
	overflow: auto;
	border: 3px solid #F57A00;
	padding:  .5em 0.25em;
	font-size: 1.5em;
	margin: 0 .125em;
	background-color: #fff;
	text-align: center;
}

.countdown .unit{
	display: inline-block;
	overflow: auto;
}

.countdown .value{
	display: inline-block;
	overflow: auto;
	float: center;
	clear: center;
	font-weight: bold;
	border: 3px solid #0f3f61;
	border-radius: 0.25em;
	padding:  0.30em 0.40em;
	font-size: 1.75em;
	color: #fff;
	background-color: #134061;
}

.countdown .caption{
	display: inline-block;
	overflow: auto;
	float: center;
	clear: center;
	font-size: .75em;
	text-align: center;	
}

/* -------- Announcements ---------------------------------*/

.press-title {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	border-width:1px 0 1px !important;	
}

.press-title .date{
	display: inline-block;
	background-color: #e9ecef;
	color: #0050e6;
	border-radius: .25px;
	text-align: center;
	padding: 5px;
	font-weight: bold;
    width: 50px;
    float: left;
	margin-right: 14px;
}
.press-title .date .day{
	display: block;
	background-color: white;
	color: #0050e6;
	border-radius: .25px;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 10px;
	line-height: 1em;
}
.press-read-more {
	font-style:italic;
	float:right;
	margin-top:1rem;
}

/* .press-date::before {
	font-family:'Font Awesome 6 Pro';	
	font-style: normal;	
	content: '\f192';
	padding-right: .2em;
	padding-left: .2em;
} */
.press-date {
	font-weight: bold;
}
.press-day {
	display: block;
	background-color: white;
	color: #013555;
	border-radius: .25px;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 10px;
	line-height: 1em;
}

/* -------- End Press Releases ---------------------------------*/
/* njdep Carousel */

.carousel.njdep .carousel-control-next-icon,
.carousel.njdep .carousel-control-prev-icon{
	background-color: rgba(0,0,0,.5);
	background-size: 50% 50%;
	border-radius: 1rem;
}

.carousel.njdep .carousel-indicators{
	bottom: 0px;
}

.carousel.njdep .carousel-indicators li {
	width: 10px;
	height: 10px;
	margin-right: 3px;
	margin-left: 3px;
	border-radius: 100%;
	
}
.carousel.njdep .carousel-indicators li.active {
	background-color: rgba(0,102,157,.75);
}

.carousel.njdep .carousel-caption,
.carousel.njdep .carousel-caption.default {
	background: rgba(0, 0, 0, 0.40);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	align-items: center;
	padding-bottom: 2rem;
}

.carousel.njdep .carousel-caption.left {
	width: 25%;
	top: 50%;
	transform: translateY(-50%);
	right: auto;
	left: 15%;
	bottom: auto;
	padding-bottom: 20px;
}
.carousel.njdep .carousel-caption.right {
	width: 25%;
	top: 50%;
	transform: translateY(-50%);
	right: 15%;
	left: auto;
	bottom: auto;
	padding-bottom: 20px;
}

.carousel.njdep .carousel-caption h2,
.carousel.njdep .carousel-caption h3 {
        font-family: 'Roboto Slab', serif;	
}

.carousel.njdep .carousel-caption a {
	color: #fff;
}

/*njdep Slick Carousel*/
.slickCarousel.njdep .slick-prev::before,
.slickCarousel.njdep  .slick-next::before {
	color: #000;
	text-shadow: 0px 0px 6px #FFffff;
}
.slickCarousel.njdep  .slick-prev {
    left: 25px;
    z-index: 200;
}
.slickCarousel.njdep  .slick-next {
    right: 25px;
    z-index: 200;
}


.card-img-top, .img-icon{
  width:100%;
  height:auto!important;
 
}
   
*.card-img-top, *.img-icon {
   min-height: 0.01px;
}
 #links .card-img-top {border:1px solid #ccc;}



	 
/*------------social media --------------*/

.facebook-box .wrapper{text-align:center;}
.facebook-box .page-wrapper{text-align:center;}

.social-box  > .wrapper{
	border: 1px solid #9c9c9c;
	max-height: 500px;
	height: 500px;
	overflow: hidden;
}
.social-box  > .page-wrapper{
	border: 1px solid #9c9c9c;
	max-height: 800px;
	height: 800px;
	overflow: hidden;
}

.social-box{
	margin: 0em 0em 2em 0em;
	/*max-width: 530px; Facebook widget will only dislpay at max 500px width so to avoid deadspace we stop these from exceeding 500px*/
	/*float: none;
	display: inline-block;
	*/
}
.social-box > h4{
	color:white;
	margin: 0 ;
	padding: .25em 1em;
	font-weight: bold;
	text-align:left;
}
.twitter-box > h4{
	background-color:#0f3f61;
}

.custom-row:nth-of-type(odd) {
    background: #e0e0e0;
}


.social-wrapper{
	/*text-align: center;*/
}
.social-box{
	margin: 0em 0em 2em 0em;
	/*max-width: 530px; Facebook widget will only dislpay at max 500px width so to avoid deadspace we stop these from exceeding 500px*/
	/*float: none;
	display: inline-block;
	*/
}
.social-box > h4{
	color:white;
	margin: 0 ;
	padding: .25em 1em;
	font-weight: bold;
	text-align:left;
}

.page-hdr {
	color:#008c40;	
}

.imp-info {
	background-color: #bbd8e8;
}
.imp-info-header {
	font-weight: bold;	
	
}

body {
	background-color: transparent;
	background-color: #f5f5f5;
}

header {
	background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.topBorder,
.bottomBorder {
	background-color:#369;	
}

.background-white {
	background-color: #fff !important;
}

.breadcrumb > li + li:before {
	font-family:'Font Awesome 6 Pro';
    content: "\f105";
    font-weight: 900;
	
}
.headerBlock {
	padding-right:10px;
	padding-bottom:10px;
}
.logoImage {
	margin-left: 5px;
}
.more-link {
	background-color:#2484c6;
	color: #fff;
}
.more-link:hover {
	color: #2484c6;
}
.headersch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size:12px
}
.pulldown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003366
}
.row.noMargin {
	margin: 0;
	
}
a.headerLink:link, a.headerLink:visited, a.headerLink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}
a.headerLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: underline;
	font-weight: bold;
}
.headerBlack12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
	font-weight: bold;
}
.footerNavy12,
.headerNavy12 {
    font-family: Arial;
    font-size: 12px;
    color: #036;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
}
#njdepFooter {
	position: relative;
	background-color:#fff;	
}
.center-pills {display: inline-block;}
.center-pills > li + li:before {
	content: "| "
}
.nav-pills > li > a {
	display: inline-block;
	
}
aside.rightColumn .inner {
	padding: 10px 16px;
}
aside.rightColumn .lightgrey {
	background-color: #f5f5f5;	
}
aside.rightColumn .yellow {
    background-color: #edd756;
}

aside.rightColumn {
	float: right;
	margin: -20px -10px -10px 10px;
	width: 25%;
}
aside.rightColumn h2 {
    font-size: 1.5em;	
	margin-top: 2px;
	margin-bottom: 4px;
}
aside.rightColumn .list-group-item {
	padding: 4px 8px;
	border: none;
	border-bottom: 1px solid #f5f5f5;
}
aside.rightColumn .list-group {
	margin: 6px;
}

.bookmark-text h3, .bookmark-text .h3 {margin-top: 40px;}

.bookmark-text h3.heading-tight, .bookmark-text .h3.heading-tight {margin-top: 0px;}

.bookmark-text p.tight {margin-bottom: 0px;}

.h2loans-sidebar-link {
	text-decoration: none !important;
}
.h2loans-sidebar {
    background-color: #fff;	
	margin-top: 5px;
	margin-right: -15px;
	margin-left: -15px;
	padding: 10px 5px;
	border: #A7A5A5 solid 2px;
}
.h2loans-sidebar h5 {
	margin-top:2px;
	margin-bottom:4px;
}
.h2loans-label { 
	display: inline-block;
	color: #000;	
	font-size: 18px;	
}
.h2loans-label .blue { color: #07b;}
.h2loans-label .blue sub { font-size: 85%;}
.h2loans-sidebar img.img-h2loans {
	float: right;
	width: 25%;
}

.insideContent,
.bodyContent.col-lg-7,
.bodyContent.col-lg-8,
.bodyContent.col-lg-9,
.bodyContent.col-lg-10 {
  padding-left: 0;
  padding-right: 0;	
}

.table > thead > tr > td.yellow,
.table > tbody > tr > td.yellow,
.table > tfoot > tr > td.yellow,
.table > thead > tr > th.yellow,
.table > tbody > tr > th.yellow,
.table > tfoot > tr > th.yellow,
.table > thead > tr.yellow > td,
.table > tbody > tr.yellow > td,
.table > tfoot > tr.yellow > td,
.table > thead > tr.yellow > th,
.table > tbody > tr.yellow > th,
.table > tfoot > tr.yellow > th {
  background-color: #ffffbe;
}
.table > tbody > tr.table-row-grey {
	background-color: #CACACA;
}
.thumbnail {
    position: relative;
	padding: 0px;
	border: none;
	background-color: transparent;
}
.rightRail,
.leftRail {
  margin: 0;
  padding: 0;
}
.rightRail .list-group {
	margin-bottom: 0;
}
.panel {
	background-color: #2484c6;	
	border-radius: 0;
	border:none;
	
}
.list-group-item.list-group-item-info.panel-blue {
	background-color: #2484c6;	
}
.list-group-item.list-group-item-info.panel-yellow {
    background-color: #edd756;
	color: #000;
}
.list-group-item.list-group-item-info.panel-grey {
	background-color: #777;	
	color: #fff;
}
.list-group-item.list-group-item-info.panel-black {
	background-color: #000;	
	color: #fff;
}
.list-group.panel-white {
    background-color: #fff;
}


.panel-body {
	padding:0px;
	background-color: #ffffff;
}
.panel-info {
	border-color: #f5f5f5;	
}
.panel-info .panel-body .panel-heading,
.panel-info > .panel-heading {
	color: #2484c6;
	background-color: transparent; 
	border: none; 
	font-size:2em;
	padding: 10px;
	line-height: 30px;
    /* border-top-left-radius: 4px; */
    /* border-top-right-radius: 4px; */	
	
}
.panel-info .panel-body .panel-heading a,
.panel-info > .panel-heading a 	{
	color: #2484c6;
	font-weight: 600;
}
.panel.panel-info {
	background: none;
}
.panel-collapse {
	background-color:#fff;
}
.panel-collapse a.list-group-item {
	color: #2484c6;	
	margin-left: 10px;
}

.panel a.list-group-item:first-child,
.panel > .list-group:first-child .list-group-item:first-child, 
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
	border:none;
	border-radius: 0;
	
}


.panel a.list-group-item{
	border-width : 1px 0 ;
	border-radius: 0;
}

.panel-body p {
	padding: 10px;
	margin-bottom:4px
}
.panel-body p:before {
	font-family:'Font Awesome 6 Pro';
	font-size: 24px;
	padding-right:1%;
        font-weight: 900;
}
.panel-body p.rain:before {
	content: "\f043";
}

.panel-body p.bolt:before {
	content: "\f0e7";
	color:#E4070B;
}
.panel-body p.cloud:before {
	content: "\f0c2" ;
	color: #369;
}
.panel-body .list-group {
	padding: 6px;
	clear: both;
}
.panel-body .list-group-item {
	padding: 4px 12px;
	/* background-color: #2484c6; */
}
.list-group-item-info {
	color: #fff;
	background-color: #2484c6;
	
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading,
.list-group-item-info a {
		color: #fff;
}
.list-group-item.active {
	padding-left:-10px;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    /* color: #555; */
	/* background-color: #eee; */
    /* border-color: #eee; */
    /*  border-left: 2px solid #2484c6; */ 
    background-color: #edd756;
    color: #337ab7;	
}
.list-group-item.active a {
    color: #337ab7;	
}
a.list-group-item {
	color: #2484c6;
}	
a.list-group-submenu {
	color: #2484c6;
}
.list-group-subsubmenu a.list-group-item.active {
	border: 1px solid #2484c6;
    border-left: 2px solid #2484c6;	
}
a.list-group-item:hover, 
button.list-group-item:hover, 
a.list-group-item:focus, 
button.list-group-item:focus {
	opacity: .8;
	text-decoration: underline;
	background: none;
	
}

.list-group-item {
	overflow: hidden;
	background-color: transparent;
	/* border:2px solid #2484c6; */
}
.list-group-heading {
	display: inline;
}
a.list-group-heading {
	color: #fff;
	margin-right: 5px;
}

.list-group.panel > .list-group-item {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px
}
.list-group-submenu {
  margin-left:10px;
}
.list-group-submenu a {
  color:#2484c6;	
}
.list-group-subsubmenu {
    margin-left:15px;
	font-size:.8em;
	font-weight: bold;
}
.list-group-subsubmenu a {
	border:none;	
	padding: 6px 15px;
}

.panel-heading a {
	/* color: #fff; */
}
.panel a.list-group-button {
	text-decoration: none;
	float: right;
	
}
.panel a.list-group-button:after {
	font-family:'Font Awesome 6 Pro';
    content: "\f078";
    float: right;
	padding-right:4px;
    font-weight: 900;	
}
.panel a.list-group-button.collapsed:after {
	content:"\f054";
}

#sidebar {
  height: 100%;
  padding-right: 0;
  padding-top: 0;
}
#sidebar .nav {
  width: 95%;
}
#sidebar li {
  border:0 #f2f2f2 solid;
  border-bottom-width:1px;
}
li.indentleft,
address.indentleft {
  margin-left:2.5em;
}
/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -41.6%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -41.6%;
  }
  .row-offcanvas-right.active {
    right: 41.6%;
  }
  .row-offcanvas-left.active {
    left: 41.6%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 41.6%;
  }
  #sidebar {
    background-color:#3b3b3b;
    padding-top:0;
  }
  #sidebar .nav>li {
    color: #ddd;
    background: linear-gradient(#3E3E3E, #383838);
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2E2E2E;
  }
  #sidebar .nav>li:first-child {
    border-top:0;
  }
  #sidebar .nav>li>a {
    color: #ddd;
  }
  #sidebar .nav>li>a>img {
    max-width: 14px;
  }
  #sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus {
    text-decoration: none;
    background: linear-gradient(#373737, #323232);
    color: #fff;  
  }
  #sidebar .nav .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  #sidebar .nav a:hover .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
}

ol.li-sections{
	counter-reset: section;
	list-style-type: none;
}
ol.li-sections li { display: block;}
ol.li-sections li:before { 
	content: counters(section, ".") " "; 
	counter-increment: section; 
}

.li-striped {
	padding: 2px;
	line-height: 1.428;
    border: 1px solid #e8e8e8;
}

.li-striped li {
	padding:8px;
}

ul.li-striped {
	list-style: none;
}
ol.li-striped li {
	margin-left:2.45em;
}
.li-striped li:nth-child(odd) {
	background-color:#e8e8e8;
}
.li-striped li:nth-child(even) {
	background-color:#fff;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color:#e8e8e8;
}
.table-striped > tbody > tr:nth-of-type(even) {
	background-color:#fff;	
}
table.casemanger {
    border-spacing: 2px;
    border-collapse: separate;
}

table.casemanger td,
table.casemanger th {
	padding: 10px;
}

/* Turn off on Mobile devices */
@media screen and (max-width: 991.98px) {
	.carousel-caption {
		position:relative;
		top: 0;
		left: auto;
		width: 95%;

	}

}
.inner-navigation {
	border: 2px solid #369;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
	box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.3) ;
	margin-bottom: 14px;
	
    background-color: #f8f8f8;
    border-color: #e7e7e7;	
	font-size: 16px;
}
.bookmark-text {
	padding: 10px 30px;
}
.homejumbotron hr {
}
.carousel-inner,
.carousel-inner img.img-responsive {
/*	-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;	 */
	overflow: hidden;	
}
.carousel {
/*	-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0; 
    border-radius: 6px 6px 0 0;	*/
	overflow: hidden;
	
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top: 80%;
}
.jumbotron {
  background: rgba(248, 248, 248, .8);	
  border: 1px solid #e7e7e7;
  padding-top: 10px;
}

/*NJDEP Navigation*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus	{
 font-weight:300;
}
.menu-large {
  position: static !important;
}
.dropdown-header {
 background-color: #40668c;
 color: #fff;
} 
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #003366;
}
.read-more {
    position: absolute;
	background: none;
	margin-left:10px;
}

.read-more.collapsed:before {
    content:'';
    width:200%;
    height:100%;    
    position:absolute;
    right:100%;
    bottom:0;
	background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1));	
}
.read-more span:after { content:"Less"}
a.read-more.collapsed span:after { content:"More"}

.testimony {
	font-style:italic;
}
.testimony:before {
	font-family:'Font Awesome 6 Pro';
	content:"\f10d";
     color:#d3d3d3;
	margin-left:-5px;
	padding-right:5px;
} 

.testimony:after {
	font-family:'Font Awesome 6 Pro';	
	content:"\f10e";
     color:#d3d3d3;}

/* Common styles for all types */


@media screen and (min-width: 768px) {
	h1.carousel-caption {
		top:0;
		padding-top:0px;
		margin-top:6px;
		color: #fff;
	}
	h1.carousel-caption.municipal-heading {
	    font-size:42px;
	    right: 0 ;
	    left: 0 ;
		width: 50%;
    }

    .homejumbotron {
      padding-top: 0px;
      padding-bottom: 0px;
      background-color: white;
      /* border: 1px solid #ddd;
      border-radius: 4px;
      -webkit-transition: border .2s ease-in-out;
      -o-transition: border .2s ease-in-out;
      transition: border .2s ease-in-out; */
    }
    .container .homejumbotron,
    .container-fluid .homejumbotron {
      padding-right: 0px;
      padding-left: 0px;
	  border-radius: 0px;
    }
	h1.subpagejumbotron { font-family: arial;font-size: 34px;}

}

.icon-large i{font-size:48px}
.icon-small i{font-size:22px}
.icon-block h4{text-transform:uppercase;font-weight:700;font-size:15px;letter-spacing:1px}
.icon-block p{color:#8C8C8C}
.icon-block .icon-block-icon{margin:0 0 20px}

/* Icon when the collapsible content is shown */
.btn-info {
    color: #fff;
    background-color: #369;
    border-color: #369;
}
.btn-info:hover, .btn-info:focus {
    color: #fff;
    background-color: #369;
    border-color: #369;	
	opacity:.9;
	
} 

/* Icon when the collapsible content is hidden */

.jumbotron p {
	font-size: 14px;
	line-height: 20px;
}
 
.footerWrapper {
	padding-left:10px;
	clear:both;	
}
.depFooterLinks {
	padding-bottom:20px;	
	clear: both;
}
.footerStateImage {
	display:inline-block;
	vertical-align:middle;
	width:24px;
	height:24px;
	margin:4px 2px;
	border:0;	
}
.footerStateImage:hover {
	opacity:.8;
}
.depStateFooter{
	padding:5px 0;
}


/* Below is from the old DEP Styles */
.link9 {
	font-family: Arial;
	font-size: 9px;
	color: #003366;
	text-decoration: none;
}
.red14 {
	font-family: Arial;
	font-size: 14px;
	color: #C00;
}
body {
	
	margin: 0;
	padding: 0;
}

.link9:hover {
	color: #006699;
	text-decoration: none;
}
.black10 {
	font-family: Arial;
	color: #000000;
	font-weight: normal;
	font-variant: normal;
	font-size: 10px;
	text-decoration: none;
}
.H4 {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.black11 {
	font-family: Arial;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
.black12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	font-variant: normal;
	font-size: 12px;
	text-decoration: none;
	line-height: normal;
}


.black14 {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
}
.black16 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

/* Page Headings */
.heading1_navy {
	font-family: Cambria;
	font-size: 18px;
	font-style: normal;
	text-transform: none;
	color: #036;
	font-weight: bold;
	padding: 0px;
}
.heading2_navy {
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #036;
	text-decoration: none;
}
.heading3_navy {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #036;
	text-decoration: none;
}
.heading4_navy {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #036;
	text-decoration: none;
}
.heading4_black {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.mainbodylink {
	color: #33C;
	font-family: Arial;
	font-size: 12px;
	text-decoration: underline;
	
}


.mainbodylink:hover {
	font-family: Arial;
	font-size: 12px;
	color: #036;
	text-decoration: underline;
}
A.navybar_links {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
A.navybar_links:hover {
	font-weight: bold;
	color: #efefef;
	text-decoration: underline;
}

.dark_blue14 {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #003366;
	text-transform: uppercase;
	font-weight: bold;
}
.dark_blue14:hover {
	color: #006699;
}

.mainbodylink11 {
	font-family: Arial;
	font-size: 11px;
	color: #00C;
	text-decoration: underline;
}
.mainbodylink11:hover {
	font-size: 11px;
	color: #336;
}
.navy10 {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
	font-style: normal;
	text-decoration: underline;
}


.navy10:hover {
	color: #006699;
	text-decoration: underline;
	font-style: normal;
}
.navy11 {
	font-family: Verdana;
	font-size: 11px;
	color: #036;
	text-decoration: none;
}


.navy11:hover {
	color: #369;
	text-decoration: underline;
}
.navy10i {
	font-family: Arial;
	font-size: 10px;
	font-style: italic;
	color: #003366;
	text-decoration: none;
}
.navy12 {
	font-family: Arial;
	font-size: 12px;
	color: #036;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

.navy12:hover {
	color: #006699;
	text-decoration: underline;
	font-style: normal;
}
.navy_text12 {
	font-family: Arial;
	font-size: 12px;
	line-height: normal;
	color: #036;
	text-decoration: none;
}
.navy14 {
	font-family: Arial;
	font-size: 14px;
	color: #036;
	text-decoration: none;
}
.pic_caption {
	font-family: Arial;
	font-size: 9px;
	font-style: italic;
	color: #036;
	text-decoration: none;
	font-weight: bold;
}
.navy11text {
	font-family: Arial;
	font-size: 11px;
	color: #036;
	text-decoration: none;
}

.red16 {
	font-family: Arial;
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}
.red14 {
	font-family: Arial;
	font-size: 14px;
	color: #C00;
	font-weight: normal;
}


.dentaltitles {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	background-color: #BBCBE8;
	font-weight: bold;
}


#header {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #003366;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
}


.li_style {
	list-style-position: outside;
	list-style-type: disc;
	font-size: 12px;
}
.listbluesmall {
	font-family: Arial;
	font-size: 9px;
	color: #003366;
}
.li_style:hover {
	color: #006699;
	text-decoration: none;
}
A.listblue_menue {
	color: #003366;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}
A.listblue_menue:hover {
	color: #006699;
	text-decoration: none;
}
.leftnavelinks {
	list-style-type:none;
	padding-top: 5px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}

/* Clean lines */
 hr {
	border: 0;
	width: 100%;
	color:#346697;
	background-color: #346697;
	height: 1px;
}
/* Table Areas */
.tableoutline {
	border: 1px solid #CCC;
}
.table_outline1 {
	border: thin solid #003366;
}
.table_top_bottom_border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #003466;
	border-right-color: #003466;
	border-bottom-color: #003466;
	border-left-color: #003466;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.white11 {
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
}
.cso_table {
	border: medium solid #369;
}
.cso_table_row {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #369;
	border-right-color: #369;
	border-bottom-color: #369;
	border-left-color: #369;
	border-right-style: none;
	border-left-style: none;
}
.cso_last_row {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #369;
	border-right-color: #369;
	border-bottom-color: #369;
	border-left-color: #369;
	border-right-style: none;
	border-left-style: solid;
}

.trc {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #369;
	border-right-color: #369;
	border-bottom-color: #369;
	border-left-color: #369;
}




.table {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.title {
	font-family: Arial;
	font-size: 16pt;
	font-style: normal;
	line-height: normal;
	color: #003366;
	font-weight: bold;
}
caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	text-align: left;
	text-transform: none;
	font-size: 125%;
	padding: 10px 0;
	color: #047;
	text-decoration: none;
}
.headerrow {
	background-color: #DFE8EF;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

/*This is the <div> default for low res IE Users */
#bnpc {
	position: absolute;
	visibility: visible;
	top: 156px;
	width: 586px;
	height: 601px;
}
#program_description {
	width: 550px;
}

#ispp {
	position:absolute;
	visibility: hidden;
}
#msrp {
	position:absolute;
	visibility: hidden;
}
#owmp {
	position:absolute;
	visibility: hidden;
}
#dgwp {
	position:absolute;
	visibility: hidden;
}
#gps {
	position:absolute;
	visibility: hidden;
}
#ips {
	position:absolute;
	visibility: hidden;
}
#regs {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #000066;
}
#regs .table td {
	line-height: 20px;
}
#techman {
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	color: #003366;
	text-decoration: underline;
}
.tablelines {
	border: 1px solid #000000;
}
#newsitem {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}
.imageborder {
	color: #003366;
	top: auto;
	clip: rect(auto,auto,auto,auto);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
}
.white {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}
.leftnavtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #334d55;
	border-bottom-width: thin;
	border-bottom-color: #cccccc;
}
#depbot {
}
.navylink {
	font-family: Arial;
	font-size: 12px;
	color: #003366;
	text-decoration: underline;
}
#topnav {
	padding-bottom: 1px;
	padding-left: 0px;
	position: relative;
	visibility: visible;
	z-index: 1;
	background-color: #036;
	width: 100%;
	height: auto;
	padding-top: 1px;
	border: 1px solid #036;
	padding-right: 0px;
}
#topnav a {
	font-family: Corbel;
	font-size: 10px;
	color: #FFFFFF;
	padding-right: 4px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bolder;
	height: auto;
}
#topnav a:hover {
	color: #CCC;
	text-transform: uppercase;
	text-decoration: underline;
}
.border {
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #EBEBEB;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	border-left-color: #EBEBEB;
}
.motto {
	font-family: Arial;
	font-size: 8px;
	color: #E6E6E6;
}
#botnav {
}
#botnav a {
	font-family: Arial;
	font-size: 9px;
	color: #003366;
}
#botnav a:hover {
	font-size: 9px;
	color: #069;
}
#reuse_top_nav {
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003366;
	border-bottom-color: #003366;
	padding-bottom: 5px;
	padding-left: 10px;
	position: relative;
	visibility: visible;
	z-index: 1;
	background-color: #88A5C3;
	width: 100pt;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
.table_navy {
	border: 1px solid #336;
}
.maintableborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #036;
	border-right-color: #036;
	border-bottom-color: #036;
	border-left-color: #036;
	border-bottom-style: none;
}


#reuse_top_nav a {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
#reuse_top_nav a:hover {
	font-size: 10px;
	color: #003366;
	text-transform: uppercase;
	text-decoration: none;
}
.green12i {
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
	color: #339933;
	font-weight: bold;
}
.tbl_col_head {
	text-align: center;
	vertical-align: middle;
	background-color: #dfe8ef;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

.maintable_bot_line {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
}
.blue16i {
	font-family: Arial;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #133AC1;
}

.army_green_12 {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5F6E12;
}
.white16 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #FFF;
}

.red12 {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #C00;
	text-decoration: none;
}
.green12 {
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #093;
}
.green12 {
	font-family: Arial;
	font-size: 12px;
	color: #8AB04E;
}

a.redi {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #C00;
	text-decoration: none;
}
a.redi:hover {
	color: #036;
	text-decoration: underline;
}

/* Glenn Additions */
.alignleft {
	float:left;
	margin:5px 20px 10px 0;
}
.aligntextleft { text-align:left; }
.alignright {
	float:right;
	margin:5px 0 10px 20px;
}
.aligntextright { text-align:right; }
.aligncenter, div.aligncenter {
	display:block;
	margin:5px auto 10px;
	text-align:center;
}
.aligntextcenter { text-align:center; }
.alignnone { margin:5px 0 10px 0; }
.clear {clear: both;}

.col_head {
	text-align: center;
	vertical-align: middle;
	background-color: #dfe8ef;
	font-family: Arial;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	padding: 8px 0;
	margin: 0;
}
// .card-header{
// 	background-color:#00669d;
//	color: #fff ;
// }
.accordion {
    cursor: pointer;
}

/* Accoridon Links */
a.card-title:link, a.card-title:active, a.card-title:visited, a.card-title:focus {
	color: #fff; 
	text-decoration: none;
}

a.card-title:hover {
	color: #fff;
	text-decoration: underline;
}

a.card-header:link, a.card-header:active, a.card-header:visited, a.card-header:focus {
	color: #fff; 
	text-decoration: none;
}

a.card-header:hover {
	color: #fff;
	text-decoration: underline;
}