.scc-table { margin-bottom: 1rem; }

.scc-table thead th { background-color: #007FB0; color: white; font-weight: 600; text-align: center; padding: 0.5rem; border-color: #007FB0; font-size: 14px;     line-height: 1.4;}

.scc-table > :not(:first-child) { border-top: 0; }

.scc-table tbody tr:nth-of-type(even) { background-color: #f9f9f9; }

.scc-table tbody th, .scc-table tbody td { padding: .8rem; border-color: #ddd; }

.scc-table tbody th { font-weight: 500; font-size: 14px; line-height: 1.5;}

.scc-table tbody td { font-size: 14px; line-height: 1.5; }

/* Button */
.btn-blue,
.mainbody .btn-blue {
    background-color: #0E7FAD;
    color: white!important;
}

.btn-blue:hover,
.mainbody .btn-blue:hover {
        background-color: #666;
}



.meetingstable {
    width: 100%;
}

.page-blue-banner {
    width: 100%;
    font-size: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    color: #ffffff;
    background-color: #0e7fad;
    margin-bottom: 20px;
    padding: 10px;
}

.page-green-banner {
    width: 100%;
    font-size: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    color: #ffffff;
    background-color: #008155;
    margin-bottom: 20px;
    padding: 10px;
}

.call-center {
    float: right;
    width: 300px;
    background-color: #e8e8e8;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
}

    .call-center hr {
        width: 90%;
        text-align: center;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .call-center h3 {
        background-color: #fcb316;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .call-center h3 span {
            font-size: 1rem;
            display: block;
            color: #000000;
            font-weight: normal;
        }

    .call-center .cc-time {
        color: #173a4d;
        font-weight: bold;
        line-height: 1.4rem;
    }

    .call-center .cc-graytext {
        line-height: 1.2rem;
    }

    .call-center .cc-phone {
        font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

.cc-text span {
    color: #00000;
    font-size: 1.2rem;
}

.notice-ctn a, .notice-ctn a:link, .notice-ctn a:visited {
    color: #ffffff !important;
}

    .notice-ctn a:hover {
        color: #ffffff !important;
        background-color: transparent !important;
    }

h2 a {
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* hazmat contractors table on https://www.scceh.org/NewHome/Programs/HazardousMaterialsWaste/HazardousMaterialsConsultantContractorList.aspx */
#hazmat-contractors-table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 2px solid #999999;
    border-collapse: collapse;
}

    #hazmat-contractors-table thead th {
        text-align: center;
        border: 1px solid #cccccc;
        padding: 7px 7px;
    }

        #hazmat-contractors-table .tcell-vertical {
            writing-mode: vertical-rl;
            text-orientation: mixed;
        }

    #hazmat-contractors-table td {
        border: 1px solid #cccccc;
        font-size: .9rem;
        line-height: 1rem;
        padding: 7px 10px;
    }

        #hazmat-contractors-table td:nth-child(odd) {
            background-color: #eeeeee;
        }

/* hazmat commission table */
#hazmatcommission-table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 2px solid #999999;
    border-collapse: collapse;
    margin-bottom: 40px;
}

    #hazmatcommission-table th {
        text-align: center;
        border: 1px solid #cccccc;
        padding: 7px 7px;
    }

    #hazmatcommission-table td {
        border: 1px solid #cccccc;
        font-size: .9rem;
        line-height: 1rem;
        padding: 7px 10px;
    }


#waterresstaff-table, #contactus-table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 2px solid #999999;
    border-collapse: collapse;
    margin-bottom: 40px;
    table-layout: fixed;
}

    #waterresstaff-table th {
        text-align: center;
        border: 1px solid #cccccc;
        padding: 7px 7px;
    }

        #waterresstaff-table th:nth-child(1) {
            width: 12%;
        }

        #waterresstaff-table th:nth-child(4) {
            width: 50%;
        }

    #waterresstaff-table td, #contactus-table td {
        border: 1px solid #cccccc;
        font-size: .9rem;
        line-height: 1rem;
        padding: 7px 10px;
    }

    #contactus-table td {
        width: auto;
    }

        #contactus-table td:nth-child(2) {
            width: auto;
        }




#fishcommission-table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 2px solid #999999;
    border-collapse: collapse;
    margin-bottom: 40px;
}

    #fishcommission-table th {
        text-align: center;
        border: 1px solid #cccccc;
        padding: 7px 7px;
    }

    #fishcommission-table td {
        border: 1px solid #cccccc;
        font-size: .9rem;
        line-height: 1rem;
        padding: 7px 10px;
    }






.col-33 {
    flex: 0 0 auto;
    width: 33%;
    display: table;
    min-height: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
}


