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

 .detail-section:not(:empty) {
   margin: 1rem auto;
   border-bottom: 1px solid #e5e5e5;
   padding-bottom: 1.5rem;
   .ui.header {
    font-size: 1.3rem;
   }
   &#record-citation{
     padding-bottom: .5rem;
   }
 }
.font-small {
  font-size: @font-size-small
 }

.font-tiny {
  font-size: @font-size-tiny
 }

.top-bottom-padded {
  margin: 15px 0px 20px 0px;
 }

// Preview
.iiif-preview-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
 }

.preview-iframe {
  display: block;
  border-style: none;
}

// Record info

.ui.label > .icon { //Overwrite default icon
  margin: 0rem 0.25rem 0rem 0rem;
 }

.stats-box {
  padding: 1rem 0rem 0rem 0rem;

  .stats-data {
    font-size: @font-size-massive;
  }
}

dd { // Start left aligned
  margin-inline-start: 0px;
}

.version-active {
  background-color: @versionActive;
  .text-muted {
    color: #686868;
  }
}

.ui.rdm-sidebar {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.thin-line {
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

 // Files toggles

.hide-on-collapsed {
  display: block;
}
.show-on-collapsed {
  display: none;
}
.panel-toggle.collapsed {
  .hide-on-collapsed {
    display: none;
  }

  .show-on-collapsed {
    display: block;
  }
}

 // Preview view
 .column.versions-preview-info {
  padding: 0em !important;
}

/* use these classes to change accordion title when up/down */
div.accordion div.title.active span.up {
  display: none;
}

div.accordion div.title.active span.down {
  display: inline-grid;
}

div.accordion div.title span.up {
  display: inline-grid;
}

div.accordion div.title span.down {
  display: none;
}

.record-management-row{
  margin-top:10px;

  button {
    margin-right:7px !important;
  }
}

.panel-spacing {
  padding-top: 0px;
  padding-bottom: 20px;
}

.file-box-message {
  box-shadow: none !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  margin: 0 !important;
}

.panel-heading {
  padding: 10px !important;
  border-radius: 10px;
  background-color: #f5f5f5;
  color: #428bca !important;

  &.active {
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #ddd;
  }
  a {
    text-decoration: none;
  }
  i {
    &.angle {
      float: right !important;
    }
  }
  &.restricted {
    background-color: @restricted-components-background-color;
  }
  &.embargoed {
    background-color: @embargoed-components-background-color;
  }
}

.panel {
  margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #ddd;

  .content{
    padding-top: 0px !important;
  }
 }

.ui.accordion.panel {
  &.restricted{
    border-color: @restricted-components-border-color !important;
  }

  &.embargoed {
    border-color: @embargoed-components-border-color !important;
  }
}

.ui.table.files-table {
  border: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  table-layout: fixed;
  width: 100%;
}

.share-modal {
  .share-content {
    display: flex;

    .input {
      flex-grow: 1;
      padding-right: 0.5em;
    }
  }

  .share-description {
    margin: 1em auto;
  }
}

.share-button {
    float: right;
}

.ui.accordion.creatibutors {
  .title {
    cursor: default;
  }
}

.truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
