:root {
    --mainbrandcolor: #161616 ;
    --softcolor: #D4D4D4;
    --bottoncolor: #242424;
    --btnshadow: 2.4492935982947064e-16px 4px 8px 0px rgba(0, 0, 0, 0.25);
    --btrr: 40px;
    --buyproductbanner: #D4D4D4;
    --darkbrandcolor: #242424;
    --darkerbrandcolor: #2a2a2a;
    --akcentcolor: #161616;
    --akcentcolorhover: #8e94a0;
    --fadedcolor: #D4D4D4 ;
    --fadedcolorakcent: rgba(22, 22, 22, 0.09) ;
    --shadows: rgba(22, 22, 22, 0.579) ;
    --secondakcentcolor: #B7B7B7;
    --linkcolor: #B7B7B7;
    --fadedbgcolor: #D4D4D4;
    --bgsuccsesslignt: #D4D4D4;
    --bgsuccsess: #B7B7B77b;
    --pricecolor: #242424;
    --darkestbrandcolor: #1A1A1A;
    --bs-blue: #B7B7B7 ;
    --bs-indigo: #B7B7B7 ;
    --bs-purple: #D4D4D4 ;
    --bs-pink: #B7B7B7 ;
    --bs-red: #B7B7B7 ;
    --bs-orange: #B7B7B7 ;
    --bs-yellow: #B7B7B7 ;
    --bs-green: #B7B7B7 ;
    --bs-teal: #B7B7B7 ;
    --bs-cyan: #B7B7B7 ;
    --bs-white: #ffffff ;
    --bs-gray: #7d879c ;
    --bs-gray-dark: #373f50 ;
    --bs-primary: #7d879c;
    --bs-primary-subtle: #242424 ;
    --bs-accent: #1A1A1A ;
    --bs-secondary: #D4D4D4 ;
    --bs-success: #aaaaaa ;
    --bs-info: #B7B7B7 ;
    --bs-warning: #D4D4D4 ;
    --bs-danger: #eaeaea ;
    --bs-light: #fff ;
    --bs-dark: #fff ;
    --bs-black: #000000 ;
    --bs-font-sans-serif: "Rubik", sans-serif;
    --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));
    --bg-danger-subtle: #eaeaea ;
    --bg-warning-subtle: #D4D4D4 ;
    --bg-success-subtle: #aaaaaa ;
    --bg-primary-subtle: #7d879c ;
  } 

      /* NEW START */
      
      .table-primary {
        --bs-table-bg: #fff;
    
    } 
                 
            body     .border-primary {
        border-color: var(--bs-primary) !important;
    }
                 /* NEW END */
                 .bg-danger-subtle {
                    background-color: var(--bg-danger-subtle) !important;
                }
                .bg-warning-subtle {
                    background-color: var(--bg-warning-subtle) !important;
                  } 
        
                  .bg-success-subtle{
                    background-color: var(--bg-success-subtle) !important;
                  }
                  .bg-primary-subtle {
                    background-color: var(--bg-primary-subtle) !important;
                  }
                  body .bg-success {
                    background-color: var(--bs-primary-subtle) !important;
                }
    
                .bg-success.badge-shadow {
                    box-shadow: 0 0.5rem 1.125rem -0.275rem rgba(230, 179, 172, 0.579) !important;
                    font-size: 18px !important;
                }
    
    .text-primary {
        color: var(--bs-accent) !important;
    }
    body   .bg-primary {
        background-color: var(--darkbrandcolor) !important;
    }
    .border-primary {
        border-color: #81A263 !important;
    }
    
    .topbar-dark .topbar-text, .topbar-dark .topbar-link {
        color: var(--bs-white) !important;
    }
    
    .product-price{
        font-size: 22px;
    }
