.details-modal {
    position: absolute;
    top: 65px;
    right: 0px;
    width: 370px;
    margin-left: 0;
    bottom: 0;
    z-index: 100;
    border: none;
    background: #fff;
    border-left: 1px solid #eaeaea;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    animation: slideIn 0.2s ease;
  }
  .details-modal .nicescroll-bar {
    padding: 1.25rem;
  }
  .details-modal .file-name {
    color: #262a2e;
    font-size: 1.25rem;
    font-weight: 500;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .details-modal .fm-info {
    padding-left: 0;
  }
  .details-modal .fm-info li {
    margin-bottom: .625rem;
  }
  .details-modal .fm-info li a {
    color: #262a2e;
  }
  .details-modal .fm-info li > span {
    display: inline-block;
  }
  .details-modal .fm-info li > span:first-child {
    min-width: 100px;
    margin-right: 1rem;
  }
  .details-modal .fm-info li > span:last-child {
    color: #262a2e;
  }
  .details-modal .fm-action {
    padding-left: 0;
  }
  .details-modal .fm-action li {
    margin-bottom: .625rem;
  }
  .details-modal .fm-action li a {
    color: #262a2e;
  }
  .details-modal .fm-action li:last-child {
    margin-bottom: .25rem;
  }
  .todoapp-wrap.todoapp-info-active .todoapp-detail-wrap .details-modal {
    right: 0;
  }
  .todoapp-wrap.todoapp-sidebar-toggle .todoapp-sidebar {
    left: -270px;
  }
  .todoapp-wrap.todoapp-sidebar-toggle .todoapp-content {
    padding-left: 0;
  }
  
  .hk-wrapper[data-navbar-style="collapsed"] .fmapp-wrap {
    height: 100vh;
  }
  
  @media (max-width: 1199px) {
    .fmapp-wrap .fmapp-content .fmapp-detail-wrap .details-modal {
      top: 0;
    }
  }
  
  .lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .details-modal li {
    margin-bottom: .625rem;
  }
  .lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .details-modal li > span {
    display: inline-block;
  }
  .lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .details-modal li > span:first-child {
    min-width: 100px;
    margin-right: 1rem;
  }
  .lg-outer.galleryapp-info-active .lg-sub-html .gallery-detail-body .details-modal li > span:last-child {
    color: #262a2e;
  }