:root {
  --dt-row-selected: var(--bs-primary-rgb);
  --frame: var(--bs-border-color);
  --add: var(--bs-primary);
  --text: var(--bs-table-color);
}

.h-150px {
  height: 9.375rem;
}

.drag-el {
  cursor: grab;
}

.drag-el:active {
  cursor: grabbing;
}

body {
  overflow-x: hidden;
}

a {
  cursor: pointer;
}

.w-80 {
  width: 80%;
}

.w-20 {
  width: 20%;
}

/* SEARCH PANES */

.dtsp-panesContainer .dtsp-titleRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dtsp-panesContainer .dtsp-searchPane>.dt-container {
  border: 1px solid var(--frame);
  padding: .5rem;
}

.dtsp-panesContainer .dtsp-searchPane .dt-scroll .dataTable tr {
  color: var(--text);
  font-weight: 500;
  font-size: 0.875rem;
}

.dtsp-panesContainer .dtsp-searchPane .dt-scroll .dataTable tr.selected {
  background: var(--add);
  color: #fff;
}

.dtsp-panesContainer .dtsp-searchPane .dt-scroll .dataTable tr.selected .dtsp-pill {
  background: #fff;
}

.dtsp-searchPanes .dtsp-topRow .dtsp-search::placeholder {
  color: var(--text) !important;
  font-weight: 700;
}

.dtsp-panesContainer .dtsp-searchPane .dt-scroll .dt-scroll-body {
  height: unset !important;
}

div.dtsp-narrow {
  flex-direction: row !important;
}

div.dtsp-narrow div.dtsp-subRow2 button {
  margin: 2px !important;
  width: 35px !important;
}

div.dtsp-narrow div.dtsp-subRow1,
div.dtsp-narrow div.dtsp-subRow2 {
  width: unset;
}

.dtsp-title {
  margin-left: .1rem;
}

/* END SEARCH PANES */

div.dt-processing {
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  margin: 0;
}

div.dt-processing>div:last-child {
  height: 100%;
  margin: 0 auto;
}

div.dt-processing>div:last-child>div {
  top: 50%;
  transform: translate(50%, 0);
}

.logo-preview {
  width: 100%;
  height: 12rem;
  object-fit: contain;
}

.hidden-access {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.fs-7 {
  font-size: .875rem !important;
}

.date-range-picker-wrapper {
  position: relative;
}

.date-range-picker-wrapper .date-range-picker {
  padding-right: 2.5rem;
}

.date-range-picker-wrapper .date-range-picker:placeholder-shown+.date-range-picker-clear-btn {
  display: none;
}

.date-range-picker-clear-btn {
  position: absolute;
  right: .25rem;
  top: 50%;
  transform: translateY(-50%);
}


#dashboard #pdf-content #pdf-content-2,
#dashboard #pdf-content #pdf-content-3 {
  display: none;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name {
  flex-grow: unset !important;
  /* max-width: 75%; */
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  margin-left: auto;
}

.dt-scroll-body > .dataTable {
  table-layout: fixed;
}

.dt-scroll-body > .dataTable colgroup {
  display: none;
}

@media (max-width: 512px) {
  .main-logo {
    width: 50%;
  }
}