:root {
    --app-primary: #0070B9;
    --app-primary-text: #c7def4;
    --app-secondary: #85c3fe;
    --app-background: #DFEFFF;
    --bs-primary: #0070B9;
    --bs-secondary: #85c3fe;
    --bs-success: #00c56e;
    --bs-success-lighter: #02ee86;
    --bs-info: #0070B9;
    --bs-info-lighter: #85c3fe;
    --bs-warning: #e3b46f;
    --bs-warning-lighter: #ffca7c;
    --bs-danger: #ff1f1a;
    --bs-danger-lighter: #fd4d49;
    --bs-primary-rgb: 0,112,185;
    --bs-secondary-rgb: 199,222,244;
    --bs-success-rgb: 0,197,110;
    --bs-info-rgb: 0, 112, 185;
    --bs-warning-rgb: 227,180,111;
    --bs-danger-rgb: 255,31,26;
    --bs-light-rgb: 199, 222, 244;
    --bs-body-font-family: "Avenir Next", "Avenir", "Avenir Next W01", system-ui, sans-serif;
    --rz-primary: #0070B9;
    --rz-primary-light: #85c3fe;
    --rz-primary-lighter: rgba(0, 112, 185, 0.12);
    --rz-on-primary-lighter: #0070B9;
    --rz-success: #00c56e;
    --rz-success-lighter: #f2fcf8;
    --rz-grid-stripe-background-color: #DFEFFF;
    --rz-text-h1-font-size: 1.625rem;
    --rz-text-font-family: "Avenir Next", "Avenir", "Avenir Next W01", system-ui, sans-serif;
    --rz-base-900: #2f3b42;
    --rz-text-h1-font-weight: 600;
    --rz-text-h1-letter-spacing: normal;
    --rz-button-vertical-align: text-bottom;
    --rz-dialog-zindex: 2000;
    --rz-grid-header-filter-icon-margin: 0;
    --rz-grid-cell-border: 0;
    --rz-input-disabled-background-color: #f1f3fa;
    --rz-tree-node-toggle-width: 12px;
}
.hidden {
  display: none;
}
#main {
  margin: 0 1rem;
  padding-top: 70px;
}
#main-body {
  padding-top: 70px;
  margin: 0 1rem;
}
.rz-dialog #main-body {
  padding-top: 0;
}
h1.page-title {
  margin: 17px 0;
}
.logo-container {
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  width: 17rem;
}
#manage-projects.logo-container {
  position: relative;
  z-index: 2000;
}
.btn,
.form-control {
  font-size: 1rem;
}
.border-primary {
  border-color: var(--bs-primary) !important;
}
.border-secondary {
  border-color: var(--bs-secondary) !important;
}
.rz-date-filter-buttons .rz-button,
.rz-button-md {
  font-size: 1rem;
  font-weight: initial;
  letter-spacing: initial;
  text-transform: none;
  line-height: 1.5;
  border: 1px solid transparent;
  vertical-align: middle;
  padding: 0.45rem 0.9rem;
}
.rz-button {
  box-shadow: none !important;
}
.rz-button:hover {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):hover,
.rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):focus {
  color: #fff;
  background-color: var(--app-secondary);
  border-color: var(--app-secondary);
}
.rz-button.rz-secondary.rz-shade-default {
  color: #fff;
  background-color: var(--app-secondary);
  border-color: var(--app-secondary);
}
.rz-button.rz-secondary.rz-shade-default:hover {
  color: var(--app-primary);
  background-color: #fff;
  border-color: #fff;
}
.rz-button.rz-secondary.rz-shade-default:focus {
  color: #fff;
  background-color: var(--app-secondary);
  border-color: var(--app-secondary);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.rz-button.rz-light {
  color: var(--app-primary);
  border-color: transparent;
  background-color: transparent;
}
.rz-button.rz-light:hover {
  color: var(--app-primary);
  background-color: var(--app-primary-text);
}
.rz-button.rz-light:focus {
  color: var(--app-primary);
  background-color: var(--app-primary-text);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.rz-dialog-wrapper {
  left: 0;
}
.rz-dialog-wrapper .rz-dialog-confirm-buttons {
  justify-content: space-between;
}
.rz-dialog-wrapper .rz-dialog-confirm-buttons .rz-button {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 0;
}
.rz-dialog-wrapper .rz-dialog-confirm-buttons .rz-primary {
  order: 2;
}
.rz-dialog-wrapper .rz-dialog-confirm-buttons .rz-secondary.rz-shade-default {
  order: 1;
}
.dialog-wrapper-danger .rz-secondary.rz-shade-default,
.dialog-wrapper-success .rz-secondary.rz-shade-default {
  color: var(--app-primary);
  border-color: transparent;
  background-color: transparent;
  order: 1;
}
.dialog-wrapper-danger .rz-secondary.rz-shade-default:hover,
.dialog-wrapper-success .rz-secondary.rz-shade-default:hover {
  color: var(--app-primary);
  background-color: var(--app-primary-text);
}
.dialog-wrapper-danger .rz-secondary.rz-shade-default:focus,
.dialog-wrapper-success .rz-secondary.rz-shade-default:focus {
  color: var(--app-primary);
  background-color: var(--app-primary-text);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.dialog-wrapper-danger .rz-primary {
  color: #fff;
  background: var(--bs-danger) !important;
  border-color: var(--bs-danger);
  order: 2;
}
.dialog-wrapper-danger .rz-primary:hover {
  color: #fff;
  background: var(--bs-danger-lighter);
  border-color: var(--bs-danger-lighter);
}
.dialog-wrapper-danger .rz-primary:focus {
  color: #fff;
  background: var(--bs-danger-lighter);
  border-color: var(--bs-danger-lighter);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.dialog-wrapper-success .rz-primary {
  color: #fff;
  background: var(--bs-success) !important;
  border-color: var(--bs-success);
  order: 2;
}
.dialog-wrapper-success .rz-primary:hover {
  color: #fff;
  background: var(--bs-success-lighter);
  border-color: var(--bs-success-lighter);
}
.dialog-wrapper-success .rz-primary:focus {
  color: #fff;
  background: var(--bs-success-lighter);
  border-color: var(--bs-success-lighter);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.cookie-footer-overlay {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 10px 10px;
  text-align: center;
  color: white;
  visibility: hidden;
  z-index: 2001;
}
/*Condensed Nav Styling*/
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .navbar-custom {
  left: auto;
  z-index: 1;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .navbar-custom .page-title {
  padding-left: 4rem;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .content-page {
  margin-left: 3rem;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .content-page.logged {
  margin-left: 3rem !important;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .logo-container {
  width: 3rem;
  left: -3rem;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .logo {
  background: url("/assets/1point_logo_square.pn") 50% 50% no-repeat;
  background-size: contain;
}

@media screen and (max-height: 770px) {
    li.side-nav-item.last {
        position: relative !important;
    }
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
}
.grid-item {
  text-align: center;
  border: 1px solid black;
  cursor: pointer;
}
#legend {
  font-family: Arial, sans-serif;
  background: #fff;
  padding: 10px;
  margin: 10px;
  border: 3px solid #000;
}
#legend > * {
  padding: 5px;
}
#legend > div.d-flex {
  justify-content: flex-start;
}
#legend h3 {
  margin-top: 0;
}
#legend img {
  vertical-align: middle;
}
.map-option-button {
  width: 100px;
}
/* Font Style */
.right-text {
  position: relative;
}
.right-element {
  position: absolute;
  bottom: 0;
  right: 0rem;
  text-align: right;
}
/* Upload LAS file Styling */
.radio-borehole-picks .form-inline {
  margin: 0.7rem;
  display: flex;
}
.radio-borehole-picks label {
  margin-left: 1rem;
}
#borehole-picks-table {
  background-color: white;
}
#borehole-picks-table .validation-div {
  text-align: center;
}
.las-borehole-selection .form-control {
  width: 15rem;
  margin-left: 1rem;
}
.las-file-options {
  display: flex;
}
.las-file-options div:first-child {
  width: 13rem;
  margin-right: 3rem;
  margin-left: 1rem;
}
.las-file-options div:nth-child(2) {
  width: 20em;
  margin-right: 1rem;
}
#upload-form #loading-symbol {
  margin: 0 0 0 22rem;
}
.upload-geophysics dt {
  width: 18rem;
}
.upload-geophysics dd {
  margin-left: 21rem;
}
.upload-geophysics .detail-button {
  margin-left: 20rem;
}
.upload-geophysics .table > tbody > tr > td,
.upload-geophysics .table > tbody > tr > td {
  padding: 0.5rem;
}
#processing-content-container-body .processing-text {
  margin-left: 1rem;
  margin-bottom: 1rem;
}
#upload-buttons {
  display: flex;
  justify-content: flex-end;
}
dl.des.dl-horizontal {
  width: 60%;
}
.table {
  --bs-table-striped-bg: #f4f8fd;
}
.table > :not(:last-child) > :last-child > *,
.table.dataTable.no-footer {
  border-color: #c7def4;
}
.table.table-striped > tbody > tr:nth-of-type(odd):hover {
  --bs-table-accent-bg: #DFEFFF;
}
.table .order-col {
  width: 90px !important;
  min-width: 90px;
}
.table .action-col {
  width: 150px !important;
  min-width: 150px;
}
.table .created-col {
  width: 160px !important;
  min-width: 160px;
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  left: 0;
}
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
  padding-left: 1.1rem;
}
.rz-datatable-thead th .rz-column-title,
.rz-grid-table thead th .rz-column-title {
  flex: 0 0 auto;
  width: auto;
}
.rz-grid-table-fixed .rz-frozen-cell-right.rz-frozen-cell-right-end {
  box-shadow: none;
  border-left: 0 !important;
}
.rz-group-header {
  justify-content: flex-end;
}
/* Adding padding to the data table page length dropdown. */
.dataTables_wrapper .dataTables_length select {
  padding-right: 2rem;
}
/* The location pointed to by the popup tip. */
.popup-tip-anchor {
  height: 0;
  position: absolute;
  /* The max width of the info window. */
  width: 220px;
}
/* The bubble is anchored above the tip. */
.popup-bubble-anchor {
  position: absolute;
  width: 100%;
  bottom: 8px;
  left: 0;
}
/* Draw the tip. */
.popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* Center the tip horizontally. */
  transform: translate(-50%, 0);
  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  /* The tip is 8px high, and 12px wide. */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid white;
}
/* The popup bubble itself. */
.popup-bubble-content {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  /* Style the info window. */
  background-color: white;
  padding: 5px;
  border-radius: 5px;
  font-family: sans-serif;
  overflow-y: auto;
  max-height: 600px;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}
