@font-face {
    font-family: "Permanent Marker";
    src: url(../fonts/PermanentMarker-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Calistoga";
    src: url(../fonts/Calistoga-Regular.ttf) format("truetype");
}
* {
    outline: transparent;
}
* input:focus,
* .form-control:focus {
    box-shadow: 0 0 0 0 transparent;
}

body.expandable {
    color: #000000;
    background-color: rgba(231, 230, 230, 0.4549019608) !important;
    padding: 0;
    margin: 0;
    position: relative;
    min-height: 100vh;
    overflow-y: scroll;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
body.expandable * {
    font-size: 0.9rem;
}
body.expandable table {
    font-size: 0.9rem !important;
}
body.expandable table th {
    font-size: 0.9rem !important;
    vertical-align: middle;
}
body.expandable table td {
    font-size: 0.9rem !important;
}
body.expandable a {
    color: #009f4f;
}
body.expandable .remove-top {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 4;
}
body.expandable .remove-top button {
    cursor: pointer;
    border-radius: 50%;
    padding: 2px;
    font-size: 40px;
}
body.expandable .container {
    flex-flow: row wrap;
    max-width: 100%;
    padding-left: 0;
}
body.expandable .container .sidebar {
    background-color: #009f4f;
    color: #fafafa;
    width: 10%;
    height: 100%;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    transition: width 0.1s ease-in-out;
}
body.expandable .container .sidebar a {
    color: #fafafa;
    text-decoration: none;
}
body.expandable .container .sidebar .sidebartop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0.7rem;
    height: 60px;
}
body.expandable .container .sidebar .sidebartop .logo {
    width: 60px;
}
body.expandable .container .sidebar .sidebartop .logo img {
    height: auto;
    width: 100%;
}
body.expandable .container .sidebar .sidebartop .menu {
    width: 20%;
    text-align: end;
    margin-top: 1rem;
}
body.expandable .container .sidebar .sidebartop .menu i {
    cursor: pointer;
    font-size: 1.75rem;
}
body.expandable .container .sidebar .sidebartop .logo-mobile {
    display: none;
}
body.expandable .container .sidebar nav {
    margin-top: 2rem;
}
body.expandable .container .sidebar nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
body.expandable .container .sidebar nav ul li {
    display: block;
    align-items: center;
    padding: 1.25rem 1rem;
    position: relative;
    z-index: 99;
    background-color: transparent;
    transition: background-color 0.25s ease-in-out;
}
body.expandable .container .sidebar nav ul li a {
    display: block;
}
body.expandable .container .sidebar nav ul li a i {
    font-size: 1.25rem;
}
body.expandable .container .sidebar nav ul li a .text {
    position: relative;
    left: 1rem;
}
body.expandable .container .sidebar nav ul li .dropdown-toggle::after {
    display: none;
}
body.expandable .container .sidebar nav ul li .dropdown-menu li {
    padding: 0.5rem;
}
body.expandable .container .sidebar nav ul li:hover {
    background-color: #fafafa;
}
body.expandable .container .sidebar nav ul li:hover a {
    color: #009f4f;
}
body.expandable .container .sidebar .account {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    position: absolute;
    bottom: 1rem;
    padding: 0 1rem;
}
body.expandable .container .sidebar .account .avatar {
    margin-right: 1rem;
    width: 20%;
}
body.expandable .container .sidebar .account .avatar img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
body.expandable .container .sidebar .account .name {
    flex: 1 1 auto;
}
body.expandable .container .sidebar .account .name h4 {
    padding: 0;
    margin: 0;
}
body.expandable .container .sidebar .account .logout {
    flex: 1 1 auto;
    text-align: end;
}
body.expandable .container .sidebar .account .logout i {
    font-size: 1.5rem;
}
body.expandable .container .main {
    margin-left: calc(10% + 1rem);
    padding: 1rem;
    position: relative;
    z-index: 1;
}
body.expandable .container .main .content .card {
    border: none;
    box-shadow: 0px 0px 7px 1px rgba(169, 169, 169, 0.612);
}
body.expandable .container .main .card-header {
    cursor: pointer;
    background-color: #fafafa;
    color: #009f4f;
    font-size: 1.2rem;
    font-weight: 600;
    border-bottom: 1px solid #009f4f;
}
body.expandable .container .main .card-header i {
    right: 1rem;
    top: 0.8rem;
}
body.expandable .container .main .selectdistributor .card-body .addDistributor {
    background-color: #009f4f;
}
body.expandable .container .main .selectdistributor .card-body a {
    color: #009f4f;
}
body.expandable .container .main .selectdistributor .card-body .center {
    text-align: center;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-header
    .accordion-button {
    cursor: pointer;
    background-color: #fafafa;
    color: #009f4f;
    font-size: 1.2rem;
    font-weight: 600;
    border-bottom: 1px solid #009f4f;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-header
    .accordion-button:focus {
    box-shadow: none;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .nutrients {
    overflow-wrap: break-word;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .nav-link {
    color: #009f4f;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .tab-pane
    .table
    tbody
    tr
    th {
    font-size: 0.8rem;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .tab-pane
    .table
    tbody
    tr
    td {
    padding: 0;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .tab-pane
    .table
    tbody
    tr
    td
    input[type="text"] {
    border: transparent;
    border-radius: 0;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .tab-pane
    .table
    tbody
    tr
    td
    input[type="text"]:focus {
    box-shadow: inset 0 0 1px 1px #009f4f;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .tab-pane
    .form-check-input:active {
    box-shadow: 0 0 0 0.15rem #d9ead2;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .tab-pane
    .form-check-input:focus {
    box-shadow: none;
}
body.expandable
    .container
    .main
    .accordion.distributor
    .accordion-body
    .tab-pane
    .form-check-input:checked {
    background-color: #009f4f;
}
body.expandable .container .main .form-control:focus,
body.expandable .container .main .form-select:focus {
    box-shadow: none;
    border-color: #009f4f;
}
body.expandable .container .navbar {
    position: fixed;
    z-index: 4;
    width: 100%;
    background-color: #fafafa;
    padding: 0;
    border-bottom: 1px solid #009f4f;
}
body.expandable .container .navbar .navbar-brand {
    padding: 0;
}
body.expandable .container .navbar .logo {
    height: 50px;
}
body.expandable .container .navbar .brand-text {
    font-weight: 400;
    color: #000000;
    letter-spacing: 2;
    margin-right: 1rem;
}
body.expandable .container .navbar .user .hero {
    height: 40px;
    padding: 2px;
    border-radius: 50%;
}
body.expandable .container .navbar .container {
    margin-left: calc(10% + 2rem);
}
body.expandable .container .bookmarks-bar {
    position: fixed;
    background-color: rgb(255, 255, 255);
    width: 100%;
    padding: 5px 0px;
    z-index: 3;
    box-shadow: 0px 0px 2px 3px rgba(227, 224, 224, 0.762);
}
body.expandable .container .bookmarks-bar .bookmarks-container {
    margin-left: calc(10% + 2rem);
    padding: 2px 0;
    font-size: 1rem;
    position: relative;
}
body.expandable .container .bookmarks-bar .bookmarks-container .bookmark-item {
    cursor: pointer;
    padding: 1rem;
    text-decoration: none;
    color: #000000;
    font-size: 0.9rem;
    margin-left: 3px;
}
body.expandable
    .container
    .bookmarks-bar
    .bookmarks-container
    .bookmark-item:hover {
    background-color: rgba(234, 233, 233, 0.4862745098);
    color: #009f4f;
    border-radius: 5px;
}
@media (max-width: 1370px) {
    body.expandable .container .sidebar {
        width: 11%;
    }
    body.expandable .container .sidebar .text {
        padding-right: 2rem;
    }
}
@media (max-width: 844px) {
    body.expandable .container .sidebar {
        width: 5%;
        text-align: center;
    }
    body.expandable .container .sidebar .logo,
    body.expandable .container .sidebar .searchInput,
    body.expandable .container .sidebar .text,
    body.expandable .container .sidebar .avatar,
    body.expandable .container .sidebar .name {
        display: none;
    }
    body.expandable .container .sidebar .sidebartop {
        display: block;
        height: auto;
    }
    body.expandable .container .sidebar .sidebartop .logo-mobile {
        display: block;
    }
    body.expandable .container .sidebar .sidebartop .logo-mobile img {
        height: auto;
        width: 80%;
    }
    body.expandable .container .sidebar .sidebartop .menu {
        display: none;
    }
    body.expandable .container .sidebar nav ul li {
        padding: 0;
    }
    body.expandable .container .sidebar nav ul li a {
        padding: 0.6rem 0;
    }
    body.expandable .container .sidebar .account {
        display: block;
    }
    body.expandable .container .sidebar .account .logout {
        width: 100%;
        text-align: center;
    }
    body.expandable .container .sidebar .search {
        margin: 1.5rem -0.2rem;
    }
    body.expandable .container .main {
        margin-left: calc(5% + 1rem);
    }
}
@media (max-width: 390px) {
    body.expandable .container .sidebar {
        width: 8%;
    }
    body.expandable .container .sidebar nav ul li {
        padding: 0;
    }
    body.expandable .container .sidebar nav ul li a {
        padding: 2rem 0;
    }
    body.expandable .container .sidebar .search {
        margin-top: 4rem;
        margin-bottom: 3rem;
        margin-left: -0.5rem;
    }
    body.expandable .container .main {
        margin-left: calc(8% + 1rem);
    }
    body.expandable .searchWindow {
        padding: 0;
        padding-top: 10vh;
    }
    body.expandable .searchWindow input {
        width: calc(100% - 2rem);
    }
    body.expandable .searchWindow button {
        width: calc(100% - 1rem);
        margin-top: 0.5rem;
    }
}

body.expandable.short .sidebar {
    width: 4%;
    text-align: center;
}
body.expandable.short .sidebar nav {
    margin-top: 0;
}
body.expandable.short .sidebar .logo,
body.expandable.short .sidebar .searchInput,
body.expandable.short .sidebar .text,
body.expandable.short .sidebar .avatar,
body.expandable.short .sidebar .name {
    display: none;
}
body.expandable.short .sidebar .sidebartop {
    display: block;
    height: 75px;
}
body.expandable.short .sidebar .sidebartop .logo-mobile {
    display: none;
}
body.expandable.short .sidebar .sidebartop .menu {
    width: 100%;
    text-align: center;
}
body.expandable.short .sidebar .text.hover {
    display: block !important;
    background-color: rgba(255, 255, 255, 0.9);
    color: #009f4f;
    padding: 0.5rem;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 1rem;
    border-radius: 0.25rem;
}
body.expandable.short .sidebar .account {
    display: block;
    margin-left: 0.5rem;
}
body.expandable.short .sidebar .account .logout {
    width: 100%;
    text-align: center;
}
body.expandable.short .sidebar .search {
    margin: 1.75rem -0.2rem;
}
body.expandable.short .main {
    margin-left: calc(4% + 2rem);
}
body.expandable.short .topnav .container {
    margin-left: calc(5% + 2rem);
}
body.expandable.short .bookmarks-bar .bookmarks-container {
    margin-left: calc(5% + 2rem);
}

.mdbcontainer .mdbsummary,
.mdbcontainer .invreportsummary,
.mdbcontainer .recipe-scheduler-summary,
.mdbcontainer .div-summary,
.costcomp .mdbsummary,
.costcomp .invreportsummary,
.costcomp .recipe-scheduler-summary,
.costcomp .div-summary,
.inventoryreport-container .mdbsummary,
.inventoryreport-container .invreportsummary,
.inventoryreport-container .recipe-scheduler-summary,
.inventoryreport-container .div-summary,
.recipe-scheduler .mdbsummary,
.recipe-scheduler .invreportsummary,
.recipe-scheduler .recipe-scheduler-summary,
.recipe-scheduler .div-summary,
.div-main-container .mdbsummary,
.div-main-container .invreportsummary,
.div-main-container .recipe-scheduler-summary,
.div-main-container .div-summary {
    padding: 0 0.9rem;
    position: relative;
}
.mdbcontainer .mdbsummary .summary-title,
.mdbcontainer .invreportsummary .summary-title,
.mdbcontainer .recipe-scheduler-summary .summary-title,
.mdbcontainer .div-summary .summary-title,
.costcomp .mdbsummary .summary-title,
.costcomp .invreportsummary .summary-title,
.costcomp .recipe-scheduler-summary .summary-title,
.costcomp .div-summary .summary-title,
.inventoryreport-container .mdbsummary .summary-title,
.inventoryreport-container .invreportsummary .summary-title,
.inventoryreport-container .recipe-scheduler-summary .summary-title,
.inventoryreport-container .div-summary .summary-title,
.recipe-scheduler .mdbsummary .summary-title,
.recipe-scheduler .invreportsummary .summary-title,
.recipe-scheduler .recipe-scheduler-summary .summary-title,
.recipe-scheduler .div-summary .summary-title,
.div-main-container .mdbsummary .summary-title,
.div-main-container .invreportsummary .summary-title,
.div-main-container .recipe-scheduler-summary .summary-title,
.div-main-container .div-summary .summary-title {
    font-size: 1.3em;
    position: absolute;
    top: -15%;
    padding: 0 1rem;
    font-weight: 600;
    border-radius: 10px;
    color: #009f4f;
}
.mdbcontainer .mdbsummary .summary-content,
.mdbcontainer .invreportsummary .summary-content,
.mdbcontainer .recipe-scheduler-summary .summary-content,
.mdbcontainer .div-summary .summary-content,
.costcomp .mdbsummary .summary-content,
.costcomp .invreportsummary .summary-content,
.costcomp .recipe-scheduler-summary .summary-content,
.costcomp .div-summary .summary-content,
.inventoryreport-container .mdbsummary .summary-content,
.inventoryreport-container .invreportsummary .summary-content,
.inventoryreport-container .recipe-scheduler-summary .summary-content,
.inventoryreport-container .div-summary .summary-content,
.recipe-scheduler .mdbsummary .summary-content,
.recipe-scheduler .invreportsummary .summary-content,
.recipe-scheduler .recipe-scheduler-summary .summary-content,
.recipe-scheduler .div-summary .summary-content,
.div-main-container .mdbsummary .summary-content,
.div-main-container .invreportsummary .summary-content,
.div-main-container .recipe-scheduler-summary .summary-content,
.div-main-container .div-summary .summary-content {
    padding: 1rem;
    background-color: white;
}
.mdbcontainer .mdbsummary .summary-content .ing-text,
.mdbcontainer .invreportsummary .summary-content .ing-text,
.mdbcontainer .recipe-scheduler-summary .summary-content .ing-text,
.mdbcontainer .div-summary .summary-content .ing-text,
.costcomp .mdbsummary .summary-content .ing-text,
.costcomp .invreportsummary .summary-content .ing-text,
.costcomp .recipe-scheduler-summary .summary-content .ing-text,
.costcomp .div-summary .summary-content .ing-text,
.inventoryreport-container .mdbsummary .summary-content .ing-text,
.inventoryreport-container .invreportsummary .summary-content .ing-text,
.inventoryreport-container .recipe-scheduler-summary .summary-content .ing-text,
.inventoryreport-container .div-summary .summary-content .ing-text,
.recipe-scheduler .mdbsummary .summary-content .ing-text,
.recipe-scheduler .invreportsummary .summary-content .ing-text,
.recipe-scheduler .recipe-scheduler-summary .summary-content .ing-text,
.recipe-scheduler .div-summary .summary-content .ing-text,
.div-main-container .mdbsummary .summary-content .ing-text,
.div-main-container .invreportsummary .summary-content .ing-text,
.div-main-container .recipe-scheduler-summary .summary-content .ing-text,
.div-main-container .div-summary .summary-content .ing-text {
    font-size: 1.1rem;
}
.mdbcontainer .mdbsummary .col-3,
.mdbcontainer .mdbsummary .card-col,
.mdbcontainer .invreportsummary .col-3,
.mdbcontainer .invreportsummary .card-col,
.mdbcontainer .recipe-scheduler-summary .col-3,
.mdbcontainer .recipe-scheduler-summary .card-col,
.mdbcontainer .div-summary .col-3,
.mdbcontainer .div-summary .card-col,
.costcomp .mdbsummary .col-3,
.costcomp .mdbsummary .card-col,
.costcomp .invreportsummary .col-3,
.costcomp .invreportsummary .card-col,
.costcomp .recipe-scheduler-summary .col-3,
.costcomp .recipe-scheduler-summary .card-col,
.costcomp .div-summary .col-3,
.costcomp .div-summary .card-col,
.inventoryreport-container .mdbsummary .col-3,
.inventoryreport-container .mdbsummary .card-col,
.inventoryreport-container .invreportsummary .col-3,
.inventoryreport-container .invreportsummary .card-col,
.inventoryreport-container .recipe-scheduler-summary .col-3,
.inventoryreport-container .recipe-scheduler-summary .card-col,
.inventoryreport-container .div-summary .col-3,
.inventoryreport-container .div-summary .card-col,
.recipe-scheduler .mdbsummary .col-3,
.recipe-scheduler .mdbsummary .card-col,
.recipe-scheduler .invreportsummary .col-3,
.recipe-scheduler .invreportsummary .card-col,
.recipe-scheduler .recipe-scheduler-summary .col-3,
.recipe-scheduler .recipe-scheduler-summary .card-col,
.recipe-scheduler .div-summary .col-3,
.recipe-scheduler .div-summary .card-col,
.div-main-container .mdbsummary .col-3,
.div-main-container .mdbsummary .card-col,
.div-main-container .invreportsummary .col-3,
.div-main-container .invreportsummary .card-col,
.div-main-container .recipe-scheduler-summary .col-3,
.div-main-container .recipe-scheduler-summary .card-col,
.div-main-container .div-summary .col-3,
.div-main-container .div-summary .card-col {
    text-align: right;
    padding: 0rem;
    margin-right: 1rem;
}
.mdbcontainer .mdbsummary .col-3 .card,
.mdbcontainer .mdbsummary .card-col .card,
.mdbcontainer .invreportsummary .col-3 .card,
.mdbcontainer .invreportsummary .card-col .card,
.mdbcontainer .recipe-scheduler-summary .col-3 .card,
.mdbcontainer .recipe-scheduler-summary .card-col .card,
.mdbcontainer .div-summary .col-3 .card,
.mdbcontainer .div-summary .card-col .card,
.costcomp .mdbsummary .col-3 .card,
.costcomp .mdbsummary .card-col .card,
.costcomp .invreportsummary .col-3 .card,
.costcomp .invreportsummary .card-col .card,
.costcomp .recipe-scheduler-summary .col-3 .card,
.costcomp .recipe-scheduler-summary .card-col .card,
.costcomp .div-summary .col-3 .card,
.costcomp .div-summary .card-col .card,
.inventoryreport-container .mdbsummary .col-3 .card,
.inventoryreport-container .mdbsummary .card-col .card,
.inventoryreport-container .invreportsummary .col-3 .card,
.inventoryreport-container .invreportsummary .card-col .card,
.inventoryreport-container .recipe-scheduler-summary .col-3 .card,
.inventoryreport-container .recipe-scheduler-summary .card-col .card,
.inventoryreport-container .div-summary .col-3 .card,
.inventoryreport-container .div-summary .card-col .card,
.recipe-scheduler .mdbsummary .col-3 .card,
.recipe-scheduler .mdbsummary .card-col .card,
.recipe-scheduler .invreportsummary .col-3 .card,
.recipe-scheduler .invreportsummary .card-col .card,
.recipe-scheduler .recipe-scheduler-summary .col-3 .card,
.recipe-scheduler .recipe-scheduler-summary .card-col .card,
.recipe-scheduler .div-summary .col-3 .card,
.recipe-scheduler .div-summary .card-col .card,
.div-main-container .mdbsummary .col-3 .card,
.div-main-container .mdbsummary .card-col .card,
.div-main-container .invreportsummary .col-3 .card,
.div-main-container .invreportsummary .card-col .card,
.div-main-container .recipe-scheduler-summary .col-3 .card,
.div-main-container .recipe-scheduler-summary .card-col .card,
.div-main-container .div-summary .col-3 .card,
.div-main-container .div-summary .card-col .card {
    padding: 0 0.5rem;
}
.mdbcontainer .mdbsummary .col-3 .card .card-body .card-title,
.mdbcontainer .mdbsummary .card-col .card .card-body .card-title,
.mdbcontainer .invreportsummary .col-3 .card .card-body .card-title,
.mdbcontainer .invreportsummary .card-col .card .card-body .card-title,
.mdbcontainer .recipe-scheduler-summary .col-3 .card .card-body .card-title,
.mdbcontainer .recipe-scheduler-summary .card-col .card .card-body .card-title,
.mdbcontainer .div-summary .col-3 .card .card-body .card-title,
.mdbcontainer .div-summary .card-col .card .card-body .card-title,
.costcomp .mdbsummary .col-3 .card .card-body .card-title,
.costcomp .mdbsummary .card-col .card .card-body .card-title,
.costcomp .invreportsummary .col-3 .card .card-body .card-title,
.costcomp .invreportsummary .card-col .card .card-body .card-title,
.costcomp .recipe-scheduler-summary .col-3 .card .card-body .card-title,
.costcomp .recipe-scheduler-summary .card-col .card .card-body .card-title,
.costcomp .div-summary .col-3 .card .card-body .card-title,
.costcomp .div-summary .card-col .card .card-body .card-title,
.inventoryreport-container .mdbsummary .col-3 .card .card-body .card-title,
.inventoryreport-container .mdbsummary .card-col .card .card-body .card-title,
.inventoryreport-container
    .invreportsummary
    .col-3
    .card
    .card-body
    .card-title,
.inventoryreport-container
    .invreportsummary
    .card-col
    .card
    .card-body
    .card-title,
.inventoryreport-container
    .recipe-scheduler-summary
    .col-3
    .card
    .card-body
    .card-title,
.inventoryreport-container
    .recipe-scheduler-summary
    .card-col
    .card
    .card-body
    .card-title,
.inventoryreport-container .div-summary .col-3 .card .card-body .card-title,
.inventoryreport-container .div-summary .card-col .card .card-body .card-title,
.recipe-scheduler .mdbsummary .col-3 .card .card-body .card-title,
.recipe-scheduler .mdbsummary .card-col .card .card-body .card-title,
.recipe-scheduler .invreportsummary .col-3 .card .card-body .card-title,
.recipe-scheduler .invreportsummary .card-col .card .card-body .card-title,
.recipe-scheduler .recipe-scheduler-summary .col-3 .card .card-body .card-title,
.recipe-scheduler
    .recipe-scheduler-summary
    .card-col
    .card
    .card-body
    .card-title,
.recipe-scheduler .div-summary .col-3 .card .card-body .card-title,
.recipe-scheduler .div-summary .card-col .card .card-body .card-title,
.div-main-container .mdbsummary .col-3 .card .card-body .card-title,
.div-main-container .mdbsummary .card-col .card .card-body .card-title,
.div-main-container .invreportsummary .col-3 .card .card-body .card-title,
.div-main-container .invreportsummary .card-col .card .card-body .card-title,
.div-main-container
    .recipe-scheduler-summary
    .col-3
    .card
    .card-body
    .card-title,
.div-main-container
    .recipe-scheduler-summary
    .card-col
    .card
    .card-body
    .card-title,
.div-main-container .div-summary .col-3 .card .card-body .card-title,
.div-main-container .div-summary .card-col .card .card-body .card-title {
    font-size: 1.5rem;
    font-weight: 400;
    color: #009f4f;
    margin-bottom: 0;
}
.mdbcontainer .mdbsummary .col-3 .card .card-body .card-text,
.mdbcontainer .mdbsummary .card-col .card .card-body .card-text,
.mdbcontainer .invreportsummary .col-3 .card .card-body .card-text,
.mdbcontainer .invreportsummary .card-col .card .card-body .card-text,
.mdbcontainer .recipe-scheduler-summary .col-3 .card .card-body .card-text,
.mdbcontainer .recipe-scheduler-summary .card-col .card .card-body .card-text,
.mdbcontainer .div-summary .col-3 .card .card-body .card-text,
.mdbcontainer .div-summary .card-col .card .card-body .card-text,
.costcomp .mdbsummary .col-3 .card .card-body .card-text,
.costcomp .mdbsummary .card-col .card .card-body .card-text,
.costcomp .invreportsummary .col-3 .card .card-body .card-text,
.costcomp .invreportsummary .card-col .card .card-body .card-text,
.costcomp .recipe-scheduler-summary .col-3 .card .card-body .card-text,
.costcomp .recipe-scheduler-summary .card-col .card .card-body .card-text,
.costcomp .div-summary .col-3 .card .card-body .card-text,
.costcomp .div-summary .card-col .card .card-body .card-text,
.inventoryreport-container .mdbsummary .col-3 .card .card-body .card-text,
.inventoryreport-container .mdbsummary .card-col .card .card-body .card-text,
.inventoryreport-container .invreportsummary .col-3 .card .card-body .card-text,
.inventoryreport-container
    .invreportsummary
    .card-col
    .card
    .card-body
    .card-text,
.inventoryreport-container
    .recipe-scheduler-summary
    .col-3
    .card
    .card-body
    .card-text,
.inventoryreport-container
    .recipe-scheduler-summary
    .card-col
    .card
    .card-body
    .card-text,
.inventoryreport-container .div-summary .col-3 .card .card-body .card-text,
.inventoryreport-container .div-summary .card-col .card .card-body .card-text,
.recipe-scheduler .mdbsummary .col-3 .card .card-body .card-text,
.recipe-scheduler .mdbsummary .card-col .card .card-body .card-text,
.recipe-scheduler .invreportsummary .col-3 .card .card-body .card-text,
.recipe-scheduler .invreportsummary .card-col .card .card-body .card-text,
.recipe-scheduler .recipe-scheduler-summary .col-3 .card .card-body .card-text,
.recipe-scheduler
    .recipe-scheduler-summary
    .card-col
    .card
    .card-body
    .card-text,
.recipe-scheduler .div-summary .col-3 .card .card-body .card-text,
.recipe-scheduler .div-summary .card-col .card .card-body .card-text,
.div-main-container .mdbsummary .col-3 .card .card-body .card-text,
.div-main-container .mdbsummary .card-col .card .card-body .card-text,
.div-main-container .invreportsummary .col-3 .card .card-body .card-text,
.div-main-container .invreportsummary .card-col .card .card-body .card-text,
.div-main-container
    .recipe-scheduler-summary
    .col-3
    .card
    .card-body
    .card-text,
.div-main-container
    .recipe-scheduler-summary
    .card-col
    .card
    .card-body
    .card-text,
.div-main-container .div-summary .col-3 .card .card-body .card-text,
.div-main-container .div-summary .card-col .card .card-body .card-text {
    color: #000000;
    font-size: 0.8rem;
}
.mdbcontainer .mdbsummary .col-3 .card:hover,
.mdbcontainer .mdbsummary .card-col .card:hover,
.mdbcontainer .invreportsummary .col-3 .card:hover,
.mdbcontainer .invreportsummary .card-col .card:hover,
.mdbcontainer .recipe-scheduler-summary .col-3 .card:hover,
.mdbcontainer .recipe-scheduler-summary .card-col .card:hover,
.mdbcontainer .div-summary .col-3 .card:hover,
.mdbcontainer .div-summary .card-col .card:hover,
.costcomp .mdbsummary .col-3 .card:hover,
.costcomp .mdbsummary .card-col .card:hover,
.costcomp .invreportsummary .col-3 .card:hover,
.costcomp .invreportsummary .card-col .card:hover,
.costcomp .recipe-scheduler-summary .col-3 .card:hover,
.costcomp .recipe-scheduler-summary .card-col .card:hover,
.costcomp .div-summary .col-3 .card:hover,
.costcomp .div-summary .card-col .card:hover,
.inventoryreport-container .mdbsummary .col-3 .card:hover,
.inventoryreport-container .mdbsummary .card-col .card:hover,
.inventoryreport-container .invreportsummary .col-3 .card:hover,
.inventoryreport-container .invreportsummary .card-col .card:hover,
.inventoryreport-container .recipe-scheduler-summary .col-3 .card:hover,
.inventoryreport-container .recipe-scheduler-summary .card-col .card:hover,
.inventoryreport-container .div-summary .col-3 .card:hover,
.inventoryreport-container .div-summary .card-col .card:hover,
.recipe-scheduler .mdbsummary .col-3 .card:hover,
.recipe-scheduler .mdbsummary .card-col .card:hover,
.recipe-scheduler .invreportsummary .col-3 .card:hover,
.recipe-scheduler .invreportsummary .card-col .card:hover,
.recipe-scheduler .recipe-scheduler-summary .col-3 .card:hover,
.recipe-scheduler .recipe-scheduler-summary .card-col .card:hover,
.recipe-scheduler .div-summary .col-3 .card:hover,
.recipe-scheduler .div-summary .card-col .card:hover,
.div-main-container .mdbsummary .col-3 .card:hover,
.div-main-container .mdbsummary .card-col .card:hover,
.div-main-container .invreportsummary .col-3 .card:hover,
.div-main-container .invreportsummary .card-col .card:hover,
.div-main-container .recipe-scheduler-summary .col-3 .card:hover,
.div-main-container .recipe-scheduler-summary .card-col .card:hover,
.div-main-container .div-summary .col-3 .card:hover,
.div-main-container .div-summary .card-col .card:hover {
    cursor: pointer;
}
.mdbcontainer .mdbsummary .col-3 .card::after,
.mdbcontainer .mdbsummary .card-col .card::after,
.mdbcontainer .invreportsummary .col-3 .card::after,
.mdbcontainer .invreportsummary .card-col .card::after,
.mdbcontainer .recipe-scheduler-summary .col-3 .card::after,
.mdbcontainer .recipe-scheduler-summary .card-col .card::after,
.mdbcontainer .div-summary .col-3 .card::after,
.mdbcontainer .div-summary .card-col .card::after,
.costcomp .mdbsummary .col-3 .card::after,
.costcomp .mdbsummary .card-col .card::after,
.costcomp .invreportsummary .col-3 .card::after,
.costcomp .invreportsummary .card-col .card::after,
.costcomp .recipe-scheduler-summary .col-3 .card::after,
.costcomp .recipe-scheduler-summary .card-col .card::after,
.costcomp .div-summary .col-3 .card::after,
.costcomp .div-summary .card-col .card::after,
.inventoryreport-container .mdbsummary .col-3 .card::after,
.inventoryreport-container .mdbsummary .card-col .card::after,
.inventoryreport-container .invreportsummary .col-3 .card::after,
.inventoryreport-container .invreportsummary .card-col .card::after,
.inventoryreport-container .recipe-scheduler-summary .col-3 .card::after,
.inventoryreport-container .recipe-scheduler-summary .card-col .card::after,
.inventoryreport-container .div-summary .col-3 .card::after,
.inventoryreport-container .div-summary .card-col .card::after,
.recipe-scheduler .mdbsummary .col-3 .card::after,
.recipe-scheduler .mdbsummary .card-col .card::after,
.recipe-scheduler .invreportsummary .col-3 .card::after,
.recipe-scheduler .invreportsummary .card-col .card::after,
.recipe-scheduler .recipe-scheduler-summary .col-3 .card::after,
.recipe-scheduler .recipe-scheduler-summary .card-col .card::after,
.recipe-scheduler .div-summary .col-3 .card::after,
.recipe-scheduler .div-summary .card-col .card::after,
.div-main-container .mdbsummary .col-3 .card::after,
.div-main-container .mdbsummary .card-col .card::after,
.div-main-container .invreportsummary .col-3 .card::after,
.div-main-container .invreportsummary .card-col .card::after,
.div-main-container .recipe-scheduler-summary .col-3 .card::after,
.div-main-container .recipe-scheduler-summary .card-col .card::after,
.div-main-container .div-summary .col-3 .card::after,
.div-main-container .div-summary .card-col .card::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #009f4f;
    transform-origin: bottom right;
    transition: transform 0.5s ease-out;
}
.mdbcontainer .mdbsummary .col-3 .card:hover::after,
.mdbcontainer .mdbsummary .card-col .card:hover::after,
.mdbcontainer .invreportsummary .col-3 .card:hover::after,
.mdbcontainer .invreportsummary .card-col .card:hover::after,
.mdbcontainer .recipe-scheduler-summary .col-3 .card:hover::after,
.mdbcontainer .recipe-scheduler-summary .card-col .card:hover::after,
.mdbcontainer .div-summary .col-3 .card:hover::after,
.mdbcontainer .div-summary .card-col .card:hover::after,
.costcomp .mdbsummary .col-3 .card:hover::after,
.costcomp .mdbsummary .card-col .card:hover::after,
.costcomp .invreportsummary .col-3 .card:hover::after,
.costcomp .invreportsummary .card-col .card:hover::after,
.costcomp .recipe-scheduler-summary .col-3 .card:hover::after,
.costcomp .recipe-scheduler-summary .card-col .card:hover::after,
.costcomp .div-summary .col-3 .card:hover::after,
.costcomp .div-summary .card-col .card:hover::after,
.inventoryreport-container .mdbsummary .col-3 .card:hover::after,
.inventoryreport-container .mdbsummary .card-col .card:hover::after,
.inventoryreport-container .invreportsummary .col-3 .card:hover::after,
.inventoryreport-container .invreportsummary .card-col .card:hover::after,
.inventoryreport-container .recipe-scheduler-summary .col-3 .card:hover::after,
.inventoryreport-container
    .recipe-scheduler-summary
    .card-col
    .card:hover::after,
.inventoryreport-container .div-summary .col-3 .card:hover::after,
.inventoryreport-container .div-summary .card-col .card:hover::after,
.recipe-scheduler .mdbsummary .col-3 .card:hover::after,
.recipe-scheduler .mdbsummary .card-col .card:hover::after,
.recipe-scheduler .invreportsummary .col-3 .card:hover::after,
.recipe-scheduler .invreportsummary .card-col .card:hover::after,
.recipe-scheduler .recipe-scheduler-summary .col-3 .card:hover::after,
.recipe-scheduler .recipe-scheduler-summary .card-col .card:hover::after,
.recipe-scheduler .div-summary .col-3 .card:hover::after,
.recipe-scheduler .div-summary .card-col .card:hover::after,
.div-main-container .mdbsummary .col-3 .card:hover::after,
.div-main-container .mdbsummary .card-col .card:hover::after,
.div-main-container .invreportsummary .col-3 .card:hover::after,
.div-main-container .invreportsummary .card-col .card:hover::after,
.div-main-container .recipe-scheduler-summary .col-3 .card:hover::after,
.div-main-container .recipe-scheduler-summary .card-col .card:hover::after,
.div-main-container .div-summary .col-3 .card:hover::after,
.div-main-container .div-summary .card-col .card:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.mdbcontainer .mdbsummary .card-col .card-body,
.mdbcontainer .invreportsummary .card-col .card-body,
.mdbcontainer .recipe-scheduler-summary .card-col .card-body,
.mdbcontainer .div-summary .card-col .card-body,
.costcomp .mdbsummary .card-col .card-body,
.costcomp .invreportsummary .card-col .card-body,
.costcomp .recipe-scheduler-summary .card-col .card-body,
.costcomp .div-summary .card-col .card-body,
.inventoryreport-container .mdbsummary .card-col .card-body,
.inventoryreport-container .invreportsummary .card-col .card-body,
.inventoryreport-container .recipe-scheduler-summary .card-col .card-body,
.inventoryreport-container .div-summary .card-col .card-body,
.recipe-scheduler .mdbsummary .card-col .card-body,
.recipe-scheduler .invreportsummary .card-col .card-body,
.recipe-scheduler .recipe-scheduler-summary .card-col .card-body,
.recipe-scheduler .div-summary .card-col .card-body,
.div-main-container .mdbsummary .card-col .card-body,
.div-main-container .invreportsummary .card-col .card-body,
.div-main-container .recipe-scheduler-summary .card-col .card-body,
.div-main-container .div-summary .card-col .card-body {
    padding: 0.5rem;
}
.mdbcontainer .mdbsummary .card-col .top-weeks,
.mdbcontainer .mdbsummary .card-col .top-months,
.mdbcontainer .invreportsummary .card-col .top-weeks,
.mdbcontainer .invreportsummary .card-col .top-months,
.mdbcontainer .recipe-scheduler-summary .card-col .top-weeks,
.mdbcontainer .recipe-scheduler-summary .card-col .top-months,
.mdbcontainer .div-summary .card-col .top-weeks,
.mdbcontainer .div-summary .card-col .top-months,
.costcomp .mdbsummary .card-col .top-weeks,
.costcomp .mdbsummary .card-col .top-months,
.costcomp .invreportsummary .card-col .top-weeks,
.costcomp .invreportsummary .card-col .top-months,
.costcomp .recipe-scheduler-summary .card-col .top-weeks,
.costcomp .recipe-scheduler-summary .card-col .top-months,
.costcomp .div-summary .card-col .top-weeks,
.costcomp .div-summary .card-col .top-months,
.inventoryreport-container .mdbsummary .card-col .top-weeks,
.inventoryreport-container .mdbsummary .card-col .top-months,
.inventoryreport-container .invreportsummary .card-col .top-weeks,
.inventoryreport-container .invreportsummary .card-col .top-months,
.inventoryreport-container .recipe-scheduler-summary .card-col .top-weeks,
.inventoryreport-container .recipe-scheduler-summary .card-col .top-months,
.inventoryreport-container .div-summary .card-col .top-weeks,
.inventoryreport-container .div-summary .card-col .top-months,
.recipe-scheduler .mdbsummary .card-col .top-weeks,
.recipe-scheduler .mdbsummary .card-col .top-months,
.recipe-scheduler .invreportsummary .card-col .top-weeks,
.recipe-scheduler .invreportsummary .card-col .top-months,
.recipe-scheduler .recipe-scheduler-summary .card-col .top-weeks,
.recipe-scheduler .recipe-scheduler-summary .card-col .top-months,
.recipe-scheduler .div-summary .card-col .top-weeks,
.recipe-scheduler .div-summary .card-col .top-months,
.div-main-container .mdbsummary .card-col .top-weeks,
.div-main-container .mdbsummary .card-col .top-months,
.div-main-container .invreportsummary .card-col .top-weeks,
.div-main-container .invreportsummary .card-col .top-months,
.div-main-container .recipe-scheduler-summary .card-col .top-weeks,
.div-main-container .recipe-scheduler-summary .card-col .top-months,
.div-main-container .div-summary .card-col .top-weeks,
.div-main-container .div-summary .card-col .top-months {
    position: relative;
    caption-side: block-end;
}
.mdbcontainer .mdbsummary .card-col .top-weeks *,
.mdbcontainer .mdbsummary .card-col .top-months *,
.mdbcontainer .invreportsummary .card-col .top-weeks *,
.mdbcontainer .invreportsummary .card-col .top-months *,
.mdbcontainer .recipe-scheduler-summary .card-col .top-weeks *,
.mdbcontainer .recipe-scheduler-summary .card-col .top-months *,
.mdbcontainer .div-summary .card-col .top-weeks *,
.mdbcontainer .div-summary .card-col .top-months *,
.costcomp .mdbsummary .card-col .top-weeks *,
.costcomp .mdbsummary .card-col .top-months *,
.costcomp .invreportsummary .card-col .top-weeks *,
.costcomp .invreportsummary .card-col .top-months *,
.costcomp .recipe-scheduler-summary .card-col .top-weeks *,
.costcomp .recipe-scheduler-summary .card-col .top-months *,
.costcomp .div-summary .card-col .top-weeks *,
.costcomp .div-summary .card-col .top-months *,
.inventoryreport-container .mdbsummary .card-col .top-weeks *,
.inventoryreport-container .mdbsummary .card-col .top-months *,
.inventoryreport-container .invreportsummary .card-col .top-weeks *,
.inventoryreport-container .invreportsummary .card-col .top-months *,
.inventoryreport-container .recipe-scheduler-summary .card-col .top-weeks *,
.inventoryreport-container .recipe-scheduler-summary .card-col .top-months *,
.inventoryreport-container .div-summary .card-col .top-weeks *,
.inventoryreport-container .div-summary .card-col .top-months *,
.recipe-scheduler .mdbsummary .card-col .top-weeks *,
.recipe-scheduler .mdbsummary .card-col .top-months *,
.recipe-scheduler .invreportsummary .card-col .top-weeks *,
.recipe-scheduler .invreportsummary .card-col .top-months *,
.recipe-scheduler .recipe-scheduler-summary .card-col .top-weeks *,
.recipe-scheduler .recipe-scheduler-summary .card-col .top-months *,
.recipe-scheduler .div-summary .card-col .top-weeks *,
.recipe-scheduler .div-summary .card-col .top-months *,
.div-main-container .mdbsummary .card-col .top-weeks *,
.div-main-container .mdbsummary .card-col .top-months *,
.div-main-container .invreportsummary .card-col .top-weeks *,
.div-main-container .invreportsummary .card-col .top-months *,
.div-main-container .recipe-scheduler-summary .card-col .top-weeks *,
.div-main-container .recipe-scheduler-summary .card-col .top-months *,
.div-main-container .div-summary .card-col .top-weeks *,
.div-main-container .div-summary .card-col .top-months * {
    font-size: 0.8rem !important;
    padding: 5px;
}
.mdbcontainer .mdbsummary .card-col .top-weeks thead,
.mdbcontainer .mdbsummary .card-col .top-months thead,
.mdbcontainer .invreportsummary .card-col .top-weeks thead,
.mdbcontainer .invreportsummary .card-col .top-months thead,
.mdbcontainer .recipe-scheduler-summary .card-col .top-weeks thead,
.mdbcontainer .recipe-scheduler-summary .card-col .top-months thead,
.mdbcontainer .div-summary .card-col .top-weeks thead,
.mdbcontainer .div-summary .card-col .top-months thead,
.costcomp .mdbsummary .card-col .top-weeks thead,
.costcomp .mdbsummary .card-col .top-months thead,
.costcomp .invreportsummary .card-col .top-weeks thead,
.costcomp .invreportsummary .card-col .top-months thead,
.costcomp .recipe-scheduler-summary .card-col .top-weeks thead,
.costcomp .recipe-scheduler-summary .card-col .top-months thead,
.costcomp .div-summary .card-col .top-weeks thead,
.costcomp .div-summary .card-col .top-months thead,
.inventoryreport-container .mdbsummary .card-col .top-weeks thead,
.inventoryreport-container .mdbsummary .card-col .top-months thead,
.inventoryreport-container .invreportsummary .card-col .top-weeks thead,
.inventoryreport-container .invreportsummary .card-col .top-months thead,
.inventoryreport-container .recipe-scheduler-summary .card-col .top-weeks thead,
.inventoryreport-container
    .recipe-scheduler-summary
    .card-col
    .top-months
    thead,
.inventoryreport-container .div-summary .card-col .top-weeks thead,
.inventoryreport-container .div-summary .card-col .top-months thead,
.recipe-scheduler .mdbsummary .card-col .top-weeks thead,
.recipe-scheduler .mdbsummary .card-col .top-months thead,
.recipe-scheduler .invreportsummary .card-col .top-weeks thead,
.recipe-scheduler .invreportsummary .card-col .top-months thead,
.recipe-scheduler .recipe-scheduler-summary .card-col .top-weeks thead,
.recipe-scheduler .recipe-scheduler-summary .card-col .top-months thead,
.recipe-scheduler .div-summary .card-col .top-weeks thead,
.recipe-scheduler .div-summary .card-col .top-months thead,
.div-main-container .mdbsummary .card-col .top-weeks thead,
.div-main-container .mdbsummary .card-col .top-months thead,
.div-main-container .invreportsummary .card-col .top-weeks thead,
.div-main-container .invreportsummary .card-col .top-months thead,
.div-main-container .recipe-scheduler-summary .card-col .top-weeks thead,
.div-main-container .recipe-scheduler-summary .card-col .top-months thead,
.div-main-container .div-summary .card-col .top-weeks thead,
.div-main-container .div-summary .card-col .top-months thead {
    border-bottom-color: #009f4f;
}
.mdbcontainer .mdbsummary .card-col .top-weeks caption,
.mdbcontainer .mdbsummary .card-col .top-months caption,
.mdbcontainer .invreportsummary .card-col .top-weeks caption,
.mdbcontainer .invreportsummary .card-col .top-months caption,
.mdbcontainer .recipe-scheduler-summary .card-col .top-weeks caption,
.mdbcontainer .recipe-scheduler-summary .card-col .top-months caption,
.mdbcontainer .div-summary .card-col .top-weeks caption,
.mdbcontainer .div-summary .card-col .top-months caption,
.costcomp .mdbsummary .card-col .top-weeks caption,
.costcomp .mdbsummary .card-col .top-months caption,
.costcomp .invreportsummary .card-col .top-weeks caption,
.costcomp .invreportsummary .card-col .top-months caption,
.costcomp .recipe-scheduler-summary .card-col .top-weeks caption,
.costcomp .recipe-scheduler-summary .card-col .top-months caption,
.costcomp .div-summary .card-col .top-weeks caption,
.costcomp .div-summary .card-col .top-months caption,
.inventoryreport-container .mdbsummary .card-col .top-weeks caption,
.inventoryreport-container .mdbsummary .card-col .top-months caption,
.inventoryreport-container .invreportsummary .card-col .top-weeks caption,
.inventoryreport-container .invreportsummary .card-col .top-months caption,
.inventoryreport-container
    .recipe-scheduler-summary
    .card-col
    .top-weeks
    caption,
.inventoryreport-container
    .recipe-scheduler-summary
    .card-col
    .top-months
    caption,
.inventoryreport-container .div-summary .card-col .top-weeks caption,
.inventoryreport-container .div-summary .card-col .top-months caption,
.recipe-scheduler .mdbsummary .card-col .top-weeks caption,
.recipe-scheduler .mdbsummary .card-col .top-months caption,
.recipe-scheduler .invreportsummary .card-col .top-weeks caption,
.recipe-scheduler .invreportsummary .card-col .top-months caption,
.recipe-scheduler .recipe-scheduler-summary .card-col .top-weeks caption,
.recipe-scheduler .recipe-scheduler-summary .card-col .top-months caption,
.recipe-scheduler .div-summary .card-col .top-weeks caption,
.recipe-scheduler .div-summary .card-col .top-months caption,
.div-main-container .mdbsummary .card-col .top-weeks caption,
.div-main-container .mdbsummary .card-col .top-months caption,
.div-main-container .invreportsummary .card-col .top-weeks caption,
.div-main-container .invreportsummary .card-col .top-months caption,
.div-main-container .recipe-scheduler-summary .card-col .top-weeks caption,
.div-main-container .recipe-scheduler-summary .card-col .top-months caption,
.div-main-container .div-summary .card-col .top-weeks caption,
.div-main-container .div-summary .card-col .top-months caption {
    position: absolute;
    top: -55px;
    left: 0;
}
.mdbcontainer .mdbtable,
.mdbcontainer .itemdetails,
.costcomp .mdbtable,
.costcomp .itemdetails,
.inventoryreport-container .mdbtable,
.inventoryreport-container .itemdetails,
.recipe-scheduler .mdbtable,
.recipe-scheduler .itemdetails,
.div-main-container .mdbtable,
.div-main-container .itemdetails {
    background-color: white;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0px 2px 4px #dad8d8;
    font-size: 0.9rem;
}
.mdbcontainer .mdbtable .topRow th:last-child,
.mdbcontainer .itemdetails .topRow th:last-child,
.costcomp .mdbtable .topRow th:last-child,
.costcomp .itemdetails .topRow th:last-child,
.inventoryreport-container .mdbtable .topRow th:last-child,
.inventoryreport-container .itemdetails .topRow th:last-child,
.recipe-scheduler .mdbtable .topRow th:last-child,
.recipe-scheduler .itemdetails .topRow th:last-child,
.div-main-container .mdbtable .topRow th:last-child,
.div-main-container .itemdetails .topRow th:last-child {
    border-left: 1px solid rgba(194, 200, 192, 0.5960784314);
    text-align: left;
}
.mdbcontainer .mdbtable .subRow,
.mdbcontainer .itemdetails .subRow,
.costcomp .mdbtable .subRow,
.costcomp .itemdetails .subRow,
.inventoryreport-container .mdbtable .subRow,
.inventoryreport-container .itemdetails .subRow,
.recipe-scheduler .mdbtable .subRow,
.recipe-scheduler .itemdetails .subRow,
.div-main-container .mdbtable .subRow,
.div-main-container .itemdetails .subRow {
    font-size: 0.9rem;
    background-color: white;
}
.mdbcontainer .mdbtable tbody,
.mdbcontainer .itemdetails tbody,
.costcomp .mdbtable tbody,
.costcomp .itemdetails tbody,
.inventoryreport-container .mdbtable tbody,
.inventoryreport-container .itemdetails tbody,
.recipe-scheduler .mdbtable tbody,
.recipe-scheduler .itemdetails tbody,
.div-main-container .mdbtable tbody,
.div-main-container .itemdetails tbody {
    font-size: 0.9rem;
    border: none;
}
.mdbcontainer .mdbtable tbody tr td,
.mdbcontainer .itemdetails tbody tr td,
.costcomp .mdbtable tbody tr td,
.costcomp .itemdetails tbody tr td,
.inventoryreport-container .mdbtable tbody tr td,
.inventoryreport-container .itemdetails tbody tr td,
.recipe-scheduler .mdbtable tbody tr td,
.recipe-scheduler .itemdetails tbody tr td,
.div-main-container .mdbtable tbody tr td,
.div-main-container .itemdetails tbody tr td {
    border: none;
    padding: 10px;
}
.mdbcontainer .mdbtable tbody #mdbtable,
.mdbcontainer .itemdetails tbody #mdbtable,
.costcomp .mdbtable tbody #mdbtable,
.costcomp .itemdetails tbody #mdbtable,
.inventoryreport-container .mdbtable tbody #mdbtable,
.inventoryreport-container .itemdetails tbody #mdbtable,
.recipe-scheduler .mdbtable tbody #mdbtable,
.recipe-scheduler .itemdetails tbody #mdbtable,
.div-main-container .mdbtable tbody #mdbtable,
.div-main-container .itemdetails tbody #mdbtable {
    margin-bottom: 20px;
}
.mdbcontainer .mdbtable .dataTables_scroll,
.mdbcontainer .itemdetails .dataTables_scroll,
.costcomp .mdbtable .dataTables_scroll,
.costcomp .itemdetails .dataTables_scroll,
.inventoryreport-container .mdbtable .dataTables_scroll,
.inventoryreport-container .itemdetails .dataTables_scroll,
.recipe-scheduler .mdbtable .dataTables_scroll,
.recipe-scheduler .itemdetails .dataTables_scroll,
.div-main-container .mdbtable .dataTables_scroll,
.div-main-container .itemdetails .dataTables_scroll {
    margin-bottom: 5px;
}
.mdbcontainer .mdbtable .dataTables_scroll .dataTables_scrollHead,
.mdbcontainer .itemdetails .dataTables_scroll .dataTables_scrollHead,
.costcomp .mdbtable .dataTables_scroll .dataTables_scrollHead,
.costcomp .itemdetails .dataTables_scroll .dataTables_scrollHead,
.inventoryreport-container .mdbtable .dataTables_scroll .dataTables_scrollHead,
.inventoryreport-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead,
.recipe-scheduler .mdbtable .dataTables_scroll .dataTables_scrollHead,
.recipe-scheduler .itemdetails .dataTables_scroll .dataTables_scrollHead,
.div-main-container .mdbtable .dataTables_scroll .dataTables_scrollHead,
.div-main-container .itemdetails .dataTables_scroll .dataTables_scrollHead {
    background-color: #f2f2f2;
}
.mdbcontainer
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.mdbcontainer
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.costcomp
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.costcomp
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.inventoryreport-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.inventoryreport-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.recipe-scheduler
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.recipe-scheduler
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.div-main-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th,
.div-main-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th {
    border-color: #009f4f;
}
.mdbcontainer
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.mdbcontainer
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.mdbcontainer
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.mdbcontainer
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.costcomp
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.costcomp
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.costcomp
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.costcomp
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.inventoryreport-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.inventoryreport-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.inventoryreport-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.inventoryreport-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.recipe-scheduler
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.recipe-scheduler
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.recipe-scheduler
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.recipe-scheduler
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.div-main-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.div-main-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before,
.div-main-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::after,
.div-main-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollHead
    .dataTables_scrollHeadInner
    .subRow
    th::before {
    color: #009f4f;
}
.mdbcontainer .mdbtable .dataTables_scroll .dataTables_scrollBody #mdbtable,
.mdbcontainer .itemdetails .dataTables_scroll .dataTables_scrollBody #mdbtable,
.costcomp .mdbtable .dataTables_scroll .dataTables_scrollBody #mdbtable,
.costcomp .itemdetails .dataTables_scroll .dataTables_scrollBody #mdbtable,
.inventoryreport-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable,
.inventoryreport-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable,
.recipe-scheduler .mdbtable .dataTables_scroll .dataTables_scrollBody #mdbtable,
.recipe-scheduler
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable,
.div-main-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable,
.div-main-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable {
    margin-bottom: 20px;
}
.mdbcontainer
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.mdbcontainer
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.costcomp
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.costcomp
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.inventoryreport-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.inventoryreport-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.recipe-scheduler
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.recipe-scheduler
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.div-main-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr,
.div-main-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr {
    margin: 2px 0px !important;
    padding: 2px;
}
.mdbcontainer
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.mdbcontainer
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.costcomp
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.costcomp
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.inventoryreport-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.inventoryreport-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.recipe-scheduler
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.recipe-scheduler
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.div-main-container
    .mdbtable
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td,
.div-main-container
    .itemdetails
    .dataTables_scroll
    .dataTables_scrollBody
    #mdbtable
    tbody
    tr.selected
    td {
    box-shadow: inset 0 0 0 9999px #009f4f;
}
.mdbcontainer .mdbtable .dataTables_filter,
.mdbcontainer .itemdetails .dataTables_filter,
.costcomp .mdbtable .dataTables_filter,
.costcomp .itemdetails .dataTables_filter,
.inventoryreport-container .mdbtable .dataTables_filter,
.inventoryreport-container .itemdetails .dataTables_filter,
.recipe-scheduler .mdbtable .dataTables_filter,
.recipe-scheduler .itemdetails .dataTables_filter,
.div-main-container .mdbtable .dataTables_filter,
.div-main-container .itemdetails .dataTables_filter {
    margin-bottom: 20px;
}

.mdbcontainer.customdb .mdbtable {
    position: relative;
}
.mdbcontainer.customdb .mdbtable #mdbtable_filter {
    margin-right: 40px;
}
.mdbcontainer.customdb .mdbtable .toggle-column .toggle-column-btn {
    position: absolute;
    top: 0.5rem;
    right: 20px;
    z-index: 5;
}
.mdbcontainer.customdb .mdbtable .toggle-column .toggle-column-btn i {
    font-size: 1.3rem;
}
.mdbcontainer.customdb .mdbtable .toggle-column .toggle-column-btn:hover {
    cursor: pointer;
    color: #009f4f;
}
.mdbcontainer.customdb .mdbtable .toggle-column .toggle-column-menu {
    display: none;
    position: absolute;
    right: 20px;
    top: 50px;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 0;
    column-gap: 0;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgb(160, 159, 159);
    padding: 1rem;
    transition: 0.5s;
}
.mdbcontainer.customdb .mdbtable .toggle-column .toggle-column-menu .toggle-vis,
.mdbcontainer.customdb
    .mdbtable
    .toggle-column
    .toggle-column-menu
    .select-all {
    display: flex;
    font-size: 0.7rem;
    word-wrap: break-word;
    margin-right: 0;
    max-width: 80%;
    color: #000000;
    text-decoration: none;
}
.mdbcontainer.customdb
    .mdbtable
    .toggle-column
    .toggle-column-menu
    .toggle-vis
    input,
.mdbcontainer.customdb
    .mdbtable
    .toggle-column
    .toggle-column-menu
    .select-all
    input {
    margin-right: 3px;
    accent-color: #009f4f;
    transform: scale(0.7);
}
.mdbcontainer.customdb
    .mdbtable
    .toggle-column
    .toggle-column-menu
    .close-menu {
    position: absolute;
    right: 10;
    bottom: 10;
    background-color: white;
    box-shadow: 0px 0px 6px #a5a3a3;
    color: black;
    border: none;
    font-size: 0.8rem;
    padding: 0.1rem 0.3rem;
}
.mdbcontainer.customdb
    .mdbtable
    .toggle-column
    .toggle-column-menu
    .close-menu:hover {
    background-color: #009f4f;
    color: #fafafa;
}
.mdbcontainer.customdb
    .mdbtable
    .toggle-column
    .toggle-column-menu
    .select-all-btn {
    border-radius: 5px;
    position: absolute;
    right: 60;
    bottom: 10;
    background-color: white;
    color: black;
    border: none;
    font-size: 0.8rem;
    padding: 0.1rem 0.3rem;
}
.mdbcontainer.customdb .mdbtable .toggle-column .toggle-column-menu.show {
    display: block;
    z-index: 5;
}

.recipeitemcount .recipeitemcount-container {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 rgba(161, 161, 161, 0.253);
    padding: 1rem;
}

.toggle-column .toggle-column-btn {
    position: absolute;
    top: 1.5rem;
    right: 20px;
    z-index: 5;
}
.toggle-column .toggle-column-btn i {
    font-size: 1.3rem;
}
.toggle-column .toggle-column-btn:hover {
    cursor: pointer;
    color: #009f4f;
}
.toggle-column .toggle-column-menu {
    display: none;
    position: absolute;
    right: 20px;
    top: 50px;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 0;
    column-gap: 0;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgb(160, 159, 159);
    padding: 1rem;
    transition: 0.5s;
}
.toggle-column .toggle-column-menu .toggle-vis,
.toggle-column .toggle-column-menu .select-all {
    display: flex;
    font-size: 0.7rem;
    word-wrap: break-word;
    margin-right: 0;
    max-width: 80%;
    color: #000000;
    text-decoration: none;
}
.toggle-column .toggle-column-menu .toggle-vis input,
.toggle-column .toggle-column-menu .select-all input {
    margin-right: 3px;
    accent-color: #009f4f;
    transform: scale(0.7);
}
.toggle-column .toggle-column-menu .close-menu {
    position: absolute;
    right: 10;
    bottom: 10;
    background-color: white;
    box-shadow: 0px 0px 6px #a5a3a3;
    color: black;
    border: none;
    font-size: 0.8rem;
    padding: 0.1rem 0.3rem;
}
.toggle-column .toggle-column-menu .close-menu:hover {
    background-color: #009f4f;
    color: #fafafa;
}
.toggle-column .toggle-column-menu .select-all-btn {
    border-radius: 5px;
    position: absolute;
    right: 60;
    bottom: 10;
    background-color: white;
    color: black;
    border: none;
    font-size: 0.8rem;
    padding: 0.1rem 0.3rem;
}
.toggle-column .toggle-column-menu.show {
    display: block;
    z-index: 5;
}

.costcomp .itemselect,
.costcomp .itemdetails {
    background: #fafafa;
    padding: 1.5rem 1rem;
    border-radius: 5px;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.costcomp .itemselect .form-select,
.costcomp .itemdetails .form-select {
    background: #d9ead2;
    color: #000000;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
.costcomp .itemselect .btn.btn-primary,
.costcomp .itemdetails .btn.btn-primary {
    background-color: #009f4f;
    color: #fafafa;
}
.costcomp .itemselect .table-striped,
.costcomp .itemdetails .table-striped {
    margin-bottom: 0;
}
.costcomp .itemselect .table-striped tbody tr:nth-child(odd),
.costcomp .itemdetails .table-striped tbody tr:nth-child(odd) {
    background-color: #fafafa;
}

.recipebuilder-item {
    /* Safari */
    position: sticky;
    top: 100;
    z-index: 50;
}

.recipebuilder-item,
.seasoningbuilder-item,
.combobuilder-item {
    background: #fafafa;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #a5a3a3;
}
.recipebuilder-item .recipe-btn,
.seasoningbuilder-item .recipe-btn {
    background-color: #009f4f;
    padding: 4px 8px;
    border-color: #009f4f;
    font-size: 0.9rem;
}
.recipebuilder-item .recipe-btn:hover,
.seasoningbuilder-item .recipe-btn:hover {
    background-color: #026d38;
}
.recipebuilder-item .itemtable a,
.seasoningbuilder-item .itemtable a {
    color: #009f4f;
}
.recipebuilder-item .itemtable a:hover,
.seasoningbuilder-item .itemtable a:hover {
    color: #026d38;
}
.recipebuilder-item .btn-search,
.seasoningbuilder-item .btn-search {
    border-color: transparent;
    background-color: #009f4f;
    color: #fafafa;
}
.recipebuilder-item .btn-search:hover,
.seasoningbuilder-item .btn-search:hover {
    background-color: #026d38;
}

.recipebuilder-recipe,
.recipebuilder-builder,
.seasoningbuilder-recipe,
.seasoningbuilder-builder,
.recipe-scheduler-recipes,
.recipe-scheduler-schedule {
    padding: 1rem;
    background-color: #fafafa;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #a5a3a3;
}
.recipebuilder-recipe .select-checkbox,
.recipebuilder-builder .select-checkbox,
.seasoningbuilder-recipe .select-checkbox,
.seasoningbuilder-builder .select-checkbox,
.recipe-scheduler-recipes .select-checkbox,
.recipe-scheduler-schedule .select-checkbox {
    line-height: 2.5rem;
}
.recipebuilder-recipe .select-checkbox .custom-control-input,
.recipebuilder-builder .select-checkbox .custom-control-input,
.seasoningbuilder-recipe .select-checkbox .custom-control-input,
.seasoningbuilder-builder .select-checkbox .custom-control-input,
.recipe-scheduler-recipes .select-checkbox .custom-control-input,
.recipe-scheduler-schedule .select-checkbox .custom-control-input {
    line-height: 2rem;
}
.recipebuilder-recipe .select-checkbox label,
.recipebuilder-builder .select-checkbox label,
.seasoningbuilder-recipe .select-checkbox label,
.seasoningbuilder-builder .select-checkbox label,
.recipe-scheduler-recipes .select-checkbox label,
.recipe-scheduler-schedule .select-checkbox label {
    font-size: 0.9rem;
}
.recipebuilder-recipe #nutritiontable,
.recipebuilder-recipe #recipebuilder,
.recipebuilder-recipe #seasoningbuilder,
.recipebuilder-builder #nutritiontable,
.recipebuilder-builder #recipebuilder,
.recipebuilder-builder #seasoningbuilder,
.seasoningbuilder-recipe #nutritiontable,
.seasoningbuilder-recipe #recipebuilder,
.seasoningbuilder-recipe #seasoningbuilder,
.seasoningbuilder-builder #nutritiontable,
.seasoningbuilder-builder #recipebuilder,
.seasoningbuilder-builder #seasoningbuilder,
.recipe-scheduler-recipes #nutritiontable,
.recipe-scheduler-recipes #recipebuilder,
.recipe-scheduler-recipes #seasoningbuilder,
.recipe-scheduler-schedule #nutritiontable,
.recipe-scheduler-schedule #recipebuilder,
.recipe-scheduler-schedule #seasoningbuilder {
    margin-bottom: 20px;
}
.recipebuilder-recipe .dataTables_scroll thead th,
.recipebuilder-builder .dataTables_scroll thead th,
.seasoningbuilder-recipe .dataTables_scroll thead th,
.seasoningbuilder-builder .dataTables_scroll thead th,
.recipe-scheduler-recipes .dataTables_scroll thead th,
.recipe-scheduler-schedule .dataTables_scroll thead th {
    border: none;
    border-bottom: 1px solid #009f4f;
    vertical-align: middle;
}
.recipebuilder-recipe .dataTables_scroll tbody td,
.recipebuilder-builder .dataTables_scroll tbody td,
.seasoningbuilder-recipe .dataTables_scroll tbody td,
.seasoningbuilder-builder .dataTables_scroll tbody td,
.recipe-scheduler-recipes .dataTables_scroll tbody td,
.recipe-scheduler-schedule .dataTables_scroll tbody td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.recipebuilder-recipe #recipebuilder,
.recipebuilder-recipe #seasoningbuilder,
.recipebuilder-recipe #nutritiontable,
.recipebuilder-builder #recipebuilder,
.recipebuilder-builder #seasoningbuilder,
.recipebuilder-builder #nutritiontable,
.seasoningbuilder-recipe #recipebuilder,
.seasoningbuilder-recipe #seasoningbuilder,
.seasoningbuilder-recipe #nutritiontable,
.seasoningbuilder-builder #recipebuilder,
.seasoningbuilder-builder #seasoningbuilder,
.seasoningbuilder-builder #nutritiontable,
.recipe-scheduler-recipes #recipebuilder,
.recipe-scheduler-recipes #seasoningbuilder,
.recipe-scheduler-recipes #nutritiontable,
.recipe-scheduler-schedule #recipebuilder,
.recipe-scheduler-schedule #seasoningbuilder,
.recipe-scheduler-schedule #nutritiontable {
    border-bottom: 0;
    font-size: 0.9rem;
    margin-left: 0;
}
.recipebuilder-recipe #recipebuilder .packunitDrop,
.recipebuilder-recipe #seasoningbuilder .packunitDrop,
.recipebuilder-recipe #nutritiontable .packunitDrop,
.recipebuilder-builder #recipebuilder .packunitDrop,
.recipebuilder-builder #seasoningbuilder .packunitDrop,
.recipebuilder-builder #nutritiontable .packunitDrop,
.seasoningbuilder-recipe #recipebuilder .packunitDrop,
.seasoningbuilder-recipe #seasoningbuilder .packunitDrop,
.seasoningbuilder-recipe #nutritiontable .packunitDrop,
.seasoningbuilder-builder #recipebuilder .packunitDrop,
.seasoningbuilder-builder #seasoningbuilder .packunitDrop,
.seasoningbuilder-builder #nutritiontable .packunitDrop,
.recipe-scheduler-recipes #recipebuilder .packunitDrop,
.recipe-scheduler-recipes #seasoningbuilder .packunitDrop,
.recipe-scheduler-recipes #nutritiontable .packunitDrop,
.recipe-scheduler-schedule #recipebuilder .packunitDrop,
.recipe-scheduler-schedule #seasoningbuilder .packunitDrop,
.recipe-scheduler-schedule #nutritiontable .packunitDrop {
    padding: 0;
}
.recipebuilder-recipe #recipebuilder .packunitDrop select,
.recipebuilder-recipe #seasoningbuilder .packunitDrop select,
.recipebuilder-recipe #nutritiontable .packunitDrop select,
.recipebuilder-builder #recipebuilder .packunitDrop select,
.recipebuilder-builder #seasoningbuilder .packunitDrop select,
.recipebuilder-builder #nutritiontable .packunitDrop select,
.seasoningbuilder-recipe #recipebuilder .packunitDrop select,
.seasoningbuilder-recipe #seasoningbuilder .packunitDrop select,
.seasoningbuilder-recipe #nutritiontable .packunitDrop select,
.seasoningbuilder-builder #recipebuilder .packunitDrop select,
.seasoningbuilder-builder #seasoningbuilder .packunitDrop select,
.seasoningbuilder-builder #nutritiontable .packunitDrop select,
.recipe-scheduler-recipes #recipebuilder .packunitDrop select,
.recipe-scheduler-recipes #seasoningbuilder .packunitDrop select,
.recipe-scheduler-recipes #nutritiontable .packunitDrop select,
.recipe-scheduler-schedule #recipebuilder .packunitDrop select,
.recipe-scheduler-schedule #seasoningbuilder .packunitDrop select,
.recipe-scheduler-schedule #nutritiontable .packunitDrop select {
    box-shadow: none;
    border: none;
}
.recipebuilder-recipe #recipebuilder thead th,
.recipebuilder-recipe #seasoningbuilder thead th,
.recipebuilder-recipe #nutritiontable thead th,
.recipebuilder-builder #recipebuilder thead th,
.recipebuilder-builder #seasoningbuilder thead th,
.recipebuilder-builder #nutritiontable thead th,
.seasoningbuilder-recipe #recipebuilder thead th,
.seasoningbuilder-recipe #seasoningbuilder thead th,
.seasoningbuilder-recipe #nutritiontable thead th,
.seasoningbuilder-builder #recipebuilder thead th,
.seasoningbuilder-builder #seasoningbuilder thead th,
.seasoningbuilder-builder #nutritiontable thead th,
.recipe-scheduler-recipes #recipebuilder thead th,
.recipe-scheduler-recipes #seasoningbuilder thead th,
.recipe-scheduler-recipes #nutritiontable thead th,
.recipe-scheduler-schedule #recipebuilder thead th,
.recipe-scheduler-schedule #seasoningbuilder thead th,
.recipe-scheduler-schedule #nutritiontable thead th {
    border: none;
    border-bottom: 1px solid #009f4f;
    vertical-align: middle;
}
.recipebuilder-recipe #recipebuilder tbody td,
.recipebuilder-recipe #seasoningbuilder tbody td,
.recipebuilder-recipe #nutritiontable tbody td,
.recipebuilder-builder #recipebuilder tbody td,
.recipebuilder-builder #seasoningbuilder tbody td,
.recipebuilder-builder #nutritiontable tbody td,
.seasoningbuilder-recipe #recipebuilder tbody td,
.seasoningbuilder-recipe #seasoningbuilder tbody td,
.seasoningbuilder-recipe #nutritiontable tbody td,
.seasoningbuilder-builder #recipebuilder tbody td,
.seasoningbuilder-builder #seasoningbuilder tbody td,
.seasoningbuilder-builder #nutritiontable tbody td,
.recipe-scheduler-recipes #recipebuilder tbody td,
.recipe-scheduler-recipes #seasoningbuilder tbody td,
.recipe-scheduler-recipes #nutritiontable tbody td,
.recipe-scheduler-schedule #recipebuilder tbody td,
.recipe-scheduler-schedule #seasoningbuilder tbody td,
.recipe-scheduler-schedule #nutritiontable tbody td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.recipebuilder-recipe .custom-button-outline,
.recipebuilder-builder .custom-button-outline,
.seasoningbuilder-recipe .custom-button-outline,
.seasoningbuilder-builder .custom-button-outline,
.recipe-scheduler-recipes .custom-button-outline,
.recipe-scheduler-schedule .custom-button-outline {
    padding: 2px 6px;
}
.recipebuilder-recipe .options-group .calendar-group .input-group-addon,
.recipebuilder-builder .options-group .calendar-group .input-group-addon,
.seasoningbuilder-recipe .options-group .calendar-group .input-group-addon,
.seasoningbuilder-builder .options-group .calendar-group .input-group-addon,
.recipe-scheduler-recipes .options-group .calendar-group .input-group-addon,
.recipe-scheduler-schedule .options-group .calendar-group .input-group-addon {
    background-color: #eaeaea;
    padding: 10px 5px;
    vertical-align: middle;
    border: 1px solid #eaeaea;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.input-group-addon {
    background-color: #eaeaea;
    padding: 10px 5px;
    vertical-align: middle;
    border: 1px solid #eaeaea;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0.8rem;
}

#deliveryHoliday table tr td {
    vertical-align: middle;
}

.recipebuilder-recipe,
.recipebuilder-builder {
    position: relative;
}
.recipebuilder-recipe .toggle-column .toggle-column-btn,
.recipebuilder-builder .toggle-column .toggle-column-btn {
    top: 0.5rem;
    right: 0.5rem;
}
.recipebuilder-recipe .toggle-column-menu,
.recipebuilder-builder .toggle-column-menu {
    right: 0.5rem;
    top: 2rem;
}
.recipebuilder-recipe .seasonal-vegan-box div,
.recipebuilder-builder .seasonal-vegan-box div {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    line-height: 2.2rem;
}
.recipebuilder-recipe .seasonal-vegan-box .seasonal,
.recipebuilder-builder .seasonal-vegan-box .seasonal {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.recipebuilder-recipe .seasonal-vegan-box .vegan,
.recipebuilder-builder .seasonal-vegan-box .vegan {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.recipebuilder-recipe .chicken-veg-box div,
.recipebuilder-builder .chicken-veg-box div {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    line-height: 2.2rem;
}
.recipebuilder-recipe .chicken-veg-box .chic,
.recipebuilder-builder .chicken-veg-box .chic {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.recipebuilder-recipe .chicken-veg-box .veg,
.recipebuilder-builder .chicken-veg-box .veg {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.recipebuilder-builder .select-checkbox,
.seasoningbuilder-builder .select-checkbox,
.totalneed-table .select-checkbox {
    line-height: 2.15rem;
}
.recipebuilder-builder .select-checkbox .custom-control-input,
.seasoningbuilder-builder .select-checkbox .custom-control-input,
.totalneed-table .select-checkbox .custom-control-input {
    line-height: 2rem;
}
.recipebuilder-builder .select-checkbox label,
.seasoningbuilder-builder .select-checkbox label,
.totalneed-table .select-checkbox label {
    font-size: 0.9rem;
}
.recipebuilder-builder #recipebuilder a,
.recipebuilder-builder #seasoningbuilder a,
.recipebuilder-builder #totalneed-table a,
.seasoningbuilder-builder #recipebuilder a,
.seasoningbuilder-builder #seasoningbuilder a,
.seasoningbuilder-builder #totalneed-table a,
.totalneed-table #recipebuilder a,
.totalneed-table #seasoningbuilder a,
.totalneed-table #totalneed-table a {
    color: #009f4f;
}
.recipebuilder-builder #recipebuilder a:hover,
.recipebuilder-builder #seasoningbuilder a:hover,
.recipebuilder-builder #totalneed-table a:hover,
.seasoningbuilder-builder #recipebuilder a:hover,
.seasoningbuilder-builder #seasoningbuilder a:hover,
.seasoningbuilder-builder #totalneed-table a:hover,
.totalneed-table #recipebuilder a:hover,
.totalneed-table #seasoningbuilder a:hover,
.totalneed-table #totalneed-table a:hover {
    color: #026d38;
}
.recipebuilder-builder #recipebuilder .volumeInput,
.recipebuilder-builder #recipebuilder .totalneedInput,
.recipebuilder-builder #seasoningbuilder .volumeInput,
.recipebuilder-builder #seasoningbuilder .totalneedInput,
.recipebuilder-builder #totalneed-table .volumeInput,
.recipebuilder-builder #totalneed-table .totalneedInput,
.seasoningbuilder-builder #recipebuilder .volumeInput,
.seasoningbuilder-builder #recipebuilder .totalneedInput,
.seasoningbuilder-builder #seasoningbuilder .volumeInput,
.seasoningbuilder-builder #seasoningbuilder .totalneedInput,
.seasoningbuilder-builder #totalneed-table .volumeInput,
.seasoningbuilder-builder #totalneed-table .totalneedInput,
.totalneed-table #recipebuilder .volumeInput,
.totalneed-table #recipebuilder .totalneedInput,
.totalneed-table #seasoningbuilder .volumeInput,
.totalneed-table #seasoningbuilder .totalneedInput,
.totalneed-table #totalneed-table .volumeInput,
.totalneed-table #totalneed-table .totalneedInput {
    padding: 0;
}
.recipebuilder-builder #recipebuilder .volumeInput .form-control,
.recipebuilder-builder #recipebuilder .totalneedInput .form-control,
.recipebuilder-builder #seasoningbuilder .volumeInput .form-control,
.recipebuilder-builder #seasoningbuilder .totalneedInput .form-control,
.recipebuilder-builder #totalneed-table .volumeInput .form-control,
.recipebuilder-builder #totalneed-table .totalneedInput .form-control,
.seasoningbuilder-builder #recipebuilder .volumeInput .form-control,
.seasoningbuilder-builder #recipebuilder .totalneedInput .form-control,
.seasoningbuilder-builder #seasoningbuilder .volumeInput .form-control,
.seasoningbuilder-builder #seasoningbuilder .totalneedInput .form-control,
.seasoningbuilder-builder #totalneed-table .volumeInput .form-control,
.seasoningbuilder-builder #totalneed-table .totalneedInput .form-control,
.totalneed-table #recipebuilder .volumeInput .form-control,
.totalneed-table #recipebuilder .totalneedInput .form-control,
.totalneed-table #seasoningbuilder .volumeInput .form-control,
.totalneed-table #seasoningbuilder .totalneedInput .form-control,
.totalneed-table #totalneed-table .volumeInput .form-control,
.totalneed-table #totalneed-table .totalneedInput .form-control {
    border: none;
    border-radius: 0;
    box-shadow: inset 0 0 1px 1px #e6e6e6;
}
.recipebuilder-builder #recipebuilder .volumeInput .form-control:focus,
.recipebuilder-builder #recipebuilder .totalneedInput .form-control:focus,
.recipebuilder-builder #seasoningbuilder .volumeInput .form-control:focus,
.recipebuilder-builder #seasoningbuilder .totalneedInput .form-control:focus,
.recipebuilder-builder #totalneed-table .volumeInput .form-control:focus,
.recipebuilder-builder #totalneed-table .totalneedInput .form-control:focus,
.seasoningbuilder-builder #recipebuilder .volumeInput .form-control:focus,
.seasoningbuilder-builder #recipebuilder .totalneedInput .form-control:focus,
.seasoningbuilder-builder #seasoningbuilder .volumeInput .form-control:focus,
.seasoningbuilder-builder #seasoningbuilder .totalneedInput .form-control:focus,
.seasoningbuilder-builder #totalneed-table .volumeInput .form-control:focus,
.seasoningbuilder-builder #totalneed-table .totalneedInput .form-control:focus,
.totalneed-table #recipebuilder .volumeInput .form-control:focus,
.totalneed-table #recipebuilder .totalneedInput .form-control:focus,
.totalneed-table #seasoningbuilder .volumeInput .form-control:focus,
.totalneed-table #seasoningbuilder .totalneedInput .form-control:focus,
.totalneed-table #totalneed-table .volumeInput .form-control:focus,
.totalneed-table #totalneed-table .totalneedInput .form-control:focus {
    box-shadow: inset 0 0 2px 1px #009f4f;
}

.recipe-scheduler-schedule .table .select {
    max-width: 10;
    padding: 0;
}
.recipe-scheduler-schedule .table .select .select2 {
    width: 100% !important;
}

.recipebuilder .recipebuilder-display,
.recipebuilder .seasoningbuilder-display,
.recipebuilder .ingredient-display,
.recipebuilder .editexistingRecipe-display,
.recipebuilder .editarchivedRecipe-display,
.seasoningbuilder .recipebuilder-display,
.seasoningbuilder .seasoningbuilder-display,
.seasoningbuilder .ingredient-display,
.seasoningbuilder .editexistingRecipe-display,
.seasoningbuilder .editarchivedRecipe-display,
.ingredients .recipebuilder-display,
.ingredients .seasoningbuilder-display,
.ingredients .ingredient-display,
.ingredients .editexistingRecipe-display,
.ingredients .editarchivedRecipe-display {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s all;
}
.recipebuilder .recipebuilder-display.show,
.recipebuilder .seasoningbuilder-display.show,
.recipebuilder .ingredient-display.show,
.recipebuilder .editexistingRecipe-display.show,
.recipebuilder .editarchivedRecipe-display.show,
.seasoningbuilder .recipebuilder-display.show,
.seasoningbuilder .seasoningbuilder-display.show,
.seasoningbuilder .ingredient-display.show,
.seasoningbuilder .editexistingRecipe-display.show,
.seasoningbuilder .editarchivedRecipe-display.show,
.ingredients .recipebuilder-display.show,
.ingredients .seasoningbuilder-display.show,
.ingredients .ingredient-display.show,
.ingredients .editexistingRecipe-display.show,
.ingredients .editarchivedRecipe-display.show {
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow: visible;
}
.recipebuilder .recipe-size,
.recipebuilder .seasoning-size,
.seasoningbuilder .recipe-size,
.seasoningbuilder .seasoning-size,
.ingredients .recipe-size,
.ingredients .seasoning-size {
    display: none;
    transition: 0.5s all;
}
.recipebuilder .recipe-size.show,
.recipebuilder .seasoning-size.show,
.seasoningbuilder .recipe-size.show,
.seasoningbuilder .seasoning-size.show,
.ingredients .recipe-size.show,
.ingredients .seasoning-size.show {
    display: block;
}
.recipebuilder .editexistingRecipe-container,
.recipebuilder .editarchivedRecipe-container,
.seasoningbuilder .editexistingRecipe-container,
.seasoningbuilder .editarchivedRecipe-container,
.ingredients .editexistingRecipe-container,
.ingredients .editarchivedRecipe-container {
    box-shadow: 0px 2px 4px #dad8d8;
    padding: 1rem 0.8rem;
    background-color: #fafafa;
    border-radius: 5px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}
.recipebuilder .recipecontrols .custom-button-outline,
.seasoningbuilder .recipecontrols .custom-button-outline,
.ingredients .recipecontrols .custom-button-outline {
    font-size: 0.9rem;
    padding: 4px 9px;
}

.seasoningbuilder #seasoningbuilder,
.seasoningbuilder #nutritiontable,
.instructions-container #seasoningbuilder,
.instructions-container #nutritiontable {
    padding: 0 1rem;
}
.seasoningbuilder #seasoningbuilder .seasoning-input,
.seasoningbuilder #nutritiontable .seasoning-input,
.instructions-container #seasoningbuilder .seasoning-input,
.instructions-container #nutritiontable .seasoning-input {
    border: 0;
}
.seasoningbuilder #seasoningbuilder .seasoning-input input,
.seasoningbuilder #nutritiontable .seasoning-input input,
.instructions-container #seasoningbuilder .seasoning-input input,
.instructions-container #nutritiontable .seasoning-input input {
    border-radius: 0;
}
.seasoningbuilder .custom-button-outline,
.instructions-container .custom-button-outline {
    font-size: 0.9rem;
    padding: 4px 9px;
}

