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;

}