@import "bootstrap/variables";
@import "bootstrap/mixins";
@import "custom/pagination";
@import "plugin/chosen.";
a{
    &:focus{
        outline: none;
    }
}
#content-wrapper{
    margin-top: 0px !important;
    .side-head{
       position: relative;
    }
}
.search-container{
    padding-bottom: 10px;
}
.panelmenu {
    padding:0;
    h4{
        padding: 15px 15px 12px 15px;
        border-bottom: lighten($gray-base, 87%) 1px solid;
        font-size: rem(18);
        cursor: pointer;
    }
    
    >ul{
        >li{
            padding: 15px 15px 5px;
            border-bottom: lighten($gray-base, 87%) 1px solid;
            background: $light;
            margin-bottom: 15px;
            a{display: block;}
            ul li{ 
                a{
                    color: lighten($gray-base, 42%);
                    font-size: rem(13);
                    padding: 8px 5px 8px 0px;
                    outline: none !important;
                    &:hover{
                       color: $brand-primary; 
                    }
                }
                &.active a{
                    color: $brand-primary;
                }
            }
        }
    }
}
#track_orders {
    background: lighten($gray-base, 93%);
    border-bottom: 1px solid lighten($gray-base, 87%);
}

.track-order{
    .input-group-btn{
        vertical-align: top !important;
    }
    .message_validation{
        &::before{
        top: 35px;
        }
    }
}
.side_menu{
    .message_validation{
        &::before{
        top: 7px !important;
        }
    }
  
        
}
.right-panel {
    padding: 10px; 
    h2{
        /*padding:10px 0 15px;
        margin: 10px 0 0;*/
        position: relative;
        z-index: 999;
    }
    h6{
        a{
            color: #333333;
            font-weight: $font-weight-rglr;
            &:hover{
                opacity: .7;
            }
        }
    }
}
.min-ht845{
    min-height: 845px;
}
.shadowbox-inner04{
    ul{
        margin:0;
        padding:0;
        li{
            list-style: none;
        }
    }
}
.pane07{
    color: lighten($gray-base, 42%);
}
/*------------------------------------------------------My order-----------------------------------------------------*/

.strip-one {
    background: lighten($gray-base, 98%);
    padding: 10px 10px;
    color: lighten($gray-base, 20%);
    font-size: rem(13);
    border-top: 1px solid lighten($gray-base, 87%);
    .date, .total{
        padding-left: 20px;
    }
}
.order-listing{
    background: $light;
    .icon-right-arrow-narrow{
        position: absolute;
        top: 50%;
        right: 10px;
    }
    .item-list{
        padding:10px;
        font-size: rem(13);
        border-bottom: 1px solid $border-color;
    }
    .order-id{
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 9;
    }
    .img-tag{
        width: 70px;
        height: 92px;
        position: absolute;
        overflow: hidden;
    }
    .product-list01,.product-detail{
        padding-left: 80px;
        min-height: 92px;
        p{padding: 1px 0;}
    }
    .price-detail{
        padding:15px;
    }
}
.back {
    font-size: 15px;
    position: absolute;
    left:10px;
    z-index: 999;
    display: block;
    margin-bottom: 5px;
    &:before{
       margin-right: 5px; 
        font-size: 12px;
        vertical-align: middle;
    }
}
.invs-block1 {
    position: relative;
    margin: 0;
    background-color: #ffffff;
}
.statusBx{ 
    li {
        line-height: 22px;
        color: lighten($gray-base, 46.7%);
        padding: 0 0 10px;
        /*&.first{
            color: lighten($gray-base, 20%);
        } */
    }
}
.TopAddress {
    color: lighten($gray-base, 27%);
    font-size: rem(13);
    background-color: $light;
    margin: 8px 0;
    h6{
        color: $gray-dark;
    }
    address{
        margin-bottom: 0;
        span{
            display: block;
        }
    }
}
.sep-line {
    border-right: #ccc 1px dotted;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
}
.grnd-total-list{
    padding: 20px 0 0;
    border-top: 1px solid lighten($gray-base, 87%);
    font-weight: $font-weight-semibold;
    .total {
        padding: 10px 0;
        border-top: 1px solid lighten($gray-base, 87%);
    }
}
.order-flowbox h4{
    padding: 10px 0;
}
.return-section{
    margin: 15px 0;
    .writeBut{
        padding: 0 5px !important;
        font-size: 13px !important;
        margin-bottom: 8px;
    }
}
.order-flowbox{
    .head01 {
        background: lighten($gray-base, 95%);
        padding: 5px 10px;
        border: lighten($gray-base, 75%) 1px solid;
    }
    .shipping-history {
        margin-bottom: 20px;
        li{
            padding: 10px;
            margin: 0 0 -1px;
            border: lighten($gray-base, 75%) 1px solid;
            font-weight: $font-weight-semibold;
            &:first-child{
                border-top: 0;
            }
        }
    }
}
.applied_promotions{
    padding: 10px;
    border: 1px solid #ddd;
}