.seasoningbuilder .manageseasoning-display,
.seasoningbuilder .managerecipe-display,
.seasoningbuilder .manageingredient-display,
.seasoningbuilder .manage-instruction-display,
.recipebuilder .manageseasoning-display,
.recipebuilder .managerecipe-display,
.recipebuilder .manageingredient-display,
.recipebuilder .manage-instruction-display,
.ingredients .manageseasoning-display,
.ingredients .managerecipe-display,
.ingredients .manageingredient-display,
.ingredients .manage-instruction-display,
.instructions .manageseasoning-display,
.instructions .managerecipe-display,
.instructions .manageingredient-display,
.instructions .manage-instruction-display {
    display: none;
}
.seasoningbuilder .manageseasoning-display .manageseasoning-display-container,
.manage-combo-display .manage-combo-display-container,
.seasoningbuilder .manageseasoning-display .managerecipe-display-container,
.seasoningbuilder .manageseasoning-display .manageingredient-display-container,
.seasoningbuilder
    .manageseasoning-display
    .manage-instruction-display-container,
.seasoningbuilder .managerecipe-display .manageseasoning-display-container,
.seasoningbuilder .managerecipe-display .managerecipe-display-container,
.seasoningbuilder .managerecipe-display .manageingredient-display-container,
.seasoningbuilder .managerecipe-display .manage-instruction-display-container,
.seasoningbuilder .manageingredient-display .manageseasoning-display-container,
.seasoningbuilder .manageingredient-display .managerecipe-display-container,
.seasoningbuilder .manageingredient-display .manageingredient-display-container,
.seasoningbuilder
    .manageingredient-display
    .manage-instruction-display-container,
