/*
 *   Copyright (C) 2020 CERN.
 *   Copyright (C) 2020 Northwestern University.
 *   Copyright (C) 2021 Graz University of Technology.
 *
 * 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.
 */

 .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;
 }

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

 .inline-orcid {
     height: @font-size-base;
 }

 .inline-orcid-icon {
    margin-bottom: 3px;
  }

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

 // Files toogles

 .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 {
    display: inline-block;
    float: right;
}

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

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