@import "common.scss";


#account-profile-experience {
  .genres {
    width:100%;
    height:200px;
    background-color:#c5c5c5;
    border:none;
    -webkit-box-shadow: inset 2px 2px 3px 0px #888;
    box-shadow: inset 2px 2px 3px 0px #888;
    color:#000;
    overflow:auto;
    font-size:14px;
  }

  .instruments {
    background-color: #C5C5C5;
    border: medium none;
    box-shadow: 2px 2px 3px 0 #888888 inset;
    color: #000;
    font-size: 14px;
    height: 200px;
    overflow: auto;
    width: 85%;

    .easydropdown-wrapper {
      width:100%;
    }

    select, .easydropdown {
      @include flat_dropdown;
    }
  }

  div.instruments table {
    border-collapse: separate;
    border-spacing: 6px;
  }

  div.actions {
    margin-right: 9.75%;
  }


  #account-edit-profile-experience-form {
    .account-edit-profile-submit {
      margin-right: 3px;
    }
  }

  .acct-prf-inst-ck {
    .icheckbox_minimal {
      margin-right: 8px;
      position: relative;
      top: 3px;
    }
  }

  .acct-prf-inst-drdwn {
    select.proficiency_selector {
      color:black;
    }
  }

  .user-genre-desc {

    margin: 4px;
    padding: 4px;

    .icheckbox_minimal {
      top: 4px;
      position: relative;
    }

    span {
      vertical-align: middle;
      margin: 4px;
      padding: 4px;
    }
  }

  .instrument_selector {

  }
}