:root {
  --bs-primary: #c66310;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #3b99e0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c66310;
  --bs-btn-border-color: #c66310;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ab560e;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c66310;
  --bs-btn-disabled-border-color: #c66310;
}

.modal-content {
  border: none !important;
  border-radius: 20px !important;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}

.shake {
  animation: shake 0.4s;
  border-color: red !important;
  /*opcjonalnie: podkreślenie błędu;*/
}

@media (min-width: 768px) {
  .page-footer ul li:before, .page-footer ul li:after {
    content: none !important;
    display: none !important;
  }
}

/* sticky footer */

html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
}

/* sticky footer */

.col-selectable {
  transition: border 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid rgba(219, 223, 227, 0);
  cursor: pointer;
}

.col-selectable:hover {
  box-shadow: 0 0 8px var(--bs-warning);
}

.col-selectable.selected-col {
  border: 2px solid var(--bs-warning) !important;
}

.presentation-wrapper {
  width: 100vw;
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  overflow: hidden;
}

.presentation-wrapper.loaded {
  visibility: visible;
  opacity: 1;
}