:root {
  --light-primary: #ffffff;
  --light-secondary: rgba(255, 255, 255, 0.9);
  --light-accent: #e4e6eb;
  --theme-accent: #f35369;
  --red-hover: #e41e3f;
  --red-accent: #e75a66;
  --scrollbar-thumb: #bcc0c4;
  --scrollbar-background: #e6e7eb;
  --input-background: #f5f5f5;
  --border-color: #f5f5f5;
  --text-primary: #282c31;
  --text-secondary: #000000;
  --color-primary: #39445b;
  --color-primary-hover: #45526e;
  --primary-toggle: #57637f;
  --color-secondary: #8890a2;
  --color-secondary-hover: #aab0bd;
  --color-tertiary: #f0f2f5;
  --dropdown-hover: #e4e6eb;
}

body {
  color: var(--text-primary);
}
.header {
  background-color: var(--input-background);
}
.main-menu,
.footer,
.main-menu .navbar {
  background: var(--color-primary);
}

.main-menu {
  border-top: 1px solid var(--border-color);
}
.content {
  background-color: var(--light-primary);
}

.btn,
.btn:hover,
.btn:active {
  box-shadow: none;
}

.md-form .form-control:focus,
.md-form .form-control:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), transparent);
}

.input-popup {
  position: absolute;
  background-color: var(--light-primary);
  background-image: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 25px 20px rgba(0, 0, 0, 0.1);
  border: none;
  margin-top: 2px !important;
}
.input-popup-list .list-item {
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  background-color: var(--light-primary);
  color: var(--text-primary) !important;
}

.input-popup .icon-angle-right {
  display: none;
}

.input-popup .list-item:hover {
  background: var(--input-background);
}

.modalpopup-wrapper .modalpopup-overlay {
  background: rgba(0, 0, 0, 0.4);
}
.modalpopup-wrapper .modalpopup-window {
  background: #eee;
  box-shadow: 1px 1px 4px -3px rgba(0, 0, 0, 1);
}

.navbar-extended-dropdown {
  background-color: var(--color-primary) !important;
  border: none;
}

.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
  color: var(--light-primary) !important;
}

.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.mdb-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: transparent;
  color: var(--light-secondary) !important;
}

a {
  color: var(--text-primary);
}
a:hover {
  color: var(--text-secondary);
}

.footer a,
.side-nav a {
  color: var(--light-primary) !important;
}

.footer a:hover,
.side-nav a:hover {
  color: var(--light-secondary) !important;
}

.banner > img {
  margin: 0 auto;
}

.spinner {
  color: var(--light-accent);
  text-shadow: 0 0 0.25em var(--scrollbar-thumb);
}

/* buttons */

.mdb-skin .btn-default {
  background-color: var(--color-primary) !important;
  box-shadow: none !important;
  color: var(--light-primary) !important;
}
.mdb-skin .btn-default:hover {
  background-color: var(--color-primary-hover) !important;
}
.mdb-skin .btn-default.dropdown-toggle, .pays .btn-dark {
  background-color: var(--primary-toggle) !important;
  box-shadow: none !important;
}

.mdb-skin .btn-default.dropdown-toggle:focus,
.mdb-skin .btn-default.dropdown-toggle:hover {
  background-color: var(--color-primary-hover) !important;
}
.mdb-skin .btn-default:not([disabled]):not(.disabled).active,
.mdb-skin .btn-default:not([disabled]):not(.disabled):active,
.mdb-skin .show > .btn-default.dropdown-toggle {
  background-color: var(--color-primary-hover) !important;
}

.mdb-skin .btn-secondary, .pays .cart-total-card .btn-success {
  background-color: var(--color-secondary) !important;
  color: var(--light-primary) !important;
  box-shadow: none !important;
}

.mdb-skin .btn-secondary:hover {
  background-color: var(--color-secondary-hover) !important;
}
.mdb-skin .btn-secondary.dropdown-toggle {
  background-color: var(--color-secondary) !important;
  box-shadow: none !important;
}
.btn-secondary.dropdown-toggle:focus,
.btn-secondary.dropdown-toggle:hover,
.btn-secondary.dropdown-toggle:visited {
  background-color: var(--color-secondary-hover) !important;
}
.mdb-skin .btn-secondary:not([disabled]):not(.disabled).active,
.mdb-skin .btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--color-secondary-hover) !important;
}

.btn-danger {
  color: var(--light-primary) !important;
  box-shadow: none !important;
}

.btn-danger:hover {
  background-color: var(--red-hover) !important;
  color: var(--light-secondary) !important;
}

/* buttons */

/* inputs */

input {
  background-color: var(--input-background);
  border: 1px solid var(--border-color);
}
input::placeholder {
  color: var(--text-secondary) !important;
}
.mdb-skin input[type="email"]:focus:not([readonly]),
.mdb-skin input[type="text"]:focus:not([readonly]),
.mdb-skin input[type="password"]:focus:not([readonly]),
.mdb-skin textarea.md-textarea:focus:not([readonly]) {
  background-color: var(--light-primary);
  box-shadow: none;
  border: 1px solid var(--border-color);
}
.mdb-skin .dropdown-content li:not(.disabled) span,
.md-form .prefix.active,
.mdb-skin input[type="email"]:focus:not([readonly]) + label,
.mdb-skin input[type="text"]:focus:not([readonly]) + label,
.mdb-skin input[type="password"]:focus:not([readonly]) + label,
.mdb-skin textarea.md-textarea:focus:not([readonly]) + label {
  color: var(--text-primary) !important;
  /* background-color: var(--input-background); */
}

