﻿.search-container {
    background-color: #ffffff;
    height: 60px;
    padding: 15px 15px 5px
}

    .search-container .location-search {
        display: flex;
        position: relative;
        width: 100%;
        height: 40px;
        border: 1px solid #bababa;
        border-radius: 4px;
        background-color: #ffffff
    }

        .search-container .location-search input {
            border: none;
            background-color: transparent;
            width: 100%;
            height: 40px;
            padding: 5px 40px 5px 10px;
            color: #3F4A58;
            transition: all 0.3s ease-in
        }

        .search-container .location-search .icon-search-orange {
            width: 24px;
            height: 24px;
            display: inline-block;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 24px;
            background-image: url(/auctions/images/common/Search/icon-search.svg);
            position: absolute;
            right: 0;
            padding: 19px;
            cursor: pointer;
            opacity: 0.5
        }

        .search-container .location-search .icon-search-orange:hover {
            opacity: 1
        }

        .search-container .location-search input:focus ~ .icon-search-orange {
            opacity: 1
        }

        .search-container .location-search .more-location {
            min-width: 80px;
            height: 32px;
            border-radius: 18px;
            background-color: #f5f5f5;
            color: #ff5c39;
            font-size: 14px;
            font-weight: 500;
            position: relative;
            top: 3px;
            left: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin-right: 8px
        }

        .search-container .location-search .entered-location {
            width: auto;
            height: 32px;
            border-radius: 18px;
            background-color: #f5f5f5;
            color: #3f4a58;
            font-size: 14px;
            font-weight: 500;
            position: relative;
            top: 3px;
            left: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            padding: 5px 2px 5px 15px;
            margin-right: 5px;
            white-space: nowrap
        }

            .search-container .location-search .entered-location .location-text {
                overflow: hidden;
                position: relative;
                text-overflow: ellipsis;
                width: 100%;
                max-width: 260px;
                min-width: 40px;
                flex: 1
            }

            .search-container .location-search .entered-location .close-icon-wrapper {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                background-color: #ffffff;
                width: 28px;
                height: 28px;
                border-radius: 18px;
                margin-left: 5px
            }

                .search-container .location-search .entered-location .close-icon-wrapper i {
                    width: 12px;
                    height: 12px;
                    display: inline-block;
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: 12px;
                    background-image: url(/auctions/images/common/Search/icon-close.svg);
                }

        .search-container .location-search .search-location-dropdown {
            display: none;
            z-index: 1;
            position: absolute;
            background-color: #ffffff;
            box-shadow: 0 0 7px 0 rgba(0,0,0,0.3);
            padding: 10px 0;
            margin-top: 3px;
            width: 250px;
            left: 0;
            top: 40px
        }

            .search-container .location-search .search-location-dropdown .dropdown-head {
                font-size: 16px;
                font-weight: 700;
                color: #3f4a58;
                padding: 0 10px 5px;
                border-bottom: 1px solid #eeeeee
            }

            .search-container .location-search .search-location-dropdown .dropdown-body {
                padding: 10px 10px 0;
                max-height: 180px;
                overflow-y: auto;
            }

            .search-container .location-search .search-location-dropdown .dropdown-body .custom-check-wrapper {
                display: flex;
                align-items: center;
                margin-bottom: 10px;
            }

            .search-container .location-search .search-location-dropdown .dropdown-body .add-location-above {
                display: flex;
                align-items: center;
                margin-bottom: 10px;
                padding-left: 1em;
            }

                .search-container .location-search .search-location-dropdown .dropdown-body .custom-check span:after {
                    left: 5px;
                    top: 9px
                }

            .search-container .location-search .search-location-dropdown .dropdown-body .close-icon-wrapper {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                background-color: #ffffff;
                width: 28px;
                height: 28px;
                border-radius: 18px;
                margin-left: auto;
            }

            .search-container .location-search .search-location-dropdown .dropdown-body .close-icon-wrapper i {
                width: 12px;
                height: 12px;
                display: inline-block;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 12px;
                background-image: url(/auctions/images/common/Search/icon-close.svg);
            }

            .search-container .location-search .search-location-dropdown .dropdown-footer {
                padding: 0 10px;
                display: flex;
                justify-content: space-between;
            }

            .search-container .location-search .search-location-dropdown .dropdown-footer .clearall-link, .search-container.srp-search .location-search .search-location-dropdown .dropdown-footer .close-link, .search-container.srp-search .location-search .search-location-dropdown .dropdown-footer .deleteAll-link {
                color: #ff5c39;
                font-size: 13px;
                font-weight: 500;
            }


        
        /***Custom Checkbox***/
        .custom-check {
            line-height: 24px;
        }

    .custom-check input[type="checkbox"] {
        display: none;
    }

    .custom-check span {
        display: inline-block;
        position: relative;
        padding-left: 30px;
    }

        .custom-check span:before {
            content: "";
            width: 20px;
            height: 20px;
            border-radius: 1px;
            font-size: 14px;
            line-height: 20px;
            border: 1px solid #979797;
            background-color: #fff;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            text-align: center;
            transition: all 0.35s ease-out;
            position: absolute;
            left: 0;
            top: 0;
        }

        .custom-check span:after {
            content: "";
            position: absolute;
            left: 6px;
            top: 10px;
            background: white;
            width: 2px;
            height: 2px;
            box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: none;
        }

    .custom-check input:checked + span:after {
        display: block;
    }

    .custom-check input:checked + span:before {
        border-color: #ff5c39 !important;
        background: #ff5c39;
    }

.pdp-location-search {
    background-color: #f4f4f4 !important;
    border-bottom: none !important;
}

.pdp-search-bar .search-container {
    padding: 15px 0px 5px;

}