* {
  box-sizing: border-box;
}

body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.75rem;
}

.sticky-img {
  min-width: 50px;
  min-height: 50px;
}

.sticky-img a {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  padding: 2px;
  background: #f0f0f0;
  border-radius: 10px;
}

.sticky-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.1));
}

textarea.form-control {
  min-height: 200px;
}

img {
  max-width: 100%;
}

.breadcrumb-nav {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");
}

.breadcrumb {
  margin-bottom: 0;
}

header.sticky-top {
  z-index: 1;
}

header .dropdown-toggle::after {
  display: none;
}

/* for the snackbar */
:root {
  --sb-background-paper: #ffffff;
  --sb-text-primary: #1c252e;
  --sb-grey-500Channel: 145 158 171;
  --sb-error-mainChannel: 255 86 48;
  --sb-error-main: #ff5630;
  --sb-success-main: #22c55e;
  --sb-success-mainChannel: 34 197 94;
}
.toaster__root {
  width: 300px;

  /* Hardcoded to match the design system */
  z-index: 1300;
  margin: 0;
}
.toaster__toast {
  gap: 12px;
  width: 100%;
  min-height: 52px;
  display: flex;
  border-radius: 12px;
  align-items: center;

  /* Hardcoded to match the design system */
  right: 0;
}
.toaster__default {
  padding: 4px 8px 4px 4px;
  box-shadow: 0 8px 16px 0 rgba(145 158 171 / 0.16);
  color: var(--sb-text-primary);
  background-color: var(--sb-background-paper);
}
.toaster__close_button {
  top: 0;
  right: 0;
  left: auto;
  color: currentColor;
  background-color: transparent;
  transform: translate(-6px, 6px);
  border-color: rgba(var(--sb-grey-500Channel) / 0.16);
  transition:
    background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

  /* Hardcoded to match the design system */
  border-radius: 50%;
}
.toaster__error .toaster__icon {
  color: var(--sb-error-main);
  background-color: rgba(var(--sb-error-mainChannel) / 0.08);
}
.toaster__success .toaster__icon {
  color: var(--sb-success-main);
  background-color: rgba(var(--sb-success-mainChannel) / 0.08);
}
.toaster__icon {
  margin: 0;
  width: 48px;
  height: 48px;
  align-items: center;
  border-radius: inherit;
  justify-content: center;
  align-self: flex-start;
}
.toaster__icon .toaster__icon__svg {
  width: 24px;
  height: 24px;
  font-size: 0;
}
.toaster__default:has([data-close-button='true']) .toaster__content {
  padding-right: 32px;
}
.toaster__content {
  gap: 0;
  flex: 1 1 auto;
}
.toaster__title {
  font-size: 0.875rem;
}