.form-control {
  border: 1px solid var(--karen-border);
}
.form-control:focus {
  border-color: rgba(var(--karen-primary-rgb), 0.5);
  box-shadow: inset 0 1px 1px rgba(var(--karen-primary-rgb), 0.75), 0 0 8px rgba(var(--karen-primary-rgb), 0.5);
}

.panel {
  border: 1px solid var(--karen-border);
}

.panel-default > .panel-heading {
  border: 1px solid var(--karen-border);
}

.panel-info > .panel-heading {
  background-color: var(--karen-border);
  border-color: var(--karen-border);
}

.label-wrap {
  color: var(--karen-text-muted);
}

.table-bordered {
  border: 1px solid var(--karen-border);
  color: var(--karen-text);
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--karen-surface-muted);
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid var(--karen-border);
}

.text-info {
  color: var(--karen-text-muted);
}

.btn-info {
  background-color: var(--karen-complementary);
  border-color: var(--karen-complementary);
}

.basket-holder .basket__header div.basket__col {
  background-color: var(--karen-surface-muted);
  color: var(--karen-text-muted);
}
.basket-holder .basket__content .row .basket__col {
  color: var(--karen-text);
}
@media screen and (max-width: 480px) {
  .basket-holder .basket__content .row .basket__content__price div {
    color: var(--karen-complementary);
  }
}
.basket-holder .basket__content__report .row .js__basket-report__payable-price {
  color: var(--karen-complementary);
}

.pagination > li > a, .pagination > li > span {
  color: var(--karen-text-muted);
  background-color: var(--karen-border);
  border-color: var(--karen-border);
}

.farashop .pagination a i {
  color: var(--karen-text-muted);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: var(--karen-complementary);
  border-color: var(--karen-complementary);
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  background-color: var(--karen-border);
  border-color: var(--karen-border);
}

html {
  background-color: var(--karen-surface);
}

body p, body li, body span, body i, .Normal p, .Normal li, .Normal span, .Normal i, .NormalDisabled p, .NormalDisabled li, .NormalDisabled span, .NormalDisabled i, .NormalDeleted p, .NormalDeleted li, .NormalDeleted span, .NormalDeleted i {
  color: var(--karen-text);
}
body .fsh-breadcrumb-wrap, .Normal .fsh-breadcrumb-wrap, .NormalDisabled .fsh-breadcrumb-wrap, .NormalDeleted .fsh-breadcrumb-wrap {
  border-bottom: 1px solid var(--karen-border);
}
body .fsh-breadcrumb-wrap .breadcrumb a:hover, body .fsh-breadcrumb-wrap .breadcrumb a:focus, .Normal .fsh-breadcrumb-wrap .breadcrumb a:hover, .Normal .fsh-breadcrumb-wrap .breadcrumb a:focus, .NormalDisabled .fsh-breadcrumb-wrap .breadcrumb a:hover, .NormalDisabled .fsh-breadcrumb-wrap .breadcrumb a:focus, .NormalDeleted .fsh-breadcrumb-wrap .breadcrumb a:hover, .NormalDeleted .fsh-breadcrumb-wrap .breadcrumb a:focus {
  color: var(--karen-complementary);
}

.farashop__body > header {
  border-bottom: 1px solid var(--karen-border);
  background-color: var(--karen-primary);
}

.farashop__main-menu li a:hover, .farashop__main-menu li a:focus, .farashop__main-menu li a:visited {
  background-color: var(--karen-complementary);
}
.farashop__main-menu li.dropdown-submenu a:hover, .farashop__main-menu li.dropdown-submenu a:active, .farashop__main-menu li.dropdown-submenu a:focus {
  background-color: var(--karen-border);
}
.farashop__main-menu li.dropdown-submenu a span.caret {
  color: var(--karen-complementary);
}
.farashop__main-menu li.dropdown-submenu .dropdown-menu {
  background-color: var(--karen-primary);
}

.sidebar__box .sidebar__container {
  background-color: var(--karen-surface);
}
.sidebar__box .sidebar__container .sidebar__close i {
  background-color: var(--karen-complementary);
}

.fsh-category-menu-wrap .wi-menu li a:before {
  color: var(--karen-complementary);
}

.content__body {
  border-right: 1px solid var(--karen-border);
}

.productlist__box > a i {
  color: var(--karen-primary);
}
.productlist__box > p > span span {
  color: var(--karen-complementary);
}
.productlist__box > p > span a {
  color: var(--karen-complementary);
}
.productlist__box > p > span a:hover {
  color: var(--karen-complementary);
}

.farashop__product-details .datails_part .title_part > i {
  color: var(--karen-primary);
}
.farashop__product-details .datails_part .title_part .file_details h1 {
  color: var(--karen-complementary);
}
.farashop__product-details .datails_part .title_part .file_details ul li span a {
  color: var(--karen-primary);
}
.farashop__product-details .datails_part .title_part .file_details ul li span a:hover {
  color: var(--karen-complementary);
}
.farashop__product-details .datails_part .title_part .file_details ul li.code_block p {
  background: var(--karen-border);
}
.farashop__product-details .datails_part .title_part .file_details .product-details__prices .prices__new-price > span:nth-child(2) span {
  color: var(--karen-complementary);
}
.farashop__product-details .datails_part .product-details__keywords p:nth-child(2) .product-tag {
  background-color: var(--karen-surface-muted);
  color: var(--karen-text-muted);
}
.farashop__product-details .datails_part .product-details__keywords p:nth-child(2) .product-tag:hover {
  background-color: var(--karen-surface-muted);
}
.farashop__product-details .datails_part .product-details__tab .wi-tab-header > li.wi-active {
  border: 1px solid var(--karen-border);
  background-color: var(--karen-surface-muted);
}
.farashop__product-details .datails_part .product-details__tab .wi-tab-content {
  border-top: 1px solid var(--karen-border);
}

