/*body {
    
    background-image: url("/app-config/rivne/img/1580/rivne-bg.jpg");
    background-repeat: repeat;
    background-size: 340px 80px;
}*/
@font-face {
    font-family: 'BanderaPro';
    src: url('/app-config/rivne/fonts/BanderaPro/BanderaPro.woff2') format('woff2'),
         url('/app-config/rivne/fonts/BanderaPro/BanderaPro.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BanderaPro';
    src: url('/app-config/rivne/fonts/BanderaPro/BanderaProMedium.woff2') format('woff2'),
         url('/app-config/rivne/fonts/BanderaPro/BanderaProMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BanderaPro';
    src: url('/app-config/rivne/fonts/BanderaPro/BanderaPro-Bold.woff2') format('woff2'),
         url('/app-config/rivne/fonts/BanderaPro/BanderaPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --bs-primary: #1890A1;
    --bs-link-color: #1890A1;
    --bs-font-sans-serif: "BanderaPro", Arial, sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-primary-rgb: 24, 144, 161;
}

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

.text-primary {
    color: #1890A1 !important;
}

[data-bs-theme=dark] .line-bottom {
    border-bottom-color: var(--bs-border-color);
}

html, body {
    font-family: var(--bs-body-font-family);
    /* font-size: 14px; */
    color: var(--bs-body-color);
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #1890A1;
    --bs-btn-border-color: #1890A1;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #137381;
    --bs-btn-hover-border-color: #116875;
    --bs-btn-focus-shadow-rgb: 24, 144, 161;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #116875;
    --bs-btn-active-border-color: #0f5a65;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #1890A1;
    --bs-btn-disabled-border-color: #1890A1;
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #137381;
    border-color: #116875;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #ffffff;
    background-color: #137381;
    border-color: #116875;
    box-shadow: 0 0 0 0.25rem rgba(24, 144, 161, 0.5);
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #116875;
    border-color: #0f5a65;
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.btn-outline-primary {
    --bs-btn-color: #1890A1;
    --bs-btn-border-color: #1890A1;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #1890A1;
    --bs-btn-hover-border-color: #1890A1;
    --bs-btn-focus-shadow-rgb: 24, 144, 161;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #1890A1;
    --bs-btn-active-border-color: #1890A1;
    --bs-btn-disabled-color: #1890A1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1890A1;
    color: #1890A1;
    border-color: #1890A1;
}

.btn-outline-primary:hover {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(24, 144, 161, 0.5);
}

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #1890A1;
    background-color: transparent;
}

.btn-text-primary {
    --bs-btn-color: #1890A1;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #1890A1;
    --bs-btn-hover-bg: rgba(24, 144, 161, 0.2);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 24, 144, 161;
    --bs-btn-active-color: #1890A1;
    --bs-btn-active-bg: rgba(24, 144, 161, 0.2);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #1890A1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1890A1;
}

input#daterange, input#daterangeAdelina {
    font-size: 14px;
}

@media (max-width: 767.98px) {
    .form-select,
    .form-control {
        font-size: 16px;
    }
}

.offcanvas-main.show .navbar-nav .nav-link {
    color: var(--bs-body-color);
}

.form-check-input:checked {
    background-color: #1890A1 !important;
    border-color: #1890A1 !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    color: var(--bs-danger-text);
    border-color: var(--bs-danger);
    border-bottom: 1px solid;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-bottom: 2px solid;
    border-color: var(--bs-danger) !important;
}

.daterangepicker .input-mini {
    border-bottom: 1px solid #000000;
}

.daterangepicker .input-mini.active {
    border-bottom: 1px solid #1890A1;
}

.ranges li {
    color: #1890A1;
}

.ranges li.active,
.ranges li:hover {
    background: #1890A1;
    border: 1px solid #1890A1;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #1890A1;
}

.daterangepicker td.in-range {
    background-color: rgba(24, 144, 161, 0.1);
}

.panelinform > .ServiceGroupIdColorDefault {
    background-color: #dcdcdc;
}

#mainOffcanvas.show {
    background: #e7eef3;
}

.offcanvas.show .nav-link, .offcanvas.show span {
    color: var(--bs-body-color)
}

.offcanvas-main.show .dropdown-menu.show .dropdown-item.active,
.offcanvas-main.show .dropdown-menu.show .dropdown-item:active,
.dropdown-item.active, .dropdown-item:active {
    background-color: rgba(24, 144, 161, 0.2);
    color: #1890A1;
}

#mainOffcanvas.show hr {
    color: #000000 !important;
    opacity: 1 !important;
}

.btn-close-white {
    filter: invert(0) grayscale(100%) brightness(200%);
}

.offcanvas-title {
    color: #000000;
}

.nav-transparent {
    background-color: transparent;
}

.nav-transparent .navbar-nav .nav-link {
    color: #ffffff !important;
}

.nav-transparent .navbar-nav .nav-item .btn-icon > .material-symbols-outlined {
    color: #ffffff !important;
}

.nav-transparent .switcher svg g line {
    stroke: rgb(255 255 255);
    -webkit-text-stroke-color: #ffffff;
}

.line-bottom {
    /* border-bottom: 2px solid #000000; */
}

