html {
    scroll-behavior: smooth;
}


@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits:false;
}


@keyframes spin {
    from {
        --angle: 0deg;
    }

    to {
        --angle: 360deg;
    }
}



.bg-indicator--online {
    width: 8px;
    height: 8px;
    background-color: #5AD539 !important;
}

.bg-indicator--offline {
    width: 8px;
    height: 8px;
    background-color: #868686 !important;
}

.bg-indicator--passive {
    width: 8px;
    height: 8px;
    background-color: #F9A44A !important;
}

.g-color-primary-new {
    color: rgb(10, 191, 83) !important;
}

.g-color-as-logo {
    color: #448030 !important;
}

.nb-bg-hero-primary {
    background: linear-gradient(178.98deg, rgba(50, 85, 16, 0.8) -63.45%, rgba(50, 85, 16, 0.8) -58.53%, rgba(103, 166, 39, 0.8) 155.8%);
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: rgb(109, 184, 42) !important;
    border-color: rgb(109, 184, 42) !important;
}

.btn-primary {
    background-color: #72c02c !important;
    border-color: #72c02c !important; }

.btn-primary:hover {
    color: #fff !important;
    background-color: #6db82a !important;
    border-color: #6db82a !important; }

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 2px rgba(114, 192, 44, 0.5) !important; }

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #72c02c !important;
    border-color: #72c02c !important; }

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #6db82a !important;
    border-color: #6db82a !important; }

.btn-outline-primary {
    color: #72c02c !important;
    border-color: #72c02c !important; }

.btn-outline-primary:hover {
    background-color: #6db82a !important;
    border-color: #6db82a !important; }

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 2px rgba(114, 192, 44, 0.5) !important; }

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #72c02c !important; }

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #6db82a !important;
    border-color: #6db82a !important; }

#top-menu li a {
    font-weight: 600;
}

.color-white {
    color: #fff;
}

.content-15px {
    font-size: 15px;
}

.footer-copyright {
    font-size: 10px;
    color: #555;
    margin-top: 20px;
}

.footer-copyright p {
    margin-bottom: 0;
    color: #555 !important;
}

.footer-copyright ul {
    list-style-type: none;
    padding-left: 0;
}

.margin-top-30 {
    margin-top: 30px !important;
}

#datepickerNote .ui-datepicker-today a {
    border-color: #346324 !important;
}

.noty_theme__unify--v1--dark.noty_type__success .noty_progressbar {
    background-color: #38761D;
}