.seasoningbuilder
    .manage-instruction-display
    .manageseasoning-display-container,
.seasoningbuilder .manage-instruction-display .managerecipe-display-container,
.seasoningbuilder
    .manage-instruction-display
    .manageingredient-display-container,
.seasoningbuilder
    .manage-instruction-display
    .manage-instruction-display-container,
.recipebuilder .manageseasoning-display .manageseasoning-display-container,
.recipebuilder .manageseasoning-display .managerecipe-display-container,
.recipebuilder .manageseasoning-display .manageingredient-display-container,
.recipebuilder .manageseasoning-display .manage-instruction-display-container,
.recipebuilder .managerecipe-display .manageseasoning-display-container,
.recipebuilder .managerecipe-display .managerecipe-display-container,
.recipebuilder .managerecipe-display .manageingredient-display-container,
.recipebuilder .managerecipe-display .manage-instruction-display-container,
.recipebuilder .manageingredient-display .manageseasoning-display-container,
.recipebuilder .manageingredient-display .managerecipe-display-container,
.recipebuilder .manageingredient-display .manageingredient-display-container,
.recipebuilder .manageingredient-display .manage-instruction-display-container,
.recipebuilder .manage-instruction-display .manageseasoning-display-container,
.recipebuilder .manage-instruction-display .managerecipe-display-container,
.recipebuilder .manage-instruction-display .manageingredient-display-container,
.recipebuilder
    .manage-instruction-display
    .manage-instruction-display-container,
