/* This file is used !!ONLY!! for rewriting !!BOOTSTRAP!! styles */
.text-primary {
  color: rgb(from var(--color-primary) r g b) !important;
}

.btn {
  --bs-btn-font-weight: 700;
}

.btn-primary {
  --bs-btn-color: var(--color-text-black);
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-primary-dark);
  --bs-btn-hover-border-color: var(--color-primary-dark);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-primary-dark);
  --bs-btn-active-border-color: var(--color-primary-dark);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: hsl(from var(--color-primary) h s 65);
  --bs-btn-disabled-border-color: hsl(from var(--color-primary) h s 65);
}

.page-link {
  color: var(--color-text-black);
  padding: 0.6em 1em;
}

.page-link:hover {
  color: var(--color-text-black);
}

.active > .page-link,
.page-link.active {
  color: var(--color-text-black);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.card {
  --bs-card-border-color: rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.card-img-top,
.card-img-top img {
  object-fit: contain;
}

.form-check-input:focus,
.form-control:focus {
  border-color: var(--color-primary);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(from var(--color-primary) r g b / 0.25);
}

.form-check-input:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1224px; /*1320 - 2 * 3rem*/
  }
}

.breadcrumb-item {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.42857;
  color: #475467;
}

.modal {
  --bs-modal-zindex: 1200;
  z-index: 1200;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1190;
  z-index: 1190;
}
