/*This is a sample overide css file.  In this file, ONLY change the styles that you wish to override.   */
/* You may copy styles in from the main /styles/styles.css stylesheet, place them here, and modify*/
/* Do NOT make changes to styles.css itself as changes there will be lost when patches are applied*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--darkgreen: #074528;
}

.hidden {
	display: none;
}

body {
    font-family:'Poppins', sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 18px;
	
	background-color: #F8F7F2;
	background-repeat: no-repeat;
	background-position: center top;

    /* CSS3 */
/*     background: white; /* Old browsers */
/*     min-height: 1px; */ 
}

body.normalpage
{
	background-image: url("../../images/custom/pine_mn_pa_background.jpg");
	background-size: cover;
	background-color: gray;
}
body.backgroundimage{
	background-position: left top !important;
}

.backgroundimage #wrapper{
	margin-top: 1% !important;
}

#outerheader {
	display: block;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	background: #074528;
	opacity: 0.95;
	z-index: 100 !important;
}

#middleheader {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width: 95%;
}

#header{
	margin-left: 0px;
	position:relative !important;
    	height:157px !important;
    	background-color:#074528;
	width: 100% !important;
}

.sitelogocontainer
{
    height: 400px;
    width: 100px;
    <!--background-color: transparent !important;-->
   
    margin-top: 0px !important; 
	margin-left: 0px !important;
	padding-top: 20px;
}

.sitelogo {
	/*Adjust site logo by changing URL below.  Width/height following must match.*/
	background-image: url("../../images/custom/2 Primary County Gov - white SM transparent.png") !important;
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 80px;
 	background-color: transparent !important;
}

#logoImage {
	width: 90%;
	height: auto;
	padding-top: 20px;
	padding-left: 20px;
}

.HeaderSiteTitle{
    color:white;
    font-size :18px;
    position:fixed;
    top:5px;
    left:5px;
}

.Help{

}

/* #rightsection {
    position:absolute;
    top:48px;
    width:30px;
    height:45px;
    color:black;
    text-align: right;
    float:left;
    margin-left:0;
    left:55%;
	background-color: #0F4656;
} */

#rightsection
{
	float: left;
	position: absolute;
	text-align: right;
	height: 30px; 
	width: 100%;
	/*overflow:hidden; */
	/*display:inline-block;*/
	FONT-SIZE: 12px;
	background-color: transparent;
	/* background-image: url('../../images/framework/topNav-backrnd.jpg'); */
	/* background-repeat: repeat-x; */
	top: 5px;
	z-index: 1000;
}

.SideBar
{
	BACKGROUND-COLOR: transparent;
}

.SideBarHeading
{
	BACKGROUND-POSITION: center 50%;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 9pt;    
	VERTICAL-ALIGN: middle;
	COLOR: #3d6599;
	BACKGROUND-COLOR: transparent;
	TEXT-ALIGN: center
}

.SideBarTabs
{
	FONT-SIZE: 9pt;
	font-weight: 500;
	COLOR: #3d6599;
	background-color:transparent;
	TEXT-INDENT: 6px;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	BORDER-WIDTH: 0px;
}


.BannerSubTabs, .IndexLink, .SideBarTabs {
    color:#1a2a3b;
}


.HeaderLinks {
    color: #ffffff !important;
	width: 100%;
}

#content{
	width: 100% !important;
	position: static !important;
	/*margin-left: auto;*/
	/*margin-right: auto; */
	margin-bottom: 0 !important;
}

#content p{
	margin: 20px;
	font-size: 11pt;
	line-height:1.4;
	text-align: left;
}

#content a{
	font-size:18px;
	margin: 20px 0 20px 10px;
	display: block;
}

#content h1{
	font-weight: 400;
	color: #0F4656;
	FONT-SIZE: 18pt;
	text-transform: uppercase;
	margin: 20px;
	padding-top: 30px;
}