.ingredients .manageseasoning-display .manageseasoning-display-container,
.ingredients .manageseasoning-display .managerecipe-display-container,
.ingredients .manageseasoning-display .manageingredient-display-container,
.ingredients .manageseasoning-display .manage-instruction-display-container,
.ingredients .managerecipe-display .manageseasoning-display-container,
.ingredients .managerecipe-display .managerecipe-display-container,
.ingredients .managerecipe-display .manageingredient-display-container,
.ingredients .managerecipe-display .manage-instruction-display-container,
.ingredients .manageingredient-display .manageseasoning-display-container,
.ingredients .manageingredient-display .managerecipe-display-container,
.ingredients .manageingredient-display .manageingredient-display-container,
.ingredients .manageingredient-display .manage-instruction-display-container,
.ingredients .manage-instruction-display .manageseasoning-display-container,
.ingredients .manage-instruction-display .managerecipe-display-container,
.ingredients .manage-instruction-display .manageingredient-display-container,
.ingredients .manage-instruction-display .manage-instruction-display-container,
.instructions .manageseasoning-display .manageseasoning-display-container,
.instructions .manageseasoning-display .managerecipe-display-container,
.instructions .manageseasoning-display .manageingredient-display-container,
.instructions .manageseasoning-display .manage-instruction-display-container,
.instructions .managerecipe-display .manageseasoning-display-container,
.instructions .managerecipe-display .managerecipe-display-container,
.instructions .managerecipe-display .manageingredient-display-container,
.instructions .managerecipe-display .manage-instruction-display-container,
.instructions .manageingredient-display .manageseasoning-display-container,
.instructions .manageingredient-display .managerecipe-display-container,
.instructions .manageingredient-display .manageingredient-display-container,
.instructions .manageingredient-display .manage-instruction-display-container,
.instructions .manage-instruction-display .manageseasoning-display-container,
.instructions .manage-instruction-display .managerecipe-display-container,
.instructions .manage-instruction-display .manageingredient-display-container,
.instructions
    .manage-instruction-display
    .manage-instruction-display-container {
    padding: 1rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.123);
}
.seasoningbuilder
    .manageseasoning-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manageseasoning-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manageseasoning-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manageseasoning-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .managerecipe-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .managerecipe-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .managerecipe-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .managerecipe-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manageingredient-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manageingredient-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manageingredient-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manageingredient-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manage-instruction-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manage-instruction-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manage-instruction-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.seasoningbuilder
    .manage-instruction-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manageseasoning-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manageseasoning-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manageseasoning-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manageseasoning-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .managerecipe-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .managerecipe-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .managerecipe-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .managerecipe-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manageingredient-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manageingredient-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manageingredient-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manageingredient-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manage-instruction-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manage-instruction-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manage-instruction-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.recipebuilder
    .manage-instruction-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manageseasoning-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manageseasoning-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manageseasoning-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manageseasoning-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .managerecipe-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .managerecipe-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .managerecipe-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .managerecipe-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manageingredient-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manageingredient-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manageingredient-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manageingredient-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manage-instruction-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manage-instruction-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manage-instruction-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.ingredients
    .manage-instruction-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manageseasoning-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manageseasoning-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manageseasoning-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manageseasoning-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.instructions
    .managerecipe-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.instructions
    .managerecipe-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.instructions
    .managerecipe-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.instructions
    .managerecipe-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manageingredient-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manageingredient-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manageingredient-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manageingredient-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manage-instruction-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manage-instruction-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manage-instruction-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link,
