Subversion Repositories SmartDukaan

@import "common.less";
/*--common-css*/
label{
    font-weight: bold;
    display: block;
    .font(1.4em);
    color: #555;
  }
  input[type="text"], input[type="number"]{
    width:100%;
    appearance:none;
    -webkit-appearance:none;
    border:@list-color1 solid 1px;
    background-color:@white;
    color:@grey;
    border-radius:0;
    outline:none;
    padding:10px;
    display:block;
    .boxsize;
    .font(1.4em);
    margin:2px 0 8px 0;
  }
  textarea{
    display:block;
    width:100%;
    .boxsize;
    .font(1.4em);
    resize:none;
    height:60px;
    border:@list-color1 solid 1px;
    background-color:@white;
    color:@grey;
    padding:10px;
  }
  select{
    width:100%;
    appearance:none;
    -webkit-appearance:none;
    border:@list-color1 solid 1px;
    color:@grey;
    border-radius:0;
    outline:none;
    padding:10px;
    display:block;
    .boxsize;
    .font(1.4em);
    margin:2px 0 8px 0;
    background:url('../images/dropdown.PNG')no-repeat 99% 16px,@white;
    background-size:20px,100%;
  }
/*---common-css*/
  .pr-heading{
    .font(2.0em);
    text-transform:capitalize;
   color:@grey;
   width:100%;
  background:@list-color1;
  padding:10px;
  .boxsize;
  border-top:@white solid 1px;
  border-bottom:@white solid 1px;
  margin-bottom: 5px;
  }


.profile-hldr{
  
  .head{
    .font(1.6em);
    color:@grey;
    padding: 8px 0 8px 32px;
    font-weight:bold;
    //background:@list-color2;
    border-bottom:@white solid 1px;
    text-transform: uppercase;
  }
  .head.history{
    background:url(../images/history.png)no-repeat 8px 4px;
    background-size:18px;
  }
  .head.purchase{
    background:url(../images/car-grey.png)no-repeat 5px center;
    background-size:22px;
  }
  .head.wallet{
    background:url(../images/wallet.png)no-repeat 5px 4px;
    background-size:20px;
  }
  .head.settings{
    background:url(../images/settings.png)no-repeat 5px center;
    background-size:22px;
  }
  
  .sub-head-hldr{
    padding:0 5px 5px 5px;
    border-radius: 20px;
    //overflow: hidden;
  }
  .sub-head{
    .font(1.6em);
    display:block;
    background:@list-color2;
    color:@grey;
    border-bottom:@white solid 1px;
    padding:8px 10px 8px 10px;
    span{
      .float(right);
    }
  }
  .selected{
    background:@white!important;
    border:darken(@list-color2,10%) solid 1px;
    border-bottom:none;
    //color:@orange!important;
    font-weight:bold;
  }
  .sub-head-cont{
    //background:#efefef;
    border:darken(@list-color2,10%) solid 1px;
    margin-bottom:5px;
    border-top:none;
    //padding:5px;
    .order{
      display:block;
      background:@list-color2;
      padding:10px;
      border-bottom:@white solid 1px;
      >div:nth-of-type(1){
        color:@grey;
        .order-id{
          .font(1.4em);
          .float(left);
          span:nth-of-type(1){
           font-weight:bold;
          }
        }
        .order-status{
          .font(1.2em);
          .float(right);
          color:@green;  
          padding-top: 1px;
        }
        .order-status.failed{
          color:#E00303!important;
        }
        > a{
          .font(1.2em);
          .float(right);
          color:@grey;
          text-decoration:underline;
        }
      }
    }
  }
}


/*---------------------------order-details---------------------------------------------*/

