@import "../../../assets/scss/variables";

:root {
  --digitized-file-bg: #BCDDFB;
}

:root[data-theme="dark"] {
  --digitized-file-bg: #1A3A5F;
}

.digitized-file {
  $digitized-file: var(--digitized-file-bg);
  flex: 0 0 500px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  background: $digitized-file;

  p {
    margin-right: auto;
    font-size: 1.1rem;
    color: $title-color;
    font-weight: bold;
  }

  button {
    width: 90px;
    padding: 6px 5px;
    background: $blue-to-gray;
    font-size: 0.9rem;
    color: $white;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    margin-right: 10px;
  }
}


.viewPermanentFileModal {



  p.label{
    font-size: 1.2rem;
    font-weight: $bold;
    color: $title-color;
    padding-top: 5px;


  }

  .default.user-form{
    overflow: auto;
    max-height: 600px;
  }

  .bordered-wrapper {
    border: 1px dashed $secondary-color;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    min-height: 50px;
    //margin-bottom: 13px;

    .file-name {
      color: $title-color;
      font-size: 1.2rem;
      font-weight: $bold;
      flex: 0 1 400px;
    }

    .buttons {
      display: flex;
      gap: 8px;
      @media(max-width: 966px) {
        flex-direction: column;
      }

      button{
        width: 100%;
        padding: 0 12px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        font-weight: bold;
        height: 26px;
        background-color: $main-color;
        color: $white;
        font-size: 1rem;
        border-radius: 7px;
        cursor: pointer;
        justify-content: center;
        border: 1px solid $main-color;
        outline: none;
        padding-bottom: 2px;
      }

    }

    &:not(:first-child) {
      margin-top: 13px;

    }

  }

  .info{
    text-align:center;
    font-size: 1.6rem;
  }

}

.addExtraFilesPermanentFileModal{
  p.label{
    font-size: 1.2rem;
    font-weight: $bold;
    color: $title-color;
    padding-top: 5px;


  }

  .attachments-list{
    max-height: 200px;
    padding-left: 20px;
    overflow: auto;

    li{
      font-size: 1.2rem;
      margin-bottom: 10px;
      color: $title-color;
      font-weight: $bold;
    }
  }
}