.instructions
    .manage-instruction-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link {
    color: #000000;
}
.seasoningbuilder
    .manageseasoning-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manageseasoning-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manageseasoning-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manageseasoning-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .managerecipe-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .managerecipe-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .managerecipe-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .managerecipe-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manageingredient-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manageingredient-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manageingredient-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manageingredient-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manage-instruction-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manage-instruction-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manage-instruction-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.seasoningbuilder
    .manage-instruction-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manageseasoning-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manageseasoning-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manageseasoning-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manageseasoning-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .managerecipe-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .managerecipe-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .managerecipe-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .managerecipe-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manageingredient-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manageingredient-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manageingredient-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manageingredient-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manage-instruction-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manage-instruction-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manage-instruction-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.recipebuilder
    .manage-instruction-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manageseasoning-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manageseasoning-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manageseasoning-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manageseasoning-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .managerecipe-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .managerecipe-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .managerecipe-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .managerecipe-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manageingredient-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manageingredient-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manageingredient-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manageingredient-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manage-instruction-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manage-instruction-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manage-instruction-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.ingredients
    .manage-instruction-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manageseasoning-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manageseasoning-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manageseasoning-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manageseasoning-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .managerecipe-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .managerecipe-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .managerecipe-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .managerecipe-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manageingredient-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manageingredient-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manageingredient-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manageingredient-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manage-instruction-display
    .manageseasoning-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manage-instruction-display
    .managerecipe-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manage-instruction-display
    .manageingredient-display-container
    .nav-tabs
    .nav-link.active,
.instructions
    .manage-instruction-display
    .manage-instruction-display-container
    .nav-tabs
    .nav-link.active {
    color: #009f4f;
}
.seasoningbuilder
    .manageseasoning-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manageseasoning-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manageseasoning-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manageseasoning-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .managerecipe-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .managerecipe-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .managerecipe-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .managerecipe-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manageingredient-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manageingredient-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manageingredient-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manageingredient-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manage-instruction-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manage-instruction-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manage-instruction-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.seasoningbuilder
    .manage-instruction-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manageseasoning-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manageseasoning-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manageseasoning-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manageseasoning-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .managerecipe-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .managerecipe-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .managerecipe-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .managerecipe-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manageingredient-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manageingredient-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manageingredient-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manageingredient-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manage-instruction-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manage-instruction-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manage-instruction-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.recipebuilder
    .manage-instruction-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manageseasoning-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manageseasoning-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manageseasoning-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manageseasoning-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .managerecipe-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .managerecipe-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .managerecipe-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .managerecipe-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manageingredient-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manageingredient-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manageingredient-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manageingredient-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manage-instruction-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manage-instruction-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manage-instruction-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.ingredients
    .manage-instruction-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manageseasoning-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manageseasoning-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manageseasoning-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manageseasoning-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .managerecipe-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .managerecipe-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .managerecipe-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .managerecipe-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manageingredient-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manageingredient-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manageingredient-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manageingredient-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manage-instruction-display
    .manageseasoning-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manage-instruction-display
    .managerecipe-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manage-instruction-display
    .manageingredient-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a,