.od-detail{
  padding:5px;
  .od-id{
    .font(1.4em);
    color:@grey;
    font-weight:bold;
    padding:0 0 5px 10px;
    span{
      .float(left);
      font-weight:bold;
      width:40%;
    }
  }
  .od-date, .od-status, .od-prdelivery{
    .font(1.2em);
    color:@grey;
    padding:0 0 5px 10px;
    span{
     width:40%;
     .float(left);
    }
    span:nth-of-type(odd){
      font-weight:bold;
    }
  }
}

.od-item{
  margin:5px;
  border:@list-color2 solid 1px;
  .item-head{
    padding: 5px 0;
    background:@list-color2;
    > div{
      .font(1.4em);
      color:@grey;
      .boxsize;
      .float(left);
      padding:5px 1px;
    }
    > div:nth-of-type(1){
      width:50%;
      border-right:@grey solid 1px;
      text-align:left;
    }
    > div:nth-of-type(2){
      width:25%;
      text-align:center;
    }
    > div:nth-of-type(3){
      width:25%;
      border-left:@grey solid 1px;
      text-align:center;
    }
  }
    
    .item-detail{
      > div{
      color:@grey;
      .boxsize;
      .float(left);
      padding:7px 1px;
      .font(1.2em);
    }
    > div:nth-of-type(1){
      width:50%;
      text-align:left;
    }
    > div:nth-of-type(2){
      width:25%;
      text-align:center;
    }
    > div:nth-of-type(3){
      width:25%;
      text-align:center;
    }
    }
    .od-sum{
      text-align:right;
      padding:5px;
      color:@grey;
      .font(1.4em);
    }
}


.wallet-hldr{
  background:@list-color1;
  >div{
    padding:10px 0;
    .font(1.4em);
    .float(left);
    width:50%;
    color:@grey;
    text-align:center;
  }
  >div:nth-of-type(1){
    font-weight:bold;
  }
}

.click-recharge{
  display:block;
   width:96%;
   margin:5px 2%;
   text-align:center;
   .font(1.6em);
   color:@white;
   padding:10px 2px;
   .boxsize;
   background:@orange;
}

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

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

/*-------------------account-view css-------------------------*/

.recharge-detail-hldr{
  background:@list-color1;
  padding:10px;
  .myrecharge-head{
     color:@grey;
    .font(1.6em);
    font-weight:bold;
  }
  .recharge-head-sub{
      color:@grey;
     .font(1.2em);
  }
  
  .recharge-details{
    margin-top:8px;
    background:@white;
    //border:lighten(@grey,20%) solid 1px;
    padding:5px;
    .re-de-head{
      padding:5px;
      border-bottom:@list-color1 solid 1px;
      >div:nth-of-type(1){
        margin-top: 5px;
        color:@grey;
        .font(1.6em);
        //font-weight:bold;
        .float(left);
      }
      .recharge-again, .refund{
        //width:70px;
        text-align:center;
        appearance:none;
        -webkit-appearance:none;
        border:none;
        background:@orange;
        .float(right);
        color:@white;
        .font(1.4em);
        padding:5px 3px;
        text-transform:capitalize;
      }
    }
    .details{
      padding:5px;
      >div{
        color:@grey;
        .float(left);
        width:60%;
        .font(1.4em);
      }
      >div:nth-of-type(odd){
        font-weight:bold;
        width:40%!important;
      }
    }
  }
}

#er-message{
  border:@grey dashed 1px;
  padding:5px;
  .font(1.4em);
  text-align:center;
  margin:5px 0;
  display:none;
  color:@grey;
  background:@white;
}

.btn-hldr{
  padding: 0 10px 10px 10px;
  >div:nth-of-type(1){
   background:@grey;
   padding:8px 0;
   width:49.5%;
   .float(left);
    color:@white;
    text-align:center;
    .font(1.4em);
  }
  >div:nth-of-type(2){
    background:@orange;
   padding:8px 0;
   width:49.5%;
   .float(right);
    color:@white;
    text-align:center;
    .font(1.4em);
  }
}

