.modal.side-modal .upload-body .drag-drop.file_uploaded {
  min-height: max-content !important;
}

.modal.side-modal .upload-body .drag-drop .filename .close {
  padding: 0 0 0 5px;
}

.modal.side-modal .upload-body .drag-drop .filename .close i {
  font-size: 10px !important;
}

.modal.side-modal .upload-body .drag-drop .filename {
  background   : #dbdbdb;
  color        : grey;
  padding      : 3px 5px 3px 12px;
  border-radius: 21px;
  margin       : 5px 0;
  max-width    : calc(100% - 10px);
  word-break   : break-all;
}

.modal.side-modal .row.table-excel-upload-sheets .container-fluid {
  padding   : 0;
  margin-top: 10px;
}

.modal.side-modal .sheets-row {
  overflow-y: hidden;
  max-height: 31px;
  border    : 1px solid #d0e5f7;
  background: aliceblue;
}

.modal.side-modal .sheets-row .sheets {
  white-space  : nowrap;
  margin       : 3px 3px 0px;
  padding      : 4px 14px;
  font-size    : 12px;
  background   : #d2eaff;
  border-radius: 8px 8px 0px 0px;
}

.modal.side-modal .sheets-row .sheets.active {
  background: #0d6efd;
  color     : #fff;
}

.modal.side-modal .content-row th,
.modal.side-modal .content-row td {
  font-size  : 12px;
  padding    : 2px 4px;
  white-space: nowrap;
}

.modal.side-modal .input-row label {
  font-size  : 13px;
  padding    : 1px 4px;
  margin     : 0;
  white-space: nowrap;
  cursor     : pointer;
  min-width  : calc(100% - 20px);
}

.modal.side-modal .input-row:hover {
  background-color: rgb(79, 155, 255);
}

.modal.side-modal .input-row:hover * {
  color: white;
}

.modal.side-modal .choose_column_results .card,
.modal.side-modal .choose_column .card {
  border-radius: 18px;
  box-shadow   : var(--box-shadow-default);
}

.modal.side-modal .choose_column .export-scope-card .card-body,
.modal.side-modal .choose_column .import-scope-card .card-body {
  padding-top: 10px !important;
}

.modal.side-modal .choose_column .export-scope-buttons,
.modal.side-modal .choose_column .import-scope-buttons {
  align-items: stretch;
}

.modal.side-modal .choose_column .export-scope-input-hidden,
.modal.side-modal .choose_column .import-scope-input-hidden {
  display: none;
}

.modal.side-modal .choose_column .export-scope-btn,
.modal.side-modal .choose_column .import-scope-btn {
  flex           : 1 1 0;
  display        : inline-flex;
  align-items    : center;
  justify-content: center;
  gap            : 8px;
  min-height     : 40px;
  border-radius  : 12px;
  font-weight    : 600;
  box-shadow     : none;
  padding        : 5px 10px;
}

.modal.side-modal .choose_column .export-scope-btn.active,
.modal.side-modal .choose_column .import-scope-btn.active {
  background-color: var(--bs-primary);
  border-color    : var(--bs-primary);
  color           : #fff;
}

.modal.side-modal .choose_column .export-scope-btn:not(.active),
.modal.side-modal .choose_column .import-scope-btn:not(.active) {
  background-color: #f8fbff;
}

.modal.side-modal .choose_column .card .card-body {
  padding-top: 12px !important;
}

.modal.side-modal .choose_column_results {
  margin-top: 25px;
}

.modal.side-modal .choose_column_results .card {
  padding: 8px 5px;
}

.modal.side-modal .choose_column_results table th {
  background-color: rgb(204, 203, 203);
}

.modal.side-modal .choose_column_results table th:first-child {
  border-top-left-radius: 8px;
}

.modal.side-modal .choose_column_results table th:last-child {
  border-top-right-radius: 8px;
}

.modal.side-modal .choose_column_results table th,
.modal.side-modal .choose_column_results table td {
  min-width  : max-content;
  white-space: nowrap;
  font-size  : 12px;
}

.modal.side-modal .choose_column .btn-con,
.modal.side-modal .choose_column_results .btn-con {
  margin    : 15px 5px 3px 0;
  border-top: 1px solid rgb(147, 147, 147);
}

.modal.side-modal .choose_column .btn-con .btn,
.modal.side-modal .choose_column_results .btn-con .btn {
  padding   : 2px 10px;
  font-size : 12px;
  margin-top: 10px;
}

@media (max-width: 575.98px) {

  .modal.side-modal .choose_column .export-scope-buttons,
  .modal.side-modal .choose_column .import-scope-buttons {
    gap: 8px;
  }

  .modal.side-modal .choose_column .export-scope-btn,
  .modal.side-modal .choose_column .import-scope-btn {
    font-size: 13px;
    padding  : 7px 10px;
  }

  .modal.side-modal .choose_column .card .card-body,
  .modal.side-modal .choose_column .export-scope-card .card-body,
  .modal.side-modal .choose_column .import-scope-card .card-body {
    padding-left : 12px !important;
    padding-right: 12px !important;
  }
}

.modal .filter-con .error_summary {
  font-size: 14px;
  color    : var(--bs-danger) !important;
}