.article-image-form {
  align-items: center; /* Align elements vertically */
  color: #5E6E82;
}

.article-image-container {
  .image-filename {
    max-width: 133px;
  }
}

.article-images-container {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  & .target > .card {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    padding: 2.5rem 2.25rem 2.5rem 2.25rem;
  }
}

.article-image-form-fields {
  input[type="text"] {
    border: 1px solid #D8E2EF;
    border-radius: 5px;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  input[type="text"]:focus:not([readonly]) {
    border: 1px solid #2196F3;
    box-shadow: 0 0 0 0;
  }

  .md-form {
    margin-bottom: 0;
  }

  .image-data {
    display: flex;
    justify-content: space-between;
  }
}

.article-image-category-field {
  display: flex;
  flex-wrap: wrap;

  span {
    flex-basis: inherit;
    flex-grow: 1;
    white-space: nowrap;
  }

  input[type="radio"] + label,
  input[type="checkbox"] + label {
    color: #83898C;
  }

  input[type="radio"]:not(:checked):not(.browser-default) + label::before {
    border: 2px solid #83898C;
  }

  input[type="radio"]:not(:checked):not(.browser-default) + label,
  input[type="radio"]:checked:not(.browser-default) + label {
    padding-left: 2.5rem;
  }
}