.show-more-btn #more-content h1 {
  color: var(--karen-complementary);
}
.show-more-btn .show-content-block {
  background-image: linear-gradient(0deg, var(--karen-surface) 0%, transparent 100%);
}
.show-more-btn #show-content {
  border: 1px solid var(--karen-text);
  color: var(--karen-text);
}

@media screen and (max-width: 992px) {
  .quick-menu > ul > li div.btn-open-sidebar, .quick-menu > ul > li div.btn-show-basket, .quick-menu > ul > li.home-btn > a {
    background-color: var(--karen-primary);
  }
}
.quick-menu > ul > li div.btn-open-sidebar {
  background-color: var(--karen-complementary);
}
.quick-menu > ul > li div.btn-open-sidebar:before {
  background-color: var(--karen-complementary);
}

.basket-preview-wrap {
  background-color: var(--karen-surface);
}
.basket-preview-wrap header .basket-row {
  background-color: var(--karen-surface-muted);
  color: var(--karen-text);
}
.basket-preview-wrap main .basket-row {
  background-color: var(--karen-surface-muted);
}
.basket-preview-wrap main .basket-row .fsh-middle > div {
  color: var(--karen-text);
}
.basket-preview-wrap main .basket-row .price {
  color: var(--karen-complementary);
}
.basket-preview-wrap > a:hover {
  background-color: var(--karen-complementary);
}
.basket-preview-wrap ul.report li:nth-child(2) {
  color: var(--karen-complementary);
}

.btn-show-basket {
  background-color: var(--karen-primary);
}

.free-article-button {
  /*background-color: $orange;*/
  background-color: var(--karen-complementary);
}


/* ==========================================================================
 * P03.8.61.39-r1.8 — legacy component theme bridge
 * ========================================================================== */
.mtlp-shell .btn-primary {
  background-color: var(--karen-primary) !important;
  border-color: var(--karen-primary) !important;
  color: #fff !important;
}
.mtlp-shell .btn-primary:hover,
.mtlp-shell .btn-primary:focus {
  background-color: var(--karen-complementary) !important;
  border-color: var(--karen-complementary) !important;
  color: #fff !important;
}
.mtlp-shell .btn-info:hover,
.mtlp-shell .btn-info:focus {
  background-color: var(--karen-primary) !important;
  border-color: var(--karen-primary) !important;
  color: #fff !important;
}
.mtlp-shell .product-group-box__holder .group-box__item h2 a {
  color: var(--karen-primary) !important;
}
.mtlp-shell .product-group-box__holder .group-box__item h2 a:hover,
.mtlp-shell .product-group-box__holder .group-box__item h2 a:focus {
  color: var(--karen-complementary) !important;
}
.mtlp-shell .free-article-button:hover,
.mtlp-shell .free-article-button:focus {
  background-color: var(--karen-primary) !important;
}

/* Legacy checkout: remove hard-coded blue/green navigation accents. */
.mtlp-shell .farashop__checkout__wrap .checkout__headers-holder > div.active:before {
  background-color: var(--karen-primary) !important;
}
.mtlp-shell .farashop__checkout__wrap .checkout__arrows-holder button {
  background-color: var(--karen-primary) !important;
  border-color: var(--karen-primary) !important;
}
.mtlp-shell .farashop__checkout__wrap .checkout__arrows-holder button:hover,
.mtlp-shell .farashop__checkout__wrap .checkout__arrows-holder button:focus {
  background-color: var(--karen-complementary) !important;
  border-color: var(--karen-complementary) !important;
}
.mtlp-shell .farashop__checkout__wrap .checkout__arrows-holder button:first-child {
  background-color: var(--karen-surface-muted) !important;
  border-color: var(--karen-border) !important;
  color: var(--karen-text) !important;
}
.mtlp-shell .farashop__checkout__wrap .checkout__arrows-holder button:first-child:hover,
.mtlp-shell .farashop__checkout__wrap .checkout__arrows-holder button:first-child:focus {
  background-color: rgba(var(--karen-primary-rgb), .08) !important;
  border-color: rgba(var(--karen-primary-rgb), .24) !important;
  color: var(--karen-primary) !important;
}

/* Current one-page checkout. Keep success/error semantic colors, theme the UI accents. */
.mtlp-shell .karen-onepage-checkout .koc-count {
  background: rgba(var(--karen-primary-rgb), .09) !important;
  color: var(--karen-primary) !important;
}
.mtlp-shell .karen-onepage-checkout .koc-identity-form input:focus {
  border-color: var(--karen-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--karen-primary-rgb), .10) !important;
}
.mtlp-shell .karen-onepage-checkout .koc-message:not(.is-error):not(.is-success) {
  background: rgba(var(--karen-primary-rgb), .08) !important;
  color: var(--karen-primary) !important;
}
.mtlp-shell .karen-onepage-checkout .koc-submit-btn {
  background: var(--karen-complementary) !important;
  box-shadow: 0 10px 22px rgba(var(--karen-complementary-rgb), .22) !important;
}
.mtlp-shell .karen-onepage-checkout .koc-submit-btn:hover,
.mtlp-shell .karen-onepage-checkout .koc-submit-btn:focus {
  filter: brightness(.94);
}
.mtlp-shell .karen-onepage-checkout .koc-submit-btn:disabled {
  background: rgba(var(--karen-primary-rgb), .34) !important;
  box-shadow: none !important;
  filter: none !important;
}