button{border:0;background:transparent;}
.breadcrumb li{display:inline-block;}
.breadcrumb li a{font-size:13px;}
.breadcrumb li:not(:last-child):after{font-family:'flaticon';content:"\f131";font-size:11px;margin-left:5px;}
.radio-list li{display:inline-block;}
.mynewradio-bl:checked,.mynewradio-bl:not(:checked){position:absolute;left:-9999px;}
.mynewradio-bl:checked + label,.mynewradio-bl:not(:checked) + label{position:relative;padding:5px 10px;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666;border:1px solid #c5c5c5;border-radius:8px;}
.mynewradio-bl:checked + label:before,.mynewradio-bl:not(:checked) + label:before{content:'';position:absolute;left:3px;top:18px;width:18px;height:18px;border:1px solid #ccc;border-radius:100%;background:#fff;}
.mynewradio-bl:checked + label:after,.mynewradio-bl:not(:checked) + label:after{content:'';width:12px;height:12px;background:#00aeef;position:absolute;top:21px;left:6px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.mynewradio-bl:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.mynewradio-bl:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.styled-checkbox{position:absolute;opacity:0;}
.styled-checkbox + label{position:relative;cursor:pointer;padding:0;}
.styled-checkbox + label:before{content:'';margin-right:10px;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:#efefef;}
.styled-checkbox:hover + label:before{background:#deb06b;}
.styled-checkbox:focus + label:before{box-shadow:0 0 0 3px rgba(0, 0, 0, 0.12);}
.styled-checkbox:checked + label:before{background:#deb06b;}
.styled-checkbox:disabled + label{color:#b8b8b8;cursor:auto;}
.styled-checkbox:disabled + label:before{box-shadow:none;background:#ddd;}
.styled-checkbox:checked + label:after{content:'';position:absolute;left:5px;top:9px;background:white;width:2px;height:2px;box-shadow:2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform:rotate(45deg);}
.extra-category-check::-webkit-scrollbar-track{border-radius:10px;background-color:#F5F5F5;}
.extra-category-check::-webkit-scrollbar{width:12px;background-color:#F5F5F5;}
.extra-category-check::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ccc;}
.form-control{width:100%;border:1px solid #ddd;padding:.375rem .75rem;font-size:14px;border-radius:2px}
@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive-sm>.table-bordered{border:0}
}
@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive-md>.table-bordered{border:0}
}
@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive-lg>.table-bordered{border:0}
}
@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive-xl>.table-bordered{border:0}
}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive>.table-bordered{border:0}
.userlog{}
.userlog .nav li{width:50%;}
.userlog .nav li a{display:block;padding:15px 0;color:#333;}
.userlog .nav li a.active{background:#efefef;}
.userlog .tab-pane{padding:30px 45px;}
.userlog .form-control{box-shadow:none!important;border-radius:0;margin-bottom:5px;}
.modal-open{overflow:hidden}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}
}
.modal.show .modal-dialog{-webkit-transform:none;transform:none}
.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}
.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}
.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
.modal-dialog-centered.modal-dialog-scrollable::before{content:none}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto;border:0;background:transparent;}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
.modal-footer>*{margin:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:576px){.modal-dialog{max-width:680px;margin:1.75rem auto}
.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
.modal-dialog-centered{min-height:calc(100% - 3.5rem)}
.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}
.modal-sm{max-width:300px}
}
@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}
}
@media (min-width:1200px){.modal-xl{max-width:1140px}
}
.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert-heading{color:inherit}
.alert-link{font-weight:700}
.alert-dismissible{padding-right:4rem}
.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}
.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}
.alert-primary hr{border-top-color:#9fcdff}
.alert-primary .alert-link{color:#002752}
.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
.alert-secondary hr{border-top-color:#c8cbcf}
.alert-secondary .alert-link{color:#202326}
.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
.alert-success hr{border-top-color:#b1dfbb}
.alert-success .alert-link{color:#0b2e13}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-info hr{border-top-color:#abdde5}
.alert-info .alert-link{color:#062c33}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-warning hr{border-top-color:#ffe8a1}
.alert-warning .alert-link{color:#533f03}
.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.alert-danger hr{border-top-color:#f1b0b7}
.alert-danger .alert-link{color:#491217}
.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}
.alert-light hr{border-top-color:#ececf6}
.alert-light .alert-link{color:#686868}
.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}
.alert-dark hr{border-top-color:#b9bbbe}
.alert-dark .alert-link{color:#040505}
.qtybox{background:none repeat scroll 0 0 #fff;border:1px solid #f2f2f2;font-size:15px;height:35px;top:0;width:35px;text-align:center;z-index:1;}
.qtyplu,.qtydec{background-color:#dcdcdc;border:0;color:#444;cursor:pointer;font-size:18px;font-weight:600;line-height:1;width:35px;height:35px;top:1px;position:relative;}
.table{width:100%;margin-bottom:1rem;color:#212529;border-spacing:1px;}
.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
.table tbody+tbody{border-top:2px solid #dee2e6}
.table-sm td,.table-sm th{padding:.3rem}
.table-bordered{border:1px solid #dee2e6}
.table-bordered td,.table-bordered th{border:1px solid #dee2e6}
.table-bordered thead td,.table-bordered thead th{border-bottom-width:1px}
.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}
.shopping-cart .table{width:100%;margin-bottom:1rem;color:#212529}
.shopping-cart .table td,.shopping-cart .table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;vertical-align:middle;}
.shopping-cart .table tbody{text-align:center}
.shopping-cart .table-sm td,.shopping-cart .table-sm th{padding:.3rem;}
.shopping-cart .table-bordered{border:1px solid #dee2e6}
.shopping-cart .table-bordered td,.shopping-cart .table-bordered th{border:1px solid #dee2e6}
.shopping-cart .table h4{font-size:16px;}
.spectac fieldset{padding:15px;border:1px solid #ddd;}
 h1.inputerror{color:#f62459;font-size:11px;margin:3px 0;}
 .card .card-heading{background:#f5f5f5;border:1px solid #ddd;padding:6px 12px}
 .card .card-heading h4{color:#333;font-weight:600;font-size:18px;}
 .card .card-heading h4 i{font-size:22px;}
 .card .card-body{padding:8px;border:1px solid #ddd;border-top:0;font-size:14px;}
input[type="radio"]:checked,input[type="radio"]:not(:checked){position:absolute;left:-9999px;}
input[type="radio"]:checked + label,input[type="radio"]:not(:checked) + label{position:relative;padding-left:28px;cursor:pointer;line-height:13px;display:inline-block;color:#666;}
input[type="radio"]:checked + label:before,input[type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff;}
input[type="radio"]:checked + label:after,input[type="radio"]:not(:checked) + label:after{content:'';width:12px;height:12px;background:#ff670e;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
input[type="radio"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
input[type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ccard label{margin:.5rem 0;font-size:13px;display:block;}
.widget_categories{margin-bottom:10px}
.widget_categories ul{list-style:none;margin:0;padding:0}
.widget_categories li{list-style:none;float:left;margin:2px}
.widget_categories a{width:100px;height:100px;border:1px solid #dadada;display:table-cell;vertical-align:middle;font-size:12px;color:#666;text-align:center;padding:5px;transition:.3s;line-height:normal}
.widget_categories a:hover{background:#216caf;color:#fff}
.widget_categories i{font-size:28px;text-align:center;display:block}
.control-label{font-size:12px;margin:5px 0;color:#333;}
.textu{font-size:13px;white-space:nowrap;}
h5.subtitle{border-bottom:1px solid #ddd;padding:0 0 5px;margin:0 0 5px;}
.account-info{margin-bottom:20px}
.account-info a{color:#333;line-height:22px;transition:.3s;font-size:14px;text-decoration:none!important;}
.account-info a:hover{color:#e40046}

.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}
.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#333;background-color:#fff;border:1px solid #dee2e6}
.page-link:hover{z-index:2;color:#fff;text-decoration:none;background-color:#deb06b;border-color:#deb06b}
.page-link:focus{z-index:3;outline:0;}
.page-item:first-child .page-link{margin-left:0;border-top-left-radius:5rem;border-bottom-left-radius:5rem}
.page-item:last-child .page-link{border-top-right-radius:5rem;border-bottom-right-radius:5rem}
.page-item.active .page-link{z-index:3;color:#fff;background-color:#deb06b;border-color:#deb06b}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}


.popup_sepet_listesi{width:100%;height:170px;overflow:hidden;overflow-y:auto;padding:10px;margin:auto;display:table;}
.popup_sepet_listesi .s_u_resim{margin-right:10px;float:left;width:50px;}
.popup_sepet_listesi .sepet_urun_detay{text-align:left;border:1px solid #dadada;overflow:hidden;margin:5px 0px;}
.popup_sepet_urun{max-height:150px;overflow:hidden;overflow-y:auto;}
 #popup_sepet{-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
.s_u_ad{width:calc(100% - 70px);overflow:hidden;float:left;line-height:23px;}
.s_u_ad a, .s_u_ad span{display:block;}
.sepet_devam_devam{width:50%;text-align:center;padding:10px 0;float:left;background:#f4f4f4;cursor:pointer;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.sepet_devam_tamamla{width:50%;text-align:center;padding:10px 0px;float:left;color:#ffffff;background:#e31e34;cursor:pointer;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.sepet_devam_tamamla a{color:#ffffff;}
.favori_list {height: auto;}

/* Badge Classes */
.badge {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
}

.badge:empty {
    display: none;
}

.badge-pill {
    padding-right: 0.8em;
    padding-left: 0.8em;
    border-radius: 10rem;
}

.badge-sm {
    font-size: 65%;
    padding: 0.2em 0.5em;
}

.badge-lg {
    font-size: 90%;
    padding: 0.35em 0.7em;
}

/* Badge Colors */
.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-warning {
    color: #fff;
    background-color: #ffc107;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

/* Theme specific badge colors */
.badge-gold {
    color: #000;
    background-color: #deb06b;
}

.badge-outline-primary {
    color: #007bff;
    background-color: transparent;
    border: 1px solid #007bff;
}

.badge-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    border: 1px solid #6c757d;
}

.badge-outline-success {
    color: #28a745;
    background-color: transparent;
    border: 1px solid #28a745;
}

.badge-outline-danger {
    color: #dc3545;
    background-color: transparent;
    border: 1px solid #dc3545;
}

.badge-outline-warning {
    color: #ffc107;
    background-color: transparent;
    border: 1px solid #ffc107;
}

.badge-outline-info {
    color: #17a2b8;
    background-color: transparent;
    border: 1px solid #17a2b8;
}

.badge-outline-light {
    color: #212529;
    background-color: transparent;
    border: 1px solid #f8f9fa;
}

.badge-outline-dark {
    color: #343a40;
    background-color: transparent;
    border: 1px solid #343a40;
}

/* Badge hover effects */
a.badge:hover, a.badge:focus {
    text-decoration: none;
    opacity: 0.85;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #e2e6ea;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

.badge-gold:hover, .badge-gold:focus {
    color: #000;
    background-color: #c99b58;
}

/* Status badges with dot indicators */
.badge-status {
    position: relative;
    padding-left: 1.6em;
}

.badge-status:before {
    content: "";
    position: absolute;
    left: 0.5em;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: currentColor;
}

/* Order Tracking Timeline Styles */
.order-status-timeline {
    position: relative;
    margin: 30px 0;
    padding: 15px 0;
}

.timeline-track {
    height: 4px;
    background-color: #e9ecef;
    position: relative;
    border-radius: 4px;
    margin: 0 auto;
    width: 90%;
}

.timeline-progress {
    position: absolute;
    height: 4px;
    top: 0;
    left: 0;
    background-color: #28a745;
    border-radius: 4px;
    transition: width 0.5s ease;
}

.timeline-steps {
    display: flex;
    justify-content: space-between;
    margin-top: -14px;
}

.timeline-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}

.step-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.step-active .step-icon {
    background-color: #28a745;
    color: white;
    transform: scale(1.1);
    box-shadow: 0 3px 8px rgba(40, 167, 69, 0.3);
}

.step-text {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: #6c757d;
    max-width: 100px;
    transition: all 0.3s ease;
}

.step-active .step-text {
    color: #28a745;
    font-weight: 700;
}

/* Theme-specific status colors */
.timeline-progress-primary {
    background-color: #4e73df;
}

.step-active-primary .step-icon {
    background-color: #4e73df;
    box-shadow: 0 3px 8px rgba(78, 115, 223, 0.3);
}

.step-active-primary .step-text {
    color: #4e73df;
}

.timeline-progress-warning {
    background-color: #f6c23e;
}

.step-active-warning .step-icon {
    background-color: #f6c23e;
    box-shadow: 0 3px 8px rgba(246, 194, 62, 0.3);
}

.step-active-warning .step-text {
    color: #f6c23e;
}

.timeline-progress-danger {
    background-color: #e74a3b;
}

.step-active-danger .step-icon {
    background-color: #e74a3b;
    box-shadow: 0 3px 8px rgba(231, 74, 59, 0.3);
}

.step-active-danger .step-text {
    color: #e74a3b;
}

.timeline-progress-info {
    background-color: #36b9cc;
}

.step-active-info .step-icon {
    background-color: #36b9cc;
    box-shadow: 0 3px 8px rgba(54, 185, 204, 0.3);
}

.step-active-info .step-text {
    color: #36b9cc;
}

/* Timeline animations */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}

.step-pulse .step-icon {
    animation: pulse 2s infinite;
}

.step-active-primary.step-pulse .step-icon {
    animation: pulse-primary 2s infinite;
}

@keyframes pulse-primary {
    0% {
        box-shadow: 0 0 0 0 rgba(78, 115, 223, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(78, 115, 223, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(78, 115, 223, 0);
    }
}

/* Responsive styles for timeline */
@media (max-width: 767px) {
    .timeline-steps {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 20px;
    }

    .timeline-step {
        margin-bottom: 15px;
        flex-direction: row;
    }

    .step-text {
        margin-left: 10px;
        text-align: left;
    }

    .timeline-track {
        width: 4px;
        height: 95%;
        margin: 0;
        position: absolute;
        left: 35px;
    }

    .timeline-progress {
        width: 4px;
        height: 30%;
    }

    .order-status-timeline {
        margin-left: 0;
        height: 250px;
    }
}

/* Timeline variations */
.timeline-condensed .timeline-step {
    padding: 0 5px;
}

.timeline-condensed .step-text {
    font-size: 10px;
    max-width: 70px;
}

.timeline-expanded .timeline-step {
    padding: 0 10px;
}

.timeline-expanded .step-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
}

.timeline-expanded .step-text {
    font-size: 14px;
    max-width: 150px;
    margin-top: 5px;
}

/* Order Status Timeline with dates */
.timeline-with-dates .step-date {
    font-size: 10px;
    color: #999;
    margin-top: 4px;
}

.step-active .step-date {
    color: #28a745;
}
.filter-button {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 14px;
    color: #373737;
    background-color: #2125291f;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}