.ma_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.ma-col-3, .ma-col-4, .ma-col-5{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.ma-col-3 {
    -webkit-flex: 0 0 29%;
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
    max-width: 29%;
}
.ma_dashboard_overview .ma-col-3{
    background: #333;
    color: #fff;
    margin:20px;
}
@media ( max-width: 767px ) {
    [class*="ma-col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
.ma_dashboard_header{
    overflow: hidden;
}
.ma_user_profile_page{
    overflow:hidden;
    width: 100%;
  }
  p.ma_fields input.ma_invalid{
      border: 1px solid red;
  }
  .ma_profile_endpoints {
      /* float: none; */
      margin-right: 0px;
      width: 100%;
      overflow: hidden;
  }
  .ma_profile_endpoints ul{
    list-style: none;
  }
  .ma_user_profile_endpoints{
      width: 100%;
      float: none;
      overflow: hidden;
  }
  .ma-clear {
      clear: both;
  }
  /* .ma-position-top span.ma_dashicon {
      margin-left: 10px;
  } */
  .ma_profile_endpoints ul{
    background: #efefef;
    list-style: none;
    margin: 0;
    border: 1px solid #ccc;
  }
  .ma_profile_endpoints li {
      border-bottom: 1px solid #ccc;
      float: left;
  }
  .ma_profile_endpoints li a {
      color: black;
      padding: 10px;
      text-decoration: none;
      display: block;
      line-height: 28px;
      font-size: 16px;
  }
  .ma_dashicon {
      float: right;
      line-height: 30px;
  }
  /* .ma_custom_avatar {
      position: relative;
      margin-bottom: 15px;
  }
  .ma_custom_avatar img {
      max-width: 150px;
      display: block;
      margin: 0 auto;
      margin-bottom: 15px;
  }
  .ma_custom_avatar form {
      margin: 0 auto;
      text-align: center;
  } */
  .ma_submit:hover{
    box-shadow: none;
  }
  input#ma_file{
    height: 0;
    overflow: hidden;
    width: 0;
  }
  .ma-button {
      display: inline-block;
      background: #eee;
      border: 1px solid #ccc;
      color: #333;
      cursor: pointer;
      padding: 0.6180469716em 1.41575em;
      text-decoration: none;
      font-weight: 600;
      text-shadow: none;
      font-size: 0.875em;
      line-height: 1.618;
  }
  label.ma-button {
      margin-right: 10px;
  }
  .ma-fields-half, .ma-fields{
    width: 100%;
    float: left;
  }
  .ma-fields label{
    display: block;
  }
  /* account detail */
  p.ma_fields:nth-child(odd) {
      margin-right: 15px;
  }
  /* .ma_input_field {
      width: 97%;
      color: #000;
  } */
  /* login temp */
  .ma_login, .ma_registration {
    width: 100%;
    float: none;
  }
  .ma_login p{
    clear: both;
  }
  .ma_registration p{
    clear: both;
  }
  p.ma-error {
      color: #d00;
      font-size: 14px;
      padding: 0;
      margin: 0;
  }
  /* media queries */
  @media screen and ( max-width : 767px ) {
      .ma_user_profile_endpoints {
          padding-top: 15px;
          clear: both;
      }
      p.ma_fields:nth-child(odd) {
          margin-right: 0;
      }
  }
  @media screen and ( min-width : 768px ) {
      /* .ma_profile_endpoints {
          width: 30%;
      } */
      /* .ma_user_profile_endpoints{
          width: 67%;
      } */
      /* .ma_custom_avatar {
          width: 30%;
      } */
      .ma-fields-half {
          width: 48%;
          float: left;
      }
      /* .ma-position-right .ma_profile_endpoints {
          float: right;
          margin-left: 3%;
      } */
      /* .ma-position-left .ma_profile_endpoints {
          float: left;
          margin-right: 3%;
      } */
      /* .ma-position-right .ma_custom_avatar {
          float: right;
      } */
      /* .ma-position-top .ma_custom_avatar {
          margin: 15px auto;
      } */
      /* .ma-position-top .ma_profile_endpoints, .ma-position-top .ma_user_profile_endpoints {
          width: 100%;
          overflow: hidden;
      } */
      /* .ma-position-top ul li {
          float: left;
      } */
      /* .ma-position-top .ma_profile_endpoints ul {
          overflow: hidden;
      } */
      .ma_login {
          width: 49%;
          float: left;
          margin-right: 2%;
      }
      .ma_registration {
         width: 49%;
         float: right;
      }
  }
  /* @media screen and ( min-width : 1000px ) {
      .ma_profile_endpoints {
          width: 20%;
      }
      .ma_user_profile_endpoints{
          width: 77%;
      }
      /* .ma_custom_avatar {
          width: 20%;
      } */
  /* } */ */
  /* upload field */
    /* .file-upload-content {
      display: none;
      text-align: center;
    }
    
    .file-upload-input {
      position: absolute;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      outline: none;
      opacity: 0;
      cursor: pointer;
    }
    
    .image-upload-wrap {
      margin-top: 20px;
      border: 4px dashed #1FB264;
      position: relative;
    }
    .drag-text {
      text-align: center;
    }
    
    .drag-text h3 {
      font-weight: 100;
      text-transform: uppercase;
      color: #15824B;
      padding: 60px 0;
    }
    
    .file-upload-image {
      max-height: 200px;
      max-width: 200px;
      margin: auto;
      padding: 20px;
    }
    
    .remove-image {
      width: 200px;
      margin: 0;
      color: #fff;
      background: #cd4535;
      border: none;
      padding: 10px;
      border-radius: 4px;
      border-bottom: 4px solid #b02818;
      transition: all .2s ease;
      outline: none;
      text-transform: uppercase;
      font-weight: 700;
    }
    
    .remove-image:hover {
      background: #c13b2a;
      color: #ffffff;
      transition: all .2s ease;
      cursor: pointer;
    }
    
    .remove-image:active {
      border: 0;
      transition: all .2s ease;
    } */
    .ma_profile_endpoints li i{
        float: right;
        line-height: 1.6;
    }
    .ma_loading {
        display:none;
      -webkit-animation: rotation 1s infinite linear;
  }
  @-webkit-keyframes rotation {
      from {
              -webkit-transform: rotate(0deg);
      }
      to {
              -webkit-transform: rotate(359deg);
      }
  }
  /* .ma_edit_blog{
      color:green;
      cursor: pointer;
  }
  .ma_delete_blog{
      color: red;
      display: inline-flex;
      cursor: pointer;
  } */
  .ma_registration input[type=text], .ma_registration input[type=number], .ma_registration input[type=file], .ma_registration select{
      width: 100%;
  }
  .ma_checkboxes, .ma_radio_buttons{
      display: block;
  }
  .ma_description{
      margin-top: -3%;
  }
  .ma_profile_info{
      float:left;
      width:20%;
  }
  .ma_affiliate_info{
      width: 20%;
      float: right;
  }