@media (min-width: 1100px) {
  .product-price {
    font-size: 18px;
  }
}
    
    .product-title a{
        font-size: 20px;
    }
    
    .tns-carousel [data-nav].tns-nav-active {
        background-color: var(--akcentcolor) !important;
    }
    
    .bg-faded-info {
        background-color: var(--bs-secondary) !important;
    }
    
    .bg-faded-warning {
        background-color: var(--bs-purple) !important;
    }
    
    .TextWithImageFixedBackground{
        background-image: none !important;
        background-color: var(--akcentcolor) !important;
    }
    .socialBigBtn {
        background:  var(--fadedcolorakcent)!important;
    }
    .socialBigBtn:hover {
        background:  var(--bs-purple)!important;
    }
    
    footer p {
        color: var(--bs-white) !important;
    }
    footer.bg-dark {
        background-color: var(--mainbrandcolor) !important;
    }
    body .footer_bottom_row {
        background-color: var(--darkestbrandcolor) !important;
    }
    .blog_and_social_cards i{
        color: var(--darkestbrandcolor) !important;
    }
    
    /* rounded button */
    .btn-sm, .btn-group-sm>.btn {
        padding: .425rem 1rem;
        font-size: .8125rem;
        border-radius: .5rem;
    }
    
    .form-control:hover {
        border-color: var(--linkcolor) !important;
        box-shadow: inset 0 1px 2px transparent, 0 0.375rem 0.625rem -0.3125rem var(--shadows) !important;
    }

    .form-control:focus{
    border-color: var(--akcentcolor);
    box-shadow: inset 0 1px 2px transparent, 0 0.375rem 0.625rem -0.3125rem var(--shadows);
    }

    .form-select:focus{
        border-color: var(--akcentcolor);
        box-shadow: inset 0 1px 2px transparent, 0 0.375rem 0.625rem -0.3125rem var(--shadows);
    }

    .form-check-input:focus {
        border-color: var(--akcentcolor);
        box-shadow: 0 0 0 0 var(--shadows);
    }
    
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: var(--akcentcolorhover) !important;
    }
    
    .btn-outline-accent {
        color: var(--secondakcentcolor);
        border-color: var(--linkcolor);
    }
    
    .btn-outline-accent:hover, .btn-accent:hover {
        color: #fff;
        background-color: var(--akcentcolorhover);
        border-color: var(--akcentcolorhover);
    }
    
    .btn-primary:hover {
        color: var(--bs-primary) !important;
        background-color: transparent !important;
        border-color: var(--bs-primary) !important;
    }
    
    .product-title>a:hover {
        color: var(--akcentcolorhover) !important;
    }
    
    .nav-link-style:hover {
        color: var(--akcentcolorhover) !important;
    }
    
    .widget-categories .accordion-button:hover,
    .widget-categories .accordion-button:focus {
        color: var(--akcentcolorhover) !important;
    }
    .widget-list-link:hover {
        color: var(--akcentcolorhover) !important;
    }
    
    body a:hover {
        color: var(--akcentcolorhover) !important;
    }
    .btn-info {
        color: white!important;
        border-color: var(--darkbrandcolor) !important;
        background-color: var(--bs-primary) !important;
    }
    .btn-info:hover {
        color: var(--bs-primary) !important;
        background-color: transparent !important;
        border-color: var(--bs-primary) !important;
    }
    
    .widget-categories .accordion-button:focus-visible {
        color: var(--secondakcentcolor) !important;
    }
    
    .active>.widget-list-link {
        color: var(--secondakcentcolor) !important;
    }
    
    .widget-categories 
    .accordion-button {
        color: #4b566b !important;
    }
    
    .widget-categories .accordion-button::after {
        background-color: #f3f5f9 !important;
    }
    
    .widget-categories .accordion-button::after:hover {
        background-color: var(--linkcolor) !important;
    }
          
          
          /* ZDRAVKO */ 
          
          
          div.TableComparison {
        background: var(--softcolor) !important;
    }
          
    body button.submit_fast_popup,    button.btn.btn-primary, a.btn.btn-primary, #continue_shoppingbtn, button#submitBTN,#submit_fast{
        background:  var(--bottoncolor) !important;
            border: 2px solid var(--bottoncolor) !important;
          box-shadow: var(--shadows);
            border-radius: var(--btrr);
               transition: all 100ms linear;
    }
    
    a.btn{
        border-radius: var(--btrr) !important;
    }
          
    body button.btn.btn-primary:hover, body a.btn.btn-primary:hover, body button.submit_fast_popup:hover, button#submitBTN:hover,#submit_fast:hover {
        background: var(--softcolor) !important;
        border: 2px solid var(--bottoncolor) !important;
          color: var(--bottoncolor) !important;
    }
          
          
    body button.submit_fast_popup, body .btn:not(div.design_edit_holder a.btn, #view_cart_header_dropdown a.btn, form#checkout a.btn, a.btn.btn-light.btn-sm.ps-2, .d-sm-flex.justify-content-between.mt-lg-2.mb-2.pb-0.pb-sm-2.border-bottom.cart_table_item.cart_item_holder .btn,#submit_fast,.btn-sm){
            background-color: #fff ;
            padding: 0.8em 1.5em;
            user-select: none;
            cursor: pointer;
            font-size: 18px;
            transition: all 100ms linear;
            position: relative;
            box-shadow: inset 0 4px 6px -1px rgb(0 0 0 / 0.1), 
            0 2px 4px -2px rgb(0 0 0 / 0.1);
        }
     
      body  .btn:active {
            box-shadow: inset 0 0 0 4px #043b3f6b;
        }
     
       body .btn::before {
            content: "";
            width: 100%;
            height: 100%;
            background-color: #fff;
            position: absolute;
            border-radius: inherit;
            z-index: -1;
            top: 0;
            left: 0;
            opacity: 0;
        }
     
          
         body div.BuyProductBanner { background:var(--buyproductbanner)  !important}
          
          .table>:not(:last-child)>:last-child>* {
        border-bottom-color: transparent;
    }
    
    
    
          .table-primary {border-color: transperant !important;} 
          
     
          
          .langsHolder button.btn, footer button.btn { padding:initial;
            color:var(--mainbrandcolor); font-size:13px !important} 
            a.btn.btn-outline-accent.btn-sm:hover {
                color: var(--akcentcolor) !important;
            }
    
            .btn-outline-primary {
               font-weight: bold;
            }
    
            .btn-outline-primary:hover {
                color: white;
                background-color: var(--akcentcolor) !important;
            }
    
    
    
    
            .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.active, .btn-success.show {
                border-color: var(--bottoncolor) !important;
                background-color: var(--bottoncolor);
            }
    
            .props_elements.active {
                border: 4px solid var(--bottoncolor) !important;
                background:var(--softcolor) !important;
            }
    
    
            .props_elements:hover {
                background: var(--buyproductbanner) !important;
            }
    
            .text-success {
                color: var(--darkbrandcolor) !important;
            }
    
    
    
    @media screen and (max-width: 768px) {
                  
    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0);
        overflow: hidden!important;
    }
            
    }
    
    .steps-light .step-count, .steps-light .step-progress {
        color: var(--darkerbrandcolor);
        background-color: var(--bs-warning);
    }
    
    .steps-light .step-count, .steps-light .step-progress {
        color: var(--darkerbrandcolor);
        background-color: var(--bs-warning);
    }
    
    .btn-success.btn-shadow {
        box-shadow: 0 0.5rem 1.125rem -0.5rem var(--shadows);
    }
    
    body .bg-success-light {
        background-color: var(--mainbrandcolor) !important;
    }
    
    footer h3.text-light, footer p, footer a{ color:var(--bs-dark) !important}
    
    a.btn.btn-lg.btn-accent.mt-3.me-3 {
        background: var(--bs-accent) !important;
    }
    
    .new-price{
        font-weight: 500 !important;
    }
    
    .form-check-input:checked {
        background-color: var(--bs-primary-subtle);
        border-color: var(--bs-primary-subtle);
    }
    
    .nav-link-style.active{
        color: #4b566b ;
    }
    #cartFastform .props_elements:hover {
        background: var(--softcolor) !important;
    }
    
    .nav-tabs .nav-link.active::before {
        background-color: var(--akcentcolor) !important;
    }
    
    .cookieinfo
     {
        position: fixed;
        left: 0px;
        right: 0px;
        height: auto;
        min-height: 21px;
        z-index: 2147483647;
        background: rgb(67, 68, 68);
        color: rgb(255, 255, 255);
        line-height: 21px;
        padding: 8px 18px;
        font-family: verdana, arial, sans-serif;
        font-size: 14px;
        text-align: left;
        bottom: 0px;
        opacity: 1;
    }
    
    .cookieinfo a {
        color: var(--bottoncolor)_ !important;
    }
    
    .cookieinfo-close, .termsfeed-com---palette-dark .cc-nb-reject {
        background: var(--bottoncolor) !important;
        color: white !important;
    }

    .bulletCircle i {
        color: var(--softcolor) !important;
    }
 
    .gridX4 a.btn.btn-info.text-uppercase.font-weight-bold.mt-auto{
        font-size: 16px !important;
    } 

    body .topbar-dark .topbar-text>i, body .topbar-dark .topbar-link>i {
        color: var(--softcolor);
    }

    .navbar-light .nav-item:hover .nav-link:not(.disabled), .navbar-light .nav-item:hover .nav-link:not(.disabled)>i {
        color: var(--akcentcolorhover);
    }

    .dropdown-menu li:hover>.dropdown-item {
        color: var(--akcentcolorhover);
    }

    .product-gallery-thumblist-item.active {
        border-color: var(--akcentcolor);
    }

    #fast_order_panel {
        border-radius: 16px !important;
        border: 1px solid var(--bottoncolor) !important;
    }
    #fast_order_panel .card-header {
        border-bottom: 1px solid var(--bottoncolor)!important;
    }