@import "bootstrap/variables";
@import "bootstrap/mixins"; 
@import "custom/pagination"; 
@import "custom/star-rating"; 
@import "custom/alphabet"; 


/*-----------------------------------business list------------------------------------*/
.searchlist-head {
    margin: 8px auto 0;
    padding-bottom:20px;
    .businessSearch{
        .btn{
            height: 32px;
            border-radius: 0;
        }
    }
    .view{
        padding: 7px 5px;
        display: inline-block;
        font-size: rem(14);
        span{
            margin: 0px 0 -2px 5px;
        }
    }
}
#prodListingUl{
    li.odd{
        padding-right:1px;
    }
}
.business-filter{
   padding:30px 20px 25px; 
}
.alphabets_pagination {
    margin: 0 0 10px;
}
.ratingTxt{
    width:100px;
}
.rightPanelInner-review{
    width:20%;
}
.business-left-review{
    width:80%;
}
.light-bg-shadow{
    background: $light;
    box-shadow: 1px 1px 1px lighten($dark, 85%);
    -webkit-box-shadow: 1px 1px 1px lighten($dark, 85%);
    border-bottom: 1px solid lighten($dark, 75%); 
}
.list-content-business{
    &:nth-child(odd){
        padding-left: 8px;
    }
    &:nth-child(even){
        padding-right: 8px;
    }
}
.bd-lft-dtls {
    padding: 14px 10px 8px 19px;
    .bs-tpe{
        span:before{
            font-size: rem(9);
            margin: 0 5px;
        }
    }
}
.bdlft-imgblock {
    width: 157px;
    height: 117px;
    overflow: hidden;
    text-align: center;
}
.bd-rgt-dtls{
    min-height: 145px;
    padding-top: 15px;
}
.address-icons{
    padding: 8px 0;
    li{
        padding-right:8px;
        a{
            color:lighten($dark, 35%);
        }
    }
    .icon-mail{
        color: lighten($dark, 65%);
        font-size: rem(14);
        vertical-align: middle;
    }
}
.back {
    font-size: 13px;
    &:before{
        content: "";
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid $brand-primary;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
        margin-bottom: 1px;
    }
}
/*-----------------------------------business list------------------------------------*/
/*-----------------------------------business details------------------------------------*/


.businessdetail_bx{
    padding:15px;
    .mpalft-imgblock {
        width: 190px;
        height: 120px;
        text-align: center;
    }
    .mpargtt-block{
        margin-top: 15px;
        h1{
            font-size: rem(20);
        }
    }
    .favrite-star-bg,.ratingTxt{
        font-size:12px;
    }
    h4{
        border-bottom: 1px dashed lighten($dark, 78%); 
    }
}
.detailed-rating{
    padding-left: 25px;
    border-left: 1px solid lighten($dark, 90%);
    margin-top: 10px;
}
.product-follow {
    border: $brand-primary 1px solid;
    padding: 2px 5px;
}
.productListing{
    .bx-contr{
        @include transition(all 0.4s ease-in-out);
        margin: 0 auto 10px;
        position: relative;
        width: 100%;
        height: 305px;
        overflow: hidden;
        &:hover{
            border: $brand-primary solid 1px;
            .closed-img{
                opacity: 1;
                @include translate(0, 0);
            }
        }
        .ad-leftimg{
            height:200px;
            text-align: center;
            img{
                margin: 0 auto;
                max-height: 100%;
            }
        }
        .details{
            padding: 10px;
            .price{
                color: $brand-primary;
                font-weight: $font-weight-semibold;
                margin-left: 5px;
            }
            a{
                color: lighten($dark, 20%);
                padding-bottom: 5px;
                display: inline-block;
            }
        }
        .closed-img{
            width: 90px;
            height: 20px;
            display: inline-block;
            background: #eee;
            position: absolute;
            top: 130px;
            left: 25%;
            right: 25%;
            opacity: 0;
            @include translate(0, -50px);
            @include transition(all 0.5s ease);
        }
    }
}
.rightPanelInner{
    .whiteBx{
        padding:15px;
        font-size: rem(12);
    }
}
.full-width{
    width:100%;
}
.bd-warpper{
    .bdrgt-addrsblock{
        .unit-rating{
            width:100px;
        }
    }
}
.mpargtt-block{
   .unit-rating{
        width:100px;
    } 
}
/*-----------------------------------business details------------------------------------*/
/*-----------------------------------business review------------------------------------*/


.review-list{
    .shawDowbx{
        padding: 20px;
    }
}
.user-review{
    padding:15px;
    .tabhead{ 
        a {
            border: $border-color 1px solid;
            padding: 5px 10px;
            margin: 0 0 -1px 5px;
            display: inline-block;
            background: lighten($dark, 97%);
            color: lighten($dark, 20%);
            &.active {
                border-bottom-color: $light;
                background: $light;
                color: $brand-primary;
            }
        }
    }
    .user-rating-distribution{
        background: lighten($dark, 97%);
    }
    .pdt-details{
        background: lighten($dark, 97%); 
        .img-tag{
            width:75px;
            height:115px;
            position: absolute;
        }
        .dtls-rgt{
            margin-left: 90px;
            display: block;
            min-height: 115px;
        }
    }
    .review-bx {
        border: lighten($dark, 85%) 1px dashed;
        .cer-buyer{
            margin-left: 30px;
            position: relative;
            font-size: rem(12);
            padding: 0 5px 0 8px;
            &:before{
                content: "\e910";
                display: inline-block;
                font-family: 'icomoon' !important;
                color: $brand-primary;
                font-size: 26px;
                position: absolute;
                left: -24px;
                line-height: 24px;
                width: 29px;
                top: -5px;
                border: 2px solid $light;
                border-radius: 100%;
            }
        }
        .rating-aline {
            margin: 0 0 0 10px;
        }
        .unit-rating2{
            margin: 4px 0 0;
        }
    }
    .cmt-ft{
        background: lighten($dark, 97%);
        padding:5px 10px;
        h6{
            padding:5px 0;
        }
    }
}
.review-rating-outer{
    background: lighten($dark, 93%);
    height: 12px;
    width: 120px;
    margin: 3px 3px;
    display: inline-block;
    .review-rating {
        background: #ffd735;
        height: 12px;
        display: block;
    }
}
.leftlistBx{ 
    .unit-rating3 {
        margin: 2px 7px 0 7px;
    }
}

a.product-follow{
    border:$brand-primary 1px solid;
    padding: 3px 8px;
    font-size: 12px;
    display: block;
    width: 120px;
    &:before{
        padding-right: 5px;
    }
    &.AjaxUnFollow{
        color: $dark;
        border-color: $dark;
    }
}

/*-----------------------------------business review------------------------------------*/