.swiper-preloader {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#fff;
    z-index:1
}
.swiper-button-next,
.swiper-button-prev {
    display:inline-flex;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    color:#677788;
    width:2.875rem;
    height:2.875rem;
    background-color:#fff;
    border:.0625rem solid #dce0e5;
    border-radius:50%;
    transition:all .2s ease-in-out
}
.swiper-button-next:after,
.swiper-button-prev:after {
    width:1rem;
    height:1rem;
    font-family:inherit;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:100% 100%;
    content:""
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    box-shadow:0 .1875rem .3125rem 0 rgba(140,152,164,.2)
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity:.5;
    box-shadow:none
}
.swiper-button-next:after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23677788'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.swiper-button-next:hover:after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230ABF53'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.swiper-button-prev:after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23677788'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.swiper-button-prev:hover:after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230ABF53'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.swiper-static-button-next,
.swiper-static-button-prev {
    position:static;
    left:0;
    right:0;
    margin-left:.25rem;
    margin-bottom:.5rem
}
.swiper-static-button-prev {
    margin-right:.5rem
}
.swiper-button-next-soft-white,
.swiper-button-prev-soft-white {
    color:#fff;
    background-color:rgba(255,255,255,.1)
}
.swiper-button-next-soft-white:hover,
.swiper-button-prev-soft-white:hover {
    background-color:#0abf53
}
.swiper-button-next-soft-white:after,
.swiper-button-next-soft-white:hover:after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.swiper-button-prev-soft-white:after,
.swiper-button-prev-soft-white:hover:after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.swiper-pagination {
    position:static;
    width:100%!important;
    display:flex;
    justify-content:center;
    margin-top:2rem
}
.swiper-pagination.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left:0;
    transform:translateX(0)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left:0;
    transform:translateX(0)
}
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform:translateX(0)
}
.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 .25rem
}
.swiper-pagination-bullet {
    position:relative;
    opacity:1;
    width:1.5rem;
    height:1.5rem;
    border:.0625rem solid transparent;
    background-color:transparent;
    transition:.2s
}
.swiper-pagination-bullet::before {
    position:absolute;
    top:50%;
    left:50%;
    width:.25rem;
    height:.25rem;
    background-color:#bdc5d1;
    border-radius:50%;
    transform:translate(-50%,-50%);
    transition:.2s;
    content:""
}
.swiper-pagination-bullet:hover {
    border-color:rgba(10,191,83,.5)
}
.swiper-pagination-bullet:hover::before {
    background-color:rgba(10,191,83,.5)
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:hover {
    border-color:#0abf53
}
.swiper-pagination-bullet-active::before,
.swiper-pagination-bullet-active:hover::before {
    background-color:#0abf53
}
.swiper-pagination-light .swiper-pagination-bullet::before {
    background-color:rgba(255,255,255,.5)
}
.swiper-pagination-light .swiper-pagination-bullet:hover {
    border-color:#fff
}
.swiper-pagination-light .swiper-pagination-bullet:hover::before {
    background-color:rgba(255,255,255,.5)
}
.swiper-pagination-light .swiper-pagination-bullet-active,
.swiper-pagination-light .swiper-pagination-bullet-active:hover {
    border-color:#fff
}
.swiper-pagination-light .swiper-pagination-bullet-active::before,
.swiper-pagination-light .swiper-pagination-bullet-active:hover::before {
    background-color:#fff
}
.swiper-pagination-progress {
    cursor:pointer
}
.swiper-pagination-progress-body {
    position:relative;
    display:block;
    width:100%;
    height:.25rem;
    background-color:rgba(45,55,75,.1);
    border-radius:6.1875rem
}
.swiper-pagination-progress-body-helper {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:0;
    height:100%;
    background-color:#0abf53;
    border-radius:6.1875rem;
    transition:none
}
.swiper-slide-thumb-active .swiper-pagination-progress-body-helper {
    transition-property:width;
    transition-timing-function:linear;
    width:100%
}
.swiper-pagination-progress-light .swiper-pagination-progress-body {
    background-color:rgba(255,255,255,.5)
}
.swiper-pagination-progress-light .swiper-pagination-progress-body-helper {
    background-color:#fff
}
.swiper-pagination-progressbar {
    background-color:rgba(45,55,75,.1)
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color:#0abf53
}
.swiper-step-pagination .swiper-wrapper {
    padding-top:1rem
}
.swiper-step-pagination .swiper-slide::before,
.swiper-step-pagination .swiper-wrapper::before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:.125rem;
    background-color:rgba(45,55,75,.1);
    content:""
}
.swiper-step-pagination .swiper-slide {
    cursor:pointer
}
.swiper-step-pagination .swiper-slide::before {
    top:-1rem;
    opacity:0
}
.swiper-step-pagination .swiper-slide.swiper-slide-thumb-active::before {
    background-color:#2d374b;
    opacity:1
}
.swiper-step-pagination .swiper-step-pagination-title {
    color:rgba(45,55,75,.7)
}
.swiper-step-pagination .swiper-slide-thumb-active .swiper-step-pagination-title {
    color:#2d374b
}
.swiper-step-pagination-light .swiper-slide::before,
.swiper-step-pagination-light .swiper-wrapper::before {
    background-color:rgba(255,255,255,.2)
}
.swiper-step-pagination-light .swiper-slide.swiper-slide-thumb-active::before {
    background-color:#fff
}
.swiper-step-pagination-light .swiper-step-pagination-title {
    color:rgba(255,255,255,.7)
}
.swiper-step-pagination-light .swiper-slide-thumb-active .swiper-step-pagination-title {
    color:#fff
}
.swiper-pagination-fraction {
    display:block;
    letter-spacing:.125rem
}
.swiper-pagination-fraction .swiper-pagination-current {
    font-size:4rem;
    line-height:4rem
}
.swiper-thumbs {
    box-sizing:border-box
}
.swiper-thumbs .swiper-slide {
    cursor:pointer;
    opacity:.4
}
.swiper-thumbs .swiper-slide-thumb-active {
    opacity:1
}
.swiper-equal-height .swiper-wrapper {
    display:flex
}
.swiper-equal-height .swiper-slide {
    display:flex;
    height:auto
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    position:absolute;
    width:auto!important;
    flex-direction:column;
    justify-content:flex-end;
    margin:0
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:.25rem 0
}
.swiper-horizontal>.swiper-pagination-middle-y-end {
    position:absolute;
    top:50%;
    left:auto;
    right:0;
    bottom:auto;
    transform:translateY(-50%)
}
.swiper-center-mode-end {
    margin-right:calc(-1px - (100vw - 100%)/ 2 + 15px)!important;
}
.swiper-step {
    padding-left:.3125rem
}
.swiper-step .swiper-slide {
    cursor:grab
}
.swiper-step .swiper-step-divider {
    position:relative;
    width:calc(100% + 2rem);
    height:.125rem;
    background-color:#0abf53;
    margin-top:2rem;
    margin-bottom:3rem
}
.swiper-step .swiper-step-divider::before {
    position:absolute;
    top:50%;
    left:0;
    width:1.5rem;
    height:1.5rem;
    background-color:#fff;
    box-shadow:0 .1875rem .375rem rgba(140,152,164,.25);
    border-radius:50%;
    transform:translateY(-50%);
    content:""
}
.swiper-step .swiper-step-divider::after {
    position:absolute;
    top:50%;
    left:.5rem;
    width:.5rem;
    height:.5rem;
    background-color:#0abf53;
    border-radius:50%;
    transform:translateY(-50%);
    content:""
}
.swiper-thumb-progress {
    width:110%;
    height:110%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.swiper-thumb-progress-avatar {
    position:relative;
    display:block;
    width:2.875rem;
    height:2.875rem;
    border:.0625rem solid rgba(220,224,229,.6);
    padding:.25rem;
    margin:.25rem;
    border-radius:50%
}
.swiper-thumb-progress-avatar-img {
    max-width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%
}
.swiper-thumb-progress .swiper-thumb-progress-path {
    opacity:0;
    fill:transparent;
    stroke:#0abf53;
    stroke-width:8;
    stroke-dashoffset:477;
    stroke-dashoffset:0
}
.swiper-thumb-progress .swiper-thumb-progress-path {
    opacity:0;
    fill:transparent;
    stroke:#0abf53;
    stroke-width:8;
    stroke-dashoffset:477;
    stroke-dashoffset:0
}

.pulse-shadow {
    border-radius: 50%;
    display: inline-block;
}

.pulse-shadow.pulse-shadow--black {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-black 2s infinite;
}

.pulse-shadow.pulse-shadow--green {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-green 2s infinite;
}

.pulse-shadow.pulse-shadow--orange {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-orange 2s infinite;
}

.pulse-shadow.pulse-shadow--purple {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-purple 2s infinite;
}

.pulse-shadow.pulse-shadow--red {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.9); /* Уменьшение до 90% */
        box-shadow: 0 0 0 0 rgba(114, 192, 44, 0.7);
    }

    70% {
        transform: scale(1.1); /* Увеличение до 110% */
        box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    }

    100% {
        transform: scale(0.9); /* Возвращение к 90% */
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    }
}

@keyframes pulse-purple {
    0% {
        transform: scale(0.9); /* Уменьшение до 90% */
        box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
    }

    70% {
        transform: scale(1.1); /* Увеличение до 110% */
        box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
    }

    100% {
        transform: scale(0.9); /* Возвращение к 90% */
        box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
    }
}

@keyframes pulse-orange {
    0% {
        transform: scale(0.9); /* Уменьшение до 90% */
        box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
    }

    70% {
        transform: scale(1.1); /* Увеличение до 110% */
        box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
    }

    100% {
        transform: scale(0.9); /* Возвращение к 90% */
        box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
    }
}

@keyframes pulse-red {
    0% {
        transform: scale(0.9); /* Уменьшение до 90% */
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }

    70% {
        transform: scale(1.1); /* Увеличение до 110% */
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.9); /* Возвращение к 90% */
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}

@keyframes pulse-black {
    0% {
        transform: scale(0.9); /* Уменьшение до 90% */
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1.1); /* Увеличение до 110% */
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.9); /* Возвращение к 90% */
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}