.instructions
    .manage-instruction-display
    .manage-instruction-display-container
    .tab-content
    .tab-pane
    table.table
    td.text-center
    a {
    margin: 0 5px 0 5px;
}
.seasoningbuilder .manageseasoning-display.show,
.seasoningbuilder .managerecipe-display.show,
.seasoningbuilder .manageingredient-display.show,
.recipebuilder .manageseasoning-display.show,
.recipebuilder .managerecipe-display.show,
.recipebuilder .manageingredient-display.show,
.ingredients .manageseasoning-display.show,
.ingredients .managerecipe-display.show,
.ingredients .manageingredient-display.show,
.instructions .manageseasoning-display.show,
.instructions .managerecipe-display.show,
.instructions .manageingredient-display.show {
    display: block;
}

.totalneed-container label,
.cart1-container label,
.actualpurchaseform-container label,
.boxpack-container label {
    margin-bottom: 1rem;
    font-size: 1.3rem !important;
    font-weight: 600;
    padding: 0 0.8rem;
    padding-left: 0;
    position: relative;
}
.totalneed-container label:after,
.cart1-container label:after,
.actualpurchaseform-container label:after,
.boxpack-container label:after {
    content: "";
    position: absolute;
    bottom: -5;
    left: 0;
    border-bottom: 5px solid #009f4f;
    width: 25%;
    transition: 0.5s all;
}
.totalneed-container label:hover,
.cart1-container label:hover,
.actualpurchaseform-container label:hover,
.boxpack-container label:hover {
    cursor: pointer;
}
.totalneed-container label:hover:after,
.cart1-container label:hover:after,
.actualpurchaseform-container label:hover:after,
.boxpack-container label:hover:after {
    width: 100%;
}
.totalneed-container .totalneed-summary,
.totalneed-container .cart1-summary,
.totalneed-container .actualpurchaseform-summary,
.totalneed-container .actualpurchaseformcart-summary,
.totalneed-container .boxpack-summary,
.cart1-container .totalneed-summary,
.cart1-container .cart1-summary,
.cart1-container .actualpurchaseform-summary,
.cart1-container .actualpurchaseformcart-summary,
.cart1-container .boxpack-summary,
.actualpurchaseform-container .totalneed-summary,
.actualpurchaseform-container .cart1-summary,
.actualpurchaseform-container .actualpurchaseform-summary,
.actualpurchaseform-container .actualpurchaseformcart-summary,
.actualpurchaseform-container .boxpack-summary,
.boxpack-container .totalneed-summary,
.boxpack-container .cart1-summary,
.boxpack-container .actualpurchaseform-summary,
.boxpack-container .actualpurchaseformcart-summary,
.boxpack-container .boxpack-summary {
    padding: 1rem 0.8rem;
    background-color: #fafafa;
    box-shadow: 0px 2px 4px #dad8d8;
    border-radius: 5px;
}
.totalneed-container .totalneed-summary .table,
.totalneed-container .cart1-summary .table,
.totalneed-container .actualpurchaseform-summary .table,
.totalneed-container .actualpurchaseformcart-summary .table,
.totalneed-container .boxpack-summary .table,
.cart1-container .totalneed-summary .table,
.cart1-container .cart1-summary .table,
.cart1-container .actualpurchaseform-summary .table,
.cart1-container .actualpurchaseformcart-summary .table,
.cart1-container .boxpack-summary .table,
.actualpurchaseform-container .totalneed-summary .table,
.actualpurchaseform-container .cart1-summary .table,
.actualpurchaseform-container .actualpurchaseform-summary .table,
.actualpurchaseform-container .actualpurchaseformcart-summary .table,
.actualpurchaseform-container .boxpack-summary .table,
.boxpack-container .totalneed-summary .table,
.boxpack-container .cart1-summary .table,
.boxpack-container .actualpurchaseform-summary .table,
.boxpack-container .actualpurchaseformcart-summary .table,
.boxpack-container .boxpack-summary .table {
    font-size: 1rem;
    position: relative;
}
.totalneed-container .totalneed-summary .table thead,
.totalneed-container .cart1-summary .table thead,
.totalneed-container .actualpurchaseform-summary .table thead,
.totalneed-container .actualpurchaseformcart-summary .table thead,
.totalneed-container .boxpack-summary .table thead,
.cart1-container .totalneed-summary .table thead,
.cart1-container .cart1-summary .table thead,
.cart1-container .actualpurchaseform-summary .table thead,
.cart1-container .actualpurchaseformcart-summary .table thead,
.cart1-container .boxpack-summary .table thead,
.actualpurchaseform-container .totalneed-summary .table thead,
.actualpurchaseform-container .cart1-summary .table thead,
.actualpurchaseform-container .actualpurchaseform-summary .table thead,
.actualpurchaseform-container .actualpurchaseformcart-summary .table thead,
.actualpurchaseform-container .boxpack-summary .table thead,
.boxpack-container .totalneed-summary .table thead,
.boxpack-container .cart1-summary .table thead,
.boxpack-container .actualpurchaseform-summary .table thead,
.boxpack-container .actualpurchaseformcart-summary .table thead,
.boxpack-container .boxpack-summary .table thead {
    border-bottom-color: #009f4f;
}
.totalneed-container .totalneed-summary .table thead th,
.totalneed-container .cart1-summary .table thead th,
.totalneed-container .actualpurchaseform-summary .table thead th,
.totalneed-container .actualpurchaseformcart-summary .table thead th,
.totalneed-container .boxpack-summary .table thead th,
.cart1-container .totalneed-summary .table thead th,
.cart1-container .cart1-summary .table thead th,
.cart1-container .actualpurchaseform-summary .table thead th,
.cart1-container .actualpurchaseformcart-summary .table thead th,
.cart1-container .boxpack-summary .table thead th,
.actualpurchaseform-container .totalneed-summary .table thead th,
.actualpurchaseform-container .cart1-summary .table thead th,
.actualpurchaseform-container .actualpurchaseform-summary .table thead th,
.actualpurchaseform-container .actualpurchaseformcart-summary .table thead th,
.actualpurchaseform-container .boxpack-summary .table thead th,
.boxpack-container .totalneed-summary .table thead th,
.boxpack-container .cart1-summary .table thead th,
.boxpack-container .actualpurchaseform-summary .table thead th,
.boxpack-container .actualpurchaseformcart-summary .table thead th,
.boxpack-container .boxpack-summary .table thead th {
    vertical-align: middle;
}
.totalneed-container .totalneed-table,
.totalneed-container .cart1-table,
.totalneed-container .actualpurchaseform-table,
.totalneed-container .actualpurchaseformcart-table,
.totalneed-container .boxpack-table,
.totalneed-container .boxpack-table-report,
.cart1-container .totalneed-table,
.cart1-container .cart1-table,
.cart1-container .actualpurchaseform-table,
.cart1-container .actualpurchaseformcart-table,
.cart1-container .boxpack-table,
.cart1-container .boxpack-table-report,
.actualpurchaseform-container .totalneed-table,
.actualpurchaseform-container .cart1-table,
.actualpurchaseform-container .actualpurchaseform-table,
.actualpurchaseform-container .actualpurchaseformcart-table,
.actualpurchaseform-container .boxpack-table,
.actualpurchaseform-container .boxpack-table-report,
.boxpack-container .totalneed-table,
.boxpack-container .cart1-table,
.boxpack-container .actualpurchaseform-table,
.boxpack-container .actualpurchaseformcart-table,
.boxpack-container .boxpack-table,
.boxpack-container .boxpack-table-report {
    padding: 1rem 0.8rem;
    background-color: #fafafa;
    box-shadow: 0px 2px 4px #dad8d8;
    border-radius: 5px;
}
.totalneed-container .totalneed-table #exportCSV,
.totalneed-container .cart1-table #exportCSV,
.totalneed-container .actualpurchaseform-table #exportCSV,
.totalneed-container .actualpurchaseformcart-table #exportCSV,
.totalneed-container .boxpack-table #exportCSV,
.totalneed-container .boxpack-table-report #exportCSV,
.cart1-container .totalneed-table #exportCSV,
.cart1-container .cart1-table #exportCSV,
.cart1-container .actualpurchaseform-table #exportCSV,
.cart1-container .actualpurchaseformcart-table #exportCSV,
.cart1-container .boxpack-table #exportCSV,
.cart1-container .boxpack-table-report #exportCSV,
.actualpurchaseform-container .totalneed-table #exportCSV,
.actualpurchaseform-container .cart1-table #exportCSV,
.actualpurchaseform-container .actualpurchaseform-table #exportCSV,
.actualpurchaseform-container .actualpurchaseformcart-table #exportCSV,
.actualpurchaseform-container .boxpack-table #exportCSV,
.actualpurchaseform-container .boxpack-table-report #exportCSV,
.boxpack-container .totalneed-table #exportCSV,
.boxpack-container .cart1-table #exportCSV,
.boxpack-container .actualpurchaseform-table #exportCSV,
.boxpack-container .actualpurchaseformcart-table #exportCSV,
.boxpack-container .boxpack-table #exportCSV,
.boxpack-container .boxpack-table-report #exportCSV {
    right: 10px;
    top: 10px;
}
.totalneed-container .totalneed-table .table thead,
.totalneed-container .cart1-table .table thead,
.totalneed-container .actualpurchaseform-table .table thead,
.totalneed-container .actualpurchaseformcart-table .table thead,
.totalneed-container .boxpack-table .table thead,
.totalneed-container .boxpack-table-report .table thead,
.cart1-container .totalneed-table .table thead,
.cart1-container .cart1-table .table thead,
.cart1-container .actualpurchaseform-table .table thead,
.cart1-container .actualpurchaseformcart-table .table thead,
.cart1-container .boxpack-table .table thead,
.cart1-container .boxpack-table-report .table thead,
.actualpurchaseform-container .totalneed-table .table thead,
.actualpurchaseform-container .cart1-table .table thead,
.actualpurchaseform-container .actualpurchaseform-table .table thead,
.actualpurchaseform-container .actualpurchaseformcart-table .table thead,
.actualpurchaseform-container .boxpack-table .table thead,
.actualpurchaseform-container .boxpack-table-report .table thead,
.boxpack-container .totalneed-table .table thead,
.boxpack-container .cart1-table .table thead,
.boxpack-container .actualpurchaseform-table .table thead,
.boxpack-container .actualpurchaseformcart-table .table thead,
.boxpack-container .boxpack-table .table thead,
.boxpack-container .boxpack-table-report .table thead {
    border-bottom-color: #009f4f;
}
.totalneed-container .totalneed-table .table thead th,
.totalneed-container .cart1-table .table thead th,
.totalneed-container .actualpurchaseform-table .table thead th,
.totalneed-container .actualpurchaseformcart-table .table thead th,
.totalneed-container .boxpack-table .table thead th,
.totalneed-container .boxpack-table-report .table thead th,
.cart1-container .totalneed-table .table thead th,
.cart1-container .cart1-table .table thead th,
.cart1-container .actualpurchaseform-table .table thead th,
.cart1-container .actualpurchaseformcart-table .table thead th,
.cart1-container .boxpack-table .table thead th,
.cart1-container .boxpack-table-report .table thead th,
.actualpurchaseform-container .totalneed-table .table thead th,
.actualpurchaseform-container .cart1-table .table thead th,
.actualpurchaseform-container .actualpurchaseform-table .table thead th,
.actualpurchaseform-container .actualpurchaseformcart-table .table thead th,
.actualpurchaseform-container .boxpack-table .table thead th,
.actualpurchaseform-container .boxpack-table-report .table thead th,
.boxpack-container .totalneed-table .table thead th,
.boxpack-container .cart1-table .table thead th,
.boxpack-container .actualpurchaseform-table .table thead th,
.boxpack-container .actualpurchaseformcart-table .table thead th,
.boxpack-container .boxpack-table .table thead th,
.boxpack-container .boxpack-table-report .table thead th {
    vertical-align: middle;
}
.totalneed-container .totalneed-table #totalneed-table,
.totalneed-container .totalneed-table #cart1-table,
.totalneed-container .totalneed-table #boxpack-table-report,
.totalneed-container .totalneed-table #boxpack-table,
.totalneed-container .totalneed-table #actualpurchaseform-table,
.totalneed-container .totalneed-table #actualpurchaseformcart-table,
.totalneed-container .cart1-table #totalneed-table,
.totalneed-container .cart1-table #cart1-table,
.totalneed-container .cart1-table #boxpack-table-report,
.totalneed-container .cart1-table #boxpack-table,
.totalneed-container .cart1-table #actualpurchaseform-table,
.totalneed-container .cart1-table #actualpurchaseformcart-table,
.totalneed-container .actualpurchaseform-table #totalneed-table,
.totalneed-container .actualpurchaseform-table #cart1-table,
.totalneed-container .actualpurchaseform-table #boxpack-table-report,
.totalneed-container .actualpurchaseform-table #boxpack-table,
.totalneed-container .actualpurchaseform-table #actualpurchaseform-table,
.totalneed-container .actualpurchaseform-table #actualpurchaseformcart-table,
.totalneed-container .actualpurchaseformcart-table #totalneed-table,
.totalneed-container .actualpurchaseformcart-table #cart1-table,
.totalneed-container .actualpurchaseformcart-table #boxpack-table-report,
.totalneed-container .actualpurchaseformcart-table #boxpack-table,
.totalneed-container .actualpurchaseformcart-table #actualpurchaseform-table,
.totalneed-container
    .actualpurchaseformcart-table
    #actualpurchaseformcart-table,
.totalneed-container .boxpack-table #totalneed-table,
.totalneed-container .boxpack-table #cart1-table,
.totalneed-container .boxpack-table #boxpack-table-report,
.totalneed-container .boxpack-table #boxpack-table,
.totalneed-container .boxpack-table #actualpurchaseform-table,
.totalneed-container .boxpack-table #actualpurchaseformcart-table,
.totalneed-container .boxpack-table-report #totalneed-table,
.totalneed-container .boxpack-table-report #cart1-table,
.totalneed-container .boxpack-table-report #boxpack-table-report,
.totalneed-container .boxpack-table-report #boxpack-table,
.totalneed-container .boxpack-table-report #actualpurchaseform-table,
.totalneed-container .boxpack-table-report #actualpurchaseformcart-table,
.cart1-container .totalneed-table #totalneed-table,
.cart1-container .totalneed-table #cart1-table,
.cart1-container .totalneed-table #boxpack-table-report,
.cart1-container .totalneed-table #boxpack-table,
.cart1-container .totalneed-table #actualpurchaseform-table,
.cart1-container .totalneed-table #actualpurchaseformcart-table,
.cart1-container .cart1-table #totalneed-table,
.cart1-container .cart1-table #cart1-table,
.cart1-container .cart1-table #boxpack-table-report,
.cart1-container .cart1-table #boxpack-table,
.cart1-container .cart1-table #actualpurchaseform-table,
.cart1-container .cart1-table #actualpurchaseformcart-table,
.cart1-container .actualpurchaseform-table #totalneed-table,
.cart1-container .actualpurchaseform-table #cart1-table,
.cart1-container .actualpurchaseform-table #boxpack-table-report,
.cart1-container .actualpurchaseform-table #boxpack-table,
.cart1-container .actualpurchaseform-table #actualpurchaseform-table,
.cart1-container .actualpurchaseform-table #actualpurchaseformcart-table,
.cart1-container .actualpurchaseformcart-table #totalneed-table,
.cart1-container .actualpurchaseformcart-table #cart1-table,
.cart1-container .actualpurchaseformcart-table #boxpack-table-report,
.cart1-container .actualpurchaseformcart-table #boxpack-table,
.cart1-container .actualpurchaseformcart-table #actualpurchaseform-table,
.cart1-container .actualpurchaseformcart-table #actualpurchaseformcart-table,
.cart1-container .boxpack-table #totalneed-table,
.cart1-container .boxpack-table #cart1-table,
.cart1-container .boxpack-table #boxpack-table-report,
.cart1-container .boxpack-table #boxpack-table,
.cart1-container .boxpack-table #actualpurchaseform-table,
.cart1-container .boxpack-table #actualpurchaseformcart-table,
.cart1-container .boxpack-table-report #totalneed-table,
.cart1-container .boxpack-table-report #cart1-table,
.cart1-container .boxpack-table-report #boxpack-table-report,
.cart1-container .boxpack-table-report #boxpack-table,
.cart1-container .boxpack-table-report #actualpurchaseform-table,
.cart1-container .boxpack-table-report #actualpurchaseformcart-table,
.actualpurchaseform-container .totalneed-table #totalneed-table,
.actualpurchaseform-container .totalneed-table #cart1-table,
.actualpurchaseform-container .totalneed-table #boxpack-table-report,
.actualpurchaseform-container .totalneed-table #boxpack-table,
.actualpurchaseform-container .totalneed-table #actualpurchaseform-table,
.actualpurchaseform-container .totalneed-table #actualpurchaseformcart-table,
.actualpurchaseform-container .cart1-table #totalneed-table,
.actualpurchaseform-container .cart1-table #cart1-table,
.actualpurchaseform-container .cart1-table #boxpack-table-report,
.actualpurchaseform-container .cart1-table #boxpack-table,
.actualpurchaseform-container .cart1-table #actualpurchaseform-table,
.actualpurchaseform-container .cart1-table #actualpurchaseformcart-table,
.actualpurchaseform-container .actualpurchaseform-table #totalneed-table,
.actualpurchaseform-container .actualpurchaseform-table #cart1-table,
.actualpurchaseform-container .actualpurchaseform-table #boxpack-table-report,
.actualpurchaseform-container .actualpurchaseform-table #boxpack-table,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseform-table,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseformcart-table,
.actualpurchaseform-container .actualpurchaseformcart-table #totalneed-table,
.actualpurchaseform-container .actualpurchaseformcart-table #cart1-table,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #boxpack-table-report,
.actualpurchaseform-container .actualpurchaseformcart-table #boxpack-table,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseformcart-table,
.actualpurchaseform-container .boxpack-table #totalneed-table,
.actualpurchaseform-container .boxpack-table #cart1-table,
.actualpurchaseform-container .boxpack-table #boxpack-table-report,
.actualpurchaseform-container .boxpack-table #boxpack-table,
.actualpurchaseform-container .boxpack-table #actualpurchaseform-table,
.actualpurchaseform-container .boxpack-table #actualpurchaseformcart-table,
.actualpurchaseform-container .boxpack-table-report #totalneed-table,
.actualpurchaseform-container .boxpack-table-report #cart1-table,
.actualpurchaseform-container .boxpack-table-report #boxpack-table-report,
.actualpurchaseform-container .boxpack-table-report #boxpack-table,
.actualpurchaseform-container .boxpack-table-report #actualpurchaseform-table,
.actualpurchaseform-container
    .boxpack-table-report
    #actualpurchaseformcart-table,
