.findmystreet_icon {
    width: 20px;
    height: 20px;
    border: 0;
    cursor: pointer;
}

.leaflet-popup-content {
    min-width: 245px;
    margin: 0;
    line-height: 1.5;
}

.leaflet-popup-content hr {        
    background-color: #ffffff;
    border: 0 none;
    color: #1B4D6F;
    height: 2px;
}

.leaflet-container a {
    text-decoration: none;
}

.leaflet-popup-content-wrapper {
    background-color: transparent;
    color: white;
    box-shadow: none;
}

.nav-tabs .nav-item {
    margin-bottom: -2px;
    border: 0px solid transparent;
}

.leaflet-popup-tip {
    visibility: hidden;
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 35px 20px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}


#addressPopupTab {
    min-width: 220px;
    opacity: 0.85;
    z-index: 99000;
}


#popup-address-tab.active, #popup-address-tab.show, #popup-address-tab {
    background-color: #004461;
    border-color: #004461;
    color: #ffffff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: -2px;
    box-shadow: 4px -3px 6px rgb(0 0 0 / 40%)
}

#popup-authority-tab.active, #popup-authority-tab.show, #popup-authority-tab {
    background-color: #FFE24D;
    border-color: #FFE24D;
    color: #004461;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: -1px;
    box-shadow: 4px -3px 6px rgb(0 0 0 / 40%)
}

#popup-authority-panel {
    background-color: #FFE24D;
    border-color: #FFE24D;
    color: #004461;
    padding: 12px 12px 12px 20px;
    border-radius: 12px;
    box-shadow: 4px 7px 14px 3px rgb(0 0 0 / 40%)
}

#popup-address-panel {
    background-color: #004461;
    border-color: #004461;
    color: #ffffff;
    padding: 12px 12px 12px 20px;
    border-radius: 12px;
    margin-top: 0px;
    box-shadow: 4px 7px 14px 3px rgb(0 0 0 / 40%)
}

.authority_colour {
    color: #004461;
}

#nav-tab {
    padding-left: 10px;
    line-height: 10px;
    border-bottom-color: transparent;
}

#nav-tab .nav-link {
    text-decoration: none;
}

.popup-tab {
    padding-left: 10px;
    line-height: 10px;
    border-bottom-color: transparent;
}


    .popup-tab .nav-link {
        font-size: 1rem !important;
    }

#popup-address-tab, #popup-authority-tab {
   /* border-bottom: solid 0px #004461;*/
   border:none;
}



.nav-postcode, .nav-authority {
    border-bottom: 1px dashed;
    cursor: pointer;
}

#healthalert {
    padding: .5rem;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-widget-content {
    font-weight: normal;
    padding-left: 1px, 0.4em;
    padding-right: 1px, 0.4em;
    transition-delay: 0s;
    -webkit-transition: none;
    transition: none;
}

a, a:visited {
    -webkit-transition: none;
    transition: none;
}

.uprn_color {
    color: #ffe600;
}

.authority_color {
    color: #004461;
}

.address_loading_img {
    width: 2em;
    height: 2em;
}

.leaflet-top {
    top: 110px;
}

.leaflet-container {
    background: #d5eff8;
}

    .leaflet-container .leaflet-control-attribution {
        padding: 2px 6px;
        background: rgba(255, 255, 255, 0.9);
    }

        .leaflet-container .leaflet-control-attribution.leaflet-compact-attribution {
            width: auto !important;
            margin: 10px 44px 0 10px;
            padding: 7px;
            border-radius: 2px;
            background: rgba(255, 255, 255, 0.9);
            visibility: hidden;
        }

.tooltip {
    margin-left: 50px;
    z-index: 99901;
}

.tooltip-mobile, .tooltip-copy-mobile { /* UE WI38778 */
    margin-bottom: 0px;
}
/* UE WI38778++ */
@media (max-width:588px) {
    .tooltip-mobile {
        margin-top: 150px;
        margin-left: 120px;
    }
}

@media (max-width:588px) {
    .tooltip-copy-mobile {
        margin-top: 100px;
        margin-left: 120px;
    }
}
/* UE WI38778 -- */

.tab-tooltip {
    margin-top: 50px;
}

