/* Theme Color */
/* Text Color */
/* Standard Color */
body, html {
  color: #383838;
  background-color: #ebebeb; }

h1, h2, h3, h4, h5, h6 {
  color: #020310; }

p {
  color: #383838; }

a, a:hover, a:focus {
  color: #7838c4; }
  a[role="button"]:hover, a:hover[role="button"]:hover, a:focus[role="button"]:hover {
    color: #7838c4 !important; }

label {
  color: #666; }

.form-control {
  border-color: #ebebeb;
  background-color: #f8f9fa; }

#scrollUp {
  color: #fff;
  background-color: #020310; }
  #scrollUp:hover, #scrollUp:focus {
    background-color: #7838c4; }

.bg-gray {
  background-color: #f8f8ff; }

.bg-primary, .badge-primary {
  background-color: #7838c4 !important; }
  .bg-primary:hover, .badge-primary:hover, .bg-primary:active, .badge-primary:active {
    background-color: #582a91 !important; }

.bg-danger, .badge-danger {
  background-color: #dc3545 !important; }

.bg-warning, .badge-warning {
  background-color: #ffc107 !important; }

.bg-info, .badge-info {
  background-color: #17a2b8 !important; }

.bg-success, .badge-success {
  background-color: #28a745 !important; }

.text-dark {
  color: #020310 !important; }

.text-primary {
  color: #5c6ac4 !important; }

.section-heading h6 {
  color: #383838; }

.card {
  border-color: #ebebeb; }

.border, .border-left, .border-right, .border-bottom, .border-top {
  border-color: #ebebeb !important; }

#preloader {
  background-color: #f8f8ff; }

.catagory-card span, .catagory-card-wechat span {
  color: #383838; }

.subcatagory-card span {
  color: #383838; }
  .subcatagory-card:hover span, .subcatagory-card:focus span {
    color: #7838c4; }

.banner-title-text {
  text-shadow: 1px 1px #383838; }

.widget .custom-control-label {
  color: #383838; }
  .widget .custom-control-label::before {
    background-color: transparent;
    border: #383838 solid 2px; }
  .widget .custom-control-input:checked ~ .custom-control-label::before {
    color: #7838c4;
    border-color: #7838c4;
    background-color: #7838c4; }

.weekly-product-card .product-thumbnail-side .wishlist-btn {
  color: #7838c4; }
  .weekly-product-card .product-thumbnail-side .delete-btn {
    color: #383838; }
  .weekly-product-card .product-description .product-title {
    color: #020310; }
  .weekly-product-card .product-description .sale-price {
    color: #383838; }
    .weekly-product-card .product-description .sale-price i {
      color: #fff;
      background-color: #100dd1; }
    .weekly-product-card .product-description .sale-price span {
      color: #7838c4; }
  .weekly-product-card .product-description .product-rating i {
    color: #fff;
    background-color: #ffaf00; }
  .weekly-product-card a.btn {
    border-color: #7838c4;
    color: #fff;
    background-color: #7838c4; }
  .weekly-product-card:hover .product-title, .weekly-product-card:focus .product-title {
    color: #7838c4; }

.notification-area .list-group-item {
  border-color: #ebebeb; }
  .notification-area .list-group-item .noti-icon {
    background: #005240;
    background: -webkit-linear-gradient(to left, #005240, #b41a1f);
    background: linear-gradient(to left, #005240, #b41a1f);
    color: #fff; }
    .notification-area .list-group-item .noti-icon::before {
      background-color: #7838c4; }
  .notification-area .list-group-item h6 {
    color: #020310; }
  .notification-area .list-group-item span {
    color: #383838; }
  .notification-area .list-group-item.readed {
    background-color: #f4f4f4; }
    .notification-area .list-group-item.readed .noti-icon {
      background: #7838c4; }
    .notification-area .list-group-item.readed h6 {
      color: #383838; }
  .notification-area .list-group-item:hover h6, .notification-area .list-group-item:focus h6 {
    color: #7838c4; }

.control-label {
  color: #333; }

.language-area-wrapper ul li .check::before, .shipping-method-choose ul li .check::before {
  transition: background 0.25s linear; }
  .language-area-wrapper input[type=radio]:checked ~ .check, .shipping-method-choose input[type=radio]:checked ~ .check {
    border-color: #7838c4; }
  .language-area-wrapper input[type=radio]:checked ~ .check::before, .shipping-method-choose input[type=radio]:checked ~ .check::before {
    background: #7838c4; }
  .language-area-wrapper input[type=radio]:checked ~ label, .shipping-method-choose input[type=radio]:checked ~ label {
    color: #7838c4;
    background-color: rgba(16, 13, 209, 0.103); }

.user-data-card {
  border-color: #fff; }
  .user-data-card .title {
    color: #020310; }
  .user-data-card .title i {
    background-color: #7838c4;
    color: #fff; }
  .user-data-card .form-control {
    color: #383838; }

.cart-table table tbody tr {
  background-color: #fff;
  border-bottom: 2px dashed #ebebeb; }
  .cart-table table a {
    color: #020310; }
    .cart-table table a span {
      color: #383838; }
    .cart-table table a:hover, .cart-table table a:focus {
      color: #7838c4; }
  .cart-table table a.remove-product {
    color: #fff;
    background-color: #7838c4; }
    .cart-table table a.remove-product:hover, .cart-table table a.remove-product:focus {
      color: #fff;
      background-color: #020310; }
  .cart-table table td, .cart-table table th {
    color: #383838; }
  .cart-table .qty-text {
    border: 1px solid #ebebeb; }
  .cart-table .qty-text {
    border: 1px solid #ebebeb; }
  .cart-table .qty-text:focus {
    border: 1px solid #7838c4; }

.billing-information-title-card {
  border-color: #7838c4; }

.shipping-method-choose-title-card {
  border-color: #7838c4; }

.shipping-method-choose-card {
  border-color: #fff; }

.single-payment-method a {
  background-color: #fff; }
  .single-payment-method a:hover h6, .single-payment-method a:focus h6 {
    color: #7838c4; }

.product-description .sale-price {
  color: #383838; }
  .product-description .sale-price span {
    color: #383838; }
  .product-description .ratings i {
    color: #7838c4; }
  .product-description .total-result-of-ratings span:first-child {
    background-color: #7838c4;
    color: #fff; }
  .product-description .total-result-of-ratings span:last-child {
    color: #7838c4; }

.add2cart-notification {
  background-color: #5b5b5b;
  color: #fff; }

.language-dropdown-toggle {
  border: 0px solid #656565 !important; }

.c-menu__item > .dropdown-menu {
  background: linear-gradient(to left, #626262, #383838);
  color: #fff; }

.notification-area .list-group-item.readed {
  background-color: #f4f4f4; }
  .notification-area .list-group-item.readed .noti-icon {
    background: #7838c4; }

.link-no-action {
  color: #808080 !important;
  cursor: not-allowed; }

.container-checkbox .checkmark {
  background-color: #eee;
  border: 1px solid #3e3e3e; }
  .container-checkbox .checkmark:after {
    border: solid white; }
  .container-checkbox:hover input ~ .checkmark {
    background-color: #ccc; }
  .container-checkbox input:checked ~ .checkmark {
    background-color: #2196f3; }

.progressbar li {
  color: #7d7d7d; }
  .progressbar li:before {
    border: 2px solid #7d7d7d;
    background-color: white; }
  .progressbar li:after {
    background-color: #7d7d7d; }
  .progressbar li.active {
    color: #7838c4; }

.ratings {
  color: #b1b1b1; }

.full-stars {
  color: #fde16d; }

.empty-stars:before {
  -webkit-text-stroke: 1px #848484; }

.full-stars:before {
  -webkit-text-stroke: 1px orange; }

.categorySelector.active {
  box-shadow: 5px 5px #ccc;
  background-color: #9b4bfb; }

.bg-primary:hover, .badge-primary:hover, .bg-primary:active, .badge-primary:active {
  background-color: #582a91 !important; }

.removeBodyColor {
  background-color: transparent !important; }

.address-box.smartborder, .product.smartborder {
  border: 1px solid #7838c4; }

.smartborder:before {
  border-color: #7838c4 transparent transparent transparent; }
  .smartborder:after {
    color: white;
    text-shadow: 0 0 1px #fff; }

.required, .require {
  color: red !important; }

.list-view img {
  border: 1px solid #ddd; }

.flex-viewport {
  border: 1px solid #ddd; }

.flex-control-thumbs li img {
  border: 1px solid #ddd; }

.rating > label {
  color: #ddd; }
  .rating li {
    color: #ffed85; }

.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
  color: #ffd700; }

.rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {
  color: #ffed85; }

.or {
  color: #aaa; }
  .or .hr-or {
    background-color: #cdcdcd; }
  .or .span-or {
    background-color: #fff; }

.checkoutBox {
  background-color: #fff; }
  .checkoutBox:hover, .checkoutBox:focus {
    box-shadow: 0 5px 11px rgba(15, 15, 15, 0.175); }

.add-address, .address-box {
  border: 1px solid #ddd; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background: #0099d2; }

.bg-white {
  background: #fff; }

.wrapper {
  background: #f5f5f5;
  border: 1px solid #ddd; }

a.text-muted:hover {
  color: #5b5b5b; }

.sub-category {
  border-bottom: 1px solid #ddd; }
  .sub-category a {
    color: #5b5b5b; }
  .sub-category a:hover, .sub-category a:focus {
    color: #333; }
  .sub-category li.active a {
    background: #d71c23;
    color: #fff; }

.divider {
  border-bottom: 1px solid #ddd; }

.product {
  border: 1px solid #ddd;
  background: #fdfdfd; }

.back-to-top {
  background: rgba(0, 0, 0, 0.3);
  color: #fff; }
  .back-to-top:hover, .back-to-top:focus {
    background: rgba(0, 0, 0, 0.3);
    color: #fff; }

ul.breadcrumb, ul.breadcrumb a {
  color: #fff; }

.navbar {
  background: #fff; }

.txt-dull {
  color: rgba(0, 0, 0, 0.3) !important; }

.txt-yellow {
  color: yellow; }

li.divider {
  border-bottom: 1px solid #ddd; }

.text-muted {
  color: #808080 !important; }

.txt-white {
  color: #fff !important; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > li > a, .right-field a {
  background: transparent; }
  .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:hover, .right-field a:hover {
    background: transparent; }

.pagination > li > a, .pagination > li > span {
  border: 1px solid #ddd; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  border-color: #ddd; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color: #fff; }

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5 {
  border-bottom: solid 5px ; }

.box, .wrapper, .panel, .product {
  background: #fff; }

.box {
  border: 8px solid #f9f9f9;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }

input:focus + .slider {
  box-shadow: 0 0 1px ; }

.bg-white, .dataTables_wrapper {
  background-color: #fff !important; }

div.hr {
  color: #555;
  text-shadow: 0 1px fade(#fff, 40%); }
  div.hr div:first-child:before, div.hr div:last-child:before {
    background-color: #ccc;
    -webkit-box-shadow: 0 1px 0 fade(#fff, 20%);
    -moz-box-shadow: 0 1px 0 fade(#fff, 20%);
    box-shadow: 0 1px 0 fade(#fff, 20%);
    color: #555; }

.menu {
  background-color: transparent; }

.errMsg {
  color: #f00; }

.top ul.menu > li + li:before {
  color: #fff !important; }

.dropdown-toggle {
  border: 1px solid #ebebeb; }
  .dropdown-toggle:hover, .dropdown-toggle:active {
    color: #000 !important; }

.panel-body {
  color: #555; }

p {
  color: #000; }

.text-black {
  color: #000; }

.gray-1-text {
  color: #bcbcbc; }

.black-text {
  color: #000; }

.hover-black-text:hover {
  color: #000 !important; }

.weekly-product-card:hover .product-title {
  color: #000 !important; }

.badge-white {
  background: #fff;
  background-color: #fff;
  color: #555; }

.error {
  color: #f00 !important; }

.alertMsg {
  background: #ff4949; }

.remindertxt {
  color: grey; }

.btn:hover, .btn:focus {
  color: #f0f0ee !important;
  box-shadow: 0 0 0 0.2rem #9b4bfb !important; }

.btn-primary {
  background-color: #7838c4;
  border-color: #7838c4; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #582a91;
    border-color: #582a91; }

.btn-primary-light {
  background-color: #9b4bfb;
  border-color: #9b4bfb; }
  .btn-primary-light:hover, .btn-primary-light:focus {
    background-color: #c89aff;
    border-color: #c89aff; }

.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover, .btn-warning:focus {
    background-color: #e0a800;
    border-color: #e0a800; }

.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-danger:hover, .btn-danger:focus {
    background-color: #c82333;
    border-color: #c82333; }

.btn-success {
  background-color: #28a745;
  border-color: #28a745; }
  .btn-success:hover, .btn-success:focus {
    background-color: #218838;
    border-color: #218838; }

.btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover, .btn-info:focus {
    background-color: #138496;
    border-color: #138496; }

.btn-AddToCart {
  background-color: #7838c4;
  border-color: #7838c4; }
  .btn-AddToCart:hover, .btn-AddToCart:focus {
    background-color: #582a91;
    border-color: #582a91; }

.btn-gold {
  background-color: #ffd700;
  border-color: #ffd700; }
  .btn-gold:hover, .btn-gold:focus {
    background-color: #ccac00;
    border-color: #ccac00; }

.btn-outline-primary {
  color: #7838c4 !important;
  border-color: #7838c4 !important; }
  .btn-outline-primary.active {
    background-color: #7838c4 !important;
    border-color: #7838c4 !important;
    color: #fff !important; }
  .btn-outline-primary:hover {
    background-color: #582a91 !important;
    border-color: #c89aff !important;
    color: #fff !important; }

.btn-disabled, .btn-disabled:hover {
  background: #fff !important;
  border-color: #ddd;
  color: #888 !important; }

.filter-btn {
  border-bottom: 1px solid #ddd;
  background: #e4e4e4; }

.btnVariant.active {
  background-color: #0099d2;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.header-area {
  background-color: #fff; }

.top-search-form form .form-control {
  background-color: #f8f9fa;
  border: 1px solid #ebebeb;
  color: #383838; }
  .top-search-form form button {
    color: #383838; }

.suha-navbar-toggler span {
  background-color: #383838; }

.suha-sidenav-wrapper {
  background: #626262;
  background: -webkit-linear-gradient(to left, #626262, #383838);
  background: linear-gradient(to left, #626262, #383838); }
  .suha-sidenav-wrapper .go-home-btn {
    height: 40px;
    border-radius: 50%;
    text-align: center;
    color: #fff; }
  .suha-sidenav-wrapper .go-home-btn:hover, .suha-sidenav-wrapper .go-home-btn:focus {
    background-color: #00739e; }
  .suha-sidenav-wrapper.filter-nav {
    background: #f8f8ff; }

.sidenav-nav li a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .sidenav-nav li a i {
    color: #fff; }
  .sidenav-nav li a:hover, .sidenav-nav li a:focus {
    background-color: rgba(15, 15, 15, 0.1); }

.footer-nav-area {
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: #7838c4;
  width: 100%;
  height: 58px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  box-shadow: 0 -2px 12px rgba(15, 15, 15, 0.175); }
  .footer-nav-area.footer-out {
    bottom: -100px; }

.suha-footer-nav ul li a, .suha-footer-nav ul li.active a, .suha-footer-nav ul li a:hover, .suha-footer-nav ul li.active a:hover, .suha-footer-nav ul li a:focus, .suha-footer-nav ul li.active a:focus {
  color: #fff; }

.menu-footer {
  color: #fff; }