.boxpack-container .totalneed-table #totalneed-table,
.boxpack-container .totalneed-table #cart1-table,
.boxpack-container .totalneed-table #boxpack-table-report,
.boxpack-container .totalneed-table #boxpack-table,
.boxpack-container .totalneed-table #actualpurchaseform-table,
.boxpack-container .totalneed-table #actualpurchaseformcart-table,
.boxpack-container .cart1-table #totalneed-table,
.boxpack-container .cart1-table #cart1-table,
.boxpack-container .cart1-table #boxpack-table-report,
.boxpack-container .cart1-table #boxpack-table,
.boxpack-container .cart1-table #actualpurchaseform-table,
.boxpack-container .cart1-table #actualpurchaseformcart-table,
.boxpack-container .actualpurchaseform-table #totalneed-table,
.boxpack-container .actualpurchaseform-table #cart1-table,
.boxpack-container .actualpurchaseform-table #boxpack-table-report,
.boxpack-container .actualpurchaseform-table #boxpack-table,
.boxpack-container .actualpurchaseform-table #actualpurchaseform-table,
.boxpack-container .actualpurchaseform-table #actualpurchaseformcart-table,
.boxpack-container .actualpurchaseformcart-table #totalneed-table,
.boxpack-container .actualpurchaseformcart-table #cart1-table,
.boxpack-container .actualpurchaseformcart-table #boxpack-table-report,
.boxpack-container .actualpurchaseformcart-table #boxpack-table,
.boxpack-container .actualpurchaseformcart-table #actualpurchaseform-table,
.boxpack-container .actualpurchaseformcart-table #actualpurchaseformcart-table,
.boxpack-container .boxpack-table #totalneed-table,
.boxpack-container .boxpack-table #cart1-table,
.boxpack-container .boxpack-table #boxpack-table-report,
.boxpack-container .boxpack-table #boxpack-table,
.boxpack-container .boxpack-table #actualpurchaseform-table,
.boxpack-container .boxpack-table #actualpurchaseformcart-table,
.boxpack-container .boxpack-table-report #totalneed-table,
.boxpack-container .boxpack-table-report #cart1-table,
.boxpack-container .boxpack-table-report #boxpack-table-report,
.boxpack-container .boxpack-table-report #boxpack-table,
.boxpack-container .boxpack-table-report #actualpurchaseform-table,
.boxpack-container .boxpack-table-report #actualpurchaseformcart-table {
    border-bottom: transparent;
    font-size: 0.9rem;
}
.totalneed-container .totalneed-table #totalneed-table th,
.totalneed-container .totalneed-table #cart1-table th,
.totalneed-container .totalneed-table #boxpack-table-report th,
.totalneed-container .totalneed-table #boxpack-table th,
.totalneed-container .totalneed-table #actualpurchaseform-table th,
.totalneed-container .totalneed-table #actualpurchaseformcart-table th,
.totalneed-container .cart1-table #totalneed-table th,
.totalneed-container .cart1-table #cart1-table th,
.totalneed-container .cart1-table #boxpack-table-report th,
.totalneed-container .cart1-table #boxpack-table th,
.totalneed-container .cart1-table #actualpurchaseform-table th,
.totalneed-container .cart1-table #actualpurchaseformcart-table th,
.totalneed-container .actualpurchaseform-table #totalneed-table th,
.totalneed-container .actualpurchaseform-table #cart1-table th,
.totalneed-container .actualpurchaseform-table #boxpack-table-report th,
.totalneed-container .actualpurchaseform-table #boxpack-table th,
.totalneed-container .actualpurchaseform-table #actualpurchaseform-table th,
.totalneed-container .actualpurchaseform-table #actualpurchaseformcart-table th,
.totalneed-container .actualpurchaseformcart-table #totalneed-table th,
.totalneed-container .actualpurchaseformcart-table #cart1-table th,
.totalneed-container .actualpurchaseformcart-table #boxpack-table-report th,
.totalneed-container .actualpurchaseformcart-table #boxpack-table th,
.totalneed-container .actualpurchaseformcart-table #actualpurchaseform-table th,
.totalneed-container
    .actualpurchaseformcart-table
    #actualpurchaseformcart-table
    th,
.totalneed-container .boxpack-table #totalneed-table th,
.totalneed-container .boxpack-table #cart1-table th,
.totalneed-container .boxpack-table #boxpack-table-report th,
.totalneed-container .boxpack-table #boxpack-table th,
.totalneed-container .boxpack-table #actualpurchaseform-table th,
.totalneed-container .boxpack-table #actualpurchaseformcart-table th,
.totalneed-container .boxpack-table-report #totalneed-table th,
.totalneed-container .boxpack-table-report #cart1-table th,
.totalneed-container .boxpack-table-report #boxpack-table-report th,
.totalneed-container .boxpack-table-report #boxpack-table th,
.totalneed-container .boxpack-table-report #actualpurchaseform-table th,
.totalneed-container .boxpack-table-report #actualpurchaseformcart-table th,
.cart1-container .totalneed-table #totalneed-table th,
.cart1-container .totalneed-table #cart1-table th,
.cart1-container .totalneed-table #boxpack-table-report th,
.cart1-container .totalneed-table #boxpack-table th,
.cart1-container .totalneed-table #actualpurchaseform-table th,
.cart1-container .totalneed-table #actualpurchaseformcart-table th,
.cart1-container .cart1-table #totalneed-table th,
.cart1-container .cart1-table #cart1-table th,
.cart1-container .cart1-table #boxpack-table-report th,
.cart1-container .cart1-table #boxpack-table th,
.cart1-container .cart1-table #actualpurchaseform-table th,
.cart1-container .cart1-table #actualpurchaseformcart-table th,
.cart1-container .actualpurchaseform-table #totalneed-table th,
.cart1-container .actualpurchaseform-table #cart1-table th,
.cart1-container .actualpurchaseform-table #boxpack-table-report th,
.cart1-container .actualpurchaseform-table #boxpack-table th,
.cart1-container .actualpurchaseform-table #actualpurchaseform-table th,
.cart1-container .actualpurchaseform-table #actualpurchaseformcart-table th,
.cart1-container .actualpurchaseformcart-table #totalneed-table th,
.cart1-container .actualpurchaseformcart-table #cart1-table th,
.cart1-container .actualpurchaseformcart-table #boxpack-table-report th,
.cart1-container .actualpurchaseformcart-table #boxpack-table th,
.cart1-container .actualpurchaseformcart-table #actualpurchaseform-table th,
.cart1-container .actualpurchaseformcart-table #actualpurchaseformcart-table th,
.cart1-container .boxpack-table #totalneed-table th,
.cart1-container .boxpack-table #cart1-table th,
.cart1-container .boxpack-table #boxpack-table-report th,
.cart1-container .boxpack-table #boxpack-table th,
.cart1-container .boxpack-table #actualpurchaseform-table th,
.cart1-container .boxpack-table #actualpurchaseformcart-table th,
.cart1-container .boxpack-table-report #totalneed-table th,
.cart1-container .boxpack-table-report #cart1-table th,
.cart1-container .boxpack-table-report #boxpack-table-report th,
.cart1-container .boxpack-table-report #boxpack-table th,
.cart1-container .boxpack-table-report #actualpurchaseform-table th,
.cart1-container .boxpack-table-report #actualpurchaseformcart-table th,
.actualpurchaseform-container .totalneed-table #totalneed-table th,
.actualpurchaseform-container .totalneed-table #cart1-table th,
.actualpurchaseform-container .totalneed-table #boxpack-table-report th,
.actualpurchaseform-container .totalneed-table #boxpack-table th,
.actualpurchaseform-container .totalneed-table #actualpurchaseform-table th,
.actualpurchaseform-container .totalneed-table #actualpurchaseformcart-table th,
.actualpurchaseform-container .cart1-table #totalneed-table th,
.actualpurchaseform-container .cart1-table #cart1-table th,
.actualpurchaseform-container .cart1-table #boxpack-table-report th,
.actualpurchaseform-container .cart1-table #boxpack-table th,
.actualpurchaseform-container .cart1-table #actualpurchaseform-table th,
.actualpurchaseform-container .cart1-table #actualpurchaseformcart-table th,
.actualpurchaseform-container .actualpurchaseform-table #totalneed-table th,
.actualpurchaseform-container .actualpurchaseform-table #cart1-table th,
.actualpurchaseform-container
    .actualpurchaseform-table
    #boxpack-table-report
    th,
.actualpurchaseform-container .actualpurchaseform-table #boxpack-table th,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    th,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseformcart-table
    th,
.actualpurchaseform-container .actualpurchaseformcart-table #totalneed-table th,
.actualpurchaseform-container .actualpurchaseformcart-table #cart1-table th,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #boxpack-table-report
    th,
.actualpurchaseform-container .actualpurchaseformcart-table #boxpack-table th,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    th,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseformcart-table
    th,
.actualpurchaseform-container .boxpack-table #totalneed-table th,
.actualpurchaseform-container .boxpack-table #cart1-table th,
.actualpurchaseform-container .boxpack-table #boxpack-table-report th,
.actualpurchaseform-container .boxpack-table #boxpack-table th,
.actualpurchaseform-container .boxpack-table #actualpurchaseform-table th,
.actualpurchaseform-container .boxpack-table #actualpurchaseformcart-table th,
.actualpurchaseform-container .boxpack-table-report #totalneed-table th,
.actualpurchaseform-container .boxpack-table-report #cart1-table th,
.actualpurchaseform-container .boxpack-table-report #boxpack-table-report th,
.actualpurchaseform-container .boxpack-table-report #boxpack-table th,
.actualpurchaseform-container
    .boxpack-table-report
    #actualpurchaseform-table
    th,
.actualpurchaseform-container
    .boxpack-table-report
    #actualpurchaseformcart-table
    th,
.boxpack-container .totalneed-table #totalneed-table th,
.boxpack-container .totalneed-table #cart1-table th,
.boxpack-container .totalneed-table #boxpack-table-report th,
.boxpack-container .totalneed-table #boxpack-table th,
.boxpack-container .totalneed-table #actualpurchaseform-table th,
.boxpack-container .totalneed-table #actualpurchaseformcart-table th,
.boxpack-container .cart1-table #totalneed-table th,
.boxpack-container .cart1-table #cart1-table th,
.boxpack-container .cart1-table #boxpack-table-report th,
.boxpack-container .cart1-table #boxpack-table th,
.boxpack-container .cart1-table #actualpurchaseform-table th,
.boxpack-container .cart1-table #actualpurchaseformcart-table th,
.boxpack-container .actualpurchaseform-table #totalneed-table th,
.boxpack-container .actualpurchaseform-table #cart1-table th,
.boxpack-container .actualpurchaseform-table #boxpack-table-report th,
.boxpack-container .actualpurchaseform-table #boxpack-table th,
.boxpack-container .actualpurchaseform-table #actualpurchaseform-table th,
.boxpack-container .actualpurchaseform-table #actualpurchaseformcart-table th,
.boxpack-container .actualpurchaseformcart-table #totalneed-table th,
.boxpack-container .actualpurchaseformcart-table #cart1-table th,
.boxpack-container .actualpurchaseformcart-table #boxpack-table-report th,
.boxpack-container .actualpurchaseformcart-table #boxpack-table th,
.boxpack-container .actualpurchaseformcart-table #actualpurchaseform-table th,
.boxpack-container
    .actualpurchaseformcart-table
    #actualpurchaseformcart-table
    th,
.boxpack-container .boxpack-table #totalneed-table th,
.boxpack-container .boxpack-table #cart1-table th,
.boxpack-container .boxpack-table #boxpack-table-report th,
.boxpack-container .boxpack-table #boxpack-table th,
.boxpack-container .boxpack-table #actualpurchaseform-table th,
.boxpack-container .boxpack-table #actualpurchaseformcart-table th,
.boxpack-container .boxpack-table-report #totalneed-table th,
.boxpack-container .boxpack-table-report #cart1-table th,
.boxpack-container .boxpack-table-report #boxpack-table-report th,
.boxpack-container .boxpack-table-report #boxpack-table th,
.boxpack-container .boxpack-table-report #actualpurchaseform-table th,
.boxpack-container .boxpack-table-report #actualpurchaseformcart-table th {
    border-bottom-color: #009f4f !important;
}
.totalneed-container .totalneed-table #actualpurchaseform-table td,
.totalneed-container .cart1-table #actualpurchaseform-table td,
.totalneed-container .actualpurchaseform-table #actualpurchaseform-table td,
.totalneed-container .actualpurchaseformcart-table #actualpurchaseform-table td,
.totalneed-container .boxpack-table #actualpurchaseform-table td,
.totalneed-container .boxpack-table-report #actualpurchaseform-table td,
.cart1-container .totalneed-table #actualpurchaseform-table td,
.cart1-container .cart1-table #actualpurchaseform-table td,
.cart1-container .actualpurchaseform-table #actualpurchaseform-table td,
.cart1-container .actualpurchaseformcart-table #actualpurchaseform-table td,
.cart1-container .boxpack-table #actualpurchaseform-table td,
.cart1-container .boxpack-table-report #actualpurchaseform-table td,
.actualpurchaseform-container .totalneed-table #actualpurchaseform-table td,
.actualpurchaseform-container .cart1-table #actualpurchaseform-table td,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td,
.actualpurchaseform-container .boxpack-table #actualpurchaseform-table td,
.actualpurchaseform-container
    .boxpack-table-report
    #actualpurchaseform-table
    td,
.boxpack-container .totalneed-table #actualpurchaseform-table td,
.boxpack-container .cart1-table #actualpurchaseform-table td,
.boxpack-container .actualpurchaseform-table #actualpurchaseform-table td,
.boxpack-container .actualpurchaseformcart-table #actualpurchaseform-table td,
.boxpack-container .boxpack-table #actualpurchaseform-table td,
.boxpack-container .boxpack-table-report #actualpurchaseform-table td {
    padding: 4px 7px;
    vertical-align: middle;
}
.totalneed-container
    .totalneed-table
    #actualpurchaseform-table
    td
    .form-control,
.totalneed-container .cart1-table #actualpurchaseform-table td .form-control,
.totalneed-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-control,
.totalneed-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-control,
.totalneed-container .boxpack-table #actualpurchaseform-table td .form-control,
.totalneed-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-control,
.cart1-container .totalneed-table #actualpurchaseform-table td .form-control,
.cart1-container .cart1-table #actualpurchaseform-table td .form-control,
.cart1-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-control,
.cart1-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-control,
.cart1-container .boxpack-table #actualpurchaseform-table td .form-control,
.cart1-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-control,
.actualpurchaseform-container
    .totalneed-table
    #actualpurchaseform-table
    td
    .form-control,
.actualpurchaseform-container
    .cart1-table
    #actualpurchaseform-table
    td
    .form-control,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-control,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-control,
.actualpurchaseform-container
    .boxpack-table
    #actualpurchaseform-table
    td
    .form-control,
.actualpurchaseform-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-control,
.boxpack-container .totalneed-table #actualpurchaseform-table td .form-control,
.boxpack-container .cart1-table #actualpurchaseform-table td .form-control,
.boxpack-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-control,
.boxpack-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-control,
.boxpack-container .boxpack-table #actualpurchaseform-table td .form-control,
.boxpack-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-control {
    border: none;
    border-radius: 0;
    box-shadow: inset 0 0 1px 1px #e6e6e6;
}
.totalneed-container
    .totalneed-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.totalneed-container
    .cart1-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.totalneed-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.totalneed-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.totalneed-container
    .boxpack-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.totalneed-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-control:focus,
.cart1-container
    .totalneed-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.cart1-container .cart1-table #actualpurchaseform-table td .form-control:focus,
.cart1-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.cart1-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.cart1-container
    .boxpack-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.cart1-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-control:focus,
.actualpurchaseform-container
    .totalneed-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.actualpurchaseform-container
    .cart1-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.actualpurchaseform-container
    .boxpack-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.actualpurchaseform-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-control:focus,
.boxpack-container
    .totalneed-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.boxpack-container
    .cart1-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.boxpack-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.boxpack-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.boxpack-container
    .boxpack-table
    #actualpurchaseform-table
    td
    .form-control:focus,
.boxpack-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-control:focus {
    box-shadow: inset 0 0 2px 1px #009f4f;
}
.totalneed-container .totalneed-table #actualpurchaseform-table td .form-select,
.totalneed-container .cart1-table #actualpurchaseform-table td .form-select,
.totalneed-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-select,
.totalneed-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-select,
.totalneed-container .boxpack-table #actualpurchaseform-table td .form-select,
.totalneed-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-select,
.cart1-container .totalneed-table #actualpurchaseform-table td .form-select,
.cart1-container .cart1-table #actualpurchaseform-table td .form-select,
.cart1-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-select,
.cart1-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-select,
.cart1-container .boxpack-table #actualpurchaseform-table td .form-select,
.cart1-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-select,
.actualpurchaseform-container
    .totalneed-table
    #actualpurchaseform-table
    td
    .form-select,
.actualpurchaseform-container
    .cart1-table
    #actualpurchaseform-table
    td
    .form-select,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-select,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-select,
.actualpurchaseform-container
    .boxpack-table
    #actualpurchaseform-table
    td
    .form-select,
.actualpurchaseform-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-select,
.boxpack-container .totalneed-table #actualpurchaseform-table td .form-select,
.boxpack-container .cart1-table #actualpurchaseform-table td .form-select,
.boxpack-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td
    .form-select,
.boxpack-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td
    .form-select,
