:root {
    --bs-primary-border-subtle : var(--bs-success-border-subtle);
    --bs-primary-bg-subtle     : var(--bs-success-bg-subtle);
    --bs-primary               : var(--bs-success);
    --bs-link-color            : var(--bs-success);
    --bs-font-sans-serif       : "e-Ukraine", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --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);
}

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

.text-primary {
    color : rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

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

html, body {
    font-family : var(--bs-body-font-family);
    font-size   : 14px;
    word-break  : keep-all;
    word-wrap   : break-word;
}

.btn-primary {
    --mdc-ripple-color             : var(--bs-success-text);
    --mdc-ripple-color             : #ffffff;
    --bs-btn-color                 : #ffffff;
    --bs-btn-bg                    : #157347;
    --bs-btn-border-color          : #198754;
    --bs-btn-hover-color           : #ffffff;
    --bs-btn-hover-bg              : #157347;
    --bs-btn-hover-border-color    : #146c43;
    --bs-btn-focus-shadow-rgb      : 60, 153, 110;
    --bs-btn-active-color          : #ffffff;
    --bs-btn-active-bg             : #146c43;
    --bs-btn-active-border-color   : #13653f;
    --bs-btn-active-shadow         : var(--bs-shadow-8dp);
    --bs-btn-disabled-color        : #ffffff;
    --bs-btn-disabled-bg           : #198754;
    --bs-btn-disabled-border-color : #198754;
}

.btn-outline-primary {
    --mdc-ripple-color             : #198754;
    --bs-btn-color                 : #198754;
    --bs-btn-border-color          : #198754;
    --bs-btn-hover-color           : #ffffff;
    --bs-btn-hover-bg              : #198754;
    --bs-btn-hover-border-color    : #198754;
    --bs-btn-focus-shadow-rgb      : 25, 135, 84;
    --bs-btn-active-color          : #ffffff;
    --bs-btn-active-bg             : #198754;
    --bs-btn-active-border-color   : #198754;
    --bs-btn-active-shadow         : var(--bs-shadow-8dp);
    --bs-btn-disabled-color        : #198754;
    --bs-btn-disabled-bg           : transparent;
    --bs-btn-disabled-border-color : #198754;
    --bs-gradient                  : none;
}

.btn-text-primary {
    --mdc-ripple-color             : #198754;
    --bs-btn-color                 : #198754;
    --bs-btn-border-color          : transparent;
    --bs-btn-hover-color           : #198754;
    --bs-btn-hover-bg              : rgba(25, 135, 84, 0.2);
    --bs-btn-hover-border-color    : transparent;
    --bs-btn-focus-shadow-rgb      : 25, 135, 84;
    --bs-btn-active-color          : #198754;
    --bs-btn-active-bg             : rgba(25, 135, 84, 0.2);
    --bs-btn-active-border-color   : transparent;
    --bs-btn-active-shadow         : var(--bs-shadow-8dp);
    --bs-btn-disabled-color        : #198754;
    --bs-btn-disabled-bg           : transparent;
    --bs-btn-disabled-border-color : #198754;
    --bs-gradient                  : none;
}

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);
}

/*.floating-label>input:focus+label,*/
/*.floating-label>select:focus+label,*/
/*.floating-label>textarea:focus+label {*/
/*	color: var(--bs-green) !important;*/
/*}*/

.form-check-input:checked {
    background-color : var(--bs-green) !important;
    border-color     : var(--bs-green) !important;
}

.floating-label > input + label,
.floating-label > textarea + label {
    padding-left : 0 !important;
}

.floating-label > input:focus + label,
.floating-label > textarea:focus + label {
    left : 0 !important;
}

.floating-label > input[placeholder]:not(:placeholder-shown) + label,
.floating-label > textarea[placeholder]:not(:placeholder-shown) + label {
    left : 0 !important;
}

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

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

/*.autocomplete-suggestion:hover {*/
/*	background: var(--bs-green) !important;*/
/*}*/

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

.daterangepicker .input-mini.active {
    border-radius : 0;
    border        : 0;
    border-bottom : 1px solid var(--bs-green);
}

.ranges li {
    color : var(--bs-green);
}

.ranges li.active,
.ranges li:hover {
    background : var(--bs-green);
    border     : 1px solid var(--bs-green);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color : var(--bs-green);
}

.daterangepicker td.in-range {
    background-color : #ebf8ed;
}

.btn {
    border-radius : 999px;
    box-shadow    : none !important;
}

/* .btn-primary {
	background-color: var(--bs-green);
} */
.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 : var(--bs-success-bg-subtle);
    color            : var(--bs-success-text);
    transition       : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/*#mainOffcanvas.show .dropdown-menu.show .dropdown-item {*/
