:root {
  --brand-color: #013755;
  --bs-primary: var(--brand-color);
  --bs-primary-rgb: 1, 55, 85; }

.navbar {
  background-color: var(--brand-color); }

.btn-primary {
  background-color: var(--brand-color);
  border-color: var(--brand-color); }

/* allows bootstrap to style Laminas Navigation generated menu items within the navbar */
.navbar li.active a {
  color: var(--bs-navbar-active-color); }

.locationSelectionMap {
  height: 50vh; }
  .locationSelectionMapSmall {
    height: 100%;
    min-height: 35vh; }

.clickable-table-row {
  cursor: pointer; }

.filebox {
  cursor: pointer;
  background-color: var(--bs-light);
  width: calc(25% - 2rem);
  transition: background-color 0.3s ease; }
  .filebox-hover:hover {
    background-color: var(--bs-primary);
    color: white; }
    .filebox-hover:hover .bi-x-lg:hover {
      color: var(--bs-danger); }
  .filebox-hidden {
    display: none !important; }

.files-drag-drop {
  cursor: pointer;
  border: 2px dashed var(--bs-secondary);
  border-radius: 5px;
  padding: 25px;
  text-align: center;
  transition: background-color 0.3s ease;
  /* Add transition for smooth effect */
  color: var(--bs-dark); }
  .files-drag-drop:hover {
    background-color: var(--bs-light);
    transition: background-color 0.3s ease; }
  .files-drag-drop.dragging {
    background-color: var(--bs-primary);
    border: 2px dashed var(--bs-white);
    color: var(--bs-white);
    transition: background-color 0.3s ease; }
  .files-drag-drop.upload-error {
    background-color: var(--bs-danger);
    border: 2px dashed var(--bs-white);
    color: var(--bs-white);
    transition: background-color 0.3s ease;
    animation: shake 0.5s ease-in-out; }
@keyframes shake {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-5px); }
  50% {
    transform: translateX(5px); }
  75% {
    transform: translateX(-5px); }
  100% {
    transform: translateX(0); } }
  .files-drag-drop .files-drag-drop.upload-error {
    animation: shake 0.5s ease-in-out; }

.restore-file-button:hover {
  color: var(--bs-warning);
  animation: rotateCw 0.75s ease-in-out; }
@keyframes rotateCw {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-720deg); } }
.revert-restore-file-button:hover {
  color: var(--bs-info);
  animation: rotateCcw 0.75s ease-in-out; }
@keyframes rotateCcw {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(720deg); } }
.token-input {
  font-size: 3rem;
  /* Adjust the font size as needed */
  text-align: center; }

/*# sourceMappingURL=style.css.map */