/* Load after the original stylesheet. */
:root {
    --primary-color: #009ce2;
    --primary-btn-bg: #009ce2;
    --primary-btn-hover: #003d7d;
    --primary-link-color: #0067fd;
    --primary-btn-text: #fff;
}

body.dark-mode-active .text-base-color,
.text-base-color {
    color: var(--primary-color);
}
.bg-base-color {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

a {
    color: var(--primary-link-color);
}

a:hover, a:active, a:focus {
    color: var(--primary-color);
}

.appHeader:before {
    background: var(--primary-color);
}

.appHeader .pageTitle {
    font-size: 0 !important;
    background-image: url("../img/barfin/barfin-white-en.png");
    width: 70%;
    max-width: 300px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.appHeader.scrolled.bg-primary .headerButton {
    color: var(--primary-color);
}

.appHeader:not(.scrolled) .left .headerButton,
.appHeader:not(.scrolled) .right .headerButton {
    color: var(--primary-btn-text);
}

.appHeader.bg-primary,
.appHeader.scrolled.bg-primary.is-active {
    background: var(--primary-color) !important;
}

.appBottomMenu .item .action-button {
    background: var(--primary-color);
}

.appBottomMenu .item.active i.bi,
.appBottomMenu .item.active i.icon,
.appBottomMenu .item.active ion-icon,
.appBottomMenu .item.active strong {
    color: var(--primary-color) !important;
}

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

.profileBox:before {
    background: var(--primary-color);
}

.action-group {
    background: var(--primary-color);
}

code {
    color: var(--primary-color);
}

.spinner-border.text-primary {
    color: var(--primary-color) !important;
}

.badge,
a.badge {
    background: var(--primary-color) !important;
}

.btn:not(.btn-link):not(.btn-icon) {
    background: var(--primary-btn-bg);
    border-color: var(--primary-btn-bg);
    color: var(--primary-btn-text);;
}

.btn:not(.btn-link):not(.btn-icon) footer {
    color: var(--primary-btn-text);
}

.btn:not(.btn-link):not(.btn-icon):hover {
    background: var(--primary-btn-hover);
    border-color: var(--primary-btn-hover);
}

.btn.disabled, .btn:disabled {
    background: var(--primary-btn-bg);
    border-color: var(--primary-btn-bg);
    opacity: 0.6;
}

.card.product-card .price {
    color: var(--primary-color);
}

.btn-link {
    color: var(--primary-link-color) !important;
}

.modal-icon {
    color: var(--primary-color);
}

.offcanvas .offcanvas-header .offcanvas-close {
    color: var(--primary-color);
}

.listview .icon-box.bg-primary {
    background: var(--primary-color) !important;
}

.listview a.icon-box.bg-primary {
    background: var(--primary-color) !important;
}

.listview .text-primary,
.listview a.text-primary {
    color: var(--primary-color) !important;
}

.listview .border-primary {
    border-color: var(--primary-color) !important;
}

.form-group .input-wrapper.active .form-label {
    color: var(--primary-color) !important;
}

.form-group.basic .form-control:focus,
.form-group.basic .custom-select:focus {
    border-bottom-color: var(--primary-color);
    box-shadow: inset 0 -1px 0 0 var(--primary-color);
}

.form-group.boxed .form-control:focus {
    border-color: var(--primary-color);
}

.nav-tabs.lined .nav-item .nav-link.active {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color) !important;
}

.form-check-input:checked ~ .form-check-label:after {
    background-color: var(--primary-color);
    border-color: var(--primary-color) !important;
}

.message-item.user .bubble {
    background: var(--primary-color);
}

.form-wizard-section .button-item.active strong {
    background: var(--primary-color);
}

.fab-button .fab {
    background: var(--primary-color);
}

.fab-button .fab:hover, .fab-button .fab:active {
    background: var(--primary-color);
}

.fab-button .dropdown-menu .dropdown-item {
    background: var(--primary-color);
}

.fab-button .dropdown-menu .dropdown-item:hover, .fab-button .dropdown-menu .dropdown-item:active {
    background: var(--primary-color);
}

.notification-dialog.android-style .notification-footer .notification-button {
    color: var(--primary-color) !important;
}

.pagination .page-item .page-link {
    background: var(--primary-color);
}

.profile-info .link {
    color: var(--primary-color);
}

.stepper .stepper-button {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.stepper .form-control {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.stepper-primary .stepper-button {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.stepper-primary .form-control {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.stepper-outline-primary .stepper-button {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.stepper-outline-primary .form-control {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.product-detail-header .detail-footer .price .current-price {
    color: var(--primary-color);
}

.cart-item .in .text .price {
    color: var(--primary-color);
}

.story-block .splide__slide img {
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px var(--primary-color);
}

html[dir="rtl"] .stepper-outline-primary .stepper-button:first-child,
body.rtl-mode .stepper-outline-primary .stepper-button:first-child {
    border-right: 2px solid var(--primary-color);
}

html[dir="rtl"] .stepper-outline-primary .stepper-button:last-child,
body.rtl-mode .stepper-outline-primary .stepper-button:last-child {
    border-left: 2px solid var(--primary-color);
}

body.dark-mode-active .form-switch .form-check-input:checked ~ .form-check-label:after {
    background-color: var(--primary-color);
    border-color: var(--primary-color) !important;
}

body.dark-mode-active .form-wizard-section .button-item.active strong {
    background: var(--primary-color);
}

body.dark-mode-active .message-item.user .bubble {
    background: var(--primary-color);
}

body.dark-mode-active .nav-tabs.lined .nav-item .nav-link.active {
    color: var(--primary-color);
}

body.dark-mode-active .story-block .splide__slide img {
    box-shadow: 0 0 0 3px #0F1C2F, 0 0 0 5px var(--primary-color);
}


/* region trash */
/*.badge-primary,*/
/*a.badge-primary {*/
/*    background: var(--primary-color) !important;*/
/*}*/

/*.btn-primary {*/
/*    background: var(--primary-color) !important;*/
/*    border-color: var(--primary-color) !important;*/
/*}*/

/*.btn-primary.disabled, .btn-primary:disabled {*/
/*    background: var(--primary-color);*/
/*    border-color: var(--primary-color);*/
/*}*/

/*.btn-outline-primary {*/
/*    border-color: var(--primary-color);*/
/*    color: var(--primary-color);*/
/*}*/

/*.btn-outline-primary:hover, .btn-outline-primary:active {*/
/*    border-color: var(--primary-color) !important;*/
/*    color: var(--primary-color) !important;*/
/*}*/

/*.btn-outline-primary.active {*/
/*    background: var(--primary-color) !important;*/
/*    border-color: var(--primary-color) !important;*/
/*}*/

/*.btn-outline-primary.disabled, .btn-outline-primary:disabled {*/
/*    color: var(--primary-color) !important;*/
/*    border-color: var(--primary-color) !important;*/
/*}*/

/*.btn-text-primary {*/
/*    color: var(--primary-color) !important;*/
/*}*/

/*.btn-text-primary:active, .btn-text-primary.active {*/
/*    color: var(--primary-color) !important;*/
/*}*/

/*.btn-text-primary.disabled, .btn-text-primary:disabled {*/
/*    color: var(--primary-color) !important;*/
/*    border-color: var(--primary-color) !important;*/
/*}*/

/*.btn-check:checked + .btn-outline-primary {*/
/*    background: var(--primary-color) !important;*/
/*    border-color: var(--primary-color) !important;*/
/*}*/

/*.action-button-list > li .btn.text-primary {*/
/*    color: var(--primary-color) !important;*/
/*}*/


/*.alert-primary {*/
/*    background: var(--primary-color);*/
/*    border: 1px solid var(--primary-color);*/
/*}*/

/*.alert-outline-primary {*/
/*    color: var(--primary-color);*/
/*    border: 1px solid var(--primary-color);*/
/*}*/

/*.alert-outline-primary a {*/
/*    color: var(--primary-color) !important;*/
/*}*/

/*.alert-outline-primary .alert-title {*/
/*    color: var(--primary-color);*/
/*}*/

/*.alert-outline-primary .btn-close {*/
/*    color: var(--primary-color);*/
/*}*/

/*.alert-outline-primary .btn-close:before, .alert-outline-primary .btn-close:after {*/
/*    background: var(--primary-color);*/
/*}*/

/*.progress-bar {*/
/*    background: var(--primary-color);*/
/*}*/

/*.chip-primary {*/
/*    background: var(--primary-color) !important;*/
/*}*/

/*.chip-primary.chip-outline {*/
/*    color: var(--primary-color) !important;*/
/*    box-shadow: inset 0 0 0 1px var(--primary-color) !important;*/
/*}*/

/* endregion */