/*
* File Uploads
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
*
* @author    FMM Modules
* @copyright Copyright 2021 © FMM Modules
* @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
* @category  FMM Modules
* @package   fileuploads
*/

#fileuploader-wrapper {
  margin-top: 5px;
  margin-bottom: 5px;
}
#fileuploader-wrapper .files-block-right > .card {
  border: 1px solid #e4e4e4;
}
#fileuploader-wrapper .text-success {
  color: green;
}
.empty {
}
.files-wrapper {
  /* height: 354px;
  overflow-y: scroll; */
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.upload_info * {
  font-size: 12px;
  padding-top: 6px;
  word-break: break-all;
}
.file-status,
.file-status * {
  font-size: 12px;
}
.file_name {
  overflow: hidden;
}
.bulk-action {
  float: right;
}
.bulk-action.ps_new {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  float: none;
  width: 100%;
}
.bulk-action.ps_old {
  margin-top: 10px;
}
#fileuploads-checkout .bulk-action.ps_new {
  justify-content: flex-start;
  margin-top: 1rem;
}
#fileuploads-checkout .bulk-action.ps_new .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
}
#fileuploads-checkout .bulk-action.ps_new .material-icons {
  font-size: 1.25rem;
  line-height: 1;
}
.file_details .detail-required {
  font-size: 10px;
  color: red;
}
.file-locked {
  padding: 5px;
  border: 1px solid #e4e4e4;
}
.btn-disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.btn-disabled:hover {
  background-color: #2fb5d2;
  border-color: transparent;
  color: #fff !important;
}

#fileuploader-wrapper .ps_new.cart {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#fileuploader-wrapper .fup-uploader {
  background: url(../../views/img/spinner.gif) no-repeat scroll center center
    #fff;
  height: 100%;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

@media (min-width: 768px) and (max-width: 996px) {
  .files-block-right {
    margin-top: 10px;
  }
}
.dm-uploader {
  text-align: center;
  min-height: 120px;
  padding-block: 20px !important;
}
#fileuploads-admin-order .dm-uploader {
  min-height: 460px;
}
.dm-dnd {
  border: 0.25rem dashed rgba(250, 250, 250, 1);
}

.dm-uploader.active {
  border-color: #00aff0;
  border-style: solid;
}

.preview-img {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}
.dummy-preview {
  width: 64px;
}
.preview-container {
  text-align: center;
}
/* bootstrap classes */
.bg-success {
  background-color: #28a745;
}
.bg-primary {
  background-color: #007bff;
}
.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #007bff;
  transition: width 0.6s ease;
  border-radius: 5px;
  font-size: 0.625rem;
}
.progress {
  font-size: 0.625rem;
}
.media {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.text-muted {
  color: #868e96 !important;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.p-5 {
  padding: 3rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 1.5rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
#fileuploads-checkout {
  margin-bottom: 20px;
  .file_upload_message{
    font-size: 1rem;
  }
  .block-header::before {
    display: none !important;
  }
  .block-header {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }

  #fileuploader-wrapper {
    flex-direction: column;
    gap: 15px;
    padding-inline: 15px;
    > div{
      width: 100% !important;
      margin: 0px !important;
      padding: 0px !important;
      flex: 1 !important;
      max-width: 100% !important;
    }
  }
  #files {
    li {
      border-color: rgba(250, 250, 250, 1);
      padding-block: 10px;
      border-bottom-width: 4px;
      flex-direction: column;
      gap: 5px;
      .li_inner_files {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        .left {
          width: 80px;
          height: 48px;
          border-radius: 10px;
          overflow: hidden;
          .preview-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            border: none;
          }
          .preview-img.preview-img--cover {
            object-fit: cover;
          }
        }

        .right {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 0px;
          .file_name {
          }
          .media-body {
            .file_actions_files {
              display: flex;
              align-items: center;
              gap: 10px;
              .del_button {
                color: #ff0000;
              }
              .del_button:hover {
                text-decoration: underline;
              }
            }
          }
        }
      }
    }
  }
}