/*
 * Make labels and inputs inline.
 */
.sync-row div,
.sync-row .form-type-textfield label,
.sync-row .form-type-textfield input,
.resource-list-field-container .form-type-textfield label,
.resource-list-field-container .form-type-textfield input {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

/*
 * Resource Row Styling
 */

.resource-list-field-container .fieldset-wrapper {
  margin-top: 1rem;
}

.resource-list-field-container .form-type-textfield input {
  width: 500px;
}
.resource-list-field-container .form-type-media {
  width: 650px;
}

.resource-list-field-container .field-query .form-type-textfield label {
  margin-right: 10px;
  min-width: 50px;
}

.resource-list-field-container .form-type-textfield label {
  margin-right: 10px;
  min-width: 120px;
}

/*
 * Field Items Columns
 */
.resource-flow-field-items-left-col {
  width: 50%;
  padding-left: 1rem;
  float:left;
  margin-right:20px;
}

.resource-flow-field-items-left-col .form-type-checkbox {
  margin-bottom: 20px;
}

.resource-flow-field-items-left-col .image-upload {
  width: 200px;
}

.resource-flow-field-items-right-col {
  width: 45%;
  text-align: center;
  float:left;
}
.resource-flow-field-items-right-col img {
  padding: 20px;
  max-width: 200px;
}

/*
 * Query and Sync ILS Buttons
 */
.sync-row .query-field {
  min-width: 350px;
  float: left;
  margin-right: 15px;
}

.sync-row .resource-sync-buttons {
  margin-top: 10px;
  margin-bottom: 10px;
}

.sync-row .resource-sync-buttons:not(:last-child) {
  margin-right: 15px;
}

/*
 * Ajax Styling
 */
.sync-row .ajax-progress {
  float: right;
  padding-top: .8rem;
  padding-right: 1rem;
  text-transform: uppercase;
}

.sync-row .ajax-progress .throbber {
  margin-top: 2px;
}

.sync-row .form-type-textfield label {
  margin-right: 15px;
}