.red_alert {
        display: none;
    }

    .strikeout::after {
        border-bottom: 0.125em solid #080808;
        content: "";
        left: 0;
        margin-top: calc(0.125em / 2 * -1);
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 0;
    }

    .strikeout {
        position: relative;
        color: red;
    }

    input.form-control {
        margin: auto !important;
    }

    span.product_rate {
        color: red !important;
    }

    td.discounted_price {
        color: #027d15 !important;
    }

    td.product_content {
        color: #fd07c8 !important;
    }

    td.product_name {
        color: #000 !important;
    }

    /* input {
        width: 100%;
        margin: 2px;
        color: #000;
    } */

    .margin5px {
        margin: 5px;
    }

    .margin-top {
        margin-top: 50px;
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        color: #000;
        background-color: #fff;
        padding: 5px 1px;
        vertical-align: middle;
        text-align: center;
        font-weight: 600 !important;
    }
    .table{
       border-width: 1px !important;  
    }

    /* .table>:not(caption)>*>*{ border-width: 1px !important; } */

    @media only screen and (max-width: 600px) {

        .table>tbody>tr>td,
        .table>tbody>tr>th,
        .table>tfoot>tr>td,
        .table>tfoot>tr>th,
        .table>thead>tr>td,
        .table>thead>tr>th {
            font-size: 10px !important;
            font-weight: 900 !important;
        }

        span.catname {
            font-size: 14px !important;
            line-height: 14px !important;
        }

        .col-md-12 {
            padding: 0px !important;
        }

        img.img-width.ss {
            width: 25px !important;
        }

        #showdis .col-md-4 {
            font-size: small;
        }

        div.col-md-3 {
            height: 50px !important;
        }
    }

    .paddingright5px {
        padding-right: 15px;
    }

    #showdis {
        width: 80%;
        margin: 10px auto;
        display: block;
        /* padding: 20px;*/
        background-color: #ff0a05;
        color: #FFF;
        text-align: center;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        left: 10%;
        z-index: 1;
        /* height: 60px;*/
    }

    .table {
        margin-bottom: 0px;
    }

    div.col-md-3 {
        height: 100px;
    }

    label.error {
        color: #f00;
    }

    td.product_name.category_name,
    tr.sub td {
        color: #fff !important;
        background-color: #db2226 !important;
    }

    td.product_name.category_name,
    tr.sub td a {
        font-weight: bold !important;
        line-height: 40px;
    }

    button.green,
    button.green:hover {
        background-color: yellowgreen !important;
    }

    button.green {
        color: #000;
    }

    button.green:hover {
        color: #1b1a1a;
    }

    /*   CSS  Smooth Scroll */
    html {
        scroll-behavior: smooth;
    }

    @media screen and (prefers-reduced-motion: reduce) {
        html {
            scroll-behavior: auto;
        }
    }

    a.colorred i.fa {
        color: #fff;
    }

    a.colorred i.fa.fa-2 {
        font-size: 22px;
    }

    #myBtn {
        display: none;
        position: fixed;
        bottom: 30px;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        border: none;
        outline: none;
        background-color: red;
        color: white;
        cursor: pointer;
        padding: 7px;
        border-radius: 4px;
    }

    #myBtn:hover {
        background-color: #555;
    }

    .galleryimg {
        cursor: pointer;
    }

    tr.red_alert td {
        background-color: #989191 !important;
    }

    .total-appear {
        position: fixed !important;
    }

    /********************************************/
    div.cssbox {
        display: inline-block;
    }

    span.cssbox_full {
        z-index: 99;
        position: fixed;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        cursor: default;
        transition: opacity 0.5s linear;
    }

    span.cssbox_full img {
        position: fixed;
        background-color: white;
        margin: 0;
        padding: 0;
        max-height: 90%;
        max-width: 90%;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 20px black;
    }

    a.cssbox_close,
    a.cssbox_prev,
    a.cssbox_next {
        z-index: 999999;
        position: fixed;
        text-decoration: none;
        visibility: hidden;
        color: white;
        font-size: 36px;
    }

    a.cssbox_close {
        top: 1%;
        right: 1%
    }

    a.cssbox_close::after {
        content: '\00d7';
    }

    a.cssbox_prev,
    a.cssbox_next {
        top: 50%;
        transform: translate(0%, -50%);
    }

    a.cssbox_prev {
        left: 5%;
    }

    a.cssbox_next {
        right: 5%;
    }

    a:target~a.cssbox_close,
    a:target~a.cssbox_prev,
    a:target~a.cssbox_next {
        visibility: visible;
    }

    a:target>img.cssbox_thumb+span.cssbox_full {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
    }

    img.cssbox_thumb.img-width.ss {
        width: 50px !important;
        height: 50px;
        object-fit: cover;
    }

    /* This is the end of CSSBox */

    .table tr:nth-child(odd),
    .table tr:nth-child(even) {
        background-color: #ffff80 !important;
    }

    .hidden {
        display: none !important;
    }
   

nav.navbar.navbar-expand-lg.nav-scroll
 {
    position: relative !important;
}