myprofile.scss 3.13 KB
page-myprofile {
  .myprofile_wrapper{
   
    width: 100%;
    h4{
      text-align:left;
      color: #282828;
      font-size: 39px;
      font-weight:300;
      margin-top: 15px;
    }
    hr{
      width: 20px;
      border:2px solid #282828;
      margin-left: 0 !important;
      height:0px;
      border-radius:20px;
      margin-top: 10px;
    }
    .profile_circle_pic{
      width:130px;
      height:130px;
      border-radius:50%;
      background: #e3e4d9;
      position: relative;
      img{
        width: 100%;
        height:100%;
        object-fit: cover;
        object-position: center;
        border-radius:50%;
      }

      .edit{
        width:35px;
        height:35px;
        border-radius:50%;
        background: #282828;
        color: #fff;
        position: absolute;
        right:-45px;
        top:50px;
        text-align:center;
        padding: 9px;
          input{
              opacity: 0;
            width: 100%;
            position: absolute;
            right: 0px;
          }
      }
    }
    .signup_form_content{
      width: 100%;
      padding-top:30px;
   
      .input {
        .text-input{
          margin: 0px;
          width:100%;
          height: 50px;
          border-bottom:1px solid #b7b7b7;
          font-size: 28px;
          font-weight: 300;
          margin-bottom: 20px;
          &::placeholder{
            color: #c9c9c9;
          }
        }
      }
      .select {
        min-width: 100%;
        padding:0px;
        border-bottom:1px solid #b7b7b7;
        font-size: 28px;
        font-weight: 300;
        color: #c9c9c9;
        background: url("../assets/imgs/arrow.png");
        background-position: right 10px top 14px;
        background-repeat: no-repeat;
        background-size: 15px;
        padding-top: 0px;
        height: 45px;
        .select-icon{
          display: none;
        }
      }
      .item{
        margin-bottom: 0px;
         padding-left:0px;
      }
    
      .item-inner{
        border:none;
        .datetime {
          width:100%;
           border-bottom:1px solid #b7b7b7;
           padding:0px;
           font-size: 28px;
               font-weight: 300;
        }
      }

      p{
        color: #606060;
        font-size: 20px;
        text-align: left;
        padding-top: 10px;
      }
    }

  }
  .er_req{color:#ff6060;font-size: 15px}
  .primary{color: #f7941e}

  // over-written
  .radio-md .radio-inner{background-color: #f7941e !important;}
  .radio-md .radio-checked{border-color:#404041 !important}
     .label{padding-left:10px !important;font-size:28px !important;margin:0px !important;    font-weight: 300;padding-right:10px;}   
     .radio{
           top: 8px !important;
    position: relative !important
     }
  .gender_radio{
        padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
.jr_bottom_button_bay{width:100%;position: fixed;bottom: 0px;padding:0px;left:0px;right:0px;text-align: center;}
  .cab_footer_btn{width:100%;height:50px;font-weight: 300;letter-spacing: 2px;border-radius:0px !important;background: #f7941e;color:#FFF;text-align: center;font-size: 16px;margin:0px;text-transform: capitalize !important;}
}