.ccsubview.restaurants {
    min-height: calc(100% - var(--bottom-nav-menu-height) - 1px);
    background: #f5f3f6;
}





.ccsubview.restaurants
.search-wrapper {
    padding: 20px 15px;
    background: #fff;
}



.ccsubview.restaurants
.search-wrapper
h1.search-title {
    font-size: 12px;
    font-weight: 700;
    color: #888;
}



.ccsubview.restaurants
.search-wrapper
.search-filters-wrapper {
    margin: 13px 0 0 0;
}



.ccsubview.restaurants
.search-wrapper
.search-filters-wrapper
.filter.merchant-type {
    display: none;
}



.ccsubview.restaurants
.search-wrapper
.search-filters-wrapper
.filter {
    margin: 12px 0 0 0;
    position: relative;
    height: 45px;
    line-height: 45px;
    border: 2px solid #25c662;
    border-radius: 10px;
}

.ccsubview.restaurants
.search-wrapper
.search-filters-wrapper
.filter:first-child {
    margin-top: 0;
}



.ccsubview.restaurants
.search-wrapper
.search-filters-wrapper
.filter
span {
    display: inline-block;
    margin: 0 0 0 45px;
    max-width: calc(100% - 45px - 15px);
    font-size: 17px;
    font-weight: 600;
    color: #000;
}



.ccsubview.restaurants
.search-wrapper
.search-filters-wrapper
.filter
.icon-wrapper {
    position: absolute;
    width: 21px;
    height: 21px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}



.ccsubview.restaurants
.search-wrapper
.search-filters-wrapper
.filter
.icon {
    display: block;
    position: absolute;
    width: auto;
    height: 21px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}





.ccsubview.restaurants
.filters-wrapper {
    display: block;
    padding: 12px 15px 20px 15px;
    background: #fff;
}



.ccsubview.restaurants
.filters-wrapper
h1.filters-title {
    font-size: 12px;
    font-weight: 700;
    color: #888;
}



.ccsubview.restaurants
.filters-wrapper
h1
.clear-filters-button {
    display: none;
    position: relative;
    left: 10px;
    font-size: 16px;
}

.ccsubview.restaurants
.filters-wrapper.has-filters
h1
.clear-filters-button {
    display: inline;
}



.ccsubview.restaurants
.filters-wrapper
.applied-filters-wrapper {
    display: none;
    margin: 13px 0 0 0;
}

.ccsubview.restaurants
.filters-wrapper.has-filters
.applied-filters-wrapper {
    display: block;
}



.ccsubview.restaurants
.filters-wrapper
.applied-filters-wrapper
.filter {
    display: inline-block;
    position: relative;
    margin: 0 10px 10px 0;
    padding: 0 37px 0 12px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #25c662;
    border-radius: 7px;
    background: #f2fdf3;
}



.ccsubview.restaurants
.filters-wrapper
.applied-filters-wrapper
.filter
span {
    color: #3d513d;
    font-weight: 600;
    font-size: 15px;
}



.ccsubview.restaurants
.filters-wrapper
.applied-filters-wrapper
.filter
.delete-button {
    display: block;
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
}



.ccsubview.restaurants
.filters-wrapper
.applied-filters-wrapper
.filter
.delete-button
img {
    display: block;
    position: absolute;
    width: auto;
    height: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.ccsubview.restaurants
.filters-wrapper
.std-button-wrapper {
    margin: 20px 0 0 0;
}



.ccsubview.restaurants
.filters-wrapper
.manage-filters-button
.icon {
    display: block;
    position: absolute;
    width: auto;
    height: 16px;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}



.ccsubview.restaurants
.filters-wrapper
.manage-filters-button
span {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}





.ccsubview.restaurants
.search-results-wrapper {
    margin: 0;
    padding: 0 0 50px 0;
}



.ccsubview.restaurants
.search-results-wrapper
.search-loader {
    display: none;
    padding: 50px 0;
}

.ccsubview.restaurants
.search-results-wrapper.loading
.search-loader {
    display: block;
}



.ccsubview.restaurants
.search-results-wrapper
.search-loader
img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 40px;
}



.ccsubview.restaurants
.search-results-wrapper
.search-failed {
    display: none;
    padding: 50px 15px;
    text-align: center;
}

.ccsubview.restaurants
.search-results-wrapper.failed
.search-failed {
    display: block;
}



.ccsubview.restaurants
.search-results-wrapper
.search-failed 
h1 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-align: center;
}



.ccsubview.restaurants
.search-results-wrapper
.search-failed
.std-button-wrapper {
    display: inline-block;
    margin: 20px 0 0 0;
}



.ccsubview.restaurants
.search-results-wrapper
.search-results {
    display: none;
    margin: 30px 0 0 0;
}

.ccsubview.restaurants
.search-results-wrapper.results
.search-results {
    display: block;
}





.ccsubview.restaurants
.search-results-wrapper
.load-more-restaurants-button-wrapper {
    display: none;
    padding: 30px 0;
    text-align: center;
}

.ccsubview.restaurants
.search-results-wrapper
.load-more-restaurants-button-wrapper.showing {
    display: block;
}



.ccsubview.restaurants
.search-results-wrapper
.load-more-restaurants-button-wrapper
.std-button-wrapper
.button
.icon {
    //height: 20px;
    //left: 13px;
}





.ccsubview.restaurants
.search-results-wrapper
.infinite-loader {
    display: none;
    padding: 20px 0;
}

.ccsubview.restaurants
.search-results-wrapper
.infinite-loader.loading {
    display: block;
}



.ccsubview.restaurants
.search-results-wrapper
.infinite-loader
img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 25px;
}





.ccsubview.restaurants
.search-results-wrapper
.no-results {
    display: none;
    padding: 50px 15px;
}

.ccsubview.restaurants
.search-results-wrapper.no-results
.no-results {
    display: block;
}



.ccsubview.restaurants
.search-results-wrapper
.no-results
.icon {
    display: block;
    margin: 0 auto;
    padding: 10px;
    width: auto;
    height: 40px;
    border: 2px solid #ddd;
    border-radius: 40px;
    background: #fff;
}



.ccsubview.restaurants
.search-results-wrapper
.no-results
h1 {
    margin: 17px 0 0 0;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-align: center;
}



.ccsubview.restaurants
.search-results-wrapper
.no-results
h2 {
    margin: 4px 0 0 0;
    font-size: 17px;
    font-weight: 600;
    color: #888;
    text-align: center;
}