body {
    font: 24px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 8px 0px 8px 0px;
}

.table-pos{
    margin: 0 auto;
}

h1 {
    color: #000;
    font: 24px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-emphasis: black;
}

a.heade {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

.htitle {
    color: #000;
    font: 24px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-emphasis: black;
    /*position: -webkit-sticky;*/
    position: sticky;
    top: 50px;
    height: 130px;
    background-color: #ffffff;
    z-index: 100;
    margin: 0px 0px 0px 0px;
    position: fixed;
    width: 100%;
}
.htitle .htitle-content{
    color: #000;
    font: 24px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-emphasis: black;
    margin: 8px 8px 8px 8px;

}

.center
{
    text-align: center;
    display: flex;
    margin-left: 8px;
    margin-right: 8px;
}

.center .centertable
{
    margin-left: auto;
    margin-right: auto;

}

.centertable-default {
    background-color: #ffffff;
    position: relative;
    top: 40px;
    z-index: 1;
    margin-left: 8px;
    margin-right: 8px;
    width: 98%;
}

.centertable-ingredients {
    background-color: #ffffff;
    position: relative;
    top: 40px;
    z-index: 1;
    margin-left: 8px;
    margin-right: 8px;
    width: 98%;
    display: contents;
}

.centertable-inventory {
    background-color: #ffffff;
    position: relative;
    top: 40px;
    z-index: 1;
    margin-left: 8px;
    margin-right: 8px;
    width: 98%;
    display: contents;
}

table {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
    color: #4a4a4d;
    font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

th,
td {
    padding: 2px 4px;
    vertical-align: middle;
    border-bottom: 1px solid #cecfd5;
    border-right: 1px solid #cecfd5;
}

thead {
    background: #04aa6d;
    color: #fff;
    font-size: 12px;
}

th:first-child {
    border-top-left-radius: 0px;
}
th:last-child {
    border-top-right-radius: 0px;
}
tbody tr:nth-child(even) {
    background: #f0f0f2;
}
td {
    border-bottom: 1px solid #cecfd5;
    border-right: 1px solid #cecfd5;
}
td:first-child {
    border-left: 1px solid #cecfd5;
}le

.tbody {
    z-index: 100;
}

.book-title {
    color: #395870;
    display: block;
}
.text-offset {
    color: #7c7c80;
    font-size: 12px;
}
.item-stock,
.item-qty {
    text-align: center;
}
.item-price {
    text-align: right;
}
.item-multiple {
    display: block;
}
tfoot {
    textab-align: right;
}
tfoot tr:last-child {
    background: #f0f0f2;
    color: #395870;
    font-weight: bold;
}
tfoot tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}
tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

.text-default {
    font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;

}

/* Menu Styling */

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    background-color: #333;
    font: 16px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

li {
    float: left;
    border-right:1px solid #bbb;
}

li:last-child {
    float: right;
    border-right: none;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #04AA6D;
    /*#107c41*/
}
.sticky {
    position: fixed;
    top: 0px;
    /*width: 1524px;*/
    width: 100%;
    background-color: #000000;
    z-index: 101;
    overflow: visible;
}


/* Table header */

.thead {
    position: -webkit-sticky;
    position: sticky;
    top: 180px;
    z-index: 100;
}

.thead-row-1 {
    text-align: center;
    color: #111111;
    background-color: #888888;
    font-size: 18px;
    font-size: 20px;
    border-color: #111111;
    border-style: solid;
    border-width: 2px;
}

.thead-row-1-item {
    background-color: #fff2cc;
}

/* Top-Right-Bottom-Left */

.thead-row-1-finished-goods {
    background-color: #e2efda;
    border-width: 2px 2px 2px 0px;
}

.thead-row-1-bags-n-lables {
    background-color: #fce4d6;
    border-width: 2px 2px 2px 0px;
}

.thead-row-1-ingredients {
    background-color: #e2efda;
    border-width: 2px 2px 2px 2px;
}

.thead-row-1-mini-make {
    background-color: #ffc5c5;
    border-width: 2px 2px 2px 0px;
}

.thead-row-1-warehouse-ex {
    background-color: #fff2cc;
    border-width: 2px 1px 2px 0px;
}

.thead-row-1-pricing {
    background-color: #ddebf7;
    border-width: 2px 2px 2px 0px;
}

.thead-row-2 {
    text-align: center;
}

.thead-row-2-finished-goods {
    text-align: center;
    color: #111111;
    background-color: #eeeeee;
    font-size: 12px;
    border-color: #111111;
    border-style: solid;
    border-width: 0px 2px 2px 0px;
}

.thead-row-2-finished-goods-start {
    text-align: center;
    color: #111111;
    background-color: #eeeeee;
    font-size: 12px;
    border-color: #111111;
    border-style: solid;
    border-width: 0px 2px 2px 2px;
}

.thead-row-2-finished-goods-end {
    text-align: center;
    color: #111111;
    background-color: #eeeeee;
    font-size: 12px;
    border-color: #111111;
    border-style: solid;
    border-width: 0px 2px 2px 2px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #38444d;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content:hover {
    background-color: red;
}

.dropdown-content a {
    color: #FFFFFF;
    background-color: #555555;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content:hover a:hover {
    color: white;
    background-color: red;
}

.dropdown:hover .dropdown-content {
    display: block;
}