@import url("/public/rails_bootstrap_forms-2695a9a248a5d08fb0e4c967e6f9b6ca66d64497.css");

/* highlight missing translations */
.translation_missing {
  color: var(--bs-text-danger) !important;
}

/* mark labels of required fields */
label.required:after {
  content: " *";
}

/* dark mode fixes */
.logo {
  fill: var(--bs-dark);
}

body.layout-devise {
  background-image: url("/public/bg-a0162e580e28bde9dd98b5c2e5c0b65815bc787f.svg");
  background-color: var(--bs-primary);
}

[data-bs-theme="dark"] body.layout-devise {
  background-color: #28332f;
}

/* make sure the select2 input works with bootstrap input groups */
.input-group > .select2-container--bootstrap5 {
  width: auto !important;
  flex: 1 1 auto;
}

.input-group > .select2-container--bootstrap5 .select2-selection--single {
  height: 100%;
  line-height: inherit;
  padding: 0.5rem 1rem;
}

/* add extra table styles */
.table-borderless > *:first-child .d-table-cell {
  border: 0 !important;
}

/* utils */
.cursor-pointer {
  cursor: pointer;
}

/* overflow shadows */
.overflow-shadow {
  background:
    linear-gradient(var(--bs-card-bg) 30%, rgba(255, 255, 255, 0)),
    linear-gradient(rgba(255, 255, 255, 0), var(--bs-card-bg) 70%) 0 100%,
    radial-gradient(ellipse 60% 100% at 50% 0, var(--bs-gray-300), rgba(0, 0, 0, 0)),
    radial-gradient(ellipse 60% 100% at 50% 100%, var(--bs-gray-300), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-size:
    100% 40px,
    100% 40px,
    100% 14px,
    100% 14px;
  background-attachment: local, local, scroll, scroll;
}

.overflow-shadow .active {
  background: rgba(var(--bs-gray-900-rgb), 0.1) !important;
}
