.search {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    /* width: 225px */
}

@media screen and (max-width: 950px) {
    .search {
        /* position:absolute;
        width: 250px;
        margin-top: -40px;
        margin-right: 2px;
        right: 0;
        text-align: right */
    }
}

.pageContent .searchBox input {
    font-size: 16px;
    padding: 5px;
    height: 21px !important;
    border-radius: 5px 0 0 5px;
    outline: 0;
    border: 1px solid #c3c3c3;
    border-right: 0;
    vertical-align: top;
    margin-right: -3px
}

.pageContent .searchBox input.searchbutton {
    border-color: #666;
    background-image: url(/Content/search.gif) !important;
    background-color: rgba(0,0,0,0);
    border-top: 1px solid #d8d8d8 !important;
    vertical-align: top;
    margin-top: 1px;
    height: 28px;
    width: 45px;
    background-position: center;
    background-size: 55px;
    border-radius: 0 5px 5px 0;
    padding: 0
}

.search>div {
    padding: 0 !important;
    background: rgba(0,0,0,0) !important;
    border: none !important;
    font-size: 0 !important;
    line-height: 0 !important
}

@media screen and (max-width: 950px) {
    .search>div {
        padding-right:5px !important
    }
}

.search>div>div {
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(0,0,0,0) !important;
    border: none !important
}

.search form {
    margin: 0 !important;
    font-size: 0 !important
}

.search form table {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    vertical-align: top !important
}

.search form tbody {
    font-size: 0 !important;
    vertical-align: top !important
}

.search td.gsc-input {
    display: inline-flex;
}

.gsc-input-box {
    padding: 0 !important;
}

.search form table td {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important
}

.search form table td>div {
    margin: 0 !important;
    background: rgba(0,0,0,0) !important;
    border: none !important
}

.search input.gsc-input {
    background-image: url() !important;
    box-sizing: content-box;
    height: 20px !important;
    vertical-align: top !important;
    /* margin-top: 30px !important; */
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 5px !important;
    padding: 6px 7px 6px 7px !important;
    line-height: 1.2em !important;
    border-radius: 5px 0 0 5px !important;
    border: 0 !important;
    font-size: 18px !important;
    width: 150px !important;
    outline: 0 !important;
    display: inline-block !important
}

@media screen and (max-width: 950px) {
    .search input.gsc-input {
        width:160px !important;
        /* margin-top: 10px !important; */
        font-size: 16px !important;
        padding: 6px !important;
        padding-bottom: 4px !important
    }

    .ios .search input.gsc-input {
        margin-top: 3.5px !important
    }

    .android .search input.gsc-input {
        margin-top: 3.5px !important
    }
}

@media screen and (max-width: 270px) {
    .search input.gsc-input {
        width:calc(100vw - 100px) !important
    }
}

.search input.gsc-input::placeholder {
    color: grey;
    font-size: 18px !important
}

@media screen and (max-width: 950px) {
    .search input.gsc-input::placeholder {
        font-size:16px !important
    }
}