#content h2{
	font-weight: 400;
	color: #0F4656;
	FONT-SIZE: 18pt;
	text-transform: uppercase;
	margin: 20px;
	padding-top: 30px;
}

#content h3{
	color: #48648A;
	font-size: 14pt;
	font-weight: 500;
	text-transform: uppercase;
	text-align: left;
	margin: 20px;
	padding-top: 10px;
	font-family: Tahoma, Geneva, sans-serif;
}



.contentpanel {
    border:2px solid white;
    background: white;
    border-radius: 0px ;
    /* -webkit-box-shadow: 3px 3px 2px lightgray; */
	box-shadow: 0 0 1px 1px lightgray;
    margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	margin-top:  0px;
	margin-left: auto;
	margin-right: auto;
	

	/* width: 100% !important; */
	/* font-family: Arial; */
}

#wideimage{
	width: 1903px;
	margin: auto;
	
}

#panelx{
	position: static;
	height:450px;
	width: 100%;
}

.SearchText {
	font-size: 1.15rem !important;
	font-family:'Poppins', sans-serif;
	color:#1a2a3b;
	background-color: transparent;
}

.SearchText > h1 {
	font-size: 1.15rem;
}

.SearchExamples{
	color: #48648A;
	background-color: #e9f2f9;
	font-size: 12pt;
	font-family:'Poppins', sans-serif;
	text-decoration: underline;
}

.IndexLink {
	font-weight: 300;
	font-size: .85rem;
	background-color: transparent;
}

#topmenu {
    position: absolute;
    height: 40px;
    color: white !important;
    background-color: transparent;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    /* text-transform: uppercase; */
    top: 25px !important;
    /* Make it = sitelogo width + 10-20px */
    left: 220px;
    /*padding-left: 18%;*/
    padding-left: 1%;
    width: 80% !important;
    z-index: 0;
}

#topmenu .unsel a  {
	color:white;
	font-weight: normal !important;
	padding: 5px 25px 5px 25px;
}

#topmenu .sel a  {
    color: white;
    background-color: #0e76bc !important;
    font-weight: normal !important;
    border: 0;
    border-top-left-radius:0 !important;
    border-top-right-radius:0;
    -webkit-box-shadow: none; box-shadow:none;
	
}

#topmenu a:hover
{
	/* text-decoration: underline !important; */
	background-color: rgb(0, 0, 53);
	/*color: white;*/
	/* cursor:pointer; */
}

#topmenu ul {
    left:0;
    text-align: left;
    padding-left: 0;
}

#topmenu ul li {
    right:0;
}

#secondarytopmenu
{
	background-color: transparent !important ;
	color: #ffffff !important;
	font-size: 16px;
	font-weight:bold !important;
	font-family: 'Poppins', sans-serif;
	position: absolute !important;
	height: 40px !important;
	top: 80px !important;
	/* make left = sitelogo width + 10-20px */	
	left: 220px;;
	width: 80% !important; 
	/*padding-left: 18% !important; */
	padding-left: 1% !important; 
}
#secondarytopmenu .unsel a
{
    color: #ffffff !important;
	font-weight: normal !important;
	padding: 0px 15px 0px 15px !important;
	background-color: transparent !important;
	top: 3px;
}
#secondarytopmenu .sel a
{
    color:#0F4656;
	font-weight: normal !important;
	background-color: 4c4b4c;
    	/*following clear away standard formatting*/
	padding: 0px 15px 0px 15px;
	box-shadow: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	top: 3px;
}
#secondarytopmenu a:hover
{
	text-decoration: none;
	background-image: url("../../images/custom/hover.jpg"); 
	background-repeat: repeat-x;
	size: 100% 100%;
	margin-left: auto;
    text-align: left;
	text-decoration: underline !important;
			
}
#secondarytopmenu ul
{
	left: 0;
	margin-left: 0px;
	text-align: left;
}
#secondarytopmenu ul li
{
	right: 0;
    margin-left:auto;
	top: 9px;
}