.surface-container {
  display: none;
}
.map-name-container:hover > .surface-container {
  display: block;
}
/* Medium devices (tablets, 768px and up)*/
@media (max-width: 767.98px) {
  .menuitem-active .side-nav-item span {
    display: none;
  }
}
/* background image for login and projects page */
.authentication-background {
  background-image: url(../assets/img/bg-pattern-light.svg);
  background-size: cover;
}
/* Sidebar style click to collaspe and show*/
.sidebar-toggle {
  width: 30px;
  height: 30px;
  padding: 0px;
  position: absolute;
  top: 50%;
  right: -15px;
  background-color: var(--ds-surface-overlay, #FFFFFF);
  border: 0px;
  border-radius: 50%;
  box-shadow: rgba(9, 30, 66, 0.08) 0px 0px 0px 1px, rgba(9, 30, 66, 0.08) 0px 2px 4px 1px;
  color: var(--ds-text-subtle, #6B778C);
  cursor: pointer;
  outline: 0px;
  transition: all 0.1s ease-in-out;
  z-index: 100;
}
.sidebar-toggle:hover {
  transform: scale(1.1);
  background-color: #DFEFFF;
}
li.side-nav-item {
  cursor: pointer;
}
.side-nav .side-nav-link,
.side-nav .side-nav-link-nodeco {
  font-size: 1rem;
}
/* Table Actions*/
.table.compact td {
  padding: 0 0.95rem;
  vertical-align: middle;
}
.table-actions a:hover {
  cursor: pointer;
}
.nav-tabs .nav-link {
  border-color: #dee2e6;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.nav-tabs .nav-link i {
  opacity: 0.5;
}
.nav-tabs .nav-link:hover i,
.nav-tabs .nav-link.active i {
  opacity: 1;
}
.table.table-sticky {
  position: relative;
}
.table.table-sticky tr.tr-sticky th,
.table.table-sticky tr.tr-sticky td {
  position: sticky !important;
  top: 0;
  z-index: 1;
  background: white;
}
.nav .nav-item .nav-link.progressed {
  color: #0070B9;
  opacity: 0.6;
}
.nav .nav-item .nav-link.progressed .mdi-check {
  display: inline-block !important;
}
.nav .nav-item .nav-link.progressed .progress-num {
  display: none;
}
.drag-drop-zone {
  padding: 1.1rem;
  border: 2px dashed #2f3b42;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  cursor: pointer;
}
.drag-drop-zone input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
}
.drag-drop-zone:hover {
  background: #acd5ff;
}
.tab-content.tab-uploadmappingfiles {
  background: #fff;
  border: 1px solid #dee2e6;
  margin-bottom: 80px;
}
td.iconErrorCell {
  border: 2px solid white;
  width: 25px;
}
.errorItem.dangerErrorItem,
.errorItem .rz-dropdown {
  background: #ffe7e6;
  border: 1px solid #ff1f1a;
}
.errorItem.dangerErrorItem .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
.errorItem .rz-dropdown .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
  border: 1px solid #ff1f1a;
  box-shadow: none;
}
.errorItem.warningErrorItem {
  background: #fcf7ef;
  border: 1px solid #e3b46f;
}
.mappingTable .ignoreCell {
  width: 80px !important;
}
#uploadAllDiv {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  width: -webkit-fill-available;
  background: #DFEFFF;
}
.table .csvMappingCell .dropdown .dropdown-toggle {
  min-height: 37px;
  border-color: #c7def4;
  background: transparent;
}
.table .csvMappingCell .dropdown .dropdown-menu {
  max-height: 300px;
  overflow-y: scroll;
}
.dropdown-item:hover {
  cursor: pointer;
}
.sortColumn.ascending:before {
  font-family: 'Material Design Icons';
  content: '\F04BC';
  margin-right: 5px;
}
.sortColumn.descending:before {
  font-family: 'Material Design Icons';
  content: '\F04BD';
  margin-right: 5px;
}
.sortColumn.ascending,
.sortColumn.descending {
  font-weight: bold;
}
.unmapped-column-item:after {
  content: ',';
}
.unmapped-column-item:last-child:after {
  content: '';
}
/*Hard-code fix the file names overflow for Uploader Select File RadzenDropDownDataGridColumn*/
#importFileListDropdown.rz-dropdown {
  border: 0;
}
#popup-importFileListDropdown .rz-datatable-data td .rz-cell-data,
#popup-importFileListDropdown .rz-grid-table td .rz-cell-data,
#popup-importFileListDropdown .rz-datatable-thead th .rz-column-title-content,
#popup-importFileListDropdown .rz-grid-table thead th .rz-column-title-content {
  white-space: normal;
}
.content-page {
  padding: 0 0 65px 0;
}
.content-page.logged {
  margin: 0 0 0 17rem;
}
.leftside-menu {
  bottom: 0;
  top: 0;
  left: 0;
  z-index: 2000;
}
.leftside-menu .leftside-border {
  height: calc(100vh - 60px);
  border-radius: 0;
}
.leftside-menu .side-nav-link,
.leftside-menu .side-nav-second-level li {
  border-bottom: 1px solid var(--app-background);
}
.leftside-menu .side-nav-second-level li {
  background: var(--bs-gray-100);
}
.leftside-menu .side-nav-second-level li a {
  font-size: 1rem;
}
.leftside-menu .side-nav-second-level li a.active {
  background: var(--app-background);
}
.logo {
  height: 60px;
  line-height: initial;
  background: url("/assets/1point_logo_edit.png") 50% 50% no-repeat;
  background-size: contain;
}
.navbar-custom {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  width: 100%;
  background: var(--app-primary);
  border: none;
  box-shadow: none;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--app-primary-text);
  border-radius: 0;
}
.navbar-custom .page-title {
  padding-left: 18rem;
}
.navbar-custom .nav-link {
  color: var(--app-primary-text);
}
.navbar-custom .topbar-menu .nav-link {
  color: var(--app-primary-text);
}
.navbar-custom .topbar-menu .nav-user {
  background: transparent;
  color: var(--app-primary-text);
}
.navbar-custom .topbar-menu .nav-user .user-initial {
  border-radius: 50%;
  border: 2px solid var(--app-primary-text);
  display: inline-block;
  line-height: initial;
  padding: 9px 12px;
}
.navbar-custom li.dropdown:hover,
.navbar-custom #switch-project.nav-link:hover,
.navbar-custom li.dropdown:focus,
.navbar-custom #switch-project.nav-link:focus {
  background: #0061a0;
}
.navbar-custom #switch-project.nav-link {
  height: 60px;
}
.footer {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 0 84px 0 0;
  opacity: 0.6;
  left: 18rem;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.footer:hover,
.footer:focus {
  opacity: 1;
}
table.dataTable thead > tr > th.sorting.no-sort:before,
table.dataTable thead > tr > th.sorting_asc.no-sort:before,
table.dataTable thead > tr > th.sorting_desc.no-sort:before,
table.dataTable thead > tr > th.sorting_asc_disabled.no-sort:before,
table.dataTable thead > tr > th.sorting_desc_disabled.no-sort:before,
table.dataTable thead > tr > td.sorting.no-sort:before,
table.dataTable thead > tr > td.sorting_asc.no-sort:before,
table.dataTable thead > tr > td.sorting_desc.no-sort:before,
table.dataTable thead > tr > td.sorting_asc_disabled.no-sort:before,
table.dataTable thead > tr > td.sorting_desc_disabled.no-sort:before,
table.dataTable thead > tr > th.sorting.no-sort:after,
table.dataTable thead > tr > th.sorting_asc.no-sort:after,
table.dataTable thead > tr > th.sorting_desc.no-sort:after,
table.dataTable thead > tr > th.sorting_asc_disabled.no-sort:after,
table.dataTable thead > tr > th.sorting_desc_disabled.no-sort:after,
table.dataTable thead > tr > td.sorting.no-sort:after,
table.dataTable thead > tr > td.sorting_asc.no-sort:after,
table.dataTable thead > tr > td.sorting_desc.no-sort:after,
table.dataTable thead > tr > td.sorting_asc_disabled.no-sort:after,
table.dataTable thead > tr > td.sorting_desc_disabled.no-sort:after {
  content: '';
}
#view-project .card-header {
  background: transparent;
}
#view-project .card-header:hover {
  background: var(--app-primary-text);
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  -o-transition: all linear 0.1s;
  transition: all linear 0.1s;
  cursor: pointer;
}
.upload-geophysics dt {
  width: 18rem;
}
.upload-geophysics dd {
  margin-left: 21rem;
}
.upload-geophysics .detail-button {
  margin-left: 20rem;
}
.upload-geophysics .table > tbody > tr > td,
.upload-geophysics .table > tbody > tr > td {
  padding: 0.5rem;
}
#processing-content-container-body .processing-text {
  margin-left: 1rem;
  margin-bottom: 1rem;
}
#upload-buttons {
  display: flex;
  justify-content: flex-end;
}
dl.des.dl-horizontal {
  width: 60%;
}
/* LAS Manager */
#las-table {
  background-color: white;
  zoom: 80%;
}
#las-table th {
  white-space: nowrap;
  text-align: center;
}
#las-table td {
  white-space: nowrap;
  text-align: center;
  padding: 0.3rem;
}
#las-table input {
  padding: 0;
}
/* Menu bar in geophysics download */
#menu-bar {
  display: flex;
  align-items: center;
  font-size: 2.5rem;
}
#menu-bar * {
  margin: 0 0.75rem;
}
#menu-bar .btn {
  width: 5rem;
}
.template-name,
#template-to-load {
  width: 17rem;
}
.template-fail,
.template-success {
  margin-top: 2rem;
  margin-bottom: 0;
}
/* Error list in geophysics download */
#errors-list span {
  margin-left: 1rem;
  vertical-align: middle;
}
#errors-list .no-errors {
  height: 11rem;
  min-height: fit-content;
}
#errors-list .no-errors span {
  visibility: hidden;
}
#errors-list .no-errors p {
  diplay: inline;
}
#errors-list #check-file {
  margin: 5rem 0rem 0rem;
  float: right;
}
#errors-list #las-csv-download-button {
  margin: 5rem 0rem 0rem;
  float: none;
}
/* Download Styling */
#coallog-download-button button {
  margin: 2rem 1rem;
}
#borehole-objects-error {
  padding-left: 57rem;
}
#borehole-options-error {
  position: absolute;
}
#borehole-validation-error {
  float: right;
  margin-right: 40rem;
}
#sort-table {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
#sort-table .hide-sortable {
  display: none;
}
.connected-sortable {
  background-color: #D1D1D1;
  min-width: 16rem;
  width: 16rem;
  list-style-type: none;
  margin: 1rem 5px;
  padding: 0rem 0 2.5em;
  float: left;
  border: 1px dotted #000000;
  display: inline-block;
  font-weight: bold;
  vertical-align: bottom;
}
.connected-sortable .holder img {
  width: 14%;
  margin: 5% 0;
}
.connected-sortable .column-name {
  font-weight: normal;
  background: white;
  width: auto;
  color: black;
  margin: 0;
  padding-left: 5px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px solid #D3D3D3;
  border-left: 0px;
  overflow-wrap: anywhere;
  font-size: 1.5rem;
  cursor: text;
  font-weight: bold;
  padding: 0.4rem;
  border-bottom: 1px solid black;
}
.connected-sortable .ui-state-default {
  display: flex;
  align-items: center;
  font-weight: normal;
  background: white;
  width: auto;
  color: black;
  margin: 0;
  padding-left: 5px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px solid #D3D3D3;
  border-left: 0px;
  overflow-wrap: anywhere;
  font-size: 1.5rem;
}
.connected-sortable .ui-state-default span {
  margin-left: auto;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 8px;
  color: slategray;
}
.connected-sortable .ui-state-default span:hover {
  background-color: red;
  color: white;
}
.connected-sortable::before {
  content: ':::::::::::::::::::::::::::::::::::::::';
  font-weight: 100;
}
.ui-state-default:hover {
  cursor: pointer;
  cursor: grab;
}
#sort-table .current-sortable-item {
  cursor: move;
  cursor: grabbing;
  opacity: 0.8;
  border: 1.5px solid #8939AD;
  box-shadow: 0 3px 4px rgba(116, 116, 116, 0.3);
}
#sort-table .current-sortable-column {
  cursor: move;
  opacity: 0.8;
  border: 1.5px solid #8939AD;
  box-shadow: 0 3px 4px rgba(116, 116, 116, 0.3);
}
.ui-state-highlight {
  background-color: white;
  opacity: 0.5;
  box-shadow: inset 0px 0px 10px 5px #8939AD;
  border: 1px #BBBBBB;
  padding: 5px;
  margin: 0;
}
.active-sortable {
  cursor: move;
}
.inactive-sortable {
  cursor: not-allowed;
}
.modal {
  z-index: 2001;
}
.modal-backdrop {
  z-index: 2000;
}
.rz-datatable.table-sticky-wrapper {
  overflow: initial;
}
.rz-datatable.table-sticky-wrapper > .rz-data-grid-data {
  overflow: initial;
}
.rz-datatable.table-sticky-wrapper table {
  position: relative;
}
.rz-datatable.table-sticky-wrapper table td.td-sticky,
.rz-datatable.table-sticky-wrapper table td.rz-col-icon {
  position: sticky !important;
  position: -webkit-sticky;
  top: 109px;
  z-index: 1;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}