.search>div>div div form button {
    padding: 0;
    margin-left: 0 !important;
    margin-right: 6px !important;
    /* margin-top: 30px; */
    width: 50px;
    height: 33px;
    border: 0;
    vertical-align: top !important;
    border-top: 1px solid #d8d8d8;
    border-radius: 0 5px 5px 0;
    background-image: url(/Content/search.gif);
    background-color: rgba(0,0,0,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

@media screen and (max-width: 950px) {
    .search>div>div div form button {
        width:42px !important;
        height: 29px !important;
        /* margin-top: 10px !important; */
        margin-right: 0 !important
    }
}

.search>div>div div form button:hover,.search>div>div div form button:focus,.search>div>div div form button:active {
    background-image: url(/Content/search.gif) !important;
    background-color: rgba(0,0,0,0);
    border-top: 1px solid #d8d8d8 !important
}

.search>div>div div form button svg {
    display: none
}

.search>div>div div>form table .gsib_b {
    display: none !important
}

.gsc-above-wrapper-area::before {
    content: "DISCLAIMER: The City of Jacksonville search results may contain Google Ad links to other sites. These displayed ads are not supported or endorsed by the City of Jacksonville. Please scroll down to view official Jacksonville.gov results.";
    color: #30567d;
    font-size: 14px !important;
    line-height: 19px;
    font-weight: bold !important;
    text-align: left !important;
    display: block
}

.gsc-results {
    line-height: 1.4em
}

.gsc-resultsbox-visible::before {
    content: "Jacksonville.gov Search Results";
    color: #30567d;
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1em
}

.gsc-tabHeader.gsc-tabhActive,.gsc-refinementHeader.gsc-refinementhActive {
    color: rgba(0,0,0,0) !important;
    text-shadow: 0 0 grey
}

.gsc-tabHeader.gsc-tabhInactive,.gsc-refinementHeader.gsc-refinementhInactive {
    color: rgba(0,0,0,0) !important;
    text-shadow: 0 0 lightgrey
}

.gsc-cursor .gsc-cursor-page {
    color: rgba(0,0,0,0) !important;
    text-shadow: 0 0 rgba(204,204,204,1)
}

.searchLabel {
    display: none
}

.search input {
    vertical-align: top;
    margin: 0;
    padding: 7px;
    padding-bottom: 5px;
    border-radius: 5px 0 0 5px;
    border: 0;
    font-size: 18px;
    width: 150px;
    outline: 0;
    margin-top: 30px;
    margin-left: 5px;
    display: inline-block
}

@media screen and (max-width: 950px) {
    .search input {
        width:120px;
        margin-top: 10px;
        margin-left: 0;
        font-size: 16px;
        padding: 6px;
        padding-bottom: 4px
    }
}

.search input.searchbutton {
    padding: 0;
    margin-left: 0;
    margin-right: 5px;
    width: 50px;
    height: 34px;
    border-top: 1px solid #d8d8d8;
    border-radius: 0 5px 5px 0;
    background-image: url(/Content/search.gif);
    background-color: rgba(0,0,0,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

@media screen and (max-width: 950px) {
    .search input.searchbutton {
        width:42px;
        height: 29px
    }
}

.search .kenticoSearchContainer .kenticoSearchButton {
    padding: 0;
    margin-left: 0;
    margin-top: 30px;
    margin-right: 0;
    width: 50px;
    height: 34px;
    border-top: 1px solid #d8d8d8;
    border-radius: 0 5px 5px 0;
    background-image: url('/Content/search.gif');
    background-color: rgba(0,0,0,0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: inline-block
}

@media screen and (max-width: 780px) {
    .search .kenticoSearchContainer .kenticoSearchButton {
        margin-top:10px;
        width: 42px;
        height: 29px
    }
}

.pageContent .kenticoSearchContainer {
    margin-bottom: 25px
}

.pageContent #kenticoSearchInput {
    vertical-align: top;
    padding: 7px 7px 5px !important;
    border-radius: 5px 0 0 5px;
    border: 1px solid #d9d9d9;
    border-right: none;
    font-size: 18px;
    color: #505050;
    width: 190px;
    outline: 0;
    display: inline-block
}

.pageContent .kenticoSearchButton {
    background-image: url(/Content/search.gif);
    background-color: rgba(0,0,0,0);
    vertical-align: top;
    margin-left: -4px;
    height: 34px;
    width: 48px;
    border-top: 1px solid #d9d9d9;
    background-position: center;
    background-size: 55px;
    border-radius: 0 5px 5px 0;
    padding: 0;
    display: inline-block;
    line-height: 150px;
    overflow: hidden
}

.pageContent .kenticoSearchButton:hover {
    opacity: .95
}

.pageContent .kenticoSearchResultsiFrame {
    border: none;
    width: 100%;
    height: 1190px
}

.kenticoSearchPopup {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10;
    display: none
}

.kenticoSearchPopup.show {
    display: block
}

.kenticoSearchPopupBackground {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,rgba(30,60,90,.75) 0%,rgba(30,60,90,.75) 100%)
}

.kenticoSearchPopupMargins {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    max-width: 1250px;
    height: calc(100vh - 100px);
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-height: 800px) {
    .kenticoSearchPopupMargins {
        height:calc(100vh - 30px);
        margin-top: 15px
    }
}

@media screen and (max-width: 800px) {
    .kenticoSearchPopupMargins {
        width:calc(100% - 30px)
    }
}

.kenticoSearchPopupPadding {
    height: calc(100% - 100px);
    padding: 50px;
    background-color: white;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.25)
}

@media screen and (max-width: 1280px) {
    .kenticoSearchPopupPadding {
        height:calc(100% - 40px);
        padding: 20px
    }
}

.kenticoSearchPopupCloseButton {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
    background-image: url('/App_Themes/jax01/images/global/closeBlack.png')
}

.kenticoSearchPopup .kenticoSearchContainer {
    margin-bottom: 15px
}

.kenticoSearchPopup #kenticoSearchInput {
    vertical-align: top;
    padding: 7px 7px 5px !important;
    border-radius: 5px 0 0 5px;
    border: 1px solid #d9d9d9;
    border-right: none;
    font-size: 18px;
    color: #505050;
    width: 190px;
    outline: 0;
    display: inline-block
}

.kenticoSearchPopup .kenticoSearchButton {
    background-image: url(/Content/search.gif);
    background-color: rgba(0,0,0,0);
    vertical-align: top;
    margin-left: -4px;
    height: 34px;
    width: 48px;
    border-top: 1px solid #d9d9d9;
    background-position: center;
    background-size: 55px;
    border-radius: 0 5px 5px 0;
    padding: 0;
    display: inline-block;
    line-height: 150px;
    overflow: hidden
}

.kenticoSearchPopup .kenticoSearchResultsiFrame {
    width: 100%;
    height: calc(100% - 50px);
    border: 0
}

.searchResults .searchResultsHeader {
    color: black;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px
}

.searchResults .listItem {
    margin-bottom: 10px
}

.searchResults .pageContent .pagingControls {
    padding-left: 2px;
    width: calc(100% - 2px)
}

.searchResults .searchResult {
    display: inline-block;
    width: 100%
}

.searchResults .searchResult a,.searchResults .searchResult a:active,.searchResults .searchResult a:visited {
    display: inline-block;
    text-decoration: none;
    color: #30567d;
    position: relative;
    min-height: 60px;
    outline: none
}

.searchResults .searchResult .searchResultIcon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/App_Themes/jax01/images/global/seal.png)
}

