:root {
  --bs-font-sans-serif: Montserrat, sans-serif;
  --bs-primary-rgb: 37,74,137;
  --bs-btn-primary: #254a89 !important;
}

.btn:not(:disabled):not(.disabled) {
}

.accordion-button svg, .accordion-button img {
  margin-right: 0.5rem;
  width: auto;
  height: 24px;
}

.accordion-button img.top-menu {
  margin-right: 0.5rem;
  width: auto;
  height: 36px;
}

.fw-500 {
  font-weight: 500;
}

.oddelovac {
  background-image: url("../../assets/img/oddelovac-loga.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 92px;
}

.slanted {
  position: relative;
  display: inline-block;
  padding: 0em 0em;
  margin: 0 2rem;
}

.slanted:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  height: 2.4rem;
  width: 100%;
  background-color: inherit;
  border: 6px solid var(--bs-light);
  border-top: none;
  border-bottom: none;
  -webkit-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

@media (max-width: 1280px) {
  .slanted, .slanted:after {
    border: unset;
  }
}

[role=button] {
  line-height: 1rem;
}

[role=button]:hover {
  color: var(--bs-teal);
}

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

.small {
  font-size: 0.86rem;
}

.no-hover:hover {
  color: unset;
}

.selectpicker {
  background: none;
  color: var(--bs-light);
  border: none;
  font-weight: 500;
}

.modal {
  color: var(--bs-dark);
}

canvas {
  background-color: #eee;
}

#graf {
  stroke-dasharray: 126;
  stroke-dashoffset: 126;
  animation: dash 5s linear forwards;
}

@keyframes dash {
  from {
    stroke-dashoffset: 126;
  }
  to {
    stroke-dashoffset: 32;
  }
}

@media (max-width: 992px) {
  .menu-main {
    display: none;
  }
}