/*# sourceMappingURL=custom.min.css.map */

.circle {
    display: inline-table;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    /* background-color: #bbb; */
    border-radius: 50%;
  }
  
  .circle__content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

 /* General Styling for Drop Zone */
.drop-zone {
  width: 100%;
  border: 2px dashed #6c757d;
  border-radius: 6px;
  background-color: #f8f9fa;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #6c757d;
  font-size: 10px;
  font-weight: 300;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  min-height: 50px;
}

/* Hover/Drag over State */
.drop-zone.over {
  border-color: #007bff;
  background-color: #e9ecef;
  color: #007bff;
}


/* File Name Display */
.file-name {
  font-size: 12px;
  color: #495057;
  margin-top: 8px;
}

/* Upload Section */
.inputUploadFile {
  margin-bottom: 10px;
  font-size: 12px;
  padding: 5px 10px;
}

/* File Preview Section */
#invoice_file, #tax-invoice_file, #others_file {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#invoice_file img, #tax-invoice_file img, #others_file img {
  max-width: 100%;
  max-height: 120px;
  border-radius: 4px;
}

#invoice_file object, #tax-invoice_file object, #others_file object {
  max-width: 100%;
  max-height: 120px;
  border-radius: 4px;
}

/* Alerts Styling */
.alert {
  margin: 10px 0;
  padding: 8px;
  font-size: 12px;
  border-radius: 4px;
}

.alert-danger {
  background-color: #f8d7da;
  color: #721c24;
}

.alert-success {
  background-color: #d4edda;
  color: #155724;
}

.alert-dismissible .close {
  font-size: 16px;
}



/* Spacing Adjustments */
.row.mb-2 {
  margin-bottom: 12px;
}

/* Smaller Alerts and Other Elements */
label.control-label {
  font-size: 12px;
  font-weight: 600;
}

button[type="submit"].btn {
  font-size: 13px;
  padding: 6px 12px;
  min-width: 100px;
}