.r-e-p-grid-top-row {
    display: flex;
    gap: 8px;
    flex-direction: column-reverse;
    align-items: center;
}
.main-content-area {
    margin-top: 0;
}
.app-main-content {
    padding: 12px;
}
.grid-form-fields {
    display: block;
    margin: 5px 0 30px 0;
}
.grid-form-fields div {
    margin: 12px 0;
}
.grid-form-fields div strong {
    color: #636363;
    font-weight: 500;
}
.dropdown-flax-mobile {
    display: flex;
    align-items: center;
}
.dropdown-flax-mobile label {
    min-width: 153px;
}
.app-page-head,
.app_head {
    min-height: auto;
    padding: 14px 16px;
    margin: 0 0 16px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.app-page-head__main,
.app-head-flex {
    justify-content: center;
}

.app-page-head__content p,
.app-head-content p {
    display: none;
}

.app-page-head__icon,
.app-head-flex i,
.report-icon {
    display: none;
}
.header-layout-1 .main-nav, .logo-container {
    box-shadow: none;
}
.app-page-head__title,
.report-title {
    font-size: 22px;
    text-transform: uppercase;
}
.history-button {
    transform: none;
}
.skew-icon {
    transform: none;
}
.history-button-button__text {
    transform: none;
}
.order-select-input {
    padding: 8px;
    font-size: 14px !important;
    text-align: center;
}
.form-control-select {
    padding: 8px;
    margin-top: 2px;
    font-size: 14px !important;
}
.app-filter-select {
    height: 35px;
    width: 100%;
}
form#app-order-search-form {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 3px;
    align-content: center;
    align-items: center;
}
.simple-white-btn {
    margin-top: 0px;
    height: 37px;
    padding: 0 20px;
}
.app-new-order {
    padding: 0 20px;
    height: 38px;
    margin: 0 auto;
}
.app_head div p{
    display: none;
}
.app-transaction-grid > :only-child .app-transaction-list > div {
    grid-template-columns: minmax(110px, 20%) 70%;
}
.app-transaction-header {
    justify-content: center;
}
#app-nexus-app .app-nexus-wrap > div:first-child:before{
    display: none;
}
/*Report sashboard*/
.app-report-stat-card {
    min-width: auto;
    width: 48%;
}
.app-department-item {
    width: 100%;
}

.app-page-head,
.app_head {
    gap: 0px;
    margin-left: -26px;
    width: calc(100% + 52px);
}

.theme-nexus-menu>li {
    padding: 0px 0px;
}

ul.sub-menu.menu-sub-content {
    background: #000 !important;
}

.grid-form-fields {
    grid-template-columns: unset;
}
.app-order-summary {
	grid-template-columns: 1fr 1fr;
}
.app-main-content-inner {
    padding: 0;
}
.app-page-head__actions {
    display: none;
}
.dropdown-flax-mobile label {
    display: none;
}
.app-report-card {padding: 10px;}




/*======================*/
/*Yarn entry Page*/
/*======================*/