.boxpack-container .boxpack-table #actualpurchaseform-table td .form-select,
.boxpack-container
    .boxpack-table-report
    #actualpurchaseform-table
    td
    .form-select {
    margin: 0;
    font-size: 0.8rem;
    border-radius: 0;
}
.totalneed-container
    .totalneed-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.totalneed-container
    .cart1-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.totalneed-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.totalneed-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.totalneed-container
    .boxpack-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.totalneed-container
    .boxpack-table-report
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.cart1-container
    .totalneed-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.cart1-container
    .cart1-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.cart1-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.cart1-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.cart1-container
    .boxpack-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.cart1-container
    .boxpack-table-report
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.actualpurchaseform-container
    .totalneed-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.actualpurchaseform-container
    .cart1-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.actualpurchaseform-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.actualpurchaseform-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.actualpurchaseform-container
    .boxpack-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.actualpurchaseform-container
    .boxpack-table-report
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.boxpack-container
    .totalneed-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.boxpack-container
    .cart1-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.boxpack-container
    .actualpurchaseform-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.boxpack-container
    .actualpurchaseformcart-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.boxpack-container
    .boxpack-table
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1,
.boxpack-container
    .boxpack-table-report
    #actualpurchaseform-table
    td.distributor-dropdown.sorting_1 {
    padding: 0;
}

#exportCSV {
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 5;
    max-width: 8rem;
}

* .buttons-csv {
    display: none !important;
    opacity: 0;
}

.manage-steps-container .nav .nav-item .nav-link,
.manage-language-container .nav .nav-item .nav-link {
    color: #000000;
}

.inventoryreport .inventoryreport-container .inventory-report,
.inventoryreport .inventoryreport-container .projected-inventory-report {
    box-shadow: 0px 2px 4px #dad8d8;
    padding: 1rem 0.8rem;
    background-color: #fafafa;
    border-radius: 5px;
    position: relative;
}
.inventoryreport .inventoryreport-container .inventory-report #projectInventory,
.inventoryreport
    .inventoryreport-container
    .projected-inventory-report
    #projectInventory {
    position: absolute;
    right: 10px;
    top: 10px;
}
.inventoryreport .inventoryreport-container .inventory-report #exportCSV,
.inventoryreport
    .inventoryreport-container
    .projected-inventory-report
    #exportCSV {
    position: absolute;
    right: 10rem;
    top: 10px;
}
.inventoryreport .inventoryreport-container .inventory-report label,
.inventoryreport .inventoryreport-container .projected-inventory-report label {
    margin-bottom: 10px;
    font-size: 1.3rem;
    font-weight: 600;
    position: relative;
}
.inventoryreport .inventoryreport-container .inventory-report label:after,
.inventoryreport
    .inventoryreport-container
    .projected-inventory-report
    label:after {
    content: "";
    position: absolute;
    bottom: -5;
    left: 0;
    border-bottom: 5px solid #009f4f;
    width: 25%;
    transition: 0.5s all;
}
.inventoryreport .inventoryreport-container .inventory-report label:hover,
.inventoryreport
    .inventoryreport-container
    .projected-inventory-report
    label:hover {
    cursor: pointer;
}
.inventoryreport .inventoryreport-container .inventory-report label:hover:after,
.inventoryreport
    .inventoryreport-container
    .projected-inventory-report
    label:hover:after {
    width: 100%;
}
.inventoryreport .inventoryreport-container .inventory-report table,
.inventoryreport .inventoryreport-container .projected-inventory-report table {
    font-size: 0.9rem;
}
.inventoryreport .inventoryreport-container .inventory-report thead,
.inventoryreport .inventoryreport-container .projected-inventory-report thead {
    vertical-align: middle;
}
.inventoryreport .inventoryreport-container .inventory-report thead th,
.inventoryreport
    .inventoryreport-container
    .projected-inventory-report
    thead
    th {
    border-bottom: 1px solid #009f4f;
}

.cart1-container .form-select {
    margin-left: 2rem;
    max-width: -moz-max-content;
    max-width: max-content;
    display: inline;
    font-size: 0.9rem;
}

.form-check {
    min-height: inherit;
    display: inline-block;
}
.form-check input {
    margin-bottom: -4px;
}
.form-check input:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 159, 80, 0.2941176471);
    border-color: #009f4f;
}
.form-check input:checked {
    background-color: #009f4f;
}

.instructions-container *,
.uploadBooklet-container * {
    font-size: 0.9rem !important;
}
.instructions-container .add-instruction-container,
.instructions-container .add-instruction-table-container,
.instructions-container .manage-instructions-container,
.instructions-container .new-step-container,
.instructions-container .manage-steps-container,
.instructions-container .manage-language-container,
.instructions-container .new-language-container,
.uploadBooklet-container .add-instruction-container,
.uploadBooklet-container .add-instruction-table-container,
.uploadBooklet-container .manage-instructions-container,
.uploadBooklet-container .new-step-container,
.uploadBooklet-container .manage-steps-container,
.uploadBooklet-container .manage-language-container,
.uploadBooklet-container .new-language-container {
    box-shadow: 0px 2px 4px #dad8d8;
    padding: 1rem 0.8rem;
    background-color: white;
    border-radius: 5px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}
.instructions-container .add-instruction-container th,
.instructions-container .add-instruction-table-container th,
.instructions-container .manage-instructions-container th,
.instructions-container .new-step-container th,
.instructions-container .manage-steps-container th,
.instructions-container .manage-language-container th,
.instructions-container .new-language-container th,
.uploadBooklet-container .add-instruction-container th,
.uploadBooklet-container .add-instruction-table-container th,
.uploadBooklet-container .manage-instructions-container th,
.uploadBooklet-container .new-step-container th,
.uploadBooklet-container .manage-steps-container th,
.uploadBooklet-container .manage-language-container th,
.uploadBooklet-container .new-language-container th {
    border-bottom: 1px solid #009f4f;
}
.instructions-container .new-step-container td,
.uploadBooklet-container .new-step-container td {
    padding: 0;
}
.instructions-container .new-step-container td input,
.uploadBooklet-container .new-step-container td input {
    border-radius: 0;
}
.instructions-container .add-instructions-display,
.instructions-container .manage-instruction-display,
.instructions-container .manage-steps-display,
.instructions-container .manage-language,
.uploadBooklet-container .add-instructions-display,
.uploadBooklet-container .manage-instruction-display,
.uploadBooklet-container .manage-steps-display,
.uploadBooklet-container .manage-language {
    display: none;
}
.instructions-container .add-instructions-display.show,
.instructions-container .manage-instruction-display.show,
.instructions-container .manage-steps-display.show,
.instructions-container .manage-language.show,
.uploadBooklet-container .add-instructions-display.show,
.uploadBooklet-container .manage-instruction-display.show,
.uploadBooklet-container .manage-steps-display.show,
.uploadBooklet-container .manage-language.show {
    display: block;
}

.supplier-container {
    padding: 1rem;
    background-color: white;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.0941176471);
    border-radius: 10px;
}
.supplier-container .supplier-container-heading .heading {
    font-size: 1.2rem;
    padding: 8px 0;
}

.save-btn {
    background: #009f4f;
    color: #fafafa;
    border: none;
}

.save-btn:hover,
.save-btn:active {
    background: #00954a !important;
    color: #fafafa;
    border: none;
}

.save-btn:disabled {
    background: #00b95c !important;
    color: #fafafa;
    border: none;
}

.custom-button-outline {
    border-color: #009f4f;
    color: #009f4f;
}

.custom-button-outline.nav-month {
    padding: 5px;
    color: #009f4f !important;
}

.custom-button-outline.nav-month:hover {
    color: #fafafa !important;
}

.custom-button-outline.active,
.custom-button-outline.show {
    background: #009f4f;
    color: #fafafa;
}

.custom-button-outline:hover,
.custom-button-outline:active:focus {
    background-color: #009f4f;
    color: #fafafa;
    box-shadow: none;
}

.custom-button-outline:disabled,
.custom-button-outline:visited {
    background-color: #009f4f;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: #009f4f;
}

table.dataTable > tbody > tr.selected > td.select-checkbox:after,
table.dataTable > tbody > tr.selected > th.select-checkbox:after {
    font-size: 17px !important;
}

.selectAll {
    padding-right: 10px !important;
}

.selectAll::after,
.selectAll::before {
    display: none !important;
}

.form-select {
    font-size: 0.8rem;
}

.input-group {
    font-size: 0.8rem;
}

.modal table * {
    font-size: 0.8rem !important;
}

.dropdown-item:active {
    background: #d9ead2;
}

.error-box-shadow,
.error-box-shadow:focus,
.error-box-shadow:active {
    box-shadow: inset 0 0 2px 1px #ff0000 !important;
    border-color: transparent !important;
}

.main.uploadBooklet .uploadBookletForm-container {
    display: none;
    padding: 1.5rem 1rem;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.062);
}
.main.uploadBooklet .booklet-select {
    padding: 0.5rem 0;
    zoom: 0.9;
}
.main.uploadBooklet .booklet-select .language-selected {
    font-size: 1rem;
    color: rgb(0, 159, 80);
    border-bottom: 1px solid rgba(0, 159, 80, 0.301);
    padding-bottom: 0.5rem;
}
.main.uploadBooklet .uploadBookletForm-container.show {
    display: block;
}

.main.bookletReport .bookletReport-container {
    padding: 1.5rem 0.5rem;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.062);
}
.main.bookletReport .bookletReport-container .table {
    position: relative;
}

.border-light {
    border: 1px solid rgb(75, 74, 74);
    border-radius: 5px;
}

.border-green {
    border: 1px solid rgba(0, 159, 80, 0.301);
    border-radius: 5px;
}

.inset-shadow-light {
    box-shadow: inset 0 0 15px 0 rgb(172, 171, 171);
}

.shadow-light {
    box-shadow: 0 0 15px 0 rgb(238, 238, 238);
}

.nopadding {
    padding: 0 !important;
}

.row.nomargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.toggle-div {
    position: relative;
    /* Rounded sliders */
}
.toggle-div .form-label {
    position: absolute;
    bottom: 0;
}
.toggle-div .switch {
    position: absolute;
    display: inline-block;
    bottom: 10px;
    left: 55%;
    width: 60px;
    height: 34px;
    zoom: 0.7;
}
.toggle-div .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.toggle-div .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
}
.toggle-div .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
}
.toggle-div input:checked + .slider {
    background-color: #009f4f;
}
.toggle-div input:focus + .slider {
    box-shadow: 0 0 1px #009f4f;
}
.toggle-div input:checked + .slider:before {
    transform: translateX(26px);
}
.toggle-div .slider.round {
    border-radius: 34px;
}
.toggle-div .slider.round:before {
    border-radius: 50%;
}

.video-link {
    opacity: 0;
}

.video-link.show {
    opacity: 1;
}

table td a {
    text-decoration: none !important;
}

.production-overview
    .production-overview-container
    .production-overview-table-container,
.production-overview
    .production-overview-container
    .recipe-report-summary-container,
.production-overview
    .production-overview-container
    .recipe-report-table-container {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1529411765);
    padding: 0.6rem;
}

.recipe-report-summary-container {
    margin-bottom: 20px;
}

.div-table-container {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1529411765);
    padding: 0.6rem;
}

label.table-label {
    margin-bottom: 1rem;
    font-size: 1.3rem !important;
    font-weight: 600;
    padding: 0 0.8rem;
    padding-left: 0;
    position: relative;
}

label.table-label:after {
    content: "";
    position: absolute;
    bottom: -5;
    left: 0;
    border-bottom: 5px solid #009f4f;
    width: 25%;
    transition: 0.5s all;
}

label.table-label:hover {
    cursor: pointer;
}

label.table-label:hover:after {
    width: 100%;
}

.border-div-left {
    border-left: 1px solid #009f4f;
}

.border-div-right {
    border-right: 1px solid #009f4f;
}

.border-div-bottom {
    border-bottom: 1px solid #009f4f !important;
}

.dataTables_filter {
    margin-bottom: 20px;
}

.nomargin-imp {
    margin: 0 !important;
}

tr.selected td {
    box-shadow: inset 0 0 1000px #009f4f !important;
}

td.cart1-table {
    border-radius: 0 !important;
    padding: 2px !important;
}
td.cart1-table .form-control {
    border-radius: 0 !important;
} /*# sourceMappingURL=main.css.map */

.fixedHeader-header thead tr th {
    border-bottom: 2px solid #dee2e6 !important;
}

.fixedHeader-header {
    border: 1px solid #dee2e6 !important;
}

#mdbtable thead tr th {
    min-width: 50px !important;
}

.instructionbuilder-item {
    position: sticky;
    top: 90;
    z-index: 50;
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #a5a3a3;
}

.discard-btn {
    background-color: #dc3545;
    padding: 4px 8px;
    border-color: #dc3545;
    font-size: 0.9rem;
    color: white !important;
}

.discard-btn:hover {
    background-color: #962631;
    color: white;
}

.active-btn {
    background-color: #009f4f;
    color: #fafafa;
    box-shadow: none;
}

.video-text {
    color: #fa6232;
}

.dtfh-floatingparenthead {
    z-index: 1 !important;
}

.dtfh-floatingparenthead .fixedHeader-locked {
    z-index: 0 !important;
    display: none !important;
}

.search-table {
    max-height: 250px;
    overflow: auto;
    border: 1px solid #e4e6e7;
    border-radius: 3px;
}

.fixedHeader-header th {
    border-width: 0px !important;
    background-color: #fafafa;
}
.drag-drop .side {
    width: 40%;
    flex: 0 0 auto;
    /* Adjust as needed */
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    height: min-content;
}
.drag-drop .side-heading {
    font-size: large !important;
    font-weight: 700 !important;
    text-align: center;
}

.drag-drop table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    min-height: 70px;
}

.drag-drop table th,
.drag-drop table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.drag-drop table th {
    background-color: #f2f2f2;
}

.drag-drop tbody.ui-sortable-placeholder {
    background-color: #f2f2f2;
}

.drag-drop tbody.ui-sortable-handle {
    cursor: move;
}

.drag-drop .ui-sortable-helper {
    background-color: #ffc;
    border: 1px solid #999;
}

.combobuilder-item {
    position: sticky;
    top: 90;
    z-index: 50;
}
.manage-combo-display,
.combobuilder-display {
    display: none;
}
.combobuilder-builder {
    padding: 1rem;
}
.combobuilder-display.show,
.manage-combo-display.show {
    display: block;
}
.manage-combo-display-container button {
    color: black;
}
.manage-combo-display-container button:hover {
    color: #009f4f;
}
.manage-combo-display-container button.active {
    color: #009f4f !important;
}
#combobuilder_filter {
    display: none;
}

.recipe-prod-1 {
    background-color: #eec6c4 !important;
}
.recipe-prod-2 {
    background-color: #f2a867 !important;
}
.recipe-prod-3 {
    background-color: #fed16a !important;
}
.recipe-prod-4 {
    background-color: #8fb979 !important;
}
.recipe-prod-5 {
    background-color: #6e9aa3 !important;
}
.recipe-prod-6 {
    background-color: #6196e2 !important;
}
.recipe-prod-7 {
    background-color: #8175b5 !important;
}
.recipe-prod-8 {
    background-color: #b57494 !important;
}
.recipe-prod-9 {
    background-color: #42fbff !important;
}
.recipe-prod-10 {
    background-color: #bf3f26 !important;
}
.recipe-prod-11 {
    background-color: #d7e4d0 !important;
}
.recipe-prod-12 {
    background-color: #d4d4d4 !important;
}
.recipe-prod-13 {
    background-color: #ee8434 !important;
}
.recipe-prod-14 {
    background-color: #c95d63 !important;
}
.recipe-prod-15 {
    background-color: #ae8799 !important;
}
.recipe-prod-16 {
    background-color: #717ec3 !important;
}
.recipe-prod-17 {
    background-color: #496ddb !important;
}
.recipe-prod-18 {
    background-color: #c2b2b4 !important;
}
.recipe-prod-19 {
    background-color: #f5f3bb !important;
}
.recipe-prod-20 {
    background-color: #90ffdc !important;
}
.recipe-prod-21 {
    background-color: #f8f0fb !important;
}
.recipe-prod-22 {
    background-color: #f5dddd !important;
}
.recipe-prod-23 {
    background-color: #5ef38c !important;
}
.recipe-prod-24 {
    background-color: #86ba90 !important;
}
.recipe-prod-25 {
    background-color: #8ac4ff !important;
}
.recipe-prod-26 {
    background-color: #dfa06e !important;
}
.recipe-prod-27 {
    background-color: #8de4ff !important;
}
.recipe-prod-28 {
    background-color: #7a7978 !important;
}
.recipe-prod-29 {
    background-color: #87cbac !important;
}
.recipe-prod-30 {
    background-color: #2b9720 !important;
}
.recipe-prod-31 {
    background-color: #53687e !important;
}
.recipe-prod-32 {
    background-color: #6b4e71 !important;
}
.recipe-prod-33 {
    background-color: #a80874 !important;
}
.recipe-prod-34 {
    background-color: #b7fdfe !important;
}
.recipe-prod-35 {
    background-color: #df2935 !important;
}
.schedule-thead {
    position: sticky;
    top: 90px;
    z-index: 50; /* Ensure it stays above tbody content but below navbar */
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #a5a3a3;
}
.text-sm {
    font-size: 12px !important;
}
.help-text {
    color: #2b2b2b;
}
.span-btn-info {
    font-size: 12px;
}
/* Apply styles to deleteConfirmationModal */
#deleteConfirmationModal {
    --modal-border-radius: 12px;
}

#deleteConfirmationModal .modal-dialog {
    margin: 8vh auto 0 auto;
    border-radius: var(--modal-border-radius);
    max-width: 400px;
}

#deleteConfirmationModal .modal-content {
    border-radius: var(--modal-border-radius);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    border: none;
}

#deleteConfirmationModal .modal-header {
    background-color: #f8d7da;
    border-top-left-radius: var(--modal-border-radius);
    border-top-right-radius: var(--modal-border-radius);
    border-bottom: none;
}

#deleteConfirmationModal .modal-header .icon {
    font-size: 24px;
    color: #dc3545;
}

#deleteConfirmationModal .modal-body {
    text-align: center;
    font-size: 1rem;
    color: #6c757d;
}

#deleteConfirmationModal .modal-footer .btn-cancel {
    background-color: #f1f1f1;
    color: #6c757d;
    border-radius: 8px;
}

#deleteConfirmationModal .modal-footer .btn-delete {
    background-color: #dc3545;
    color: white;
    border-radius: 8px;
}

#deleteConfirmationModal .modal-footer .btn-cancel:hover {
    background-color: #e2e2e2;
}

#deleteConfirmationModal .modal-footer .btn-delete:hover {
    background-color: #c82333;
}

.bold-font {
    font-weight: 600;
}