.input-group-append,
.input-group-prepend {
  margin: unset !important;
}
.search-input {
  border: 1px solid var(--border-color);
}

.quantity-input {
  border: 1px solid var(--border-color) !important;
  outline: none !important;
}

/* inputs */
/* wishlist  */
.custom-wishlist button,
.product-page-wishlist button {
  border: 1px solid var(--color-primary);
  box-shadow: none !important;
}

.add-to-wishlist svg path {
  stroke: var(--color-primary) !important;
}
.wishlist-on svg path {
  fill: var(--color-primary) !important;
}
/* wishlist */
/* navbar */
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
  background: none;
}

/* navbar */

/* dropdown */
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover {
  background-color: unset !important;
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:active {
  box-shadow: none !important;
  color: var(--text-secondary) !important;
  background-color: transparent !important;
}

.dropdown-content li:hover,
.dropdown-item:hover {
  background: var(--dropdown-hover) !important;
  color: var(--text-secondary) !important;
}

.dropdown-content li:not(.disabled) span {
  color: var(--light-primary) !important;
  font-size: 11px;
}
.dropdown-content,
.dropdown-menu {
  background-color: var(--light-primary);
  color: var(--light-primary) !important;
}
.dropdown-item {
  color: var(--text-primary) !important;
}

/* dropdown */
/* categories/filters  */

.list-group-item {
  border: 1px solid var(--border-color);
  background-color: var(--input-background);
  background-color: var(--light-primary);
  color: var(--text-primary) !important;
}

.list-group-item.category-filter-button {
  color: var(--light-primary) !important;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  color: var(--text-secondary) !important;
  background-color: var(--input-background) !important;
}

.list-group-item.category-filter-button:focus,
.list-group-item.category-filter-button:hover {
  color: var(--light-secondary) !important;
}

.category-filter-button {
  background-color: var(--color-secondary) !important;
  border: none;
  border-bottom: 1px solid var(--light-primary) !important;
}

.category-filter-button:hover {
  background-color: var(--color-secondary-hover) !important;
}

.filter-card {
  background-color: var(--light-primary);
}

/* categories/filters */

/* cart  */
.cart-discount-label {
  color: var(--text-primary);
}

.summary-card .card-body {
  background-color: var(--input-background);
}

.cart-badge {
  background-color: var(--theme-accent);
  color: var(--light-primary);
}
.cart-card {
  background-color: transparent !important;
  border-top: 1px solid var(--border-color) !important;
}

.quantity-button {
  background-color: var(--color-secondary);
  box-shadow: none !important;
}

/* cart */
/* select */

.select-container {
  background-color: var(--light-primary);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.styled-icons:before {
  color: var(--light-primary);
}

.side-nav .styled-icons:before,
.footer .styled-icons:before {
  color: var(--color-primary);
}
.styled-icons {
  background-color: var(--color-primary);
}

.side-nav .styled-icons,
.footer .styled-icons {
  background-color: var(--light-primary);
}

.styled-icons:hover {
  background-color: var(--color-primary-hover);
}

.side-nav .styled-icons:hover,
.footer .styled-icons:hover {
  background-color: var(--light-secondary);
}

.social-phone a {
  color: var(--color-primary) !important;
}

.social-phone a:hover {
  color: var(--color-primary-hover) !important;
}
svg,
svg path {
  fill: var(--light-primary);
}

.footer .social-icons svg path,
.side-nav .social-icons svg path {
  fill: var(--color-primary);
}

.footer {
  color: var(--light-primary);
}

/* sidebar  */

.mdb-skin .side-nav .collapsible li a:not(.collapsible-header):hover,
.mdb-skin .side-nav .collapsible li a:not(.collapsible-header).active,
.mdb-skin .side-nav .collapsible li a:not(.collapsible-header):active {
  color: var(--light-primary) !important;
}

.mdb-skin .side-nav .collapsible li a.dropdown-item,
.mdb-skin .side-nav .collapsible li a.dropdown-item:hover {
  color: var(--text-primary) !important;
  background-color: transparent !important;
}

.side-nav .sidenav-bg:after {
  background-color: var(--color-primary) !important;
}

.side-nav .logo-wrapper {
  border: none;
}
.side-nav .collapsible {
  border-top: 1px solid var(--border-color);
}

/* sidebar */
/* card  */
.card .card-body {
  color: var(--text-primary);
}

.card-text {
  color: var(--text-secondary) !important;
}

.card-footer {
  border-top: 1px solid var(--border-color) !important;
  background: none;
}

/* card */
/* extras  */

.category-card-text {
  color: var(--text-primary);
}

.comments {
  background-color: var(--input-background);
}
/* extras */