.background-city-gradient {
    background: linear-gradient(0deg, rgba(24, 144, 161, 0.9), rgba(24, 144, 161, 0.9)), url('/app-config/kharkiv/img/city/background.jpg') center no-repeat;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link > span {
    font-weight: 400;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    opacity: 0.2;
}

.footer-dark {
    color: #ffffff;
}

.section-beige {
    background-color: #e7ebe6;
}

.bg-gradient-green {
    background: linear-gradient(79.7deg, #0e545e 0%, #1890A1 100%);
}

.bg-dark {
    background-color: #000000 !important;
}

.btn-grey {
    background: rgba(255, 255, 255, 0.31);
    color: #ffffff;
}

.btn-grey:hover,
.btn-grey:focus {
    background: #ffffff !important;
    color: #000000 !important;
}

.btn-check:focus + .btn-light,
.btn-light:focus,
.btn-light:hover,
.btn-light:active {
    color: #000000;
    background: rgba(255, 255, 255, 0.8);
}

.btn-map {
    color: inherit !important;
}

#main-footer .nav-link {
    color: #2da2a9;
}

a {
    color: #1890A1;
}

a:hover,
a:focus {
    color: #137381;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #ffffff;
    background-color: #1890A1;
}

.panelinform {
    border: 2px solid rgba(0, 0, 0, 0.4);
    background-color: #ffff;
}

.panelinform .card-header,
.panelinform .card-body,
.panelinform .card-footer {
    border: 0;
    background-color: transparent;
}

div.highcharts-axis-labels span a {
    font-family: "BanderaPro", Arial, sans-serif !important;
    color: #000000;
}

.highcharts-label text tspan {
    stroke: rgba(255, 255, 255, 0) !important;
    fill: rgba(255, 255, 255, 0) !important;
}

.border-top {
    border-top: 1px solid #000000 !important;
}

.border-bottom {
    border-bottom: 1px solid #000000 !important;
}

.bootstrap-select > .dropdown-toggle {
    color: #000000 !important;
    background-color: transparent !important;
    border: 0;
    font-size: 14px;
}

.bootstrap-select {
    background-color: #e3e1df;
}

.ajs-ok {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.ajs-ok:hover {
    color: #ffffff;
    background-color: #137381;
    border-color: #116875;
}

.btn-check:focus + .ajs-ok,
.ajs-ok:focus {
    color: #ffffff;
    background-color: #137381;
    border-color: #116875;
}

.btn-check:checked + .ajs-ok,
.btn-check:active + .ajs-ok,
.ajs-ok:active,
.ajs-ok.active,
.show > .ajs-ok.dropdown-toggle {
    color: #ffffff;
    background-color: #116875;
    border-color: #0f5a65;
}

.ajs-ok:disabled,
.ajs-ok.disabled {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.bs-select-all {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.bs-select-all:hover {
    color: #ffffff;
    background-color: #137381;
    border-color: #116875;
}

.btn-check:focus + .bs-select-all,
.bs-select-all:focus {
    color: #ffffff;
    background-color: #137381;
    border-color: #116875;
}

.btn-check:checked + .bs-select-all,
.btn-check:active + .bs-select-all,
.bs-select-all:active,
.bs-select-all.active,
.show > .bs-select-all.dropdown-toggle {
    color: #ffffff;
    background-color: #116875;
    border-color: #0f5a65;
}

.bs-select-all:disabled,
.bs-select-all.disabled {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.bs-deselect-all {
    color: #6c757d;
    border-color: #6c757d;
}

.bs-deselect-all:hover {
    color: #ffffff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-check:checked + .bs-deselect-all,
.btn-check:active + .bs-deselect-all,
.bs-deselect-all:active,
.bs-deselect-all.active,
.bs-deselect-all.dropdown-toggle.show {
    color: #ffffff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.bs-deselect-all:disabled,
.bs-deselect-all.disabled {
    color: #6c757d;
    background-color: transparent;
}

.form-selectgroup-input:checked + .form-selectgroup-label {
    color: #1890A1 !important;
    background: rgba(24, 144, 161, .04);
    border-color: #1890A1 !important;
}

.applyBtn {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.applyBtn:hover {
    color: #ffffff;
    background-color: #137381;
    border-color: #116875;
}

.btn-check:focus + .applyBtn,
.applyBtn:focus {
    color: #ffffff;
    background-color: #137381;
    border-color: #116875;
}

.btn-check:checked + .applyBtn,
.btn-check:active + .applyBtn,
.applyBtn:active,
.applyBtn.active,
.show > .applyBtn.dropdown-toggle {
    color: #ffffff;
    background-color: #116875;
    border-color: #0f5a65;
}

.applyBtn:disabled,
.applyBtn.disabled {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.boxes input:checked + label {
    border-bottom: 2px solid #1890A1;
    color: #1890A1;
}

.page-item.active .page-link {
    color: #ffffff;
    background-color: #1890A1;
    border-color: #1890A1;
}

.alert-info {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.adm-part a {
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

#post-content .card,
#posts .card {
    border: 0;
    background-color: inherit;
}

#posts .card {
    border-bottom: 2px solid #000000;
}

#posts .card-footer {
    background-color: inherit;
    border: none;
}

#post-content .card-header {
    background-color: inherit;
    border-bottom: 0;
    border-top: 0 solid rgba(0, 0, 0, .125);
}

#post-content .card-footer {
    background-color: inherit;
    border: none;
}

#side-content .card:first-of-type {
    border-top: 2px solid #000000 !important;
}

#side-content .card {
    border-bottom: 2px solid #000000;
}

.response-header {
    background-color: inherit;
    border: 0;
}

.footer-light h5 {
    color: #002738;
}
.footer-light h5::after {
    border-bottom: #1890A1 3px solid;
}