Subversion Repositories SmartDukaan

@import "common.less";

input{

  .boxsize;

  .font(1.6em);

  appearance:none;

  -webkit-appearance:none;

  border:@list-color2 solid 1px;

  padding:5px;

 width:100%;

}

#email{

  margin:5px 5%;

  width:90%;

}

.pd_name{

  background:@list-color2;

  margin-top:1px;

  padding:5px 10px;

  .boxsize;

  color:@grey;

  div:nth-of-type(1){

    .font(2.0em);

  }

  div:nth-of-type(2){

    .font(1.4em);

    color:@orange;

  }

}

.pd-price-cont{

  background:@list-color2;

  width:100%;

  padding:5px 8px;

  margin-bottom:10px;

  .boxsize;

  .price-hldr{

    //margin-top:5px;

    color:@sub-list;

    text-align:center;

    span:nth-of-type(1){

      display:inline-block;

      width:12px;

      height:15px;

      background:url("../images/rupee.png")no-repeat center center;

      background-size:contain;

    }

    span:nth-of-type(1) img{

      height:20px;

    }

    span:nth-of-type(2){

      .font(1.6em);

      text-decoration: line-through;

      display:inline-block;

      padding:0 3px;

    }

    span:nth-of-type(3){

      .font(1.8em);

      color:@orange;

    }

    span:nth-of-type(4){

      .font(1.6em);

      display:inline-block;

      padding:0 3px;

      font-weight:bold;

    }

    > div{

      .font(1.4em);

    }

  }

  .btn-hldr{

    margin-top: 5px;

    .color-count{

    .font(1.4em);

      .float(left);

      width:50%;

      color:@grey;

      padding:5px;

      .boxsize; 

      text-align:center;

    }

    select{

      appearance:none;

      -webkit-appearance:none;

      border-radius:0;

      .float(right);

      .boxsize;

      color:@grey;

      width:50%;

      padding:4px 10px 4px 4px;

      text-align:center;

      .font(1.6em);

      border:@ltblue solid 1px;

      background:url("../images/arrow-blue.png")no-repeat 95% center;

      background-size:15px;

      outline:0;

    }

    p{

     .font(1.6em);

     color:@sub-list;

    }

  }

}

    .buy-now{

      width:90%;

      padding:10px 0;

      text-align:center;

      color:@white;

      background:@orange;

      text-transform:uppercase;

      .font(1.6em);

      margin:10px 5% 10px 5%;

    }

.pd-images{

  padding:5px 10px;

  .boxsize;

  overflow:auto;

  .pd-wrapper{

    display:inline-block;

    white-space:nowrap;

  }

  .pd-image{

    display:inline-block;

    border:@lightgrey solid 1px;

    width:210px;

    height:210px;

    margin-right:5px;

  }

}

  .check-aval{

    background:@list-color2;

    padding:0 5px; 

    div:nth-of-type(1){

      padding:18px 0 10px;

      input{

        .float(left);

        width:55%;

      }

      .btn-blue{

        .font(1.2em);

        .float(right);

        width:44%;

        padding:8px 2px;

        color:@white;

        background:@ltblue;

        .boxsize;

        text-align:center;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

      }

    }

  }

  .info-div{

    margin:0 0 10px 0;

    background:@list-color2;

    padding:0 0 5px 0;

    div{

      .font(1.6em);

      padding:2px 0 0 0;

      span:nth-of-type(1){

        color:@grey;

        .float(left);

        width:50%;

        text-align:right;

      }

      span:nth-of-type(2){

        color:@orange;

        .float(left);

        width:50%;

      }

    }    

  }

  .buy-btn{

    padding:7px 0;

    margin:10px auto;

    background:@orange;

    color:@white;

    .font(2.0em);

    width:70%;

    max-width:250px;

    text-align:center;

    text-transform:capitalize;

  }

  .pd-tab{

    background:@list-color1;

    color:@grey;

    text-transform:capitalize;

    padding:7px 5px;

    .font(1.6em);

    margin-bottom:2px;

    span:nth-of-type(1){

      .float(left);

      margin-top:3px;

    }

    span:nth-of-type(2){

      .float(right);

      .font(1.2em);

    }

  }

.pd-tab-open{

  margin:10px;

  table{

    border:@list-color2 solid 1px;

    width:100%;

     border-collapse: collapse;

     color:@grey;

     margin-bottom:10px;

    th{

      background:@list-color2;

      .font(1.6em);

      padding:5px 0 5px 5px;

      text-align:left;

    }

    td{

      .font(1.6em);

      text-align:center;

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

      padding:5px 3px;

    }

    td:nth-of-type(1){

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

    }

    td:nth-of-type(2){

      text-align:left;

      padding-left:4px;

      .boxsize;

    }

  }

    .detail-div{

    color:@grey;

    text-align:left;

    .font(1.6em);

  }

}

.expert-review{

  p{

    .font(1.6em);

    color:@grey;

  }

  div{

    .font(1.4em);

    font-weight:bold;

    text-align:right;

    color:@grey;

    padding-bottom:5px;

    margin-bottom:5px;

    font-style: italic;

    color:@ltblue;

    border-bottom:@list-color1 solid 1px;

  }

}

.pd-offer{

  margin-top:5px;

  div:nth-of-type(1){

    .float(left);

    background:@grey;

    color:@white;

    padding: 5px;

    width: 20%;

    .boxsize;

   border:@grey solid 1px;

   text-transform: uppercase;

  }

  div:nth-of-type(2){

    .float(left);

    text-align:left;

    width: 80%;

    .boxsize;

    border:@grey dashed 1px;

    border-left:none;

    padding:5px;

  }

}

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

.error_msg{

  padding:5px;

  display:block;

  border:red dotted 1px;

  background:@list-color2;

  color:red;

  .font(1.4em);

  margin:10px;

}