:root {
                    --login-bg-image: url("");

                    --primary-color: #cc0000;
                    --primary-font-color: #ffffff;
                    --primary-hover-color: #aa0000;
                    --primary-disabled-color: #e0a0a0;

                    --secondary-color: #ffffff;
                    --secondary-font-color: #cc0000;
                    --secondary-border-color: #cc0000;
                    --secondary-hover-color: #fff5f5;

                }
                .navbar {
                    background-color:  !important; /*N1*/
                }
                .navbar .navbar-brand {
                    color: #ffffff !important; /*NT1*/
                }
                .breadcrumbs {
                    background-color:  !important; /*B1*/
                    display: none; 
                }
                .sidebar {
                    background-color:  !important; /*S1*/
                    border-color:  !important; /*S1*/
                    display: none; 
                }
                .sidebar + .main-content { margin-left: 0px!important; } 
                
                .no-skin .sidebar-shortcuts {
                    background-color:  !important; /*S1*/
                }
                .no-skin .sidebar-toggle {
                    background-color:  !important; /*S1*/
                    border-color:  /*MT1*/
                }
                .no-skin .nav-list > li {
                    border-color: ; /*S1*/
                }
                .sidebarColor {
                    color: #f8f8f8!important; /*S1*/
                }
                .no-skin .nav-list > li > a {
                    background-color:  !important; /*M1*/
                    color: ; /*MT1*/
                }
                .no-skin .sidebar.menu-min .nav-list > li > a > .menu-text
                {
                    background-color:  !important; /*M2*/
                }
                .no-skin .sidebar-toggle > .ace-icon, .no-skin .sidebar-scroll .sidebar-toggle {
                    border-color: ; /*MT1*/
                    color: ; /*MT1*/
                    background-color:  !important; /*S1*/
                }
                .logging-in
                {
                    color:  !important; /*MT1*/
                }

                li.menuIndicatorBackgroundColor:hover > a, .no-skin .nav-list > li.menuIndicatorBackgroundColor:hover > a {
                    background-color: !important; /*I1*/
                }
                .no-skin .nav-list > li.active > a,
                .no-skin .nav-list > li.active > a:hover,
                .no-skin .nav-list > li.active > a:focus,
                .no-skin .nav-list .open > a,
                .no-skin .nav-list .open > a:hover,
                .no-skin .nav-list .open > a:focus,
                .no-skin .nav-list > li.open > a,
                .no-skin .nav-list > li:hover > a {
                    background-color:  !important; /*M2*/
                    color: ; /*MT2*/
                }
                .nav-list > li:before {
                    background-color: ; /*I1*/
                }
                .menuIndicatorBackgroundColor {
                    background-color: !important; /*I1*/
                }
              
                .menuIndicatorColor {
                    color: !important; /*I1*/
                }
                .no-skin .nav-list > li.active:after {
                    border-color: ;  /*I1*/
                }
                .no-skin .nav-list li.active > a:after {
                    border-right-color: ; /*I1*/
                    -moz-border-right-colors: ; /*I1*/
                }
                .no-skin .nav-list > li .submenu > li > a {
                    border-top-color:  !important; /*S1*/
                    background-color:  !important; /*M0*/
                    color: ; /*MT0*/
                }
                .no-skin .nav-list > li .submenu > li.active > a, .no-skin .nav-list > li .submenu > li > a:hover {
                    background-color:  !important; /*M0.5*/
                    color:  !important; /*I1*/
                }
                .no-skin {
                    
                    background: url() no-repeat center;                    
                    background-position: center center;
                    background-size: cover;
                    background-attachment: fixed;
                }
                .main-container:before
                {
                    background-color: transparent !important;
                }
                .main-content-inner, .b2bBackground
                {
                    
                }
                .page-content {
                    background-color: transparent !important; 
                }
                .no-skin .nav-list > li .submenu
                {
                    background-color:  !important; 
                }
                .no-skin .nav-list > li > .submenu li > .submenu > li a {
                    color:  !important; 
                }
                .no-skin .nav-list > li > .submenu li.open > a
                {
                    color:  !important; 
                }
                .no-skin .navbar .navbar-toggle
                {
                    background-color: transparent !important; 
                }
                .no-skin .navbar .navbar-toggle:hover
                {
                    background-color:  !important; 
                }
                .no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed)
                {
                    background-color:  !important; 
                }
                .owl-theme .owl-nav [class*=owl-]:hover {
                    background-color:  !important;
                }                
                .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
                    background-color: #cecece4d;
                }

                .loginWidget { 
                    background-color: rgb(255 255 255 / 60%);
                    border: 10px solid rgb(255 255 255 / 60%);
                    border-radius: 15px;
                    box-shadow: 66 0px 20px 30px;
                }

                 

                

                /*Ramazan TOSUN*/
