Server : Apache/2.4.52 (Ubuntu) System : Linux webserver 6.8.0-49-generic #49~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Wed Nov 6 17:42:15 UTC 2 x86_64 User : www-data ( 33) PHP Version : 8.1.2-1ubuntu2.21 Disable Function : NONE Directory :  /var/www/theprintave/wp-content/themes/pricom/assets/scss/woocommerce/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// Drag & Drop Multifiles Upload
.wc-dnd-file-upload {
  font-weight: $fw-semi-bold;
  color: $cl-black;
  padding: 0 0 15px;

  .codedropz-upload-wrapper {
    font-weight: $fw-normal;
    color: $cl-text;
  }

  .codedropz-upload-handler {
    margin-top: 10px;
    border-radius: $border-radius;
  }
}

.codedropz-upload-handler {
  .codedropz-upload-inner {
    a.cd-upload-btn {
      background-color: $cl-black;
      border-radius: $border-radius-e-small;
      color: $cl-white;
      padding: 0 15px;
      font-weight: $fw-bold;
      font-size: $fs-base;
      transition: all .3s;

      &:hover {
        background-color: rgba($cl-black, .8);
        transition: all .3s;
      }
    }

    .codedropz-label {
      font-size: 16px;
      flex-wrap: wrap;

      span.cd-icon {
        margin-bottom: -6px;
      }

      .text {
        color: $cl-black;
      }
    }
  }
}

.dnd-upload-counter {
  right: 10px;
  bottom: 5px;

  @media screen and (max-width: $screen-xs-max) {
    bottom: 0;
  }
}

.codedropz--results {
  margin-bottom: 12px;

  .dnd-upload-status {
    .dnd-upload-image {
      margin-bottom: -10px;
    }

    .dnd-upload-details {
      .dnd-progress-bar {
        border-radius: 10px;

        span {
          background: #11b196;
        }
      }

      .name {
        color: $cl-black;

        em {
          color: $cl-black;
          font-weight: $fw-semi-bold;
          font-style: normal;
        }

        span {
          max-width: calc(100vw - 220px);
        }
      }
    }
  }
}

.codedropz--preview {
  .dnd-upload-status {
    .dnd-upload-details {
      .name {
        color: $cl-black;

        em {
          color: $cl-black;
          font-weight: $fw-semi-bold;
          font-style: normal;
        }
      }
    }
  }
}