#pricing_table th,
#pricing_table td {
    padding: 5px;
}

/* .layout-top-nav.fixed .content-wrapper {
    padding-top: 95px !important;
} */
.content-header .page-title {
    padding: 5px 25px 5px 0;
    font-size: 1.5rem;
}

.content-header {
    padding: 0.3rem 1rem 0px;
}

#pricing_table>thead {
    background: #4c95dd;
    color: #fff;
}

.product_header {
    width: 300px;
}

.tablefixhead {
    overflow-y: auto;
    height: 40vh;
    position: relative;
}

.pricefixhead {
    overflow-y: auto;
    height: 60vh;
    position: relative;
}

.convertTablefix {
    overflow-y: auto;
    height: 60vh;
    position: relative;
}

.tablefixhead table thead tr th,
.pricefixhead table thead tr th,
.convertTablefix table thead tr th {
    background: #4c95dd;
    color: #fff;
    text-align: center;
    font-weight: 500;
    position: sticky;
    top: 0;
    z-index: 1;
}

th.stk_pdt {
    width: 300px;
}

td.pdt_clm_class {
    min-width: 350px;
}

td.margin_clm_class {
    min-width: 100px;
}

td.price_clm_class {
    min-width: 100px;
}

td.btn_class {
    min-width: 150px;
}

td.stk_pdt_name {
    min-width: 260px;
}

td.stk_pdt_id {
    min-width: 100px;
}

td.stk_uom {
    min-width: 50px;
}

select.form-select.touch_select {
    padding: 0.375rem 2rem 0.375rem 0.375rem;
}

.touch_ip {
    padding: 0.375rem 0.375rem;
}

.data-tbl th {
    white-space: nowrap;
}

.sec_1 {
    background: thistle;
    text-align: right;
}

.sec_2 {
    background: bisque;
    text-align: right;
}

.sec_3 {
    background: lavender;
    text-align: right;
}

.sec_4 {
    background: palegoldenrod;
    text-align: right;
}

.sec_5 {
    background: palegreen;
    text-align: right;
}

.sec_1 p,
.sec_2 p,
.sec_3 p,
.sec_3 h5,
.sec_4 p,
.sec_4 h5,
.sec_5 h5,
.sec_5 p,
.sec_6 h5 {
    margin-bottom: 0px;
    margin-top: 10px;
}

.text-right {
    text-align: right !important;
}

.summary_tbl td,
.summary_tbl th {
    padding: 5px !important;
}

.payment .btn-primary:active,
.payment .btn-primary:focus {
    background-color: #e66430 !important;
    border-color: #e66430 !important;
}

.payment .form-control {
    padding: 1px 3px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
}

.payment .form-control:disabled {
    font-size: 18px !important;
    background-color: #fff !important;
}

.form-control.border-none {
    border: none !important;
}

.autocomplete-items {
    position: absolute !important;
    border: 1px solid #d4d4d4 !important;
    border-bottom: none !important;
    border-top: none !important;
    z-index: 99 !important;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;

}

.autocomplete-items div {
    padding: 3px 5px !important;
    cursor: pointer !important;
    background-color: #fff !important;
    border-bottom: 1px solid #d4d4d4 !important;
    font-size: 12px !important;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9 !important;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff !important;
}

input#myInput {
    border-radius: 10px;
}

.bg-dark {
    background-color: #00358d !important;
}

@media (max-width: 1024px) {
    .tablefixhead {
        height: 45vh;
    }

    .convertTablefix {
        height: 45vh;
    }
}

@media (max-width: 767px) {

    .layout-top-nav .main-header .inside-header {
        background: #ffffff;
    }

    .light-logo img {
        width: 85% !important;
        padding-top: 5px;
    }

    .main-header .navbar {
        padding: 0px 0;
    }

    .main-header .navbar {
        min-height: 45px;
    }

    td.pdt_clm_class {
        min-width: 300px;
    }

    td.margin_clm_class {
        min-width: 100px;
    }

    td.price_clm_class {
        min-width: 100px;
    }

    td.btn_class {
        min-width: 150px;
    }

    td.stk_qty {
        min-width: 60px;
    }

    td.stk_uom {
        min-width: 70px;
    }

    td.stk_price {
        min-width: 80px;
    }

    td.stk_pdt_disc {
        min-width: 75px;
    }

    td.stk_tax_percent {
        min-width: 70px;
    }

    td.stk_tax_amt {
        min-width: 75px;
    }

    td.stk_net_amt {
        min-width: 100px;
    }

}


@media (max-width: 425px) {

    td.pdt_clm_class {
        min-width: 250px;
    }

    td.margin_clm_class {
        min-width: 100px;
    }

    td.price_clm_class {
        min-width: 100px;
    }

    td.btn_class {
        min-width: 150px;
    }


}

.sec_green {
    background: #b4e2ad;
    text-align: right;
}