/*
 * Hide the anchor in the admin,
 * it just adds convolution without adding value for our usecase.
 */
.w-panel__anchor--prefix {
    display: none !important;
}
.chooser__choose-button {
  margin-inline-start: -.7rem;
}

/*
 * Update margins and add button of InlinePanels to match up with missing anchor
 */
.w-panel--nested .w-panel__content {
  margin-inline-start: -1.93rem;
}

@media screen and (min-width: 50em) {
  .w-panel--nested .w-panel__content {
    margin-inline-start: -3.25rem;
  }
  .chooser__choose-button {
    margin-inline-start: -2rem;
  }
}

/* Ensure select2 fields are fixed to form width. */
.select2-container--default {
  width: 100% !important;
}

/* Ensure dropdowns are
 * a) Shown with full width
 * b) Without weirdly padded text
 */
.w-field__input > select {
  width: 100%;
  padding: 0 0.5rem;
}

/* Remove weird padding for site settings selector too. */
select#id_site {
  padding: 0 0.5rem;
}

/* Use less height for select2 search fields. */
input.select2-search__field {
  min-height: 1.0rem;
}

div.selector > div.selector-available > h2,
div.selector > div.selector-chosen > h2 {
    margin-bottom: 0;
}
div.selector > div.selector-chosen > h2 {
    background-color: var(--w-color-primary);
    color: var(--w-color-white);
}
.model_choice_field .input select.django-select2 ~ span:after {
    content: "";
    width: 0;
}
.field-content .input .selector .selector-filter label {
    padding-bottom: 0;
}
li.preview-package {
    list-style-type: circle;
}
span.preview-package {
    font-weight: bold;
}
ul.preview-film {
    display: inline-block;
    margin-top: -4px;
    margin-bottom: 2px;
}
li.preview-film {
    background-color: #e4e4e4;
    border-radius: 4px;
    border: 1px solid #aaa;
    float: left;
    margin-right: 5px;
    margin-top: 7px;
    margin-bottom: -3px;
    padding: 0 5px;
}
.changelist-filter h2:not(:first-child) {
    margin-top: 10px;
}
.error-message span {
    display: inline-block;
}

div.encoding-info {
    background-color: #fafafa;
    position: relative;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin-bottom: 1.5em;
    padding: 1em;
    width: 100%;
    display: inline-block;
}

div.encoding-complete {
    border-left: 17px solid #157b57;
}
div.encoding-failed {
    border-left: 17px solid #b4191f;
}
div.encoding-in-progress {
    border-left: 17px solid #dddd22;
}

div.encoding-title {
    font-weight: bold;
    display: inline-block;
}

div.encoding-status {
    display: inline-block;
}

div.encoding-title svg.icon-text {
    height: 1em;
    width: 1em;
    top: 1px;
    position: relative;
}

div.encoding-title svg.icon-tick {
    top: 3px;
}

div.encoding-actions {
    float: right;
}

/* Move encoding add button in to align with encodings */
a.add-encoding > .chooser__choose-button {
    margin-inline-start: -.2rem;
}

@media screen and (min-width: 50em) {
  a.add-encoding > .chooser__choose-button {
    margin-inline-start: -.2rem;
  }
}