.refine-icon {
    border: 1px solid #bfbfbf;
    background: #f2f2f0;
    border-radius: 1px;
    display: inline-block;
    height: 15px;
    width: 19px;
    position: relative;
    margin-right: 5px;
    &::before{
        content: "\e904";
        font-family: 'icomoon' !important;
        display: inline-block;
        font-size: 10px;
        color: #999999;
        position: absolute;
        left: 3px;
        font-style: normal;
    }
}
.active{
    .refine-icon {
        &::before{
        content: "\e906";
        }
    }
}


/*------------------------------------------------------My order-----------------------------------------------------*/

/*---------------------------------------------My Wishlist statrts---------------------------------------------------*/

.wishlist{
    .wish-closeBtn{
        padding: 5px;
        cursor: pointer;
    }
    .wishlist_bx{
        margin: 0 auto 20px;
        position: relative;
          h3{
            font-size: 13px;
            font-weight: $font-weight-semibold; 
            color: lighten($gray-base, 20%);
            font-weight: $font-weight-rglr;
            padding: 0 0 8px !important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
         .col-gray9b{
            font-size: rem(13);
             span{
                 display: inline-block;
             }
         }
        .price_section {
            font-size: 12px;
            margin: 5px 0;
            strike {
                font-weight: $font-weight-semibold;
                margin-right: 10px;
            }
            span {
                font-weight: $font-weight-bold;
                color: $brand-primary;
               display: inline-block
            }
        }
    }
    .imageBox {
        overflow: hidden;
        padding: 12px 0px 0;
        position: relative;
        text-align: center;
        max-width: 160px;
        width: 100%;
        margin: 0 auto;
    }
   .deatils {
        padding: 12px;
        min-height: 130px;
    } 
} 


/*---------------------------------------------My Wishlist ends---------------------------------------------------*/

/*---------------------------------------------My Wallet starts---------------------------------------------------*/
.walletBox {
    border: 1px solid lighten($gray-base, 87%);
    padding: 22px;
    margin:15px 0 10px;
    .wallet_left{
        padding: 0px 37px 0px 15px;
        border-right: 1px solid lighten($gray-base, 87%);
        min-height: 114px;
        margin-right: 30px;
        h3{
            margin: 16px 0 0 0;
            font-weight: $font-weight-rglr;
            font-size: 18px;
        }
        .BalanceWelth{
            color: $brand-primary;
            font-size: rem(24);
            font-weight: $font-weight-semibold;
            padding-bottom: 5px;
            line-height: 24px;
        }
    }
    .have-gift{
            width: 275px;
            margin: 0;
    } 
}
/*---------------------------------------------My Wallet ends---------------------------------------------------*/

/*---------------------------------------------Pending feedback---------------------------------------------------*/

.feedback{
    .listing-strip{
        padding: 20px 0;
        figure{
            height: 92px;
            width: 70px;
            display: inline-block;
            position: absolute;
        }
        .feed-bx{ 
            margin-left: 80px;
            display: inline-block;      
            font-size: 13px;
        }
    }
    .pending-feed-bx{
        display: block;
        .view{display: inline-block;}
    }
}


/*---------------------------------------------Pending feedback---------------------------------------------------*/

/*---------------------------------------------return---------------------------------------------------*/

.return-grid,.tabsection,.gift-grid,.grid-section {
    border-top: 1px solid lighten($gray-base, 89%);
    margin-bottom: 20px;
    thead{
            background-color: lighten($gray-base, 89%);
    }
    th{
        background: lighten($gray-base, 98%);
        padding: 10px;
        color: lighten($gray-base, 22%);
        font-size: rem(13);
        font-weight: 600; 
    }
    td {
        padding: 10px;
        border-bottom: lighten($gray-base, 97.3%) solid 1px;
        font-weight: $font-weight-semibold;
        font-size: rem(13);
        .icon-mouse_over{
            color: lighten($gray-base, 65%);
        }
    }
}
.sb-head{
    font-weight: $font-weight-semibold;
}
.tabsection{
    border: 0;
}
.return-detail-section{
    ul{
        margin-bottom: 20px;
        li {
            padding: 8px 0;
            border-bottom: 1px solid $border-color;
            span.pull-right{
                padding-left: 15px;
                border-left: 1px solid $border-color;
            }
        }
    }
}
.recieved-gift, .sent-gift, .grid-section{
    div{
        margin-top: 5px;
        .invce-icon{
            text-transform: capitalize;
        }
    }
    
}
/*---------------------------------------------return---------------------------------------------------*/

/*---------------------------------------------return---------------------------------------------------*/

.edit-profile,.change-password{
    margin: 5px 0 10px;
    td{
        padding-right:5px;
        &:last-child{
            padding: 0;
        }
    }
}

.note {
    color: lighten($dark,40%);
    display: block;
    font-size: rem(13);
    font-weight: $font-weight-rglr;
}
.multiple-address{
    .add-list{
        border: 1px solid #e3e3e3;
        padding: 25px 35px 25px 15px;
        display: block;
        .list-icons{
            position:absolute;
            right: 5px;
            top: 5px;
            a{
                color: lighten($gray-base, 60%);
                &:first-child{
                    margin-right: 7px;
                }
            }
        }
    }
}
.referral-pane{
    .referral{
        h2{
            font-size: rem(27);
        }
    }
    .referral-link{
        padding: 15px 0;
    }
}
.share-section{
    padding:30px 0;
    li {
        display: inline-block;
        margin: 5px 5px 0;
        border-radius: 50%;
        overflow: hidden;
        height: 32px;
    }
}
.print {
    background: url(../images/print.png);
    width: 17px;
    height: 17px;
    display: inline-block;
}
.grid-panel-feedback{
    .listing-strip{
        figure{
            height: 96px;
            width: 96px;
            position: absolute;
        }
        .feed-rght{
            margin-left: 111px;
            display: block;
            min-height: 96px;
            p{
                font-size: rem(12);
            }
        }
    }
}
.my-feedback{
    font-size: 12px;
    ul li p{
        font-weight: $font-weight-semibold;
        padding-top: 8px;
    }
}
.view_product{
    font-size: rem(12);
    color: $gray; 
}
.view_product{
    &:hover{
        text-decoration: underline !important;
    }
}
.wishlist{
    .closeBtn3{
    position: absolute;
    right: 20px;
    top: 5px;
    }
}
.closeBtn3{
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    z-index: 999;
    color: $gray;
}
/*---------------------------------------------return---------------------------------------------------*/

.tabsection {
    margin: 15px 0;
    .tabhead {
        /*border-bottom: lighten($gray-base, 80%) 1px solid;*/
        margin: 0 0 15px;
        a{
            /*border: lighten($gray-base, 80%) 1px solid;
            background: lighten($gray-base, 97%);*/
            padding: 5px 3px;
            font-size: 14px;
            margin: 0 4px 5px;
            display: inline-block;
            color: lighten($gray-base, 20%);
            &.active, &:hover{
                border-bottom-color: $light;
                background: $light;
                color: $brand-primary;
                &::before{
                    width: 100%;
                    position: absolute;
                    bottom: -5px;
                    height: 2px;
                    background: #25a249;
                    display: inline-block;
                    margin: 0 5px 2px 0;
                    content: "";
                    vertical-align: middle;
                    -webkit-transition: all 0.5s;
                    -o-transition: all 0.5s;
                    transition: all 0.5s;
                    
                }
            }
        }
    }
}

/*--------------------------------------------My Review--------------------------------------------------*/
.prdt-review {
    margin: 0 0 20px;
    .pdt-details {
        background: lighten($gray-base, 99%);
        border-top: lighten($gray-base, 93%) 1px solid;
        padding: 10px 10px 6px;
        span a{
            color: lighten($gray-base, 65%);
            margin-right: 8px;
        }
    }
    .cmt-ft{
        padding: 10px;
        h6{
            padding: 0;
        }
    }
}
.review-bx {
    border: lighten($gray-base, 84%) 1px dashed;
    padding: 10px;
    font-size: rem(13);
    .Active{
        color: $brand-primary;
    }
    .New{
        color: #f0a235;
    }
    .rate-group{
        margin-bottom:10px;
    }
    .reviewReadMore{
        .v-less{
            display: none;
        }
    }
    .reviewReadMore.minus01{
        .v-less{
            display: block;
        }
        .v-more{
            display: none;
        }
    }
    
}
.favorite td .help {
    position: relative;
    color: lighten($gray-base, 65%);
    top: 0;
    .pw-text{
        width: 100px;
        right: -43px;
        bottom: 18px;
        &:before{
            left: 48px;
        }
    }
}
.review-main{
    margin-top: 10px;
    li{
        padding: 0 0 10px;
        font-size: rem(13);
    }
    .cancel{
        margin-left: 5px;
    }
}
/*------------------------------------------My review ends------------------------------------------------------------*/

/*------------------------------------------My Message------------------------------------------------------------*/
.msg-listing{
    li{
        &.new{
            background-color: #f6f6f6;
        }
        a{
            padding: 0;
            font-size: 12px;
            color: #888;
            display: block;
            .heading{
                font-size:16px;
                color: lighten($gray-base, 20%);
            }
            .sub-head{
                font-size:13px;
                color: lighten($gray-base, 20%);
            }
            span:last-child{
                color: $brand-primary;
            }
        }
    }
}

.message-detail{
    border-top: 1px solid #e6e6e6;
    li{
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 10px;
        .head-stip01{
            width: 25%;
            border-bottom: #eee 1px solid;
            padding: 0 0 5px 10px;
            margin: 0 0 10px -10px;
        }
        &.last{
            border-bottom: none;
        }
    }
}
.total{
    .main{
        color: $brand-success;
    }
}
.right-panel{
    .date{
        color: lighten($gray-base, 46.7%);
    } 
}
/*------------------------------------------My Message ends------------------------------------------------------------*/
.favorite{
    .list-following{
        border: 1px solid lighten($gray-base, 93.5%); 
        padding: 10px;
        margin: 10px 0;
        position: relative;
        .busns_name{
            color: lighten($gray-base, 20%)
        }
    }
}

.delivered{
    color: $brand-primary;
}
.shipment{
    color: $brand-warning;
}
.dispatched{
    color: $brand-success; 
}
.pickup{
    color: $brand-info;
}
.pending{
    color: $brand-danger;
}

#smart-paginator, #smart-paginator2, #smart-paginator1{
    display: none;
}
.myAccountsHeading{
    position: relative;
    background-color: $brand-primary;
    text-align: center;
    .back{
        position: absolute;
        left: 10px;
        top: 29%;
    }
}