/*  color : #000 !important;*/
/*}*/

/*.offcanvas.show .navbar-nav .nav-link {*/
/*  color : #000 !important;*/
/*}*/

#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;
    position         : absolute;
    box-shadow       : none !important;
}

.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;
    padding-left  : 0;
    padding-right : 0;
}

.background-city-gradient {
    height     : 100vh;
    max-height : 800px;
    background : linear-gradient(0deg, rgba(28, 128, 85, 0.9), rgba(28, 128, 85, 0.9)), url('/app-config/kharkiv-transport/img/city/background.jpg') center no-repeat;
    /* background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.44)), url('/app-config/kharkiv/img/city/background.jpg') center/cover no-repeat; */
}

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

.flex-reverse {
    display        : flex;
    flex-direction : column-reverse;
}

.owl-nav {
    position : absolute;
    top      : -60px;
    right    : 0;
}

.owl-nav .owl-prev i,
.owl-nav .owl-next i {
    font-size : 40px !important;
}

.owl-nav .owl-prev {
    margin-right : 20px;
}

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

.footer-dark {
    color : #ffffff;
}

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

.bg-gradient-green {
    background : linear-gradient(79.7deg, #0c462d 0%, #2da771 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);
    box-shadow : none;
}

.btn-map {
    cursor      : pointer;
    float       : right;
    margin-left : 10px;
    color       : inherit !important;
}

#main-footer .nav-link {
    color        : #ffffff;
    padding-left : 0;
}

a {
    color : #199c64;
}

a:hover,
a:focus {
    color           : #199c64;
    text-decoration : underline;
}

a.btn,
a.nav-link {
    text-decoration : none !important
}

.dropdown-item.active,
.dropdown-item:active {
    color            : #ffffff;
    text-decoration  : none;
    background-color : #199c64;
}

.daterangepicker .input-mini {
    padding : 0 6px 0 28px !important;
}

.panelinform {
    border           : 2px solid rgba(0, 0, 0, 0.4);
    border-radius    : 30px;
    box-shadow       : none !important;
    background-color : #ffff;
}

.panelinform .card-header,
.panelinform .card-body,
.panelinform .card-footer {
    border           : 0;
    background-color : transparent;
    /* padding      : 1.5rem;
    padding-bottom  : 0.5 !important; */
}

.floating-label > select + label {
    left         : 0 !important;
    padding-left : 0 !important;
}

div.highcharts-axis-labels span a {
    font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif !important;
    word-break  : break-all;
    color       : #000000;
}

.rounded-block {
    border-radius : 30px;
}

.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;
    box-shadow       : none !important;
    border           : 0;
    outline          : none;
    font-size        : 14px;
}

.bootstrap-select {
    --mdc-ripple-color : var(--bs-light);
    background-color   : #e3e1df;
    border-radius      : var(--bs-border-radius-pill);
    padding            : .2rem .5rem;
}

.bootstrap-select > .dropdown-toggle > .ripple-surface {
    border-radius : var(--bs-border-radius-pill);
}

/*  border-radius    : 999px !important;*/
/*}*/

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline : none !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
    text-align : center;
}