.yarn-stock-table th:nth-child(2), .yarn-stock-table tr td:nth-child(2) {
    max-width: unset;
}
.yarn-stock-table th:nth-child(1), .yarn-stock-table tr td:nth-child(1) {
    max-width: unset;
}
.yarn-stock-grid { grid-template-columns:1fr; }
    .yarn-entry-detail-grid { grid-template-columns:1fr; }
    .yarn-entry-detail-grid div,
    .yarn-entry-detail-grid div:nth-child(2n),
    .yarn-entry-detail-grid div:nth-last-child(-n+2) {
        border-right:0;
        border-bottom:1px solid #e2e8f0;
    }
    .yarn-entry-detail-grid div:last-child {
        border-bottom:0;
    }
    .yarn-stock-entry-line { grid-template-columns:1fr; }
    .yarn-job-complete-details { grid-template-columns:1fr; }
    .yarn-order-use-total-grid { grid-template-columns:1fr; }
    .yarn-order-use-type-grid { grid-template-columns:1fr; }
    .yarn-outside-view-metrics { grid-template-columns:1fr 1fr; }
    .yarn-outside-view-info-grid { grid-template-columns:1fr; }
    .yarn-outside-view-hero-main { display:grid; }
    .yarn-outside-view-section-head { display:grid; }
    .yarn-use-transaction-head { display:grid; }
    .yarn-use-transaction-metrics { grid-template-columns:1fr; min-width:0; }
    .yarn-use-transaction-metrics div { text-align:left; }
    .yarn-use-line { grid-template-columns:1fr; }
    .yarn-outside-jobs-head {
        display:grid;
        align-items:stretch;
    }
    .yarn-outside-jobs-toggle {
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .yarn-stock-table--outside-jobs {
        display:block !important;
        min-width:0 !important;
        width:100% !important;
        border-spacing:0 12px;
    }
    .yarn-stock-table--outside-jobs thead {
        display:none !important;
    }
    .yarn-stock-table--outside-jobs,
    .yarn-stock-table--outside-jobs tbody,
    .yarn-stock-table--outside-jobs tr {
        display:block !important;
        width:100% !important;
    }
    .yarn-stock-table--outside-jobs tr {
        overflow:hidden;
        border:1px solid #dbe4ef;
        border-radius:8px;
        background:#fff;
        box-shadow:0 8px 22px rgba(15,23,42,.06);
    }
    .yarn-stock-table--outside-jobs td {
        display:grid !important;
        width:100% !important;
        box-sizing:border-box;
        grid-template-columns:92px minmax(0,1fr);
        gap:10px;
        align-items:start;
        padding:10px 12px;
        border-bottom:1px solid #eef2f7;
    }
    .yarn-stock-table--outside-jobs td > * {
        min-width:0;
        max-width:100%;
    }
    .yarn-stock-table--outside-jobs td:last-child {
        border-bottom:0;
    }
    .yarn-stock-table--outside-jobs td::before {
        content:attr(data-label);
        color:#64748b;
        font-size:11px;
        font-weight:900;
        text-transform:uppercase;
    }
    .yarn-stock-table--outside-jobs td[data-label="Action"] {
        display:block;
    }
    .yarn-stock-table--outside-jobs td[data-label="Action"]::before {
        display:block;
        margin-bottom:8px;
    }
    .yarn-job-order {
        max-width:none !important;
        width:100%;
        overflow-wrap:normal;
        word-break:normal;
    }
    .yarn-job-code,
    .yarn-job-date,
    .yarn-job-org,
    .yarn-job-metric strong,
    .yarn-job-metric span,
    .yarn-stock-yarn-chip {
        overflow-wrap:normal;
        word-break:normal;
    }
    .yarn-job-actions,
    .yarn-job-actions--pending,
    .yarn-job-actions--voided,
    .yarn-job-actions--single {
        width:100%;
    }
    .yarn-job-actions--single {
        grid-template-columns:1fr;
    }
    .yarn-stock-table-wrap {
        overflow-x:visible;
    }
    .yarn-stock-toolbar { align-items:stretch; }
    .yarn-stock-toolbar-actions { display:grid; }
    .yarn-stock-modal-actions { display:grid; }
    .yarn-stock-history-filter { grid-template-columns:1fr; }
    .yarn-stock-history-filter-actions { justify-content:stretch; }
    .yarn-stock-history-filter-actions .yarn-stock-btn { flex:1; }
    .yarn-stock-history-footer { align-items:stretch; flex-direction:column; }
    .yarn-stock-pagination { display:grid; grid-template-columns:1fr auto 1fr; }
    .yarn-stock-pagination .yarn-stock-btn { width:100%; }
    .yarn-stock-btn--history span, .yarn-stock-btn--in span, .yarn-stock-btn--out span{display: none;}
    .yarn-stock-btn--history i, .yarn-stock-btn--in i, .yarn-stock-btn--out i{display: block;}
    .yarn-stock-table--stock .yarn-stock-row-actions--history {
        width: auto;
        justify-content:flex-end;
    }
    .yarn-stock-table--stock .yarn-stock-row-actions--history .app-yarn-in-history,
    .yarn-stock-table--stock .yarn-stock-row-actions--history .app-yarn-out-history,
    .yarn-stock-table--stock .yarn-stock-row-actions--history .app-yarn-use-history {
        display:none;
    }
    .yarn-stock-table--stock .yarn-stock-history-menu-trigger {
        display:inline-flex;
        min-width:96px;
        justify-content:center;
    }
    .yarn-stock-table--stock .yarn-stock-history-menu-trigger span {
        display:inline;
    }
    .yarn-stock-modal--history-choice {
        width:min(360px,100%);
    }
    .yarn-history-choice-actions {
        display:grid;
        gap:10px;
    }
    .yarn-history-choice-actions .yarn-stock-btn {
        width:100%;
        min-height:44px;
        justify-content:center;
    }

.yarn-stock-yarn-summary, .yarn-job-date {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.yarn-job-metric span:nth-child(2) {
    display: none;
}
.yarn-stock-table--outside-jobs td:last-child {
    display: flex !important;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.yarn-stock-action-box--use .yarn-stock-btn {
    max-width: unset;
}
.yarn-stock-action-group {
    justify-content: center;
}