.buttons-container {
    margin-bottom: 20px;
    width: 98%;
}

.modal-data-container {
    padding: 20px;
    background-color: #d7d7d75e;
    border-radius: 5px;
    margin-top: 20px;
    max-height: 50vh;
    width: 100%;
    overflow: auto;
    word-wrap: break-word;
    white-space: pre-wrap;
}

#enter-invoice-container {
    background-color: white !important;
    padding: 20px;
    margin: 30px;
    border-radius: 5px;
    width: 70%;
}

#enter-invoice-container .form-group {
    margin-bottom: 0 !important;
}

#enter-invoice-container input {
    background: white;
    padding: 7px;
    border-radius: 10px;
    border: 1px solid #d7d7d7;
    box-shadow: 1px 1px 3px 4px rgb(0 0 0 / 4%);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: #8daf21 !important;
    color: white !important;
}

#enter-invoice-container .search-container {
    position: relative;
}

#enter-invoice-container button {
    border-radius: 10px;
}

#enter-invoice-container .search-results {
    display: none;
    position: absolute;
    width: 86%;
    margin-top: 5px;
    background: #ffffff;
    border-radius: 5px;
    max-height: 40vh;
    overflow-y: scroll;
    padding: 10px;
    z-index: 2;
    box-shadow: 1px 1px 3px 4px rgb(0 0 0 / 4%);
}

#enter-invoice-container .search-results .invoice-link {
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

#enter-invoice-container .search-results .invoice-link:hover {
    background: #e7e7e7;
}

#enter-invoice-container .search-results ::-webkit-scrollbar {
    width: 5px;
}

#enter-invoice-container .search-results ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#enter-invoice-container .search-results ::-webkit-scrollbar-thumb {
    background: #888;
}

#enter-invoice-container .search-results ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*PERMIT FORM PAGE DESIGN*/
#permit-form {
    background: #fff;
    padding-top: 3%;
    padding-bottom: 2%;
    border-radius: 1.5em;
}

#permit-form .add-labor-btn {
    color: #8daf21;
    font-size: 1.5rem;
}

#permit-form .delete-labor-btn {
    color: #ff0000;
    font-size: 1.5rem;
}

#permit-form .add-restrictions-btn {
    color: #8daf21;
    font-size: 1.5rem;
}

#permit-form .delete-restrictions-btn {
    color: #ff0000;
    font-size: 1.5rem;
}

.create-permit-form .items-list .item {
    background: #8daf2140;
    padding: 5px;
    border-radius: 10px;
    word-wrap: break-word;
    margin: 0 0.5rem 0 0.5rem;
}

.create-permit-form .suppliers-list .supplier {
    background: #8daf2140;
    padding: 5px;
    border-radius: 10px;
    word-wrap: break-word;
    margin: 0 0.5rem 0 0.5rem;
}

#permit-form input {
    background: #dfdfdf33;
}

/* END OF PERMIT FORM PAGE DESIGN*/

/*START INVENTORY RECEIVE ORDER*/
.receive-order .tab-content {
    background: white;
    border-radius: 10px;
    border-top-right-radius: 0;
    overflow-x: hidden;
}

.receive-order .qr-image {
    width: 200px;
}

.receive-order .title {
    font-size: 1rem;
    font-weight: bold;
}

.receive-order p {
    font-size: 1.1rem;
}

.receive-order input#check-box {
    padding: 10px;
}

.receive-order input.form-control:disabled {
    color: grey;
}

.receive-order .alert.alert-danger {
    padding: 10px;
}

.receive-order ul {
    margin-bottom: 0px;
}

@media (max-width: 1250px) {
    .receive-order #nav-form {
        overflow-x: auto;
    }
}

.inner-table th {
    border-bottom: 0px;
    padding-bottom: 0px;
    text-align: center;
}

/*END OF INVENTORY RECEIVE ORDER*/


