html {
  font-size: 14px;
}


@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


.form-control:focus {
    border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.btn-outline-danger:focus-visible, .btn-outline-danger:focus {
    border-color: #FF0000 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
.btn-danger:focus-visible, .btn-danger:focus {
    border-color: #FF0000 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
}



.nav-link:hover {
    background-color: #666666;
    color: black;
}

.logo {
    max-width: 100px; /* Укажите нужную вам ширину */
    max-height: 60px;
    margin-left: 10px; /* Добавляем отступ слева, например, 20px */
}


element.style {
    margin-top: 64px;
    backdrop-filter: blur(8px);
}

.news-ticker-container {
    width: 100%;
    background-color: #f8f9fa;
    overflow: hidden;
    padding: 8px 0;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}

.news-ticker-container {
    overflow: hidden;
    white-space: nowrap;
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 10px 0;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.news-ticker {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    animation: ticker-scroll 40s linear infinite;
    will-change: transform;
}

.news-ticker {
    display: inline-block;
    animation: ticker-scroll 60s linear infinite;
}

.overflow-hidden {
    overflow: hidden !important;
}

*, ::after, ::before {
    box-sizing: border-box;
}
a.news-ticker-item {
    color: #c2271f;
    text-decoration: none;
    padding: 0 15px;
    font-weight: 500;
}

.text-decoration-none {
    text-decoration: none !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

a {
    color: #0d6efd;
    text-decoration: underline;
}

.ticker-separator {
    flex-shrink: 0;
    white-space: nowrap;
    display: inline-block;
    padding: 0 1.5rem 0 0.5rem;
    font-size: 0.9em;
    color: #adb5bd;
    vertical-align: middle;
}

.news-ticker-container {
    overflow: hidden;
    white-space: nowrap;
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 10px 0;
}

.news-ticker {
    display: inline-block;
    animation: ticker-scroll 80s linear infinite;
}

.news-ticker-item {
    display: inline-block;
    padding: 0 10px;
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

    .news-ticker-item:hover {
        text-decoration: underline;
    }

.ticker-separator {
    display: inline-block;
    color: #6c757d;
    padding: 0 5px;
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}





"link-opacity": (
  css-var: true,
  class: link-opacity,
  state: hover,
  values: (
    10: .1,
    25: .25,
    50: .5,
    75: .75,
    100: 1
  )
),
"link-offset": (
  property: text-underline-offset,
  class: link-offset,
  state: hover,
  values: (
    1: .125em,
    2: .25em,
    3: .375em,
  )
),
"link-underline": (
  property: text-decoration-color,
  class: link-underline,
  local-vars: (
    "link-underline-opacity": 1
  ),
  values: map-merge(
    $utilities-links-underline,
    (
      null: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-underline-opacity, 1)),
    )
  )
),
"link-underline-opacity": (
  css-var: true,
  class: link-underline-opacity,
  state: hover,
  values: (
    0: 0,
    10: .1,
    25: .25,
    50: .5,
    75: .75,
    100: 1
  ),
),
"focus-ring": (
  css-var: true,
  css-variable-name: focus-ring-color,
  class: focus-ring,
  values: map-loop($theme-colors-rgb, rgba-css-var, "$key", "focus-ring")
),