[ng-click*="redirectToProductDetail"] {
   pointer-events: none !important;
   cursor: default !important;
   text-decoration: none !important;
}
/*Ramazan TOSUN*/

/* ===== ÜRÜN ARAMA SATIRI ===== */
.table:has(tr[ng-repeat*="responseData"]) {
border-collapse: separate !important;
border-spacing: 0 14px !important;
background: transparent !important;
}
tr[ng-repeat*="responseData"] {
border-top: 0 !important;
}
tr[ng-repeat*="responseData"] > td {
background: #ffffff !important;
border-top: 1px solid #d5dde8 !important;
border-bottom: 1px solid #d5dde8 !important;
border-left: 0 !important;
border-right: 0 !important;
box-shadow: 0 6px 12px -6px rgba(22, 50, 92, 0.22) !important;
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}
tr[ng-repeat*="responseData"] > td:first-child {
border-left: 1px solid #d5dde8 !important;
border-radius: 10px 0 0 10px !important;
box-shadow: -4px 6px 14px -6px rgba(22, 50, 92, 0.2) !important;
}
tr[ng-repeat*="responseData"] > td:last-child {
border-right: 1px solid #d5dde8 !important;
border-radius: 0 10px 10px 0 !important;
box-shadow: 4px 6px 14px -6px rgba(22, 50, 92, 0.2) !important;
}
tr[ng-repeat*="responseData"]:hover > td {
background: #e7eef8 !important;
border-top-color: #16325c !important;
border-bottom-color: #16325c !important;
box-shadow: 0 8px 16px -4px rgba(22, 50, 92, 0.28) !important;
}
tr[ng-repeat*="responseData"]:hover > td:first-child {
border-left-color: #16325c !important;
box-shadow: inset 4px 0 0 #16325c, -4px 8px 16px -4px rgba(22, 50, 92, 0.26) !important;
}
tr[ng-repeat*="responseData"]:hover > td:last-child {
border-right-color: #16325c !important;
box-shadow: 4px 8px 16px -4px rgba(22, 50, 92, 0.26) !important;
}
tr[ng-repeat*="responseData"].product-selected > td,
tr[ng-repeat*="responseData"].added-to-cart > td {
background: #f8f1e4 !important;
border-top-color: #c4a36a !important;
border-bottom-color: #c4a36a !important;
box-shadow: 0 6px 12px -6px rgba(138, 90, 22, 0.28) !important;
}
tr[ng-repeat*="responseData"].product-selected > td:first-child,
tr[ng-repeat*="responseData"].added-to-cart > td:first-child {
border-left-color: #8a5a16 !important;
box-shadow: inset 4px 0 0 #8a5a16, -4px 6px 14px -6px rgba(138, 90, 22, 0.28) !important;
}
tr[ng-repeat*="responseData"].product-selected > td:last-child,
tr[ng-repeat*="responseData"].added-to-cart > td:last-child {
border-right-color: #8a5a16 !important;
box-shadow: 4px 6px 14px -6px rgba(138, 90, 22, 0.28) !important;
}
tr[ng-repeat*="responseData"].product-selected:hover > td,
tr[ng-repeat*="responseData"].added-to-cart:hover > td {
background: #f0e2c4 !important;
border-top-color: #8a5a16 !important;
border-bottom-color: #8a5a16 !important;
box-shadow: 0 8px 16px -4px rgba(138, 90, 22, 0.34) !important;
}
tr[ng-repeat*="responseData"].product-selected:hover > td:first-child,
tr[ng-repeat*="responseData"].added-to-cart:hover > td:first-child {
border-left-color: #8a5a16 !important;
box-shadow: inset 4px 0 0 #8a5a16, -4px 8px 16px -4px rgba(138, 90, 22, 0.32) !important;
}
tr[ng-repeat*="responseData"].product-selected:hover > td:last-child,
tr[ng-repeat*="responseData"].added-to-cart:hover > td:last-child {
border-right-color: #8a5a16 !important;
box-shadow: 4px 8px 16px -4px rgba(138, 90, 22, 0.32) !important;
}
tr[ng-repeat*="responseData"] .showProductImage {
border: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
overflow: visible !important;
}
tr[ng-repeat*="responseData"] .showProductImage img {
border: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
}

/* Ürün listesi kolon başlığı: siyah zemin, yazı #9d9682 */
table.table thead th[ng-repeat*="customField in customFields"] {
background: #000000 !important;
background-color: #000000 !important;
color: #9d9682 !important;
border-color: #000000 !important;
}
table.table thead th[ng-repeat*="customField in customFields"]:hover {
background: #000000 !important;
background-color: #000000 !important;
color: #9d9682 !important;
}
table.table thead th[ng-repeat*="customField in customFields"] *,
table.table thead th[ng-repeat*="customField in customFields"]:hover * {
color: #9d9682 !important;
background-color: transparent !important;
}