.mainbody ol li {
    margin-left: 1rem;
}

.meeting {
    padding: 10px;
    margin: 20px;
    border: 1px solid #999999;
    width: max-content;
    min-width: 40%;
    box-shadow: 6px 6px 2px 1px rgba(60, 60, 60, .2);
    border-radius: 8px;
}
@media (max-width: 768px) {

    .meeting {
        width: 90%;
    }

}


@media (max-width: 768px) {

        .col-33 {
            /* flex: 0 0 auto; */
            width: 100%;
            /* display:table;
	min-height: 100px;
	
	margin-top: 15px;
	margin-bottom: 15px; */
        }
    }


    /* new rectangular button */
    .btn-rect,
    .mainbody .btn-rect {
        font-size: 21px;
        padding: 1rem 2.2rem;
        line-height: 1.3;
        font-weight: 600;
        border-radius: 3px;
        text-decoration: none;
        border: 1px solid #cccccc;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    /* line 36, F:/_default/Skins/SccENV/assets/devsrc/scss/pages/general/_buttons.scss */
    .btn-whitegreen,
    .mainbody .btn-whitegreen {
        background-color: #008155; /*#ffffff;*/
        color: #ffffff !important;
    }

        /* line 42, F:/_default/Skins/SccENV/assets/devsrc/scss/pages/general/_buttons.scss */
        .btn-whitegreen:hover,
        .mainbody .btn-whitegreen:hover {
            background-color: #008155; /*#008155;*/
            color: #173a4d !important;
        }


    /* breadcrumb 12.28.2021  */
    .site-breadcrumb-wrap {
        padding-bottom: 1.5rem;
    }

    th, td, table {
        font-size: 16px;
    }

    /* css for modal hover popup definition  */

    .popuplink {
        text-decoration: underline;
    }

        .popuplink:hover {
            text-decoration: none;
            cursor: pointer;
        }

    .definitionPopup {
        position: absolute;
        top: 30%;
        left: 50%;
        width: 520px;
        height: auto;
        border: 4px solid #1a94c4;
        padding: 20px;
        padding-top: 20px;
        padding-top: 30px;
        background-color: white;
        line-height: 1.6rem;
        /*text-align: center;*/
        border-radius: 8px;
    }

    .modal {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
        z-index: 1051 !important;
    }

    .close {
        cursor: pointer;
        position: absolute;
        top: 0px;
        right: 10px;
    }

    /* Home slider - button style */
    .scceh-homeslider .slide-content .slide-text {
        position: relative;
    }

    .scceh-homeslider .slide-content .slide-btn {
        display: block !important;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: transparent;
        border: 0;
        text-indent: -999rem;
        box-shadow: none;
    }

        .scceh-homeslider .slide-content .slide-btn:hover {
            box-shadow: none;
        }

    .left50 {
        float: left;
        width: 50%;
    }

    .right50 {
        float: right;
        width: 50%;
    }

    .SHlinkcontainer {
        background: rgb(238, 238, 238);
        border: 1px solid rgb(204, 204, 204);
        padding: 5px 10px;
        text-align: center;
        margin-bottom: 20px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .ar-year {
        font-weight: bold;
    }

    .EHimg {
        width: 90%;
        border: 2px solid #0E7FAD;
        display: block;
        margin-bottom: 20px;
    }

	.EHimg-center {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid #0E7FAD;
        display: block;
        margin-bottom: 20px;
    }

    .EHimg-left {
        border: 2px solid #0E7FAD;
        display: block;
        float: left;
        margin-bottom: 20px;
        width: 48% !important;
        max-width: 48% !important;
    }

    .EHimg-right {
        border: 2px solid #0E7FAD;
        display: block;
        float: right;
        margin-bottom: 20px;
        width: 48% !important;
        max-width: 48% !important;
    }

    .EHimg-LH {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid #0E7FAD;
        display: block;
        margin-bottom: 10px;
    }

    /*------------------------------------
  Search Result
------------------------------------*/
    .dnnSearchBoxPanel {
        max-width: 100%;
    }

        .dnnSearchBoxPanel .dnnSearchResultAdvancedTip,
        .dnnSearchBoxPanel .dnnSearchBox_advanced {
            display: none;
        }

        .dnnSearchBoxPanel .dnnSearchBox {
            height: 40px;
            margin-right: 10px;
        }

            .dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchButton {
                top: 6px;
                right: 10px;
            }

            .dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchBoxClearText {
                right: 40px !important;
            }

            .dnnSearchBoxPanel .dnnSearchBox > input[type="text"] {
                width: 92% !important;
            }

    .dnnSearchResultPanel {
        display: none;
    }

    .dnnSearchResultContainer > .dnnSearchResultItem {
        margin-bottom: 0;
    }

        .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title {
            font-size: 20px;
            border-left: 8px solid #0c8e4a;
            padding-left: 1rem;
            line-height: 1.3;
            margin-bottom: 4px;
            margin-top: 1.8rem;
            font-weight: 600;
        }

            .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title a {
                color: #444;
                font-weight: 500;
            }

        .dnnSearchResultContainer > .dnnSearchResultItem .dnnSearchResultItem-Link {
            font-style: italic;
            padding-left: 1.4rem;
            display: block;
            margin-bottom: 1rem;
        }

            .dnnSearchResultContainer > .dnnSearchResultItem .dnnSearchResultItem-Link a {
                color: #999;
            }

        .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description {
            padding-left: 1.4rem;
        }

            .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b {
                font-weight: normal;
                background-color: rgba(60, 48, 162, 0.1);
                padding: .1rem .3rem;
            }

        .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others a {
            color: #333;
        }

    .dnnSearchResultContainer > .dnnSearchResultItem-Subset {
        margin: 0 0 1.3rem 1.4rem;
    }

        .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Title {
            display: none;
        }

        .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description b {
            font-weight: normal;
            background-color: rgba(241, 180, 52, 0.5);
            padding: .1rem .3rem;
        }

    .dnnSearchResultPager {
        margin-bottom: 2rem;
    }

        .dnnSearchResultPager:before, .dnnSearchResultPager:after {
            content: "";
            display: table;
            clear: both;
        }


    .page-title h1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }


    @media only screen and (max-width: 575px) {


        .innerpage .page-title h1 {
            font-size: 1.6rem;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .innerpage .subpage-banner {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .slide1 .slide-img {
            background-position: center right;
        }

        a {
            word-wrap: break-word;
        }

        table td, table th {
            font-size: .7rem !important;
            padding: 3px 5px !important;
        }
    }

    @media only screen and (max-width: 900px) {

        a, td {
            word-wrap: break-word;
        }

        table td, table th {
            font-size: .7rem !important;
            padding: 3px 5px !important;
        }
    }





    /* ===============   Steelhead page CSS  ============ */
    /*.steelhead * {
    font-family: Arial, Helvetica, sans-serif;
}*/

    /* Header */
    .steelhead #BannerPageWidth::after {
        display: block;
        clear: both;
        content: "";
    }

    .steelhead {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

        .steelhead h3 {
            font-size: 20px;
            font-weight: 500;
            margin-top: 10px;
        }

        .steelhead #mainCounty-nav,
        .steelhead .EnvBanner {
            width: 100%;
        }

        .steelhead .pagebg {
            max-width: 100%;
            width: 100%;
        }

        .steelhead .content-pad {
            padding: .3rem 2rem 1.5rem;
        }

            .steelhead .content-pad a {
                text-decoration: none;
            }


        .steelhead .HorizontalMenu > .root {
            font-size: 13px;
        }


        .steelhead .ar-banner img {
            width: 100%;
            max-width: 100%;
        }


        /* Content */
        .steelhead .contentPane h1 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 24px;
        }

        .steelhead .row-no-pad {
            margin-left: 0;
            margin-right: 0;
        }

        .steelhead .row-summary {
            padding: 1.5rem 2rem 1.3rem;
            background-color: #ddd;
            border-radius: 20px;
            margin-bottom: 2.5rem;
            margin-left: 15px;
            margin-right: 15px;
        }

        .steelhead .summary-text {
            padding: 0 6.5rem 0 2rem;
            font-size: 14px;
            color: #333;
        }

            .steelhead .summary-text p {
                line-height: 1.9;
                margin-bottom: 0;
            }

        .steelhead .sh-img {
            width: 100%;
            max-height: 120px;
        }

        .steelhead .col-tiles {
            min-height: 280px;
        }

            .steelhead .col-tiles,
            .steelhead .col-tiles p {
                text-align: center;
                line-height: 1.3rem;
            }

        /*  .steelhead .col-tiles h3 {
            margin: 1rem 0 .5rem;
        }

            .steelhead .col-tiles h3 a {
                font-size: 15px !important;
                text-decoration: none;
                font-weight: 500;
            }*/

        .steelhead .ar-img {
            width: 100%;
            height: 130px;
            min-height: 160px;
            max-width: 220px;
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.1);
            border: 1px solid #ccc;
        }

    a.ar-img-link:hover .ar-img {
        box-shadow: none;
    }


    /* footer */
    .steelhead footer .social {
        text-align: right;
    }

        .steelhead footer .social a {
            float: none;
            display: inline-block;
        }

    /* Steelhead Ver2 */
    .sh-border {
        border-right: 1px solid #ccc;
        padding-right: 1.5rem;
    }

    .steelhead .contentPane .ver2 h1 {
        margin-bottom: 2.5rem !important;
    }

    .steelhead .ver2 .summary-text {
        font-size: 13px;
        margin-bottom: 1rem;
        padding: 0;
    }

        .steelhead .ver2 .summary-text p {
            line-height: 1.8;
        }

    .block-program {
        padding-bottom: 3rem;
    }

    .steelhead .block-program .sh-img {
        max-width: 250px;
        max-height: none;
        margin-bottom: .5rem;
    }

    .steelhead .ver2 .ar-img {
        max-width: 240px;
        max-height: 165px;
    }

    .steelhead .block-program h3 a {
        text-decoration: none;
        font-size: 14px;
    }


    /* Media Queries */

    @media (min-width: 768.1px) {
        .steelhead #footerdiv {
            width: 100%;
        }

        .steelhead #BannerPageWidth {
            width: 720px;
            max-width: 720px !important;
        }

        #dnn_CountyBanner_hypLogo img {
            max-width: 500px;
        }
    }


    @media (min-width: 992.1px) {
        .steelhead #BannerPageWidth {
            width: 930px;
            max-width: 930px !important;
        }

        #dnn_CountyBanner_hypLogo img {
            max-width: 700px;
        }
    }

    @media (min-width: 1200.1px) {
        .steelhead #BannerPageWidth {
            width: 1140px;
            max-width: 1140px !important;
        }

        #dnn_CountyBanner_hypLogo img {
            max-width: 100%;
        }
    }

    @media (max-width: 992px) {
        .steelhead .EnvSeal {
            top: auto;
            left: auto;
        }

        .steelhead .col-sm-8 {
            float: none;
            width: 80%;
        }

        .steelhead .col-sm-2 {
            padding-top: 20px;
            margin-left: 10%;
            width: 20%;
            text-align: right;
        }

        .steelhead .EnvBanner a {
            text-decoration: none;
        }

        .steelhead .row-summary .col-md-4 {
            margin-bottom: 1rem;
        }

        .steelhead .summary-text {
            padding: 0;
        }

        .steelhead .col-tiles {
            min-height: unset;
            margin-bottom: 1.5rem;
        }

        footer .social {
            width: 60%;
        }
    }


    @media (max-width: 768px) {
        .steelhead {
            background-color: #fff;
        }

            .steelhead > .container {
                padding-left: 0;
                padding-right: 0;
            }

            .steelhead .contentPane {
                width: 100% !important;
                max-width: 100% !important;
                padding-bottom: 1rem;
            }

        .block-program {
            text-align: center;
        }

        .steelhead .ar-img {
            max-width: 200px;
        }

        .sh-border {
            border-right: 0;
            padding-right: 0;
        }

        .steelhead footer .social a {
            width: 33.333333%;
            display: table-cell;
        }

        footer .social {
            width: 100%;
        }
    }



