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

.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;
      .font(1.6em);
      //width:12px;
      //height:15px;
      //background:url("../images/rupee.png")no-repeat center center;
      //background-size:contain;
      color:@grey;
    }
    
    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:@grey;
    }
    span:nth-of-type(4){
      color:@grey;
      .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:@sub-list;
      width:50%;
      padding:4px 10px 4px 4px;
      text-align:center;
      .font(1.6em);
      border:@sub-list solid 1px;
      background:url("../images/arrow-blue.png")no-repeat 95% center, #ffffff;
      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:@sub-list;
        .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{
        
      } 
     p{
        padding:2px 0 0 0;
        color:@sub-list;
         .font(1.6em);
        text-align:center;
          span{
          color:@grey;
        }
      }
      
       
  }
  
  .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;
      text-align: left;
      width: 25%;
    }
    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:@orange;
    color:@white;
    padding: 5px 2px;
    width: 20%;
    .boxsize;
   border:@orange solid 1px;
   text-transform: uppercase;
  line-height:32px;
  }
  div:nth-of-type(2){
    .float(left);
    text-align:left;
    width: 80%;
    .boxsize;
    border:@orange dashed 1px;
    border-left:none;
    padding:5px;
    // overflow: hidden;
    // text-overflow: ellipsis;
    // white-space: nowrap;
    height:44px;
  }
}

#view-more{
  background:@grey;
  color:@white;
  .font(1.4em);
  display:none;
  padding:5px;
  margin:5px 0;
  text-align:center;
}

#viewmore_1{
   .float(right);
    .font(1.4em);
    color:@grey;
    border-bottom:lighten(@grey,30%) solid 1px;
    margin-top: 7px;
    margin-right: 5px;
    display:none;
}

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

.error_msg{
  padding:5px;
  display:block;
  border:red dotted 1px;
  background:@list-color2;
  color:red;
  .font(1.4em);
  margin:10px;
}
.strike{ color: #888888; font: 1.6em Helvetica,Arial,sans-serif !important; text-decoration: line-through !important;}
.dealprice{
        .onlyforyou,.dealpricevalue{font: 1.2em/1em Helvetica,arial,sans-serif !important;font-weight:bold !important;}
        #rs,#dealdiscount{font: 1.2em/1em Helvetica,arial,sans-serif !important;}
        .dealpricevalue,#rs{color:tomato !important;text-decoration:none !important;}
}
.offertext{font: 1.2em/1em Helvetica,arial,sans-serif !important;color:tomato !important;}
.couponcode{
        .couponlabel,.coupon{font: 1.2em/1em Helvetica,arial,sans-serif !important;font-weight:bold !important;}
        .couponlabel{color:tomato !important;}
        .coupon{text-decoration:none !important;}
}
.tomato{color:tomato !important;}
.smalloffettext{font-size:0.8em !important;}
.affiliatename{
  width:45%;display:inline-block;float:right;  
}
.affiliatelink{
  width:50%;display:inline-block;
  a{
    #buy{
      margin:0px !important;display:inline-block;
    }
  }
}


.disable-selection {
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer */
   -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}