.btn-primary {
    color            : #ffffff;
    background-color : #198754;
    border-color     : #198754;
    box-shadow       : 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.btn-primary {
    color            : #ffffff;
    background-color : #198754;
    border-color     : #198754;
    box-shadow       : 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.btn-primary:hover {
    color            : #ffffff;
    background-color : #157347;
    border-color     : #146c43;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color            : #ffffff;
    background-color : #157347;
    border-color     : #146c43;
    box-shadow       : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem;
}

.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 : #146c43;
    border-color     : #13653f;
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem;
}

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

.btn-outline-primary {
    color        : #198754;
    border-color : #198754;
}

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

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow : 0 0 0 0.25rem rgba(25, 135, 84, 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 : #198754;
    border-color     : #198754;
}

.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

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

.ajs-ok {
    color            : #ffffff;
    background-color : #198754;
    border-color     : #198754;
    box-shadow       : 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.ajs-ok:hover {
    color            : #ffffff;
    background-color : #157347;
    border-color     : #146c43;
}

.btn-check:focus + .ajs-ok,
.ajs-ok:focus {
    color            : #ffffff;
    background-color : #157347;
    border-color     : #146c43;
    box-shadow       : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem;
}

.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 : #146c43;
    border-color     : #13653f;
}

.btn-check:checked + .ajs-ok:focus,
.btn-check:active + .ajs-ok:focus,
.ajs-ok:active:focus,
.ajs-ok.active:focus,
.show > .ajs-ok.dropdown-toggle:focus {
    box-shadow : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem;
}

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

.bs-select-all {
    color            : #ffffff;
    background-color : #198754;
    border-color     : #198754;
    box-shadow       : 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.bs-select-all:hover {
    color            : #ffffff;
    background-color : #157347;
    border-color     : #146c43;
}

.btn-check:focus + .bs-select-all,
.bs-select-all:focus {
    color            : #ffffff;
    background-color : #157347;
    border-color     : #146c43;
    box-shadow       : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem;
}

.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 : #146c43;
    border-color     : #13653f;
}

.btn-check:checked + .bs-select-all:focus,
.btn-check:active + .bs-select-all:focus,
.bs-select-all:active:focus,
.bs-select-all.active:focus,
.show > .bs-select-all.dropdown-toggle:focus {
    box-shadow : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem;
}

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

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

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

.btn-check:focus + .bs-deselect-all,
.bs-deselect-all:focus {
    box-shadow : 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.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;
}

.btn-check:checked + .bs-deselect-all:focus,
.btn-check:active + .bs-deselect-all:focus,
.bs-deselect-all:active:focus,
.bs-deselect-all.active:focus,
.bs-deselect-all.dropdown-toggle.show:focus {
    box-shadow : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

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

.form-selectgroup-input:checked + .form-selectgroup-label {
    z-index      : 1;
    color        : var(--bs-green) !important;
    background   : rgba(32, 107, 196, .04);
    border-color : var(--bs-green) !important;
    box-shadow   : none;
}

.form-selectgroup-label {
    line-height   : inherit;
    border-radius : 999px;
}

.applyBtn,
.cancelBtn {
    border-radius : 0.375rem;
}

.applyBtn {
    color            : #ffffff;
    background-color : #198754;
    border-color     : #198754;
    box-shadow       : 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.applyBtn:hover {
    color            : #ffffff;
    background-color : #157347;
    border-color     : #146c43;
}

.btn-check:focus + .applyBtn,
.applyBtn:focus {
    color            : #ffffff;
    background-color : #157347;
    border-color     : #146c43;
    box-shadow       : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem;
}

.btn-check:checked + .applyBtn,
.btn-check:active + .applyBtn,
.applyBtn:active,
.applyBtn.active,
.show > .applyBtn.dropdown-toggle {
    color            : #ffffff;
    background-color : #146c43;
    border-color     : #13653f;
}

.btn-check:checked + .applyBtn:focus,
.btn-check:active + .applyBtn:focus,
.applyBtn:active:focus,
.applyBtn.active:focus,
.show > .applyBtn.dropdown-toggle:focus {
    box-shadow : 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 0.25rem;
}

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

.form-switch .form-check-input:focus {
    box-shadow : none !important;
}

@media (max-width : 767.98px) {
    .bootstrap-select {
        width : 100% !important;
    }
}

.boxes input:checked + label {
    border-bottom : 2px solid var(--bs-green);
    color         : var(--bs-green);
}

.page-item.active .page-link {
    z-index          : 3;
    color            : #ffffff;
    background-color : var(--bs-green);
    border-color     : var(--bs-green);
}

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

.card-header.animColor {
    border-top-right-radius : 30px;
    border-top-left-radius  : 30px;
}

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

#post-content .card,
#posts .card {
    /*padding: .75rem 0 0 0;*/
    border           : 0;
    border-radius    : 0;
    background-color : inherit;
}

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

#posts img {
    width  : 100%;
    height : 200px;
}

#posts .card-body {
    padding-left  : 0;
    padding-right : 0;
}

#posts .card-footer {
    padding-left     : 0;
    padding-right    : 0;
    background-color : inherit;
    border           : none;
}

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

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

#post-content .card-body {
    padding : 0;
}

#post-content .card-title {
    margin-bottom : 0.75rem;
}

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

#side-content .card {
    border-bottom : 2px solid #000000;
}
/* #feedback-modal { */
/*     background-color: var(--bs-success); */
/* } */
.response-header {
    background-color: inherit;
    border: 0;
}
/* #feedback-modal .card .card-header .card-title, */
/* #feedback-modal .card .card-body { */
/*     color: var(--bs-body-bg) !important; */
/* } */
/* #formResponse .floating-label textarea { */
/*     background-color: transparent; */
/* } */
/* #formResponse .floating-label textarea:focus + label { */
/*     color: var(--bs-body-bg) */
/* } */


.bg-fluid {
    /* background            : url('/app-config/kharkiv-transport/img/city/background.jpg') center/cover no-repeat !important; */
    background:
    linear-gradient(0deg, rgba(28, 128, 85, 0.9), rgba(28, 128, 85, 0.9)),
    url('/app-config/kharkiv-transport/img/city/background.jpg')
    center / cover no-repeat !important;
}