.lobbyhrs {
    font-size: 1rem;
    margin-top: 1.2rem;
}

.lobbytext {
    font-size: .8rem;
    margin-top: .3rem;
}

.lobbydays {
    font-size: .6rem;
	margin-top: .3rem;
    }

@media (min-width: 576px) {
    .lobbyhrs {
        font-size: 1rem;
    }

    .lobbytext {
        font-size: 1rem;
    }
	
	.lobbydays {
        font-size: .9rem;
    }

    .margintxt {
        margin-left: 1rem;
    }
}


@media (min-width: 768px) {

    .lobbyhrs {
        font-size: 1.2rem;
    }

    .lobbytext {
        font-size: 1.2rem;
		 margin-top: .5rem;
    }
	
	.lobbydays {
        font-size: 1rem;
		 margin-top: .5rem;
    }

    .margintxt {
        margin-left: 1rem;
    }
}


@media (min-width: 992px) {

    .lobbyhrs {
        font-size: 1.5rem;
    }

    .lobbytext {
        font-size: 1.4rem;
    }
	
	.lobbydays {
        font-size: 1.2rem;
    }

    .margintxt {
        margin-left: 1rem;
    }
}


/* /NewHome/Programs/LandUse/SiteEvaluation.aspx  Aug.17.23 */
.mainbody .popuplink,
.mainbody .btn-popover{
    display: inline-block;
    border: 1px solid #0e7fad;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    border-radius: 0.25rem;
    font-weight: 500;
}