.cancel-form, .update-address{
  border:@list-color1 solid 1px;
  padding:10px;
  margin:0 10px 10px;
  h3{
    .font(1.6em);
    color:@grey;
    margin-bottom:5px;
  }
  
  .submit-btn{
    display:inline-block;
    width:40%;
    padding:7px 0;
    text-align:center;
    color:@white;
    background:@orange;
    .font(1.2em);
    margin:10px 0 0;
    .float(right);
  }
  .cancel-btn{
    display:inline-block;
    width:40%;
    padding:7px 0;
    text-align:center;
    color:@white;
    background:@grey;
    .font(1.2em);
    margin:10px 0 0;
    .float(left);    
  }
}

.update-address{
  .btn-hldr{
    padding:0;
    >div:nth-of-type(1){
   background:@grey;
   padding:8px 0;
   width:30%;
   .float(left);
    color:@white;
    text-align:center;
    .font(1.4em);
  }
  >div:nth-of-type(2){
    background:@orange;
   padding:8px 0;
   width:69%;
   .float(right);
    color:@white;
    text-align:center;
    .font(1.4em);
  }
  }
}

    .deliver-address{
      padding:5px;
      .font(1.2em);
      color:@grey;
      border-bottom:lighten(@grey,45%) solid 1px;
      position:relative;
      .cancel-btn{
        position:absolute;
        top:4px;
        right:1%;
        width:20px;
        height:20px;
        background:url('../images/cancel.png')no-repeat center center;
        background-size:contain;
      }
    }

    .add-address{
      padding-top:10px;
      .font(1.2em);
      color:@grey;
      text-align:right;
      text-decoration: underline;
      text-decoration-color: lighten(@grey,45%);
    }

.selected-add{
  border: dashed 1px #c8c8c8;
  background:url('../images/check-sh.png')no-repeat 99% 4px;
  background-size:20px;
  .cancel-btn{
    display:none;
  }
  }
  
.address-form{
  border:@list-color1 solid 1px;
  padding:10px;
  margin:0 10px 10px 10px;
  
  h3{
    .font(1.6em);
    color:@grey;
    margin-bottom:5px;
  }
  .address-change{
    padding:0;
    margin-top:10px;
    
  }
}


/*--------------------contact page--------------------------------*/

.contact-us-hldr{
  background:@list-color1;
  padding:10px;
  h3{
    .font(1.6em);
    color:@grey;
    margin-bottom:5px;
  }
  fieldset{
    border:none;
  }  
  

 input[type="button"]{
   border:none;
   background:@grey;
   padding:8px 0;
   width:49.5%;
   .float(left);
    color:@white;
    text-align:center;
    .font(1.4em);
    margin-top:10px;
  }
  input[type="submit"]{
    background:@orange;
   padding:8px 0;
   width:49.5%;
   .float(right);
    color:@white;
    text-align:center;
    .font(1.4em);
    margin-top:10px;
    border:none;
  }

}

.success_log{
  .font(1.6em);
  padding:5px;
  color:@green;
  border:@green dashed 1px;
  background:@white;
}

.error_log{
  .font(1.6em);
  padding:5px;
  color:red;
  border:red dashed 1px;
  background:@white;
}

.delivery_info_cont{
  background:@list-color1;
  padding:0 10px;
  text-align:center;
  p{
    padding:10px;
    .font(1.6em);
    color:@grey;
  }
  >div{
    padding-bottom:10px;
  }
  >div .cancel-btn{
    display:inline-block;
    color:@white;
    background:@grey;
    .font(1.4em);
    padding:10px 5px;
    width:40%;
  }
  >div .submit-btn{
    display:inline-block;
    color:@white;
    background:@orange;
    .font(1.4em);
    padding:10px 5px;
    width:40%;
  }
}

.deliver-here{
  padding:0 10px 5px;
  > div:nth-of-type(1){
  color:@grey;
}
  .deliver-address{
  border-bottom:none;
  }
}


.empty-list{
height: 100px;
margin-top: 10px;

}

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