/*
 *   Copyright (C) 2020 CERN.
 *   Copyright (C) 2020 Northwestern University.
 *   Copyright (C) 2021 Graz University of Technology.
 *
 * Invenio App RDM is free software; you can redistribute it and/or modify it
 * under the terms of the MIT License; see LICENSE file for more details.
 */

/** Deposit page styles */

#deposit-form {

  .field label.title {
    background-color: #5aaad9;
    color: white;
    font-size: 1.05em;

    label {
      margin-left: 0.5rem;
    }
  }

  /*Field Label

    Ideally we eventually converge on a design system to differentiate between
    top-level fields/labels and subfields/labels
  */
  .ui.form .field .form-group label,
  .ui.form .field.additional-descriptions label {
    font-size: 13px;
    font-weight: normal;
  }

  label.field-level-class {
    font-size: 15px;
    &.small {
      font-size: 13px
    }
  }
  /**/

  .save-button {
    margin-bottom: 0.5em;
  }

  .preview-button {
    margin-bottom: 0.5em;
  }

  i.icon.loading{
    background-color: rgba(0,0,0,0);
  }

  .access-right {
    .inline.fields {
      margin-bottom: .75em;

      &:first-of-type {
        margin-top: 1em;
      }
    }
  }

  .ck-editor__editable {
    min-height: 8.5em;
  }

  .ui.form label.helptext{
    margin-top: -8px;
    margin-bottom: 15px;
    display: block;
    color: #737373;
    font-weight: normal;
    font-size: 0.9em;
  }
  .ui.form .field .ui.list {
    margin-top: 0;
  }

  .deposit-sidebar .ui.card {
    width: unset;  // Allows the sidebar cards to take the full space of their column
  }
  /**Protection Widget*/
  .ui.card.access-right {
    .field-label-class {
      font-size: 15px;
      margin-bottom: 1px;
    }
    label {
      margin: 0 !important;
    }
    label[for="access.embargo.until"] {
      font-size: 13px;
    }
    .content {
      padding: 0;
      p {
        margin: 0;
        font-size: 14px;
        margin-top: 2px;
        & b {
          margin: 0em 0em 0.5em;
          font-size: 15px;
        }
        .header {
          font-size: 15px;
        }
      }
      .ui.message {
        padding: 1em 0.7em;
        margin: 0;
      }
    }
    .disabled.description {
      margin-top: 3px;
    }
    .ui.divider {
      margin: 0.3rem 0rem;
    }
  }

  .sidebar-buttons {
    display: flex;
  }
}

/*Description*/
.item div.description:not(.license-item-description) {
  display: initial !important;
}
