Subversion Repositories SmartDukaan

@import "common.less";

.cart-head{
  padding:7px 5px;
  margin-top:1px;
  background:darken(@list-color2,5%);
  > div:nth-of-type(1){
    .font(1.8em);
    text-transform:capitalize;
    color:@grey;
    font-weight:bold;
  }
  >div:nth-of-type(2){
    margin-top:3px;
    input{
      color:@grey;
      appearance:none;
      -webkit-appearance:none;
      .float(left);
      width:55%;
      border:@list-color2 solid 1px;
      padding:5px 4px;
      height:30px;
      .boxsize;
      .font(1.2em);
    }
    >div{
      .font(1.4em);
      .float(right);
      width:40%;
      background:@sub-list;
      color:@white;
      height:30px;
      line-height:30px;
      text-align:center;
    }
  }
  
}

.added-pd-hldr{
  padding: 8px;
  background: @list-color2;
  margin-top: 1px;
}

.added-pd{
  background:@white;
  border:@list-color2 solid 1px;
  margin-bottom:8px;
  border-left:none;
  border-right:none;
  .pd-img{
    .float(left);
    width:30%;
    height:100px;
    .boxsize;
    //border-right:@list-color2 solid 1px;
  }
  .pd-info{
    .float(left);
    width:70%;
    .pd-name{
      position:relative;
      padding:10px;
      min-height: 100px;
      .boxsize;
      >div:nth-of-type(1){
        .font(1.4em);
        color:@grey;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right:18px;
      }
      > div.spec{
        padding-top:1px;
        .font(1.2em);
        color:@grey;
      }
      .cancel{
        position:absolute;
        width:20px;
        height:20px;
        right:5px;
        top:5px;
        z-index:2;
        background:url('../images/cancel.png')no-repeat center center;
        background-size:contain;
      }
    }

  }
  
.dealdiv{
        color: tomato !important;
        font-style: oblique !important;
}

.pd-price{
      border-top:@list-color2 solid 1px;
      >div{
        .float(left);
        .boxsize;
        padding:4px;
        text-align:left;
        color:@grey;
        span{
          display:block;
          padding:0 0 1px;
        }
        >div{
          padding-top:8px;
        }
      }
      > span{
        float:left;
        width:1%;
        padding-top: 28px;
        margin-right: 8px;
      }
      > div:nth-of-type(1){
        div{
          .font(1.2em);
        }
      }
      > div:nth-of-type(2){
        input{
          appearance: none;
          -webkit-appearance: none;
          width: 60%;
          float:left;
          border: @sub-list solid 3px;
          text-align: center;
          padding: 8px 5px;
          .boxsize;
          color:@grey;
          background:@white;
        }
        .confirm-qty{
          .font(1.4em);
              float:right;
              padding: 8px 5px;
              width:25%;
              background:@sub-list;
              color:@white;
              text-align:center;
        }     
      }
      >div:nth-of-type(3){
          div{
            padding-top:7px;
            .font(1.4em);
             color:@grey;
             font-weight:bold;
          }
      }
    }
}
.insure{
  border-top:@list-color2 solid 1px;
  .insure-hldr{
    padding:5px;
    img{
      width:20px;
      .float(left);
      margin:5px 16px 0 10px;
    }
    label{
      .font(1.2em);
    }
  }
  >div:nth-of-type(2){
    //border-top:@list-color2 solid 1px;
    padding:5px 5px 5px 50px;
    label{
      display:block;
      
      padding-top:5px;
      .font(1.2em);
    }
  }
  .one-assist{
    border-top:@list-color2 solid 1px;
    padding:5px;
    img{
      width:40px;
      .float(left);
      margin:5px 5px 0 0;
    }
    label{
      .font(1.2em);
    }
  }
}

input[type="checkbox"]{
  .float(left);
  appearance:none;
  -webkit-appearance:none;
  width:25px;
  height:25px;
  background:url('../images/checkbox.png')no-repeat center center;
  background-size:contain;
  margin-right:5px;
}
input[type="checkbox"]:checked{
  background:url('../images/checkbox_selected.png')no-repeat center center;
  background-size:contain;
}

.sub-total{
  .sub-total-head{
    .font(1.4em);
    padding:6px;
    background:@list-color1;
    color:@grey;
    text-align:center;
    text-transform:uppercase;
  }
  .left{
    .float(left);
    width:40%;
    .boxsize;
    padding:7px;
    color:@grey;
    border-bottom:@list-color2 solid 1px;
    border-right:@list-color2 solid 1px;
    text-align:right;
    .font(1.4em);
  }
  .right{
    .float(right);
    padding:7px;
    width:60%;
    .boxsize;
    color:@grey;
    border-bottom:@list-color2 solid 1px;
    text-align:right;
    .font(1.4em);
  }
}

.checkout-hldr{
  background:@list-color2;
  padding:10px;
  .checkout-btn{
    background:@orange;
    text-transform:uppercase;
    color:@white;
    padding:10px;
    text-align:center;
    .font(1.6em);
  }
}

.add-coupon{
  border:@list-color1 solid 1px;
  background:@white;
  >div:nth-of-type(1){
    padding:5px;
  display:block;
  border:red dotted 1px;
  background:@list-color2;
  color:red;
  .font(1.4em);
  margin:10px;
  }
  >div:nth-of-type(2){
    padding:10px 5px;
    background:@grey;
    color:@white;
    .font(1.4em);
  }
  >div:nth-of-type(3){
    padding:10px 5px 10px;
    input{
    color:@grey;
      appearance:none;
      -webkit-appearance:none;
      .float(left);
      .boxsize;
      width:55%;
      border:@list-color2 solid 1px;
      padding:0 4px;
      height:30px;
      line-height:30px;
  }
  .apply-coupon{
    .font(1.4em);
      .float(right);
      width:40%;
      background:@extgrey;
      color:@black;
      height:30px;
      line-height:30px;
      text-align:center;
  }
 }
}
.cart-quantity-msg{
        border:@list-color1 solid 1px;
        background:@white;
        padding:5px;
        display:block;
        border:red dotted 1px;
        background:@list-color2;
        color:red;
        .font(1.4em);
        margin:10px; 
}
.max-quantity-msg{
        border:@list-color1 solid 1px;
        background:@white;
        padding:5px;
        display:block;
        border:red dotted 1px;
        background:@list-color2;
        color:red;
        .font(1.4em);
        margin:10px; 
}
.remove-coupon{
    .font(1.4em);
      background:@grey;
      color:@white;
      height:30px;
      line-height:30px;
      text-align:center;
  }

.cart-cont{
}

.empty-cart{
  height: 100px;
  background: url('../images/empty-cart.png') no-repeat center center;
  background-size: contain;
  margin-top: 20%;

}

.empty-msg{
  .font(1.6em);
  margin:10px 0;
  color:@grey;
}

.shop-more{
    .font(1.6em);
    font-weight:bold;
      background:@ltblue;
      color:@white;
      padding:8px 0;
      text-align:center;
      margin:10px auto;
      width:70%;
      max-width:260px;
  }

/*----------------------error-msg---------------------------*/

.error_msg{
  padding:5px;
  display:block;
  border:red dotted 1px;
  background:@list-color2;
  color:red;
  .font(1.4em);
  margin:10px;
}

#discount{
        .left{
                color:tomato !important;
        }
        .right{
                color:tomato !important;
        }
}