.rz-datatable.table-sticky-wrapper table thead th.rz-frozen-cell,
.rz-datatable.table-sticky-wrapper table th.rz-col-icon {
  top: 60px;
}
.notification-list .noti-icon-badge {
  background-color: var(--bs-danger);
  top: 14px;
  right: -3px;
  height: 12px;
  width: 12px;
}
.offcanvas {
  margin-top: 60px;
  border-radius: 0.5rem 0 0 0.5rem;
  border-top: 1px solid;
  border-color: #c7def4;
  z-index: 3;
}
.offcanvas.offcanvas-minimized {
  width: auto;
  padding: 0;
}
.offcanvas.offcanvas-minimized .offcanvas-header {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 0 0 0;
}
.offcanvas.offcanvas-minimized .offcanvas-header .offcanvas-title {
  text-orientation: sideways;
  writing-mode: vertical-rl;
  margin: 0;
  font-size: 1rem;
  order: 2;
}
.offcanvas.offcanvas-minimized .offcanvas-header .btn-minimize {
  order: 1;
}
.offcanvas .btn-minimize {
  background: transparent;
  color: #0070B9;
  border: 0;
}
.offcanvas .offcanvas-footer {
  margin-bottom: 65px;
}
.offcanvas.offcanvas-end .sidebar-toggle {
  left: -15px;
}
.offcanvas.offcanvas-end.offcanvas-minimized .sidebar-toggle {
  transform: rotate(180deg);
}
.offcanvas.offcanvas-end.offcanvas-minimized .sidebar-toggle:hover {
  transform: rotate(180deg) scale(1.1);
}
div:not(.rz-form-field-content) > .rz-state-disabled.rz-dropdown {
  border: var(--rz-input-disabled-border) !important;
}
.rz-datalist-content .rz-card:last-child {
  flex-grow: 0;
}
.rz-progressbar.rz-progressbar-primary {
  color: var(--bs-gray-800);
}
.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2385c3fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230070B9'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus[type=radio],
.form-switch .form-check-input:focus[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2385c3fe'/%3e%3c/svg%3e") !important;
}
.radio-borehole-picks.selected-option {
  background: var(--app-primary-text);
  border: 2px solid var(--app-primary) !important;
}
@media (max-width: 767.98px) {
  .leftside-menu {
    /*override default styling to hide nav on small screens*/
    display: block;
  }
  .content-page {
    margin-left: 3rem !important;
  }
  .notification-list .noti-icon-badge {
    top: 5px;
    left: 29px;
    right: 0;
    height: 7px;
    width: 7px;
  }
}
.load-template-popup {
    display: none;
    position: absolute;
    overflow: auto;
    height: 360px;
    width: 600px;
    /* Use Radzen theme border if available, otherwise fall back */
    border: var(--rz-panel-border, 1px solid rgba(0, 0, 0, 0.12));
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
    resize: both;
    min-height: 200px;
    min-width: 400px;
}