.tooltip > .tooltip-inner {
    background-color: #007db3;
    color: #fff;
    border: 2px solid #007db3;
    font-weight: 300;
    border-radius: 10px;
    padding: 5px 5px;
    max-width: 240px;
}

.tooltip .arrow:before {
    top: -3px;
    left: -12px;
    border-top-color: #007db3;
    border-right-color: #007db3;
    border-bottom-color: #007db3;
    border-left-color: #007db3;
    border-width: 0 12px 12px;
    z-index: -1;
}

.tooltip .arrow {
    top: 3px;
    left: 50%;
    border-style: solid;
    border-color: transparent transparent;
    border-width: 0 10px 10px;
}



.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /*background: #87ceeb;*/
    z-index: 99901;
}

    .ui-autocomplete.ui-menu {
        opacity: 0.9;
        filter: alpha(opacity=50);
    }

#uprn_address, #fulladdress {
    font-weight: bold;
    color: #004461;
    align-content: flex-end;
    cursor: pointer;
    z-index: 99001;
}

.fulladdressInputClass {
    width: 100px;
}

/* IE 6 doesn't support max-height
        * we use height instead, but this forces the menu to always be this tall
        */
* html .ui-autocomplete {
    height: 100px;
    /*background: #87ceeb;*/
    z-index: 99901;
}

::-webkit-input-placeholder {
    font-style: italic;
    text-align: center;
    font-weight: bold;
    color: #6c757d;
    opacity: 1
}

:-moz-placeholder {
    font-style: italic;
    text-align: center;
    font-weight: bold;
    color: #6c757d;
    opacity: 1
}

::-moz-placeholder {
    font-style: italic;
    text-align: center;
    font-weight: bold;
    color: #6c757d;
    opacity: 1
}

:-ms-input-placeholder {
    font-style: italic;
    text-align: center;
    font-weight: bold;
    color: #6c757d;
    opacity: 1
}

#tabSearches {
    min-width: 360px;
    opacity: 0.85;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 450;
}

#uprn_address #fulladdress {
    padding: 5px;
}

#uprn-search-tab {
    background-color: #004461;
    border-color: #004461;
    color: #ffe600;
}

#address-search-tab {
    background-color: #ffe600;
    border-color: #ffe600;
    color: #004461;
}

#search-tab {
    padding-left: 25px;
    line-height: 12px;
}

#find_uprn {
    font-size: 14px;
    line-height: 1em;
    border-radius: 0.25rem;
    background-color: #484646;
    border-color: #484646;
    color: white;
}

    #find_uprn:hover, #find_uprn:active {
        background-color: #353333;
        border-color: #2e2d2d;
    }

    #find_uprn:focus {
        box-shadow: 0 0 0 0.2rem rgba(99, 98, 98, .5);
    }


#search-tab .nav-link:hover {
    border-bottom: solid 0px #fff;
}

.ol-attribution.ol-uncollapsible {
    height: 3em;
}



.ol-rotate {
    top: 3em;
}

#uprn-search {
    border: 5px solid #004461;
}

#address-search {
    border: 5px solid #ffe600;
}

#uprn-search, #address-search {
    background: #ffffff;
    min-width: 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    border-top-left-radius: 27px;
    border-bottom-left-radius: 27px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
    -webkit-appearance: unset;
}

.remaining_searches_circle {
    width: 1.5em;
    height: 1.5em;
    padding: 0px;
    font-size: 1.5em;
    line-height: 1.5em;
    background-color: grey;
    text-align: center;
    vertical-align: middle;
    color: white;
    min-width: 1.5em;
    min-height: 1.5em;
}

#uprn_address:focus {
    border-color: rgba(82, 168, 236, 0.8)
}

.leaflet-bottom {
    bottom: 0px;
}

@media (max-width:588px) {
    #find_uprn {
        font-size: 12px;
        line-height: 1em;
    }

    .remaining_searches_circle {
        font-size: 1.25em;
    }

    input[type='text'], input[type='email'], input[type='tel'], input[type='search'], input[type='url'], input[type='password'], .ui-autocomplete-input, textarea, .uneditable-input {
        font-size: 12px;
        line-height: 16px;
    }

    .leaflet-bottom {
        bottom: 0px;
    }
}

/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
/*    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }*/
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
/*    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }*/
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
/*    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }*/
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
/*    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }*/
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}