@import 'common.css.scss';

.account-content-scroller {

  .content-wrapper {
    padding:10px 35px;
  }

  .content-wrapper.account {
    border-bottom: 1px dotted #444444;
    color: #CCCCCC;
    font-size: 15px;
    overflow-x: hidden;
    padding: 10px 35px;
    white-space: nowrap;
  }

  h4 {
    margin-bottom: 10px;
    font-weight:bold;
  }

  form {
    padding-right:10%;
  }

  label {
    font-weight:400;
  }

  input[type=text], input[type=password] {
    width:100%;
  }

  .error {
    padding: 5px 15px 5px 5px;
  }

  .account-left {
    float: left;
    min-width: 165px;
    width: 20%;
  }
  .account-left h2 {
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 8px;
  }
  .account-mid {
    float: left;
    line-height: 150%;
    min-width: 330px;
    width: 50%;
  }

  .audio .audio-profiles-short{
    white-space: normal;
  }

  .profile-instrumentlist {
    background-color: #C5C5C5;
    border: medium none;
    box-shadow: 2px 2px 3px 0 #888888 inset;
    color: #666666;
    font-size: 14px;
    height: 178px;
    overflow: auto;
    width: 100%;
  }
  .profile-instrumentlist select {
    box-shadow: none !important;
    color: #666666;
    width: 100%;
  }
  .account-sub-description {
    display: block;
    white-space: normal;
  }

  .account-identity th {
    font-weight : bold;
    padding-bottom:10px;
  }

  a.small {
    text-decoration:underline;
  }

  .button-orange, .button-grey {
    line-height:14px;
    margin-right:0;
  }

  .button-grey {
    margin-right:6px;
  }

  div.field {
    margin-bottom:27px;
  }

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

  .account-edit-email, .account-edit-password {
    width:35%;
  }

  .input-aligner {
    margin-right:-4px;
  }

  .account-profile-avatar {

    .avatar-space {
      color: $color2;
      margin-bottom: 20px;
      position:relative;
      min-height:300px;

      img.preview_profile_avatar {
      }
    }


    .spinner-large {
      width:300px;
      height:300px;
      line-height: 300px;
      position:absolute;
      top:0;
      left:0;
      z-index: 2000; // to win over jcrop
    }

    .no-avatar-space {
      border:1px dotted $color2;

      color: $color2;
      width:300px;
      height:300px;
      line-height: 300px;
      text-align: center;
      vertical-align: middle;
      background-color:$ColorTextBoxBackground;

    }
  }

  /** audio profiles */
  .audioprofile {
    .actions {
      text-align: center;
    }
  }
}


