@import "common.scss";
@import "site_validator.scss";


#account-profile-samples {
  .actions {
    margin-right:6px;
  }
}

.profile-online-sample-controls {
  .profile-table {
    width: 100%;
    div:nth-child(even) .cell {
      padding: 0.25em 0.25em 1em 0.25em;
      vertical-align: top;
    }
    div:nth-child(odd) .cell {
      padding: 0.25em;
      vertical-align: top;
    }
  }


  .profile-row {
    @include border_box_sizing;
    clear:both;
    margin-bottom:20px;

    label {
      display:block;
      margin-bottom:5px;
    }

    .sample.site_validator {
      input[type="text"] {
        width:calc(100% - 70px)
      }

      min-height:25px;
    }

  }

  .quarter-cell {
    @include border_box_sizing;
    float:left;
    width:25%;
    min-width:195px;
  }

  .thirds-cell {
    @include border_box_sizing;
    float:left;
    width:33.33%;
    min-width:230px;
  }

  .sample-list {
    border: 1px inset #cfcfcf;
    padding: 0.5em;
    min-height:150px;
    margin-top:20px;
    .empty {
      font-style: italic;
    }
    overflow: auto;
    .close-button {
      cursor:pointer;
    }
  }

  .sample-row {
    position: relative;
    clear: both;
  }

  .sample {
    font-weight: 600;
    font-size: 16px;
  }

  .presence {
    margin: 3px 30px 15px 0px;
  }

  .add-recording-source {
    float:right;
  }

  .site_validator {
    min-height:44px;


    .btn-add-jk-recording {
      margin: 1px 1px 2px 2px;
      vertical-align: top;
    }

    a, .spinner-small {
      margin: 1px 1px 2px 2px;
      vertical-align: top;
    }
  }
}