/* --- START OF Daily Restrictions Report Date ---*/
#daily-restrictions-report-container {
    background-color: white !important;
    padding: 20px;
    margin: 30px;
    border-radius: 5px;
    width: 70%;
}

div#trial-balance-list {
    background: white;
    padding: 10px;
}

div#trial-balance-list {
    display: none;
    height: 60vh;
}

.daily-transaction-modal-body p {
    word-wrap: break-word;
}

/*--- END OF Daily Restrictions Report Date ---*/


/* --- PUBLIC STYLES --- */
table.inner-table td {
    padding: 5px;
}

/* --- END OF PUBLIC STYLES --- */


/* --- INNER MEAT TABLE */

.inner-meat-table td,
.inner-meat-table th {
    padding: 5px !important;
    text-align: center;
}

.inner-meat-table .font-weight-bold {
    font-weight: 600;
}


/* tree */


.tree {
    --spacing: 1.5rem;
    --radius: 10px;
}

.tree li {
    display: block;
    position: relative;
}

:dir(ltr) .tree li {
    padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
}

:dir(rtl) .tree li {
    padding-right: calc(2 * var(--spacing) - var(--radius) - 2px);
}

:dir(ltr) .tree ul {
    margin-left: calc(var(--radius) - var(--spacing));
    padding-left: 0;
}

:dir(rtl) .tree ul {
    margin-right: calc(var(--radius) - var(--spacing));
    padding-right: 0;
}



:dir(rtl) .tree ul li {
    border-right: 2px solid #ddd;
}

.tree ul li:last-child {
    border-color: transparent;
}

:dir(ltr) .tree ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / -2);
    left: -2px;
    width: calc(var(--spacing) + 2px);
    height: calc(var(--spacing) + 1px);
    border: solid #ddd;
    border-width: 0 0 2px 2px;
}

:dir(rtl) .tree ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / -2);
    right: -2px;
    width: calc(var(--spacing) + 2px);
    height: calc(var(--spacing) + 1px);
    border: solid #ddd;
    border-width: 0 2px 2px 0;
}

.tree summary {
    display: block;
    cursor: pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker {
    display: none;
}

.tree summary:focus {
    outline: none;
}

.tree summary:focus-visible {
    outline: 1px dotted #000;
}

:dir(ltr) .tree li::after,
.tree summary::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / 2 - var(--radius));
    left: calc(var(--spacing) - var(--radius) - 1px);
    width: calc(2 * var(--radius));
    height: calc(2 * var(--radius));
    border-radius: 50%;
    background: #ddd;
}

:dir(rtl) .tree li::after,
.tree summary::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / 2 - var(--radius));
    right: calc(var(--spacing) - var(--radius) - 1px);
    width: calc(2 * var(--radius));
    height: calc(2 * var(--radius));
    border-radius: 50%;
    background: #ddd;
}


.tree summary.caret::before {
    z-index: 1;
    background: #8daf21 url('/metronic/images/expand-collapse.svg') 0 0;
}

.tree details[open]>summary.caret::before {
    background-position: calc(-2 * var(--radius)) 0;
}

.tree summary:hover {
    color: #8daf21;
}


.tree summary:hover~ul>li:not(:last-child) {
    border-right: 2px solid #8daf21;
    transition: border-color 0.3s;
}

.tree summary:hover~ul>li::before {
    border-color: #8daf21;
    transition: border-color 0.3s;
}

.tree li.final::after {
    background-color: #8daf21;
}


.custom-scollbar {
    scrollbar-width: thin;
    scrollbar-color: #8daf21 #f1f1f1;
}

.custom-scollbar::-webkit-scrollbar {
    width: 5px;
}

.custom-scollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-scollbar::-webkit-scrollbar-thumb {
    background: #8daf21;
}

.custom-scollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.cursor-pointer {
    cursor: pointer;
}
.route-active{
    font-weight: bold;
    color: #8daf21!important;
}