ul.permits, ul.compliance, ul.inspections, ul.charts, .hide {
    display: none;
    z-index: 10;
}

.show {
    display: block;
}

ul.permits, ul.compliance, ul.inspections, ul.charts {
    padding: 0;
    position: absolute;
    border: 1px solid black;
    background-color: white;
}

    ul.permits li, ul.compliance li, ul.inspections li, ul.charts li {
        display: block;
        padding: 0.2em 0.5em;
        font-size: 12px;
        float: none;
    }

        ul.permits li a, ul.compliance li a, ul.inspections li a, ul.charts li a {
            color: #000000;
        }

.menu a {
    cursor: pointer;
    padding: .2em 0;
}

.menu li {
    float: left;
}

ul.menu {
    height: 1.2em;
    position: relative;
    z-index: 999;
}

li.searchtextbox {
    float: right;
}

    li.searchtextbox .lblsearchbox {
        color: #ffffff;
    }

#footer {
    position: fixed;
    bottom: 0;
}

.pnlquestions {
    padding-left: 10px;
}

.hyplnkCharts {
    height: 26em;
    width: 42em;
}
.smallpadding {
    padding: .5em;
}
.smallpaddingflat {
    padding: 0 .5em;
}

.infolbl {
    color: #b55d03;
    font-weight: bold;
    font-size: 14px;
}

.permitbtn{
    background-color: #71a9e2;
    border-radius: 2em;
    color: #000000;
    padding: 0.2em 2em 0.2em;
}

.permitbtn:hover{
    background-color: #6599cc;
    cursor: pointer;
}
#permitnumbersearch{
    padding: 0.5em 0 0 0.5em;
}
#sharelink{
    margin: 0 0 1em 2em;
}

#sharelink a{
    font-size: 12px;
    color: #000000;
}
.lblerrormsg{
     color: red;   
     font-size: 12px; 
}
.rpftext {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin: 1em 0;
}

.ecology{
    font-size: 12px;
    width: 70%;
    margin-top: 1em;
}
.info p{
    font-size:13px;
}

#noresult
{
    clear:both;
}
.navigation {
    margin-top: .5em;
    font-size: 12px;
    font-family: Arial,sans-serif;
}

.navigation ul {
    list-style-type: none;
    border: 0.1em solid;
    width: 18em;
    padding: 0;
    border-radius: 0.2em;
    background-color: #f6f6f6;
}

    .navigation ul li {
        padding: 0.5em 0 0.5em 1em;
    }

.navigation ul li a {
    text-decoration: none;
    color: #000000;
    padding: 0.5em 0;
}

.navigation ul li.active,
.navigation ul li.active:hover {
    background-color: #a1c4dd;
    border: inherit;
}

.navigation ul li.first {
    font-weight: bold;
}

.navigation ul li.first,
.navigation ul li.first:hover {
    background-color: #d8d8d8;
    color: #000000;
    cursor: auto;
}

.navigation ul li:hover {
    background-color: #cfdce5;
}

.navigationTall {
    grid-row: 1/span 2;
}
.reportheadertext 
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin: 1em;
    margin-right: auto;
    vertical-align:middle;
}
.reportheaderexport{
    margin:auto;
    margin-right:1em;
    vertical-align:middle;
}
.flex-v-align-middle{
    display:flex;
    align-items:center;
    max-width: 98vw;
}

        .auto-styleMap {
            left: 1px;
            bottom: 37px;
            margin-bottom : 20px;
            width: 100%;     
        }
        .auto-styleFooter {
            position: absolute;
            bottom: 37px;
            width: 100%;
            padding: 0px 10px;
            box-sizing: border-box;
        }

.inlineBlock {
    display: inline-block;
    position: relative;
}

.inlineBlockSummary {
    display: inline-block;
    width: 85px;
    position: relative;
    vertical-align: top;
}

.searchLabelLeft {
    /*width:49%;*/
    text-align:right;
    /*float:left;*/
    display:table-cell;
    
}
.searchInputRight {
    width:49%;
    text-align:left;
    /*float:right;*/
    display:table-cell;
    
}
.searchParentDiv {
    width:100%;
    display:table;
}

.srchlbl{    
    font-size: 12px;
    font-style: italic;
    display: block;
    margin:.5em;
}

.radcomboboxpermitreport,
.radfilterpermitreport{
    font-size: .8em;
    border-width: 1px;
}
.filtercontainer .rfApply{
    padding: 0 !important;
}

.radfilterpermitreport {
    margin-bottom: 4px;
}
.gridviewsearchresults{
    font-size: 12px;
    padding: 1em 1em;
}

.noapplicationslbl{
    color: #7194B6;
    font-size: 12px;
    font-weight: bold;
    padding: 0.5em;
}

.activesearchresultslbl {
    padding: 0.5em 0 0.2em 0.5em;
    display: block;
}

.activesearchresultslbl {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
.ppLine {
    display:flex;
    flex-direction: column;
    gap: 2em;
}
.ppGridTopHalf {
    display: grid;
    grid-template-columns: 15em auto;
    grid-gap: 2em;
    width: 98vw;
}
.ppGrid {
    display: grid;
    grid-template-columns: 23% auto;
    grid-gap: 2em;
}
.ppGridNarrow {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 2em;
}
.ppGridInfo {
    display:flex;
    flex-direction:column;
    width:70%;
    gap: .5em;
}
.ppGridInfo p {
    margin-block:0;
}
.ppSearch {
    height: fit-content;
    border: 0.1em #ced9e4 solid;
    display: flex;
    flex-direction:column;
    background-color: #F0F0F0;
    gap: .5em;
}
.ppSearchInstructions {
    font-weight : bold;
    margin-bottom: .5em;
}
.ppFieldInstructions {
    font-size: 75%;
    font-style: italic;
    grid-column: 2;
}
.ppFrame {
    border: 0.1em #ced9e4 solid;
    background-color: #F0F0F0;
}
.ppSearchGrid {
    display: grid;
    grid-template-columns: 20% auto;
    grid-gap: .5em;
}
.ppSearchLabel {
    color: #336699;
    font-size: 12px;
    font-weight: bold;
    text-align:right;
    margin: auto 0;
}
.ppSearchButtonArea {
    grid-column: 2;
}
.ppSectionHeader {
    background-color: #b0c4de;
    border: 1px solid #e2e9ef;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    padding-left: 0.6em;
    font: bold 16px Arial, sans-serif;
    display: block;
    margin-block:0;
}
.linklookup {
    font-size: 75%;
    color: black;
}