.img-outer{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    color: $light;
    line-height: 50px;
    margin: 0 auto;
    &.a,&.g,&.m,&.s,&.y{
        background:#aa8fb7;
    }
    &.b,&.h,&.n,&.t,&.z{
        background:#e06a6e;
    }
    &.c,&.i,&.o,&.u{
        background:#63d6d1;
    }
    &.d,&.j,&.p,&.v{
        background:#5fcbef;
    }
    &.e,&.k,&.q,&.w{
        background:#fba565;
    }
    &.f,&.l,&.r,&.x{
        background:#daab85;
    }
}



@media (max-width: $screen-xs-max) {
.side_menu{
        li{
            h6{
                &::after{
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 6px solid $gray-light;
                content: "";
                display: inline-block;
                height: 0;
                margin-left: 2px;
                vertical-align: middle;
                width: 0;
                float: right;
                cursor: pointer;
                }
                &.active{
                    &::after{
                        transform: rotate(90deg);
                    }
                }
            } 
                h6{
                    &::after{
                        display: none;
                    }
                }
        }
        
    }
    .product-list01, .product-detail{
        padding-left: 0 !important;
        min-height: auto !important;
    }
    .order-listing{
        .product-detail{
            padding-left: 0 !important;
        }
    }
    .help{
        left: 115px !important;
        top: 0 !important;
    }
    
    .feedback{
        .feed-bx{ 
            margin-left: 0px !important;
        }
    
    }
    .view_product{
        color: $brand-primary;
    }
    
    .grid-panel-feedback{
        .listing-strip{
            .feed-rght{
                margin-left: 0 !important;
            }
        }
    }
    .wishlist{
        .wishlist_bx {
            margin: 0 0 1px 1px;
        }
        .row{
            margin: 0 -1px;
           
        } 
        .col-xs-6{
            padding: 0;
        }
    }
   
}


    