/* ----------------------------------------------------
-------------------TABLE STYLES------------------------
------------------------------------------------------- */

table tbody tr td font b {
	font-family: 'Poppins', sans-serif;
}

table tbody tr td font {
	font-family: 'Poppins', sans-serif !important;
}

table tbody tr td div div table tbody tr td table tbody tr td center table {
	padding-top: 5px;
}


/* ----------------------------------------------------
----------------------FOOTER---------------------------
------------------------------------------------------- */

#footerContainer {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

#footercontent {
    margin-top: 5em;
	margin-right: auto;
	margin-left: auto;
	/*background-color: rgba(8,44,80,.95);*/
	background-color: var(--darkgreen);
	color: white;
	width: 100% !important;
}

#footerarea{
	/*background: url('../../images/custom/gc2.jpg') center no-repeat;*/
	background-size: cover;
}

#footercontent a {
	color: white;
	font-size: 0.94rem;
}

#footercontent a:hover {
	text-decoration: none;
}

#footerFlex {
	display: flex;
	flex-flow: row wrap;
	padding: 2em 0;
	justify-content: space-between;
	text-align: left;
}

#footerSpace {
	width: 10%;
}

.footerCard {
	padding: 0 3em 2em 3em;
	line-height: 2rem;
}

.footerContent {
	padding-bottom: 2em;
}

.footerCard img{
	width: 124px;
}

#footerLinks {
	line-height: 2rem;
	padding-right: 50px;
}

.socialLink {
	margin: 65px 0 0 2px;
}

#separator {
    background: #1983d1;
    height: 2px;
    width: 29px;
    position: relative;
    left: 0;
    top: -16px;
}

#fullWidthSeparator {
	width: 100%;
	height: 1px;
	background: rgba(25,131,209,.5);
}

#footerCopyright {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	padding: 26px 0;
	font-size: 0.94rem;
}

#copyrightLeft {
	text-align: left;
	padding: 0 15px;
	width: calc(50% - 30px);
}

#copyrightRight {
	text-align: right;	
	padding: 0 15px;
	width: calc(50% - 30px);
}

#messageBanner{
	background-color:#0F4656;
}

#wrapper{
	background-color:white;
	width: 100%;
	height: 500px;
	margin-left: auto;
	margin-top: 2%;
	margin-right: auto;
	z-index: 1 !important;
}


/*Flyout (left side) menu styles*/
.FlyoutMenuLayer  {
    border:2px solid lightgray;
    background-color:#9CAFC1;
}

.FlyoutMenuItem {
     color:#1a2a3b !important;
}

.PullDownMenuLayer 
{
	background-color:#4E6A38!important;
	Opacity:.97;
	color: white !important;
	font-size: 9pt !important;
	font-family: Tahoma, Geneva, sans-serif !important;
	/* background-image: url("../../images/custom/pdlist.jpg"); */ 
	border: none!important;
	font-weight: bold !important;
	/* text-transform: uppercase;*/ 
    /*color:#4f84ca !important;
    top: 0px !important;
   	font-weight:normal !important;*/
    visibility:hidden;
    z-index:100!important;
    display:block!important;
   /*	text-decoration:none !important;
	text-align: left !important;
	background-image: url("../../images/custom/pdlist.jpg"); 
	background-repeat: repeat-x;
	border-top: none!important;*/
	
}
.PullDownMenuItem 
{
    background-image:none !important ;
    text-decoration:none!important;
    cursor:default!important;
	text-align: left !important;
	padding: 15px 0px 15px 0px !important;
	background-color: #4E6A38;
	color: white;
	
    		
}
.PullDownMenuItem a:hover 
{ 
	text-decoration: underline !important; 
	color:white!important;
	background-color: #4E6A38!important;
	padding: 15px 0px 15px 0px!important;
	cursor:pointer!important;
	font-size: 9pt!important; 
	/* font-weight:normal !important; */
	font-family: Tahoma, Geneva, sans-serif !important;
	text-align: left !important;
	font-weight: bold !important;
}
#pd_2
{	
	/* Top:176px !important; */
	Top:88px !important;
	Left:375px !important;
	Width:186px !important;
	color:#4E6A38 !important;
	background-color:#4E6A38;
}
#pd_861
{	
	/* Top:176px !important; */
	Top:88px !important;
	Left:545px !important;
	Width:266px !important;
	color:#557DB1 !important;
	background-color:#4E6A38;
}

