
#myHeader{
    overflow:hidden !important;
}
h6 {
    width: 100%;
    text-align: center;
    font-weight: 700;
    padding: 12px 0px;
    background-color: #ff8c00;
    font-size: 16px;
    margin-top: 2px;
}
h5 {
    width: 100%;
    text-align: center;
    font-weight: 700;
    padding: 10px 0px;
    background-color: darkorange;
    font-size: 16px;
    margin-top: 2px;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
}
body{
    width: 100vw;
    min-height: 100vh;
    overflow-x: hidden !important;
}
table {
    display: flex;
    flex-flow: column;
    width: 100%;
    font-family: 'Poppins', sans-serif !important;
}

thead {
    flex: 0 0 auto;
}

tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
    overflow-x: hidden !important;
}

tr {
    width: 100% !important;
    display: table;
    table-layout: fixed;
}


.total h6{
    background-color: #8db600;
    padding-top:13px !important;
    font-weight:700 !important;
    font-size:17px !important;
}
input{
    width:60px;
    height: 30px;
    padding: 5 5px;
    text-align: center;
    outline:none !important;
    border: 2px solid #000 !important;
}
th{
    
    font-size: 15px;
    background: #ff0000;
    color:#fff;
    font-weight: 600;
   
    
}
table, th,tr,td{
    border-color:black !important;
}
table td,th{
    border:1px solid #000;
    vertical-align:middle !important;
}
tr {
    background-color: #f0e982;

    
}
table tr label{
    color:#000 !important;
    font-weight: 600;
    font-size: 16px !important;
}

th{
    border-bottom:0;
    margin-top: 10px;
    text-align: center !important;
}
td{
    padding: 10px !important;
    font-size: 16px;
    font-weight: 600;
    text-align:center !important;
}
td img{
    width: 40px !important;
    height: 40px !important;
}
.crackers{
    margin-top: 4% !important;
}
input{
    width: 70px !important;
    height:35px !important
}

.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.table > tbody > tr > td {
    line-height:1.2 !important;
}
.banner-content h2{
    padding:5px !important;
}
.banner-content p {
    padding: 10px !important;
}
.header-product{
    height:140px !important;
}

@media(max-width:568px) {
    .GroupHeaderRowStyle{
        font-size:15px !important;
    }
    .header-wrapper.style-10 header {
        padding-top: 0 !important;
    }
    #logo img {
        width: 150px !important;
    }
        h6 {
            font-size: 14px;
            letter-spacing: 2px;
        }
        th{
            text-align:left !important;
        }
        td{
            word-wrap:break-word;
            padding:5px !important;
        }

        td, th {
            font-size: 9px;
        }

            td img {
                width: 20px;
                height: 20px;
                margin-left: -10px !important;
            }

        input {
            width: 30px !important;
            height: 25px !important;
            padding: 0 2px;
            text-align: center;
        }

        th {
            padding: 0px;
            text-align: center;
        }

        table {
            margin-top: -2% !important;
        }

            table tr label {
                font-size: 14px !important;
            }

        table, th, tr, td {
            padding: 5px 0px;
        }
        td{
            text-align: center !important;
        }

    }

