﻿.searchAddressControl {
}

    .searchAddressControl .searchAddresshBar {
        border: 2px solid #ffffff;
        border-radius: 5px;
        border-right: 3px solid #fff;
    }


    .searchAddressControl .clearResultButton {
        position: relative;
        display: inline-block;
        width: 29px;
        height: 29px;
        overflow: hidden;
        background-color: #fff;
        float: left;
    }

        .searchAddressControl .clearResultButton:hover::before, .searchAddressControl .clearResultButton:hover::after {
            background: #7b716b;
            height: 3px;
        }

        .searchAddressControl .clearResultButton::before, .searchAddressControl .clearResultButton::after {
            content: '';
            position: absolute;
            height: 2px;
            width: 100%;
            top: 50%;
            left: 0;
            margin-top: -1px;
            background: #53443b;
        }

        .searchAddressControl .clearResultButton::before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .searchAddressControl .clearResultButton::after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .searchAddressControl .clearResultButton.thick::before, .searchAddressControl .clearResultButton.thick::after {
            height: 4px;
            margin-top: -2px;
        }


    .searchAddressControl .searchAddressText {
        min-width: 280px;
        height: 27px;
        font-size: 16px;
        font-style: italic;
        border: 0px solid;
        font-family: Century Gothic;
    }

    .searchAddressControl .findButton {
        width: 50px;
        height: 29px;
        display: inline-block;
        border: 0px solid;
        background-color: #5887a1;
        background-image: url('../../Images/AddressLocation/MagnifierWide.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 120px;
        border-radius: 0px 4px 4px 0px;
        margin-right: -5px;
        background-position-x: -5px;
        vertical-align: inherit;
    }

        .searchAddressControl .findButton:hover {
            background-image: url('../../Images/AddressLocation/MagnifierWideActive.png');
        }

    .searchAddressControl .sbcButton {
        width: 60px;
        height: 29px;
        display: inline-block;
        border: 0px solid;
        background-color: #5887a1;
        background-image: url('../../Images/AddressLocation/MagnifierWide.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 120px;
        border-radius: 0px 4px 4px 0px;
        margin-right: 0px;
        background-position-x: -57px;
        vertical-align: inherit;
        margin-right: -1px;
    }

        .searchAddressControl .sbcButton:hover {
            background-image: url('../../Images/AddressLocation/MagnifierWideActive.png');
        }

    .searchAddressControl .adressSearchMessage {
        min-width: 30px;
        margin-left: 23px;
        color: #ffffff;
        font-size: 15px;
        font-family: Century Gothic;
    }

    .searchAddressControl .ui-widget {
        font-family: Century Gothic;
    }

    .searchAddressControl.ui-autocomplete {
        border-radius: 0px;
        border: none;
        font-family: Century Gothic;
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .searchAddressControl.ui-autocomplete li {
            border-radius: 0px;
            border: none;
            font-size: 16px;
        }

            .searchAddressControl.ui-autocomplete li a {
                border-radius: 0px;
                border: none;
                color: #000;
                font-weight: normal;
                font-style: italic;
                font-size: 16px;
            }

                .searchAddressControl.ui-autocomplete li a.ui-state-focus {
                    border-radius: 0px;
                    border: none;
                    color: #000;
                    font-style: italic;
                    font-weight: normal;
                    background-color: #e6f3f7;
                    background-image: none;
                    margin: 0px;
                    font-size: 16px;
                }

@media only screen and (max-width: 1280px) {
    .searchAddressControl .searchAddressText {
        min-width: 86px;
        max-width: 120px;
    }
}