.WidgetBar, #DTLNavigator_txtFromTo {
    color:black !important;
}

.WidgetBarSelected
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	border: none;
	background-color: #E4E7D0;
}

.WidgetBarHL
{
	font-weight: bold;
	font-size: 10px;
	color: #3d6599;
	background-color: #E4E7D0;
}


.WidgetBar
{
	FONT-SIZE: 12px;
	COLOR: #3d6599;
	BACKGROUND-COLOR: white;

}
.RecordWidget
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #3d6599;
	BACKGROUND-COLOR: white;
}
.RecordWidgetLight
{
	FONT-SIZE: 12px;
	COLOR: #3d6599;
	BACKGROUND-COLOR: white;
}
.ListWidget
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #3d6599;
	BACKGROUND-COLOR: white;
}


.DataletHeaderBottom 
{
    color:black;
    background-color:white!important;
	font-size: 11pt;
	font-weight: normal;	
	color: #48648A;
}

.DataletHeaderTop
{
    background-color:white!important;
    color:black;
	font-size: 11pt;
	font-weight: normal;
	color: #48648A;
}


.DataletTitleColor 
{
    background-color: #efefef;
    color:#48648A;
    font-weight: bold;
}

.DataletTopHeading {
     background-color:#efefef;
	 font-weight: 400;
}

.Btn {
    Color:white;
    background-color: #074528;
    /* background-color: rgb(21, 21, 70); Override base. Actual color is in .BtnBlue class */
	font-family: inherit;
}

.BtnBlue {
    Color:white;
    /* background-color:rgb(8,44,80); */
    background-color: #074528;
}

.btnTaxPay {
	display: block;
	height: 20px;
	font-size: 12px;
	width: 70%;
	margin-left: 0;
	text-align: center;
}

.FormText 
{
	font-size: 14px;
	width: auto;
}

.AkandaCopyright {
    color:white;
}

.Banner{
	BACKGROUND-COLOR: #FFFFFF !important;
	font-family: Tahoma, Geneva, sans-serif;

}

.Banner h1{
	font-weight: 400;
	color: #0F4656;
	FONT-SIZE: 18pt;
	text-transform: uppercase;
	margin: 20px;
	padding-top: 30px;
}

.Banner p{
	margin: 20px;
	font-size: 11pt;
	line-height:1.4;
	padding-bottom: 10px;
}

.BannerSubTabs{
	background-color:#FFFFFF !important;
	font-size: 14px;
	padding: 5px;
}

.BannerSubTabs h1{
	color: #48648A !important;
	font-size: 14pt !important;
	font-weight: 500!important;
	text-transform: uppercase!important;
	text-align: left!important;
	margin: 20px!important;
	padding-top: 10px!important;
}

.BannerSubTabs h2{
	color: #48648A!important;
	font-size: 12pt!important;
	font-weight: 500!important;
	text-transform: uppercase!important;
	text-align: left!important;
	margin: 20px!important;
	padding-top: 10px!important;
}

.BannerSubTabs p{
	margin: 0 20px 20px 20px !important;
	font-size: 11pt!important;
	line-height:1.4!important;
	padding: 5px 0 5px 0!important;
	text-align: left!important;
}

.BannerSubTabs a{
	font-size: 20px !important;
}

.BannerSubTabsBlank{
	background-color:#FFFFFF  !important;
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
}

.auto-style9{
	font-size: 9pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	letter-spacing: 0px;
	color: #F6F6F0;
}

.auto-style9 a{
	/* color: #99D9EA; */
	color: #C9E3EA;
}

