.file-manager-container {
  position: relative;
  overflow: hidden;
  margin: 0 -1.25rem;
  .file-manager-navigation,
  .file-manager-folders,
  .selected-file-details {
    background-color: $custom-white;
    // height: calc(100vh - 8rem);
    height: calc(100vh - 5rem);
    border-radius: $default-radius;
  }
  .files-main-nav {
    max-height: calc(100vh - 16.1rem);
  }
  .file-folders-container,.filemanager-file-details {
    max-height: calc(100vh - 11.9rem);
  }
  @media (min-width: 576px) {
    .file-manager-navigation {
      width: 30rem;
    }
  }
  @media (max-width: 575.98px) {
    .file-manager-navigation {
      width: 100%;
    }
    .file-manager-folders {
      display: none;
    }
  }
  .selected-file-details {
    width: 40rem;
  }
  .file-manager-folders {
    width: 100%;
  }
  ul.files-main-nav {
    padding: 1.5rem;
    margin-block-end: 0;
    li {
      padding: 0.5rem;
      border-radius: $default-radius;
      div {
        color: $text-muted;
      }
      &.active { 
        background-color: $primary-01;
        div {
          color: $primary;
        }
      }
      &:hover { 
        div {
          color: $primary;
        }
      }
      div.filemanager-upgrade-storage {
        width: 235px;
        height: auto;
        background-color: $gray-2;
        border: 2px dashed $default-border;
        border-radius: $default-radius;
        text-align: center;
        color: $default-text-color;
        padding: 1rem;
        img {
          width: 150px;
          height: 150px;
        }
      }
    }
  }
  .file-format-icon svg {
    width:2.2rem;
    height:2.2rem;
  }
  .folder-svg-container svg {
    width: 3rem;
    height: 3rem;
  }
  .file-details img {
    width: 150px;
    height: 150px;
    background-color: $light;
    border-radius: $default-radius;
  }
  @media (max-width: 1275.98px) {
    .selected-file-details {
      display: none;
    }
  }
  .filepond--drop-label.filepond--drop-label label{
      color: $primary;
      font-size: 15px;
      font-weight: 500;
  }
}
.file-manager-container .file-manager-navigation.close {
  display: none;
}
.file-manager-container .file-manager-folders.open {
  display: block;
}