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;

	.deal{

	    color: tomato;

	    font-style: oblique;

	}

      }

      .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;

      }

    }

  }

    .pd-price{

      border-top:@list-color2 solid 1px;

      >div{

        .float(left);

        width:33%;

        .boxsize;

        padding:4px;

        text-align:center;

        color:@grey;

        span{

          display:block;

          padding:0 0 1px;

        }

        >div{

          padding-top:8px;

        }

      }

      > span{

        float:left;

        width:1%;

        padding-top: 28px;

      }

      > div:nth-of-type(1){

        div{

          .font(1.2em);

        }

      }

      > div:nth-of-type(2){

        input{

          appearance: none;

          -webkit-appearance: none;

          width: 60%;

          border: #F2F3EF solid 1px;

          text-align: center;

          padding: 8px 3px;

          .boxsize;

          color:@grey;

          background:@white;

        }     

      }

      >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:@sub-list;

      color:@white;

      height:30px;

      line-height:30px;

      text-align:center;

  }

 }

}

.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;

}