.searchResults .searchResult .searchResultTable {
    display: table;
    min-height: 60px
}

.searchResults .searchResult .searchResultTableCell {
    display: table-cell;
    vertical-align: middle
}

.searchResults .searchResult .searchResultText {
    margin-left: 65px;
    min-height: 60px;
    vertical-align: middle
}

.searchResults .searchResult .searchResultTitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px
}

.searchResults .searchResult a:hover .searchResultTitle {
    color: black;
    text-decoration: underline
}

.searchResults .searchResult a:focus .searchResultTitle {
    color: black;
    text-decoration: underline
}

.searchResults .searchResult .searchResultURL {
    font-size: 15px;
    line-height: 1.2em;
    color: grey;
    word-break: break-all;
    max-height: 38px;
    overflow: hidden
}

.pagination-container ul.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #b5b5b5;
    display: inline-block
}

.pagination-container ul.pagination li {
    list-style: none;
    display: inline-block
}

.pagination-container ul.pagination li a,.pagination-container ul.pagination li a:visited,.pagination-container ul.pagination li a:active {
    text-decoration: none;
    color: #30567d;
    font-size: 15px;
    vertical-align: middle
}

.pagination-container ul.pagination li a:hover {
    color: black
}

.pagination-container ul.pagination li span {
    color: black;
    font-weight: bold;
    vertical-align: middle
}

.pagination-container ul.pagination li.PagedList-skipToNext a,.pagination-container ul.pagination li.PagedList-skipToNext a:visited,.pagination-container ul.pagination li.PagedList-skipToNext a:active {
    line-height: 40px;
    overflow: hidden;
    height: 9px;
    width: 9px;
    display: inline-block;
    border-right: 1px solid #285586;
    border-top: 1px solid #285586;
    transform: rotate(45deg);
    text-decoration: none;
    vertical-align: middle
}

.pagination-container ul.pagination li.PagedList-skipToNext a:hover {
    border-right: 1px solid black;
    border-top: 1px solid black
}

.pagination-container ul.pagination li.PagedList-skipToPrevious a,.pagination-container ul.pagination li.PagedList-skipToPrevious a:visited,.pagination-container ul.pagination li.PagedList-skipToPrevious a:active {
    line-height: 30px;
    overflow: hidden;
    height: 8px;
    width: 8px;
    display: inline-block;
    border-left: 1px solid #30567d;
    border-bottom: 1px solid #30567d;
    transform: rotate(45deg);
    text-decoration: none;
    vertical-align: middle;
    margin-left: 2px
}

.pagination-container ul.pagination li.PagedList-skipToPrevious a:hover {
    border-left: 1px solid black;
    border-bottom: 1px solid black
}