.confirm-delete-dialog .rz-primary.rz-shade-default,
.confirm-delete-dialog .rz-primary.rz-shade-default:not(.rz-state-disabled):hover,
.confirm-delete-dialog .rz-primary.rz-shade-default:not(.rz-state-disabled):focus {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}
.tooltip {
    z-index: 2002;
}

/*Upload dropdown custom styling*/

.upload-dropzone {
    position: relative;
    border: 2px dashed #c7cdd4;
    border-radius: 18px;
    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 60%);
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.upload-dropzone:hover,
.upload-dropzone:focus-within {
    border-color: var(--rz-primary, #3f51b5);
    box-shadow: 0 8px 18px rgba(0,0,0,0.08);
    background: linear-gradient(135deg, #eef5ff 0%, #ffffff 60%);
}

.upload-dropzone--compact {
    padding: 1.1rem;
}

.upload-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    pointer-events: none;
}

.upload-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #eaf1ff;
    color: var(--rz-primary, #3f51b5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.2rem;
}

.upload-icon i {
    font-size: 22px;
}

.upload-title {
    color: #223041;
}

.upload-subtitle {
    font-size: 0.9rem;
    color: #647081;
}

.upload-types {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: center;
    margin-top: 0.6rem;
}

.upload-chip {
    background: #eef2f6;
    border: 1px solid #d7dde5;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    font-size: 0.78rem;
    color: #2c3a4a;
}

.upload-note {
    margin-top: 0.4rem;
    font-size: 0.78rem;
    color: #6d7685;
}

.rz-menuitem .rz-menuitem-icon {
    opacity: 50%;
}