.auto-style12{
	text-align: left;
	font-size: 9pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #F6F6F0;
}

.auto-style13{
	text-align: left;
	font-size: 9pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #F6F6F0;
}

.auto-style50{
	text-align: left;
	font-size: 9pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #F6F6F0;
}

#searchResults{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#ContentPanel1{
	width: 400px; 
	BACKGROUND-COLOR:#FFFFFF !important;
}

#loginform{
	margin-left: 0px !important;
}

#login_adj{
	width: 400px !important;
}

#sidemenu{
	width: 250px !important;	
	font-size: 15px;
	font-weight: normal !important;
	background-color: transparent;
}

#sidemenu .sel a{
	color: #48648A !important;
	font-weight: normal !important;
	/* text-decoration: underline; */
}

#sidemenu .unsel a{
	color: #FFFFFF !important;
	font-weight: normal !important;
	font-size: 15px !important;
}

#sidemenu .unsel:hover {
	transition: background-color 300ms ease-out 20ms;
	background-color: rgb(0, 0, 46);
}

#sidemenu a:hover{
	text-decoration: underline !important;
}

#sidemenu ul li {
	border-bottom: 1px solid #F6F6F0;
}

#dvDataPanel{
	z-index: 90 !important;
}

.sketchbody{
	background-image: none;
	background-color: #ffffff;
}

.disclaimer {
	margin:20px auto;
	padding: 50px;
	text-align:justify;
}

#disclaimerLinks{
	font-size: 11pt !important;
	display: inline !important;
	margin: 0 0 0 0 !important;
}


.HelpTOC{
	font-size: 10pt;
}

#sidemenu .contentpanel{
	background-color: var(--darkgreen);
	border: none;
	box-shadow: none;
	opacity: 0.95;
}

#sidemenu li{
	border-bottom: none;
}

#sidemenu li.sel{
	background-color: #efefef;
}


.white{
	color: white;
}

.auto-style14{
	color: white;
}

.Input{
	font-size: 14px !important;
}

.SearchResults{
	font-size: 13px;
}

.MenuRowHL {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 9pt;
  color: White;
  font-weight: normal;
  text-decoration: none;  
  cursor:pointer;
  background-color: #424142;
  border-bottom: none;	
  z-index: +300;
}

.MenuRowClicked {
  font-family: Tahoma, Geneva, sans-serif !important;
  font-size: 9pt !important;
  color: White;
  font-weight: normal !important;
  text-decoration: none;  
  cursor:pointer;
  background-color:  #424142;
  border-bottom: none;
  border-right: none;
  border-top: none;
  border-left: none;
}

#pd_Parent a:after
{
	content: "▼";
}
.fancyButton.fancyButton33 .text {
    color: #fff;
    font-size: 1.3em;
    font-family: "Open Sans";
    text-align: left;
    padding-left: 66px;
    font-style: regular;
    text-decoration: none;
    padding-left: 66px;
    background-repeat: no-repeat;
    background-position: left top;
    height: 47px;
}
.DataletSideHeading{
font-size: 14px;

}
.DataletData{
font-size: 14px;

}


#btAgree.Btn.BtnBlue
{
	width: 80px;
}
#btDisagree.Btn.BtnBlue
{
	width: 80px;
}

div#dm-photocontrol {
	
	margin-left: 30px !important;
}
div#head {
	
	margin-left: 160px !important;
	width: auto;
}
div#dataletHeader {
	
	margin-left: 0px !important;
	
}

#recnavigator {
	
	right: -60px !important;
	
}

#map_gc {
	height: 800px !important;
	
}
#map_container {
	height: 800px !important;
	
}




#sidemenu ul .sel a {
	
	background: none;
}


h1 {
	font-size: 11pt;
}

h2 {
	font-size: 1.15rem;
}

.cart-view__table {
    
    font-weight: normal !important;
    
}

#helpContainer {
background-color: #000000 !important;
}