html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: auto; /* when page gets too small */
}

body, form, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd,
    table, th, td, fieldset, legend, input, textarea, button {
    margin: 0;
    padding: 0;
}

body, table, table th, table td, input, textarea, button, select, option,
    div, span, li, pre, a {
    font-size: 13px;
    font-family: nanumgothic, 나눔고딕, 맑은 고딕, dotum, 돋움, gulim, 굴림, verdana,
        sans-serif;
}

input, button, select, textarea{
    padding-left:3px;   
    padding-right:3px;  
}

form, fieldset, button {
    border: 0;
    vertical-align: top;
}

a:active,a:after, a.focus  {color:#000; text-decoration: none;}

form {
    display: inline;
}

li {
    list-style: none;
}

img {
    vertical-align: middle;
    border: 0;
}

button {
    padding: 2px 6px;
}

button.btn-black {
    background: #000;
    color:#fff;
}

button.btn-red {
    background: #f00;
    color:#fff;
}

button.btn-blue {
    background: #00f;
    color:#fff;
}

button.btn-green {
    background: #00b33c;
    color:#fff;
}

.sb-block-full{
    width:100%;
}
.sb-block-margin15{
    margin-bottom:15px;
}

.sbgrid-box{
    position:relative;
}

.validation-error-border{
    background-color:#fff2f2;
}

.validation-text-red{
    color:red;
}

.text-red-b{
    color:red !important;
    font-weight: 900 !important;
}

table.sb-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.div-tb-head { padding:3px 0; background:#4d94ff;  color:#fff; font-weight:700; text-align:center; border-left:1px solid #777; border-bottom:1px solid #777; }

table.sb-table th { padding:3px 0; background:#4d94ff;  color:#fff; font-weight:700; text-align:center; border-left:1px solid #777; border-bottom:1px solid #777; }
table.sb-table td { padding:2px 5px; text-align:center; border-left:1px solid #777; border-bottom:1px solid #777; }
table.sb-table tr:hover td { background:#b3d1ff; }
table.sb-table tr > td > a { font-weight:bold;  color:#4d79ff ;}
table.sb-table th:first-child, table.sb-table td:first-child { border-left:0; }
table.sb-table th:last-child, table.sb-table td:last-child { border-right:1px solid #777; }
table.sb-table tbody > tr:nth-child(odd) { background-color: lightgray; }
table.sb-table td div {word-break:break-all; }

table.sb-table td divLine {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-break:break-all; }

table.sb-table-input {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table.sb-table-input th { padding:3px 3px; background:#4d94ff;  color:#fff; font-weight:700; text-align:right; border-left:1px solid #777; border-bottom:1px solid #777; }
table.sb-table-input td { padding:3px 5px; text-align:center; border-left:1px solid #777; border-bottom:1px solid #777; text-align:left;  }
table.sb-table-input tr > td > a { font-weight:bold;  color:#4d79ff;}
table.sb-table-input th:first-child, table.sb-table td:first-child { border-left:0; }
table.sb-table-input th:last-child, table.sb-table td:last-child { border-right:1px solid #777; }
table.sb-table-input td > input.w70 { width:70% }
table.sb-table-input td > input.w50 { width:70% }
table.sb-table-input td > input.w40 { width:70% }
table.sb-table-input td > input.m10 { margin-left:10px }
table.sb-table-input td > input.m15 { margin-left:15px }


label input{margin:0px 2px;}
.sb-tb-page-group > * {font-size:15px}
.sb-tb-page-group:after {content:'';display:block;clear:both;}

#east-input-head {
    font-size:16px;
    font-weight:bold;
    background:#174d7b;
    height:30px;
    color:#fff;
    padding:5px 10px 5px 10px;
}

#container {
    background: 777;
    /* HEIGHT */
    height: 100%;
    min-height: 300px;
    _height: 300px; /* min-height for IE6 */
    /* WIDTH */
    width: 100%;
    min-width: 700px;
    _width: 700px; /* min-width for IE6 */
    /* HORIZONTAL CENTERING */
    margin: 0 auto;
}

/*
     *  Container sizing
     *
     *  Borders and padding are normally *added* to the width/height of the DIV
     *  However you can get height:100% AND padding/borders by using a nested layout. 
     *  The outer-layout is just a single pane: center, which is where you add your vertical padding.
     *  Inside this is your *real layout*. 
     */
#paddingWrapper {
    background: #999;
    padding: 5px 5px;
    /* 
        border:     4px solid #BBB;
        */
}

.ui-tabs-nav li {
    white-space: nowrap;
}

.ui-tabs-nav li a {
    font-size: 1em !important;
    padding: 4px 1.5ex 3px !important;
}

.ui-tabs-panel {
    font-size: 1em !important;
    /* padding:     0 1em !important; */
}

.ui-tabs-nav_ {
    /* don't need border or rounded corners - tabs 'fill' the pane */
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-bottom: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.tab-panel { /* tab-layout containers */
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.pane {
    display:none;
}

#dialogBox {
    /*
             *  THIS HACK FIXES A DIALOG BOX POSITIONING BUG
             *  prevents incorrect top/left values that are applied from taking effect
             *  This page now uses a patched version of UI 1.8.1, so this hack no longer required
             *  SEE UI Ticket #5662 - http://dev.jqueryui.com/ticket/5662#comment:3 
            top:        0 !important;
            left:       0 !important;
             */
    /* background:  #AFA; DEBUGGING */
    /*position: relative; - triggers resizeable._alsoResize bug when using Opera */
    
}

#dialogBox .ui-widget-content {
    /* nullify ui-widget-content bg-image - but KEEP widget bg-color */
    background-image: none;
}

#dialogBox .ui-layout-pane {
    /* start by removing all padding & scrolling */
    padding: 0;
    overflow: hidden;
}

/*#dialogBox .ui-layout-content ,*/
#dialogBox .pane-header, #dialogBox .ui-layout-south {
    padding: 5px 10px;
}

#dialogBox .pane-header {
    border-width: 0 0 1px;
    /* nullify ui-widget-content border, except bottom */
}

#dialogBox .pane-footer {
    border-width: 1px 0 0;
    /* nullify ui-widget-content border, except top */
    font-size: .85em;
    font-weight: normal;
    padding: 2px 10px 4px;
}

#dialogBox .ui-layout-content {
    border: 0;
    /* nullify ui-widget-content border - 'pane' already has this */
    overflow: auto;
}

#dialogBox .ui-layout-south {
    /* has ui-widget-header for cosmetics - override defaults */
    font-weight: normal; /* NOT bold in statusbar */
    font-size: .85em; /* smaller text */
    padding-top: 2px; /* nice and small */
    padding-bottom: 3px;
}

#dialogBox .ui-layout-resizer-west {
    /* NOTE: SOMETHING in the theme CSS is setting opacity here */
    opacity: .01;
    filter: alpha(opacity = 1);
    background: #F00 url(/lib/img/resizable-w.gif) no-repeat 0 center;
}

#dialogBox .ui-layout-resizer-west-closed {
    background-image: url(/lib/img/resizable-e.gif); /* looks better */
    border: 1px solid #6C0;
    border-width: 1px 0;
    opacity: .70;
    filter: alpha(opacity = 70);
}

#dialogBox .ui-layout-resizer-dragging, #dialogBox .ui-layout-resizer-sliding,
    #dialogBox .ui-layout-resizer:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
}

#dialogBox .ui-layout-toggler {
    /*background:   #CCC;*/
    
}
#data-table tr:first-child td {
    background:#000;
    color:#fff;
    padding:2px;
    text-align:center;
    font-weight:bold;
}
#data-table tr td {
    padding:2px;
}

#debug_msg {
    display:none; 
    position:absolute; 
    left : 0px; 
    top : 0px; 
    z-index:10000; 
    background:#fff;
    width:100%;
    height:100%;
    overflow:auto;
}
#debug_msg div.debug-head {
    text-align:center;
    padding:5px;
    background:#dcdcdc;
    }


.slick-cell.selected {
    background-color: #dcedff!important;
}

.cell-green {
    background-color: #7799ee;
}

.cell-red {
    background-color: #ee99cc;
}



/*  디버그창  */

.debug-body{
    width:100%;
    height:900px;
    overflow: auto;
}


/*  로그인  */
.login_box {
    width: 400px;
    margin-top: -250px;
    margin-left: -200px;
    border: 1px solid #000;
    /* 
    border-radius: 8px;
    box-sizing: border-box;
     */
    position: absolute;
    top: 40%;
    left: 50%;
    overflow: auto;
}

/* 주문내역*/

div.order-detail h4{
    margin: 5px 0px 5px 0px;
    background:#cde2fd;
    padding:5px;
    width:1000px;
    font-weight:bold;
}


div.order-detail table {
    width:1000px;   
}

.login-head{
     postion:absolute; top: 0; left: 0; height: 50px; background: #62e87f; text-align:center; font-weight:bold; font-size:30px
}

.login-foot{
     postion:absolute; bottom: 0; left: 0; height: 50px; background: #62e87f;
}

.login-body{
     postion:absolute; top: 200; left: 0; height: 200px; background: #fff;
}
.login-id {padding:10px;}
.login-id > label {display: inline-block; width:100px; text-align:right; margin-right:10px; font-size:18px;}
.login-id > input {height:28px; font-size:18px;  width:60%; padding: 5px;}

.login-password{padding:10px;}
.login-password > label{ display: inline-block; width:100px; text-align:right; margin-right:10px; font-size:18px;}
.login-password > input{height:28px; font-size:18px;  width:60%; padding: 5px;}

.login-bar{ padding:10px; text-align:center;}
.login-bar button { height:40px; width:100%; }
.login-bar button span { font-size:18px; font-weight: bold;}

body.wms-main-page {
    --wms-primary: #62e87f;
    --wms-primary-hover: #52dc70;
    --wms-primary-dark: #238643;
    --wms-primary-surface: #f1fff4;
    --wms-primary-button: linear-gradient(90deg, #c7f8d2 0%, #eefbdd 100%);
    --wms-primary-text: #07130b;
    overflow: hidden;
    background: #fff;
}

.wms-app-shell {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    background: #fff;
}

#container.wms-app-shell {
    height: 100vh;
    min-height: 100vh;
    min-width: 0;
    margin: 0;
    background: #fff;
}

.wms-app-header {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: #fff;
    border-bottom: 1px solid #e5e9ef;
    color: var(--wms-primary-text);
}

.wms-app-brand {
    display: inline-flex;
    height: 100%;
    align-items: center;
    gap: 10px;
    line-height: 1;
}

.wms-app-brand img {
    display: block;
    width: auto;
    height: 34px;
    max-width: 34px;
    object-fit: contain;
}

.wms-app-brand-text {
    color: var(--wms-primary-text);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    white-space: nowrap;
}

.wms-app-actions,
.wms-app-actions a,
.wms-app-actions span {
    color: var(--wms-primary-text);
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}

.wms-app-body {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.wms-app-sidebar {
    flex: 0 0 220px;
    width: 220px;
    min-width: 180px;
    box-sizing: border-box;
    border-right: 1px solid #e5e9ef;
    overflow: auto;
    background: #fff;
}

.wms-app-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: #fff;
}

#paddingWrapper.wms-app-content {
    padding: 0;
    background: #fff;
}

.wms-app-tabs {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: 5px 0 0 !important;
    border: 0 !important;
    background: #fff;
}

.wms-app-tabs.ui-widget-content {
    border: 0;
    background: #fff;
}

.wms-app-tabs > .ui-tabs-nav {
    display: flex;
    flex: 0 0 32px;
    align-items: flex-end;
    min-height: 32px;
    margin: 0;
    padding: 4px 8px 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    border-bottom: 1px solid #d7dde3;
    border-radius: 0;
    background: #fff;
    white-space: nowrap;
}

.wms-app-tabs > .ui-tabs-nav li {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 2px 0 0 !important;
    border: 1px solid var(--wms-primary) !important;
    border-bottom: 0 !important;
    border-radius: 4px 4px 0 0;
    background: #fff !important;
    background-image: none !important;
}

.wms-app-tabs > .ui-tabs-nav li.ui-tabs-active,
.wms-app-tabs > .ui-tabs-nav li.ui-state-active {
    border-color: var(--wms-primary) !important;
    background: var(--wms-primary) !important;
    background-image: none !important;
}

.wms-app-tabs > .ui-tabs-nav li a {
    padding: 6px 10px !important;
    color: var(--wms-primary-text) !important;
    font-size: 12px;
    line-height: 18px;
}

.wms-app-tabs > .ui-tabs-nav li.ui-tabs-active a,
.wms-app-tabs > .ui-tabs-nav li.ui-state-active a {
    color: var(--wms-primary-text) !important;
}

.wms-app-tabs > .ui-tabs-nav li .wms-tab-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0 6px 0 -2px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #6c757d !important;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    -webkit-appearance: none;
    appearance: none;
}

.wms-app-tabs > .ui-tabs-nav li .wms-tab-close:hover {
    background: rgba(108, 117, 125, 0.14);
    color: #343a40 !important;
}

.wms-app-tabs > .ui-tabs-nav li.ui-tabs-active .wms-tab-close,
.wms-app-tabs > .ui-tabs-nav li.ui-state-active .wms-tab-close {
    color: #495057 !important;
}

.wms-app-tabs > .ui-tabs-nav li.ui-tabs-active .wms-tab-close:hover,
.wms-app-tabs > .ui-tabs-nav li.ui-state-active .wms-tab-close:hover {
    background: rgba(108, 117, 125, 0.18);
    color: #212529 !important;
}

.wms-app-tabs .bi-x::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") no-repeat center / contain;
}

.wms-app-tabs .tabs-div {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #fff;
}

.wms-app-tabs .ui-tabs-panel,
.wms-app-tabs .tab-panel {
    height: 100%;
    min-height: 0;
    padding: 0 !important;
    border: 0;
    overflow: hidden;
}

.wms-app-tabs iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.wms-direct-shell .wms-app-brand {
    color: var(--wms-primary-text);
    text-decoration: none;
}

.wms-direct-shell .wms-app-brand-text {
    font-size: 15px !important;
}

.wms-direct-content {
    background: var(--wms-content-bg);
}

.wms-favorite-tabs {
    display: flex;
    flex: 0 0 33px;
    align-items: flex-end;
    gap: 3px;
    min-height: 33px;
    padding: 5px 8px 0;
    border-bottom: 1px solid #d7dde3;
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.wms-favorite-tabs a {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 13px;
    border: 1px solid var(--wms-primary);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #fff;
    color: var(--wms-primary-text);
    font-size: 12px !important;
    line-height: 1;
    text-decoration: none;
}

.wms-favorite-tabs a.active {
    background: var(--wms-primary);
    color: var(--wms-primary-text);
    font-weight: 600;
}

.wms-page-head {
    display: flex;
    flex: 0 0 34px;
    align-items: center;
    padding: 0 12px;
    border-bottom: 1px solid #dfe5eb;
    background: #fff;
}

.wms-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #697386;
    font-size: 12px !important;
}

.wms-breadcrumb i {
    color: #a5adba;
    font-style: normal;
}

.wms-breadcrumb strong {
    color: var(--wms-primary-dark);
    font-weight: 700;
}

.wms-menu-content-body {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: var(--wms-content-bg);
}

.wms-legacy-content {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: #fff;
}

.wms-legacy-content-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}

.wms-legacy-content-empty {
    padding: 18px;
    color: #5c6675;
    font-size: 13px !important;
}

.wms-member-shell-content,
.wms-center-shell-content,
.wms-location-shell-content,
.wms-supplier-shell-content,
.wms-buyer-shell-content,
.wms-goods-shell-content,
.wms-delivery-shell-content,
.wms-po-shell-content,
.wms-so-shell-content,
.wms-take-shell-content,
.wms-stock-shell-content {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.wms-member-shell-content #frm,
.wms-center-shell-content #frm,
.wms-location-shell-content #frm,
.wms-supplier-shell-content #frm,
.wms-buyer-shell-content #frm,
.wms-goods-shell-content #frm,
.wms-delivery-shell-content #frm,
.wms-po-shell-content #frm,
.wms-so-shell-content #frm,
.wms-take-shell-content #frm,
.wms-stock-shell-content #frm {
    position: relative;
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.wms-member-shell-content #frm > .pane,
.wms-center-shell-content #frm > .pane,
.wms-location-shell-content #frm > .pane,
.wms-supplier-shell-content #frm > .pane,
.wms-buyer-shell-content #frm > .pane,
.wms-goods-shell-content #frm > .pane,
.wms-delivery-shell-content #frm > .pane,
.wms-po-shell-content #frm > .pane,
.wms-so-shell-content #frm > .pane,
.wms-take-shell-content #frm > .pane,
.wms-stock-shell-content #frm > .pane {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0;
    box-sizing: border-box;
}

.wms-member-shell-content #frm > .ui-layout-north,
.wms-center-shell-content #frm > .ui-layout-north,
.wms-location-shell-content #frm > .ui-layout-north,
.wms-supplier-shell-content #frm > .ui-layout-north,
.wms-buyer-shell-content #frm > .ui-layout-north,
.wms-goods-shell-content #frm > .ui-layout-north,
.wms-delivery-shell-content #frm > .ui-layout-north,
.wms-po-shell-content #frm > .ui-layout-north,
.wms-so-shell-content #frm > .ui-layout-north,
.wms-take-shell-content #frm > .ui-layout-north,
.wms-stock-shell-content #frm > .ui-layout-north {
    order: 1;
    flex: 0 0 auto;
}

.wms-member-shell-content #frm > .ui-layout-center,
.wms-center-shell-content #frm > .ui-layout-center,
.wms-location-shell-content #frm > .ui-layout-center,
.wms-supplier-shell-content #frm > .ui-layout-center,
.wms-buyer-shell-content #frm > .ui-layout-center,
.wms-goods-shell-content #frm > .ui-layout-center,
.wms-delivery-shell-content #frm > .ui-layout-center,
.wms-po-shell-content #frm > .ui-layout-center,
.wms-so-shell-content #frm > .ui-layout-center,
.wms-take-shell-content #frm > .ui-layout-center,
.wms-stock-shell-content #frm > .ui-layout-center {
    order: 2;
    flex: 1 1 auto;
    min-height: 0;
    padding: 10px 12px;
    overflow: auto;
}

.wms-member-shell-content #frm > .ui-layout-south,
.wms-center-shell-content #frm > .ui-layout-south,
.wms-location-shell-content #frm > .ui-layout-south,
.wms-supplier-shell-content #frm > .ui-layout-south,
.wms-buyer-shell-content #frm > .ui-layout-south,
.wms-goods-shell-content #frm > .ui-layout-south,
.wms-delivery-shell-content #frm > .ui-layout-south,
.wms-po-shell-content #frm > .ui-layout-south,
.wms-so-shell-content #frm > .ui-layout-south,
.wms-take-shell-content #frm > .ui-layout-south,
.wms-stock-shell-content #frm > .ui-layout-south {
    order: 3;
    flex: 0 0 44px;
}

.wms-member-shell-content #frm > .ui-layout-resizer,
.wms-member-shell-content #frm > .ui-layout-toggler,
.wms-center-shell-content #frm > .ui-layout-resizer,
.wms-center-shell-content #frm > .ui-layout-toggler,
.wms-location-shell-content #frm > .ui-layout-resizer,
.wms-location-shell-content #frm > .ui-layout-toggler,
.wms-supplier-shell-content #frm > .ui-layout-resizer,
.wms-supplier-shell-content #frm > .ui-layout-toggler,
.wms-buyer-shell-content #frm > .ui-layout-resizer,
.wms-buyer-shell-content #frm > .ui-layout-toggler,
.wms-goods-shell-content #frm > .ui-layout-resizer,
.wms-goods-shell-content #frm > .ui-layout-toggler,
.wms-delivery-shell-content #frm > .ui-layout-resizer,
.wms-delivery-shell-content #frm > .ui-layout-toggler,
.wms-po-shell-content #frm > .ui-layout-resizer,
.wms-po-shell-content #frm > .ui-layout-toggler,
.wms-so-shell-content #frm > .ui-layout-resizer,
.wms-so-shell-content #frm > .ui-layout-toggler,
.wms-take-shell-content #frm > .ui-layout-resizer,
.wms-take-shell-content #frm > .ui-layout-toggler,
.wms-stock-shell-content #frm > .ui-layout-resizer,
.wms-stock-shell-content #frm > .ui-layout-toggler {
    display: none !important;
}

.wms-po-shell-content #frm > .ui-layout-east {
    display: none !important;
}

.wms-take-buyer-shell-content #frm > .ui-layout-east {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 44px !important;
    z-index: 30;
    display: none !important;
    width: min(1020px, 62vw) !important;
    height: auto !important;
    border-left: 1px solid #d8e0e7;
    background: #fff;
    box-shadow: -12px 0 24px rgba(15, 23, 42, 0.08);
}

.wms-take-buyer-shell-content #frm.wms-detail-open > .ui-layout-east {
    display: block !important;
}

.wms-so-buyer-shell-content #frm > .ui-layout-east {
    position: absolute !important;
    top: var(--wms-so-buyer-toolbar-height, 92px) !important;
    right: 0 !important;
    bottom: 44px !important;
    z-index: 30;
    display: none !important;
    width: min(1020px, 62vw) !important;
    height: auto !important;
    border-left: 1px solid #d8e0e7;
    background: #fff;
    box-shadow: -12px 0 24px rgba(15, 23, 42, 0.08);
}

.wms-so-buyer-shell-content #frm.wms-detail-open > .ui-layout-east {
    display: block !important;
}

.wms-so-trans-shell-content #frm > .ui-layout-east {
    position: absolute !important;
    top: var(--wms-so-trans-toolbar-height, 46px) !important;
    right: 0 !important;
    bottom: 44px !important;
    z-index: 30;
    display: none !important;
    width: min(520px, 42vw) !important;
    height: auto !important;
    border-left: 1px solid #d8e0e7;
    background: #fff;
    box-shadow: -12px 0 24px rgba(15, 23, 42, 0.08);
}

.wms-so-trans-shell-content #frm.wms-detail-open > .ui-layout-east {
    display: block !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-stock-shell-content #frm {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 34%);
    grid-template-rows: auto minmax(0, 1fr) 44px;
    grid-template-areas:
        "toolbar toolbar"
        "list detail"
        "footer footer";
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-stock-shell-content #frm > .ui-layout-north {
    grid-area: toolbar;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-stock-shell-content #frm > .ui-layout-center {
    grid-area: list;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-stock-shell-content #frm > .ui-layout-east {
    grid-area: detail;
    display: flex !important;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-stock-shell-content #frm > .ui-layout-east > .wms-set-goods-detail {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-stock-shell-content #frm > .ui-layout-south {
    grid-area: footer;
}

body.wms-inner-frame .ui-layout-pane {
    border: 0 !important;
    box-shadow: none !important;
}

body.wms-inner-frame {
    --wms-primary: #62e87f;
    --wms-primary-dark: #238643;
    --wms-primary-text: #07130b;
    --wms-primary-header: linear-gradient(90deg, #62e87f 0%, #c9f9d4 100%);
    --wms-table-header-bg: #8feea5;
    --wms-content-bg: #f6f8f7;
    --wms-content-font-size: 12px;
    --wms-toolbar-control-height: 34px;
    background: var(--wms-content-bg) !important;
    font-size: var(--wms-content-font-size);
}

body.wms-inner-frame form,
body.wms-inner-frame div,
body.wms-inner-frame span,
body.wms-inner-frame label,
body.wms-inner-frame a,
body.wms-inner-frame table,
body.wms-inner-frame th,
body.wms-inner-frame td,
body.wms-inner-frame input,
body.wms-inner-frame textarea,
body.wms-inner-frame button,
body.wms-inner-frame select,
body.wms-inner-frame option,
body.wms-inner-frame .btn,
body.wms-inner-frame .ui-widget,
body.wms-inner-frame .ui-widget input,
body.wms-inner-frame .ui-widget select,
body.wms-inner-frame .ui-widget textarea,
body.wms-inner-frame .ui-widget button,
body.wms-inner-frame .slick-header-column,
body.wms-inner-frame .slick-cell,
body.wms-inner-frame .slick-headerrow-column,
body.wms-inner-frame .slick-footerrow-column {
    font-size: var(--wms-content-font-size) !important;
}

body.wms-inner-frame .ui-layout-resizer,
body.wms-inner-frame .ui-layout-toggler {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

body.wms-inner-frame #myGrid,
body.wms-inner-frame .example-grid,
body.wms-inner-frame .grid-header {
    border: 0 !important;
}

body.wms-inner-frame #myGrid {
    background: var(--wms-content-bg) !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid,
body.wms-inner-frame.wms-buyer-list-page #myGrid,
body.wms-inner-frame.wms-goods-map-list-page #myGrid,
body.wms-inner-frame.wms-goods-list-page #myGrid,
body.wms-inner-frame.wms-center-list-page #myGrid,
body.wms-inner-frame.wms-location-list-page #myGrid,
body.wms-inner-frame.wms-supplier-list-page #myGrid,
body.wms-inner-frame.wms-delivery-list-page #myGrid {
    position: relative;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-viewport,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-viewport,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-viewport,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-viewport,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-viewport,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-viewport,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-viewport,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-viewport {
    overflow: hidden !important;
}

body.wms-inner-frame.wms-location-list-page #myGrid {
    box-sizing: border-box !important;
    padding: 10px !important;
}

body.wms-inner-frame.wms-location-list-page #myGrid .slick-pane-header {
    height: 30px !important;
}

body.wms-inner-frame.wms-location-list-page #myGrid .slick-pane-top {
    top: 40px !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-member-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-header-columns {
    box-sizing: border-box !important;
    height: 30px !important;
    border: 0 !important;
    background: var(--wms-primary-header) !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-header {
    box-sizing: border-box !important;
    height: 30px !important;
    border-bottom: 1px solid #a7e7b6 !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-header-column.ui-state-default {
    position: relative;
    display: block;
    box-sizing: border-box !important;
    height: 30px !important;
    line-height: 1.2;
    padding: 0 8px !important;
    border-right: 1px solid rgba(35, 134, 67, 0.22) !important;
    border-bottom: 0 !important;
    background: transparent !important;
    color: var(--wms-primary-text) !important;
    font-weight: 400;
    text-align: center;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-header-column .slick-column-name,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-header-column .slick-column-name,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-header-column .slick-column-name,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-header-column .slick-column-name,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-header-column .slick-column-name,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-header-column .slick-column-name,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-header-column .slick-column-name,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-header-column .slick-column-name {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    text-align: center;
}

body.wms-inner-frame.wms-location-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame.wms-center-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame.wms-goods-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-member-list-page #myGrid .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame.wms-center-list-page #myGrid .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame.wms-goods-list-page #myGrid .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame.wms-location-list-page #myGrid .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-member-list-page #myGrid .slick-sort-indicator-numbered,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-sort-indicator-numbered,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-sort-indicator-numbered,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-sort-indicator-numbered,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-sort-indicator-numbered,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-sort-indicator-numbered,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-sort-indicator-numbered,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-sort-indicator-numbered {
    position: absolute;
    top: 50%;
    right: 6px;
    float: none;
    margin: 0;
    transform: translateY(-50%);
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-row,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-row,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-row,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-row,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-row,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-row,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-row,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-row {
    border: 0 !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-cell,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-cell,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-cell,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-cell,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-cell,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-cell,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-cell,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-cell {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #d8e0e7 !important;
    border-bottom: 1px solid #d8e0e7 !important;
    line-height: 1.2 !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-cell.slick-text-center,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-cell.slick-text-center,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-cell.slick-text-center,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-cell.slick-text-center,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-cell.slick-text-center,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-cell.slick-text-center,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-cell.slick-text-center,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-cell.slick-text-center {
    justify-content: center;
    text-align: center;
}

body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-cell.wms-delivery-url-cell {
    justify-content: flex-start !important;
    padding-right: 3px !important;
    padding-left: 10px !important;
    text-align: left;
    white-space: nowrap;
}

body.wms-inner-frame.wms-center-list-page #myGrid .slick-cell.wms-center-name-cell {
    justify-content: flex-start !important;
    padding-left: 10px !important;
    text-align: left;
}

body.wms-inner-frame.wms-location-list-page #myGrid .slick-cell.wms-location-text-cell {
    justify-content: flex-start !important;
    padding-left: 10px !important;
    text-align: left;
}

body.wms-inner-frame.wms-goods-list-page #myGrid .slick-cell.wms-goods-text-cell {
    justify-content: flex-start !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: left;
    white-space: nowrap;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid {
    position: relative;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-viewport {
    overflow: hidden !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-header-columns {
    border: 0 !important;
    background: var(--wms-primary-header) !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-header {
    border-bottom: 1px solid #a7e7b6 !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-header-column.ui-state-default {
    position: relative;
    display: block;
    height: 21px;
    line-height: 1.2;
    border-right: 1px solid rgba(35, 134, 67, 0.22) !important;
    border-bottom: 0 !important;
    background: transparent !important;
    color: var(--wms-primary-text) !important;
    font-weight: 400;
    text-align: center;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-header-column .slick-column-name {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    text-align: center;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-sort-indicator-numbered {
    position: absolute;
    top: 50%;
    right: 6px;
    float: none;
    margin: 0;
    transform: translateY(-50%);
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-row {
    border: 0 !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-cell {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #d8e0e7 !important;
    border-bottom: 1px solid #d8e0e7 !important;
    line-height: 1.2 !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-cell.slick-text-center {
    justify-content: center;
    text-align: center;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-cell.slick-text-right {
    justify-content: flex-end;
    padding-right: 10px !important;
    text-align: right;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-cell.wms-po-text-cell {
    justify-content: flex-start !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: left;
    white-space: nowrap;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-cell:last-child {
    border-right: 0 !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .wms-grid-empty-message {
    position: absolute;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d8e0e7;
    background: #fff;
    color: #6b7684;
    font-weight: 400;
    line-height: 1.2;
    pointer-events: none;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-group {
    box-sizing: border-box;
    border-bottom: 1px solid #d8e0e7 !important;
    background: #f8fafc !important;
    color: #1f2933;
    font-weight: 400;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .slick-group-title,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .wms-po-group-title {
    font-weight: 400 !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid .wms-po-group-count {
    color: #198754;
    font-weight: 400;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid {
    position: relative;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-viewport {
    overflow: hidden !important;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-header-columns {
    border: 0 !important;
    background: var(--wms-primary-header) !important;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-header {
    border-bottom: 1px solid #a7e7b6 !important;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-header-column.ui-state-default {
    position: relative;
    display: block;
    height: 21px;
    line-height: 1.2;
    border-right: 1px solid rgba(35, 134, 67, 0.22) !important;
    border-bottom: 0 !important;
    background: transparent !important;
    color: var(--wms-primary-text) !important;
    font-weight: 400;
    text-align: center;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-header-column .slick-column-name {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    text-align: center;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-sort-indicator-numbered {
    position: absolute;
    top: 50%;
    right: 6px;
    float: none;
    margin: 0;
    transform: translateY(-50%);
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-row {
    border: 0 !important;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-cell {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #d8e0e7 !important;
    border-bottom: 1px solid #d8e0e7 !important;
    line-height: 1.2 !important;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-cell.slick-text-center {
    justify-content: center;
    text-align: center;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-cell.slick-text-right {
    justify-content: flex-end;
    padding-right: 10px !important;
    text-align: right;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-cell:last-child {
    border-right: 0 !important;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .wms-grid-empty-message {
    position: absolute;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d8e0e7;
    background: #fff;
    color: #6b7684;
    font-weight: 400;
    line-height: 1.2;
    pointer-events: none;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-group {
    box-sizing: border-box;
    border-bottom: 1px solid #d8e0e7 !important;
    background: #f8fafc !important;
    color: #1f2933;
    font-weight: 400;
}

body.wms-inner-frame.wms-po-history-list-page #myGrid .slick-group-title {
    font-weight: 400 !important;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group {
    display: inline-flex;
    gap: 3px;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group > .btn {
    gap: 5px;
    margin-left: 0 !important;
    border-radius: 5px !important;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group > .btn:not(:first-child),
body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 5px !important;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group input[type="radio"] {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    color: currentColor;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-icon svg {
    display: block;
    flex: 0 0 auto;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-icon-off {
    border-radius: 50%;
    background: #e8edf2;
    color: #fff;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-icon-on {
    display: none !important;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group > .btn.active .wms-status-filter-icon-off,
body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group input[type="radio"]:checked ~ .wms-status-filter-icon .wms-status-filter-icon-off {
    display: none !important;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group > .btn.active .wms-status-filter-icon-on,
body.wms-inner-frame .wms-po-history-toolbar .wms-status-filter-group input[type="radio"]:checked ~ .wms-status-filter-icon .wms-status-filter-icon-on {
    display: block !important;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-toolbar-search-group .input-group-text {
    border-right: 0;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-toolbar-search-group .wms-toolbar-input,
body.wms-inner-frame .wms-po-history-toolbar .wms-po-toolbar-search-group .wms-po-supplier-input {
    border-right: 1px solid #adb5bd !important;
    border-left: 0 !important;
    border-radius: 0 5px 5px 0 !important;
    box-shadow: none;
}

body.wms-inner-frame .wms-po-history-toolbar .wms-toolbar-search-group .wms-toolbar-input:focus {
    position: relative;
    z-index: 2;
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .12);
}

body.wms-inner-frame .wms-po-history-toolbar .wms-datepicker-native-trigger-hidden,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-datepicker-native-trigger-hidden {
    display: none !important;
}

body.wms-inner-frame .wms-toolbar .wms-datepicker-native-trigger-hidden {
    display: none !important;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-trigger {
    width: var(--wms-toolbar-control-height);
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    margin: 0;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background: #fff !important;
    color: #495057;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-trigger:hover,
body.wms-inner-frame .wms-toolbar .wms-toolbar-date-trigger:focus {
    border-color: #86b7fe;
    background: #f8fafc !important;
    color: #0f7f45;
    box-shadow: none;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid {
    position: relative;
    box-sizing: border-box !important;
    padding: 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-pane-header {
    height: 30px !important;
    background: transparent !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-pane-top {
    top: 40px !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-viewport {
    overflow: hidden !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-header-columns {
    box-sizing: border-box !important;
    height: 30px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-header {
    box-sizing: border-box !important;
    height: 30px !important;
    border-bottom: 1px solid #a7e7b6 !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-header-column.ui-state-default {
    position: relative;
    display: block;
    box-sizing: border-box !important;
    height: 30px !important;
    padding: 0 !important;
    line-height: 1.2;
    border-right: 1px solid rgba(35, 134, 67, 0.22) !important;
    border-bottom: 0 !important;
    background: var(--wms-table-header-bg) !important;
    color: var(--wms-primary-text) !important;
    font-weight: 700;
    text-align: center;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-header-column .slick-column-name {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    text-align: center;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-sort-indicator,
body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-sort-indicator-numbered {
    position: absolute;
    top: 50%;
    right: 6px;
    float: none;
    margin: 0;
    transform: translateY(-50%);
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-row {
    border: 0 !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-cell {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #d8e0e7 !important;
    border-bottom: 1px solid #d8e0e7 !important;
    line-height: 1.2 !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-cell.slick-text-center {
    justify-content: center;
    text-align: center;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-cell.slick-cell-checkboxsel {
    justify-content: center !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-header-column input[type="checkbox"],
body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-cell-checkboxsel input[type="checkbox"] {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    margin: 0 !important;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: .25em;
    appearance: none;
    color-adjust: exact;
    cursor: pointer;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-header-column input[type="checkbox"]:checked,
body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-cell-checkboxsel input[type="checkbox"]:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-cell.slick-text-right {
    justify-content: flex-end;
    padding-right: 10px !important;
    text-align: right;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-cell.wms-po-pop-goods-text-cell {
    justify-content: flex-start !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: left;
    white-space: nowrap;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .slick-cell:last-child {
    border-right: 0 !important;
}

body.wms-inner-frame.wms-po-pop-goods-page #myGrid .wms-grid-empty-message {
    position: absolute;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d8e0e7;
    background: #fff;
    color: #6b7684;
    font-weight: 400;
    line-height: 1.2;
    pointer-events: none;
}

body.wms-inner-frame.wms-member-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-buyer-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-goods-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-member-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-center-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-location-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-supplier-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-delivery-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-take-buyer-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-take-ok-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-set-goods-stock-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-stock-goods-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-stock-current-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-cell:last-child,
.wms-stock-location-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-cell:last-child,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-cell:last-child {
    border-right: 0 !important;
}

body.wms-inner-frame.wms-member-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-buyer-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-goods-map-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-goods-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-center-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-location-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-supplier-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-delivery-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-take-buyer-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-take-ok-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-set-goods-stock-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-stock-goods-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-stock-current-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-stock-location-list-page #myGrid .wms-grid-empty-message,
.wms-stock-location-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .wms-grid-empty-message,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .wms-grid-empty-message {
    position: absolute;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d8e0e7;
    background: #fff;
    color: #6b7684;
    font-weight: 400;
    line-height: 1.2;
    pointer-events: none;
}

body.wms-inner-frame.wms-take-buyer-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-take-ok-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-return-unapproved-list-page #myGrid.wms-grid-empty .slick-pane-top,
.wms-return-unapproved-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-take-buyer-list-page #myGrid.wms-grid-empty .slick-viewport,
body.wms-inner-frame.wms-take-ok-list-page #myGrid.wms-grid-empty .slick-viewport,
body.wms-inner-frame.wms-return-unapproved-list-page #myGrid.wms-grid-empty .slick-viewport,
.wms-return-unapproved-list-page #myGrid.wms-grid-empty .slick-viewport {
	height: 30px !important;
	overflow: hidden !important;
}

body.wms-inner-frame.wms-take-buyer-list-page #myGrid.wms-grid-empty,
body.wms-inner-frame.wms-take-ok-list-page #myGrid.wms-grid-empty,
body.wms-inner-frame.wms-return-unapproved-list-page #myGrid.wms-grid-empty,
.wms-return-unapproved-list-page #myGrid.wms-grid-empty {
	padding-bottom: 0 !important;
}

body.wms-inner-frame.wms-take-buyer-list-page #myGrid.wms-grid-empty .grid-canvas,
body.wms-inner-frame.wms-take-ok-list-page #myGrid.wms-grid-empty .grid-canvas,
body.wms-inner-frame.wms-return-unapproved-list-page #myGrid.wms-grid-empty .grid-canvas,
.wms-return-unapproved-list-page #myGrid.wms-grid-empty .grid-canvas {
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

body.wms-inner-frame.wms-take-buyer-list-page #myGrid.wms-grid-empty .slick-footerrow,
body.wms-inner-frame.wms-take-ok-list-page #myGrid.wms-grid-empty .slick-footerrow,
body.wms-inner-frame.wms-return-unapproved-list-page #myGrid.wms-grid-empty .slick-footerrow,
.wms-return-unapproved-list-page #myGrid.wms-grid-empty .slick-footerrow,
body.wms-inner-frame.wms-take-buyer-list-page #myGrid.wms-grid-empty .slick-footerrow-columns,
body.wms-inner-frame.wms-take-ok-list-page #myGrid.wms-grid-empty .slick-footerrow-columns,
body.wms-inner-frame.wms-return-unapproved-list-page #myGrid.wms-grid-empty .slick-footerrow-columns,
.wms-return-unapproved-list-page #myGrid.wms-grid-empty .slick-footerrow-columns {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-viewport,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-viewport,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-viewport {
	height: 30px !important;
	overflow: hidden !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty {
	padding-bottom: 0 !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .grid-canvas,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .grid-canvas,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .grid-canvas {
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-footerrow,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-footerrow,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-footerrow,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-footerrow-columns,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-footerrow-columns,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-footerrow-columns,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-footerrow-column,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-footerrow-column,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-footerrow-column,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-headerrow,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-headerrow,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-headerrow,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-headerrow-columns,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-headerrow-columns,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-headerrow-columns,
body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-headerrow-column,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-headerrow-column,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-headerrow-column {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page #myGrid.wms-grid-empty .slick-pane-bottom,
body.wms-inner-frame.wms-po-history-list-page #myGrid.wms-grid-empty .slick-pane-bottom,
body.wms-inner-frame .wms-po-shell-content #myGrid.wms-grid-empty .slick-pane-bottom {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

body.wms-inner-frame .wms-grid-pane {
    box-sizing: border-box;
    padding: 10px !important;
    overflow: auto !important;
    background: var(--wms-content-bg) !important;
}

body.wms-inner-frame .wms-content-table-header {
    display: flex;
    align-items: center;
    margin: 0;
}

body.wms-inner-frame .wms-content-table-title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 14px 0 14px 10px;
    color: #1f2933;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

body.wms-inner-frame .wms-content-table-title .bi {
    flex: 0 0 auto;
    color: var(--wms-primary-dark);
    font-size: 15px;
    line-height: 1;
}

body.wms-inner-frame .wms-table-grid-shell {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel {
    position: relative;
    box-sizing: content-box !important;
    padding: 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-member-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-center-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-location-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-supplier-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-buyer-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-goods-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-delivery-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-so-validation-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-take-buyer-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-take-ok-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-so-trans-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-set-goods-stock-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-status-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-goods-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-current-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-date-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-transfer-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-location-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-adjust-list-page .wms-table-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-transfer-ok-list-page .wms-table-grid-shell > .wms-grid-inset-panel {
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-goods-grid-shell > #myGrid.wms-grid-inset-panel {
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-stock-grid-shell > #myGrid.wms-grid-inset-panel {
    padding: 10px 10px 0 10px !important;
}

body.wms-inner-frame.wms-so-validation-list-page .wms-so-validation-grid-shell > #myGrid.wms-grid-inset-panel {
    box-sizing: border-box !important;
    padding: 10px 10px 0 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-so-interface-list-page .wms-so-interface-grid-shell > #myGrid.wms-grid-inset-panel {
    box-sizing: border-box !important;
    padding: 10px 10px 0 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-grid-shell > #myGrid.wms-grid-inset-panel {
    box-sizing: border-box !important;
    padding: 10px 10px 0 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-so-unapproved-list-page .wms-so-unapproved-grid-shell > #myGrid.wms-grid-inset-panel {
    box-sizing: border-box !important;
    padding: 10px 10px 0 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-so-validation-list-page .wms-so-shell-content #frm > .ui-layout-south {
    display: none !important;
    flex: 0 0 0 !important;
    min-height: 0 !important;
    height: 0 !important;
}

body.wms-inner-frame.wms-so-interface-list-page .wms-so-shell-content #frm > .ui-layout-south {
    display: none !important;
    flex: 0 0 0 !important;
    min-height: 0 !important;
    height: 0 !important;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-shell-content #frm > .ui-layout-south,
body.wms-inner-frame.wms-so-manual-list-page #frm > .ui-layout-south {
    display: none !important;
    flex: 0 0 0 !important;
    min-height: 0 !important;
    height: 0 !important;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-grid-shell > #myGrid.wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-date-list-page .wms-stock-date-grid-shell > #myGrid.wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-adjust-list-page .wms-stock-adjust-grid-shell > #myGrid.wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-transfer-ok-list-page .wms-stock-transfer-ok-grid-shell > #myGrid.wms-grid-inset-panel {
    box-sizing: border-box !important;
    padding: 10px 10px 0 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-grid-shell > #myGrid.wms-grid-inset-panel {
    padding: 10px !important;
}

body.wms-inner-frame.wms-stock-adjust-list-page .wms-stock-adjust-grid-shell > #myGrid.wms-grid-inset-panel,
body.wms-inner-frame.wms-stock-transfer-ok-list-page .wms-stock-transfer-ok-grid-shell > #myGrid.wms-grid-inset-panel {
    box-sizing: content-box !important;
    padding: 10px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-pane-header,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-pane-header {
    height: 30px !important;
    min-height: 30px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-pane-top,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-pane-top {
    top: 40px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-header,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-header-columns {
    height: 30px !important;
    min-height: 30px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-pane-header,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-pane-header,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-header-columns,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-header-columns {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-viewport,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-viewport {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-row,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-row {
    height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-cell,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-cell {
    height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-stock-goods-list-page #myGrid .slick-header-column.ui-state-default:first-child,
body.wms-inner-frame.wms-stock-goods-list-page #myGrid .slick-cell:first-child {
    border-left: 1px solid #d5dee7 !important;
}

body.wms-inner-frame.wms-stock-goods-list-page #myGrid .slick-viewport {
    overflow-y: hidden !important;
}

body.wms-inner-frame.wms-stock-goods-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-stock-goods-list-page #myGrid.wms-grid-empty .slick-viewport {
    height: 30px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-current-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-stock-current-list-page #myGrid.wms-grid-empty .slick-viewport {
    height: 30px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-stock-date-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-stock-status-list-page #myGrid.wms-grid-empty .slick-viewport,
body.wms-inner-frame.wms-stock-date-list-page #myGrid.wms-grid-empty .slick-viewport,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid.wms-grid-empty .slick-viewport,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid.wms-grid-empty .slick-viewport {
    height: 30px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-headerrow,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-headerrow,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-headerrow,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-headerrow,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-headerrow-columns,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-headerrow-columns,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-headerrow-columns,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-headerrow-columns,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-headerrow-column,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-headerrow-column,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-headerrow-column,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-headerrow-column,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-footerrow,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-footerrow,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-footerrow,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-footerrow,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-footerrow-columns,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-footerrow-columns,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-footerrow-columns,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-footerrow-columns,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-footerrow-column,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-footerrow-column,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-footerrow-column,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-footerrow-column,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-pane-bottom,
body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-pane-bottom,
body.wms-inner-frame.wms-stock-adjust-list-page #myGrid .slick-pane-bottom,
body.wms-inner-frame.wms-stock-transfer-ok-list-page #myGrid .slick-pane-bottom {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-shell,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-shell,
.wms-stock-location-list-page .wms-stock-location-grid-shell {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: visible !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-shell > .wms-grid-inset-panel,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-shell > .wms-grid-inset-panel,
.wms-stock-location-list-page .wms-stock-location-grid-shell > .wms-grid-inset-panel {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    overflow: hidden !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-toolbar .input-group-text,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-toolbar .input-group-text,
.wms-stock-location-list-page .wms-stock-location-toolbar .input-group-text {
    color: #4b5563 !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-viewport,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .slick-viewport,
.wms-stock-location-list-page #myGrid .slick-viewport {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-pane-top,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .slick-pane-top,
.wms-stock-location-list-page #myGrid .slick-pane-top,
body.wms-inner-frame.wms-stock-location-list-page #myGrid .grid-canvas,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .grid-canvas,
.wms-stock-location-list-page #myGrid .grid-canvas {
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-row,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .slick-row,
.wms-stock-location-list-page #myGrid .slick-row {
	height: 30px !important;
	line-height: 30px !important;
	margin: 0 !important;
	border: 0 !important;
	box-sizing: border-box !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-cell,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .slick-cell,
.wms-stock-location-list-page #myGrid .slick-cell {
	height: 30px !important;
	min-height: 30px !important;
	line-height: 30px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-viewport,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-pane-top,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-viewport {
    height: 30px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty,
.wms-stock-location-list-page #myGrid.wms-grid-empty {
    padding-bottom: 0 !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .grid-canvas,
.wms-stock-location-list-page #myGrid.wms-grid-empty .grid-canvas {
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-footerrow,
body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-footerrow-columns,
body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-footerrow-column,
body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-headerrow,
body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-headerrow-columns,
body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-headerrow-column,
body.wms-inner-frame.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-pane-bottom,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-footerrow,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-footerrow-columns,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-footerrow-column,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-headerrow,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-headerrow-columns,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-headerrow-column,
.wms-stock-location-list-page #myGrid.wms-grid-empty .slick-pane-bottom {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-goods-map-list-page .wms-table-grid-shell > .wms-grid-inset-panel {
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-goods-map-list-page .wms-goods-map-grid-shell {
    overflow: visible !important;
}

body.wms-inner-frame.wms-goods-map-list-page .wms-goods-map-grid-shell > .wms-grid-inset-panel {
    overflow: hidden !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-pane-header {
    height: 30px !important;
    background: transparent !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-pane-top {
    top: 40px !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-header.ui-state-default,
body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-header-columns {
    background: transparent !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-header-column.ui-state-default {
    background: var(--wms-table-header-bg) !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-header-column.ui-state-default {
    display: block !important;
    height: 30px !important;
    border-right: 1px solid #9ddfac !important;
    border-bottom: 0 !important;
    color: #1f2933 !important;
    font-size: var(--wms-content-font-size) !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-header-column.ui-state-default:last-child {
    border-right: 0 !important;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-table-grid-shell > .wms-grid-inset-panel .slick-header-column.ui-state-default:last-child {
    border-right: 1px solid #9ddfac !important;
    box-shadow: inset -1px 0 0 #9ddfac !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-header-column.ui-state-default .slick-column-name {
    display: block !important;
    width: 100% !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-header-columns,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .slick-header.ui-state-default,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .slick-header-columns,
.wms-stock-location-list-page #myGrid .slick-header.ui-state-default,
.wms-stock-location-list-page #myGrid .slick-header-columns {
    height: 30px !important;
    line-height: 30px !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .slick-header-column.ui-state-default,
.wms-stock-location-list-page #myGrid .slick-header-column.ui-state-default {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-location-list-page #myGrid .slick-header-column.ui-state-default .slick-column-name,
body.wms-inner-frame .wms-stock-location-list-page #myGrid .slick-header-column.ui-state-default .slick-column-name,
.wms-stock-location-list-page #myGrid .slick-header-column.ui-state-default .slick-column-name {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 30px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-row {
    height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-row.odd .slick-cell {
    background-color: #e9edf2 !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-row.even .slick-cell {
    background-color: #fff !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-cell {
    display: flex !important;
    align-items: center !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #d5dee7 !important;
    border-bottom: 1px solid #d5dee7 !important;
    color: #2f3439 !important;
    font-size: var(--wms-content-font-size) !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-cell:first-child {
    border-left: 1px solid #d5dee7 !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-cell:last-child {
    border-right: 1px solid #d5dee7 !important;
    box-shadow: inset -1px 0 0 #d5dee7 !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-cell.slick-text-center {
    justify-content: center !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-cell.slick-text-right {
    justify-content: flex-end !important;
    padding-right: 10px !important;
    text-align: right !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-row.odd .slick-cell.wms-stock-status-selected-cell,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-row.even .slick-cell.wms-stock-status-selected-cell,
body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-row .slick-cell.wms-stock-status-selected-cell,
body.wms-stock-status-list-page #myGrid .slick-row.odd .slick-cell.wms-stock-status-selected-cell,
body.wms-stock-status-list-page #myGrid .slick-row.even .slick-cell.wms-stock-status-selected-cell,
body.wms-stock-status-list-page #myGrid .slick-row .slick-cell.wms-stock-status-selected-cell {
    background: #ffe8f1 !important;
    background-color: #ffe8f1 !important;
}

body.wms-inner-frame.wms-stock-status-list-page #myGrid .slick-cell-checkboxsel {
    justify-content: center !important;
    padding: 0 !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-row {
    border: 0 !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-cell {
    display: flex !important;
    align-items: center !important;
    height: 30px !important;
    padding: 0 8px !important;
    border-right: 1px solid #d5dee7 !important;
    border-bottom: 1px solid #d5dee7 !important;
    color: #2f3439 !important;
    font-size: var(--wms-content-font-size) !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

body.wms-inner-frame.wms-goods-list-page .wms-table-grid-shell > .wms-grid-inset-panel .slick-cell.wms-copy-selected-cell {
    background-color: rgba(35, 134, 67, 0.08) !important;
    box-shadow: inset 0 0 0 2px var(--wms-primary-dark) !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-cell:last-child {
    border-right: 0 !important;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default:last-child {
    border-right: 1px solid #9ddfac !important;
    box-shadow: inset -1px 0 0 #9ddfac !important;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-grid-shell > #myGrid.wms-grid-inset-panel .slick-cell:last-child {
    border-right: 1px solid #d5dee7 !important;
    box-shadow: inset -1px 0 0 #d5dee7 !important;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-goods-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default:last-child {
    border-right: 1px solid #9ddfac !important;
    box-shadow: inset -1px 0 0 #9ddfac !important;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-goods-grid-shell > #myGrid.wms-grid-inset-panel .slick-cell:last-child {
    border-right: 1px solid #d5dee7 !important;
    box-shadow: inset -1px 0 0 #d5dee7 !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-cell.slick-text-center {
    justify-content: center !important;
    text-align: center !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-cell.slick-text-right {
    justify-content: flex-end !important;
    text-align: right !important;
}

body.wms-inner-frame .wms-table-grid-shell > .wms-grid-inset-panel .slick-cell-checkboxsel {
    justify-content: center !important;
    padding: 0 !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-pane-header {
    height: 30px !important;
    background: transparent !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-pane-top {
    top: 40px !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-header.ui-state-default,
body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-columns {
    height: 30px !important;
    background: transparent !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default {
    height: 30px !important;
    padding: 0 8px !important;
    background: var(--wms-table-header-bg) !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default .slick-column-name {
    height: 30px !important;
    line-height: 30px !important;
}

body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-pane-header {
    height: 30px !important;
    background: transparent !important;
}

body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-header.ui-state-default,
body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-columns {
    height: 30px !important;
    background: transparent !important;
}

body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default {
    height: 30px !important;
    padding: 0 8px !important;
    background: var(--wms-table-header-bg) !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default .slick-column-name {
    height: 30px !important;
    line-height: 30px !important;
}

body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow,
body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow,
body.wms-inner-frame .wms-po-shell-content .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow,
body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow-columns,
body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow-columns,
body.wms-inner-frame .wms-po-shell-content .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow-columns,
body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow-column,
body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow-column,
body.wms-inner-frame .wms-po-shell-content .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-footerrow-column,
body.wms-inner-frame.wms-po-unapproved-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-pane-bottom,
body.wms-inner-frame.wms-po-history-list-page .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-pane-bottom,
body.wms-inner-frame .wms-po-shell-content .wms-table-grid-shell > #myGrid.wms-grid-inset-panel .slick-pane-bottom {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

body.wms-inner-frame .wms-table-page-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 30px;
    color: #343a40;
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    white-space: nowrap;
}

body.wms-inner-frame .wms-table-page-controls-bottom {
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #d8e0e7;
}

body.wms-inner-frame .wms-table-page-controls .sb-tb-page-group {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 !important;
    color: #5c6675;
}

body.wms-inner-frame .wms-table-page-controls .sb-tb-page-group a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 28px !important;
    height: 28px !important;
    width: auto !important;
    padding: 0 8px;
    border: 1px solid #d1d9e2 !important;
    border-radius: 5px;
    background: #fff !important;
    color: #2f343a;
    font-size: var(--wms-content-font-size) !important;
    line-height: 1;
    text-decoration: none;
}

body.wms-inner-frame .wms-table-page-controls .sb-tb-page-group a:hover {
    border-color: #62e87f !important;
    background: #f0fdf4 !important;
}

body.wms-inner-frame .wms-table-page-controls .sb-tb-page-group a.active {
    border-color: #62e87f !important;
    background: #62e87f !important;
    color: #07130b !important;
    font-weight: 700;
}

body.wms-inner-frame .wms-table-page-controls .sb-tb-page-group span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-height: 28px;
    padding: 0 8px;
    color: #5c6675;
    font-size: var(--wms-content-font-size) !important;
}

body.wms-inner-frame .wms-table-page-controls .sb-tb-page-group .wms-table-page-current {
    margin-left: 4px;
}

body.wms-inner-frame .wms-table-page-controls .sb-tb-page-group .wms-table-page-total {
    color: #6b7684;
}

body.wms-inner-frame .wms-common-footer-pane {
    border-top: 1px solid #d8e0e7 !important;
    background: #fff !important;
}

body.wms-inner-frame .wms-common-footer {
    min-height: 44px;
    background: #fff;
}

body.wms-inner-frame .wms-table-page-size-control {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.wms-inner-frame .wms-table-page-size-select {
    width: 84px;
    height: 28px;
    padding: 0 26px 0 8px;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background-color: #fff;
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: 28px;
}

body.wms-inner-frame .wms-table-page-summary {
    color: #6b7684;
}

body.wms-inner-frame .wms-table-pagination {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.wms-inner-frame .wms-table-page-button,
body.wms-inner-frame .wms-table-page-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border: 1px solid #d1d9e2;
    border-radius: 5px;
    background: #fff;
    color: #2f343a;
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: 1;
}

body.wms-inner-frame .wms-table-page-button {
    cursor: pointer;
}

body.wms-inner-frame .wms-table-page-button:hover:not(:disabled) {
    border-color: #62e87f;
    background: #f0fdf4;
}

body.wms-inner-frame .wms-table-page-button.is-active {
    border-color: #62e87f;
    background: #62e87f;
    color: #07130b;
}

body.wms-inner-frame .wms-table-page-button:disabled {
    opacity: .42;
    cursor: default;
}

body.wms-inner-frame .wms-table-page-ellipsis {
    border-color: transparent;
    background: transparent;
    color: #8a96a3;
}

body.wms-inner-frame .wms-table-pagination .bi::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: var(--wms-table-page-icon) no-repeat center / contain;
    mask: var(--wms-table-page-icon) no-repeat center / contain;
}

body.wms-inner-frame .wms-table-pagination .bi-chevron-double-left::before {
    --wms-table-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3Cpath fill-rule='evenodd' d='M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}

body.wms-inner-frame .wms-table-pagination .bi-chevron-left::before {
    --wms-table-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}

body.wms-inner-frame .wms-table-pagination .bi-chevron-right::before {
    --wms-table-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}

body.wms-inner-frame .wms-table-pagination .bi-chevron-double-right::before {
    --wms-table-page-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708'/%3E%3Cpath fill-rule='evenodd' d='M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}

body.wms-inner-frame .wms-fit-grid {
    margin: 0;
    background: var(--wms-content-bg) !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid {
	--wms-stock-location-header-height: 30px;
	--wms-stock-location-row-height: 30px;
	--wms-stock-location-pane-top: 30px;
	--wms-stock-location-viewport-height: 30px;
	display: block !important;
	position: relative !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-top,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-top,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-top {
    top: var(--wms-stock-location-pane-top) !important;
    height: var(--wms-stock-location-viewport-height) !important;
    min-height: var(--wms-stock-location-viewport-height) !important;
    max-height: var(--wms-stock-location-viewport-height) !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-header,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-header,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-header,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header.ui-state-default,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header.ui-state-default,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header.ui-state-default,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-columns,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-columns,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-columns {
    height: var(--wms-stock-location-header-height) !important;
    min-height: var(--wms-stock-location-header-height) !important;
    max-height: var(--wms-stock-location-header-height) !important;
    line-height: var(--wms-stock-location-header-height) !important;
    overflow: hidden !important;
    background: transparent !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--wms-stock-location-header-height) !important;
    min-height: var(--wms-stock-location-header-height) !important;
    max-height: var(--wms-stock-location-header-height) !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-column-name,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-column-name,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-column-name {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--wms-stock-location-header-height) !important;
    min-height: var(--wms-stock-location-header-height) !important;
    max-height: var(--wms-stock-location-header-height) !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-viewport,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-viewport,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-viewport,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .grid-canvas,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .grid-canvas,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .grid-canvas {
    height: var(--wms-stock-location-viewport-height) !important;
    min-height: var(--wms-stock-location-viewport-height) !important;
    max-height: var(--wms-stock-location-viewport-height) !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row {
    height: var(--wms-stock-location-row-height) !important;
    min-height: var(--wms-stock-location-row-height) !important;
    max-height: var(--wms-stock-location-row-height) !important;
    line-height: var(--wms-stock-location-row-height) !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell {
    display: flex !important;
    align-items: center !important;
    height: var(--wms-stock-location-row-height) !important;
    min-height: var(--wms-stock-location-row-height) !important;
    max-height: var(--wms-stock-location-row-height) !important;
    line-height: var(--wms-stock-location-row-height) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default:first-child,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default:first-child,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default:first-child {
    border-left: 1px solid #9ddfac !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default:last-child,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default:last-child,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-header-column.ui-state-default:last-child {
    border-right: 1px solid #9ddfac !important;
    box-shadow: inset -1px 0 0 #9ddfac !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell:first-child,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell:first-child,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell:first-child {
    border-left: 1px solid #d5dee7 !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell:last-child,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell:last-child,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell:last-child {
    border-right: 1px solid #d5dee7 !important;
    box-shadow: inset -1px 0 0 #d5dee7 !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row.even .slick-cell:not(.slick-cell-edit),
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row.even .slick-cell:not(.slick-cell-edit),
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row.even .slick-cell:not(.slick-cell-edit) {
    background-color: #fff !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row.odd .slick-cell:not(.slick-cell-edit),
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row.odd .slick-cell:not(.slick-cell-edit),
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-row.odd .slick-cell:not(.slick-cell-edit) {
    background-color: #e3e6ea !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-bottom,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-bottom,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-pane-bottom,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow-columns,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow-columns,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow-columns,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow-column,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow-column,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-headerrow-column,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow-columns,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow-columns,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow-columns,
body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow-column,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow-column,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-footerrow-column {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

body.wms-inner-frame .slick-cell.selected,
body.wms-inner-frame .slick-cell.active {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

body.wms-inner-frame .slick-cell.active {
    border-color: #0d6efd !important;
    border-style: solid !important;
}

body.wms-inner-frame.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell.active,
body.wms-inner-frame .wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell.active,
.wms-stock-location-list-page .wms-stock-location-grid-panel > #myGrid .slick-cell.active {
    border-color: #d5dee7 !important;
    box-shadow: inset 0 0 0 1px #0d6efd !important;
    outline: none !important;
}

body.wms-inner-frame .wms-grid-detail-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    min-width: 54px;
    padding: 0 8px;
    border: 1px solid #0d6efd;
    border-radius: 5px;
    background: #fff;
    color: #0d6efd;
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

body.wms-inner-frame .wms-grid-detail-button:hover {
    background: #eaf3ff;
}

body.wms-inner-frame .wms-supplier-user-button {
    min-width: 44px;
}

body.wms-inner-frame .wms-grid-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 22px;
    padding: 0;
    border: 1px solid #0d6efd;
    border-radius: 5px;
    background: #fff;
    color: #0d6efd;
    cursor: pointer;
}

body.wms-inner-frame .wms-grid-icon-button:hover {
    background: #eaf3ff;
}

body.wms-inner-frame .wms-grid-icon-button .bi-copy::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame .ui-datepicker-trigger.wms-slick-date-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 2px 0 0 3px;
    padding: 0;
    border: 0;
    background: transparent !important;
    color: #495057;
    line-height: 1;
    vertical-align: top;
    cursor: pointer;
}

body.wms-inner-frame .ui-datepicker-trigger.wms-slick-date-trigger:hover {
    color: #0f7f45;
}

body.wms-inner-frame .wms-toolbar .ui-datepicker-trigger.wms-slick-date-trigger.wms-toolbar-date-trigger {
    width: var(--wms-toolbar-control-height);
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    margin: 0;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background: #fff !important;
    vertical-align: middle;
}

body.wms-inner-frame .wms-toolbar .ui-datepicker-trigger.wms-slick-date-trigger.wms-toolbar-date-trigger:hover,
body.wms-inner-frame .wms-toolbar .ui-datepicker-trigger.wms-slick-date-trigger.wms-toolbar-date-trigger:focus {
    border-color: #86b7fe;
    background: #f8fafc !important;
    color: #0f7f45;
    box-shadow: none;
}

body.wms-inner-frame .ui-datepicker-trigger.wms-slick-date-trigger .bi-calendar::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-take-buyer-list-page #ui-datepicker-div,
body.wms-take-ok-list-page #ui-datepicker-div,
body.wms-return-goods-page #ui-datepicker-div,
body.wms-return-goods-ok-page #ui-datepicker-div,
body.wms-return-unapproved-list-page #ui-datepicker-div,
body.wms-return-wait-list-page #ui-datepicker-div,
body.wms-return-ok-list-page #ui-datepicker-div,
body.wms-stock-current-list-page #ui-datepicker-div,
body.wms-stock-date-list-page #ui-datepicker-div,
body.wms-stock-adjust-list-page #ui-datepicker-div,
body.wms-stock-transfer-ok-list-page #ui-datepicker-div {
    z-index: 10050 !important;
}

body.wms-inner-frame .wms-copy-toast {
    border: 1px solid rgba(34, 197, 94, 0.35);
    border-radius: 8px;
    background: #f0fdf4;
    color: #14532d;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
    font-size: var(--wms-content-font-size);
}

body.wms-inner-frame .search-panel {
    box-sizing: border-box;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: #f2f4f6 !important;
    border-top: 1px solid #dfe4e8 !important;
    border-bottom: 1px solid #cfd6dd !important;
    box-shadow: none;
}

body.wms-inner-frame .wms-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    min-height: 46px;
    padding: 6px 12px;
    background: #f2f4f6;
}

body.wms-inner-frame .wms-toolbar.wms-toolbar-stacked {
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    box-sizing: border-box;
    min-height: 90px;
    padding: 0;
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-toolbar-stacked .wms-toolbar-row {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    min-height: 46px;
    min-width: max-content;
    padding: 6px 12px;
    background: #f2f4f6;
    border-bottom: 1px solid #d7dee5;
}

body.wms-inner-frame .wms-toolbar-stacked .wms-toolbar-row + .wms-toolbar-row {
    min-height: 44px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #fff;
    border-bottom: 0;
}

body.wms-inner-frame .wms-toolbar-stacked .wms-toolbar-section {
    flex: 0 0 auto;
}

body.wms-inner-frame .wms-toolbar-stacked .wms-toolbar-section:first-of-type {
    padding-left: 0;
}

body.wms-inner-frame .wms-toolbar-stacked .wms-toolbar-section:last-of-type {
    padding-right: 0;
    border-right: 0;
}

body.wms-inner-frame .wms-toolbar-section {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: var(--wms-toolbar-control-height);
    padding: 0 16px;
    border-right: 1px solid #d7dee5;
}

body.wms-inner-frame .wms-toolbar-stacked .wms-toolbar-row + .wms-toolbar-row .wms-toolbar-section {
    border-right-color: #e1e6eb;
}

body.wms-inner-frame .wms-toolbar-section:first-of-type {
    padding-left: 0;
}

body.wms-inner-frame .wms-toolbar-section:last-of-type {
    padding-right: 0;
    border-right: 0;
}

body.wms-inner-frame .wms-toolbar-divider {
    display: block;
    flex: 0 0 auto;
    width: 1px;
    height: 28px;
    margin: 0 10px;
    background: #d7dee5;
}

body.wms-inner-frame .wms-toolbar-label,
body.wms-inner-frame .wms-toolbar-section-label {
    margin: 0;
    color: #212529;
    line-height: var(--wms-toolbar-control-height);
    white-space: nowrap;
}

body.wms-inner-frame .wms-toolbar-input {
    width: 122px;
    min-width: 122px;
}

body.wms-inner-frame .wms-toolbar .form-control,
body.wms-inner-frame .wms-toolbar input[type="text"] {
    height: var(--wms-toolbar-control-height) !important;
    min-height: var(--wms-toolbar-control-height);
    padding: 0 10px !important;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    line-height: var(--wms-toolbar-control-height);
}

body.wms-inner-frame .wms-toolbar select.wms-toolbar-input {
    height: var(--wms-toolbar-control-height) !important;
    min-height: var(--wms-toolbar-control-height);
    padding: 0 28px 0 10px !important;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background-color: #fff;
    line-height: var(--wms-toolbar-control-height);
}

body.wms-inner-frame .wms-toolbar .btn,
body.wms-inner-frame .wms-toolbar input[type="button"].btn {
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    padding: 0 14px;
    border-radius: 5px;
    line-height: calc(var(--wms-toolbar-control-height) - 2px);
    white-space: nowrap;
}

body.wms-inner-frame .wms-toolbar label.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

body.wms-inner-frame .wms-toolbar button.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

body.wms-inner-frame .wms-toolbar button.btn svg,
body.wms-inner-frame .wms-toolbar button.btn i {
    flex: 0 0 auto;
}

body.wms-inner-frame .wms-toolbar .bi-person-add::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0m-2-6a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3Cpath d='M8.256 14a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0m-2-6a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3Cpath d='M8.256 14a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1z'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame .wms-toolbar .btn-primary,
body.wms-inner-frame .wms-toolbar input[type="button"].btn-primary {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-toolbar .btn-primary:hover,
body.wms-inner-frame .wms-toolbar input[type="button"].btn-primary:hover {
    background-color: #464c53 !important;
    border-color: #464c53 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-toolbar .btn-primary:focus,
body.wms-inner-frame .wms-toolbar input[type="button"].btn-primary:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-toolbar .wms-btn-excel-download {
    background-color: #7dd3fc !important;
    border-color: #7dd3fc !important;
    color: #0f172a !important;
}

body.wms-inner-frame .wms-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-toolbar .wms-btn-excel-download:focus {
    background-color: #38bdf8 !important;
    border-color: #38bdf8 !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-toolbar .wms-btn-refresh {
    background-color: #fff !important;
    border-color: #7dd3fc !important;
    color: #0369a1 !important;
}

body.wms-inner-frame .wms-toolbar .wms-btn-refresh:hover,
body.wms-inner-frame .wms-toolbar .wms-btn-refresh:focus {
    background-color: #e0f2fe !important;
    border-color: #38bdf8 !important;
    color: #075985 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-toolbar-search {
    border-right: 0;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-toolbar-actions:last-child {
    justify-content: flex-end;
    margin-left: auto;
    border-right: 0;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-search,
body.wms-inner-frame .wms-toolbar.wms-base-toolbar input[type="button"].wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-search:focus,
body.wms-inner-frame .wms-toolbar.wms-base-toolbar input[type="button"].wms-btn-search:hover,
body.wms-inner-frame .wms-toolbar.wms-base-toolbar input[type="button"].wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-base-add {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-base-add:hover,
body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-base-add:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-base-delete {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-base-delete:hover,
body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-base-delete:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-toolbar-secondary {
    background-color: #e9edf2 !important;
    border-color: #e1e6eb !important;
    color: #4b5563 !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-toolbar-secondary:focus {
    background-color: #dde3ea !important;
    border-color: #d3dbe3 !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-excel-download {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-toolbar.wms-base-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-toolbar-row:first-child,
body.wms-inner-frame .wms-po-all-toolbar .wms-toolbar-row:first-child,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-toolbar-row:first-child,
body.wms-inner-frame .wms-po-wait-toolbar .wms-toolbar-row:first-child,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-toolbar-row:first-child,
body.wms-inner-frame .wms-po-ok-toolbar .wms-toolbar-row:first-child {
    width: 100%;
    min-width: max-content;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-po-all-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-po-wait-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-po-ok-toolbar .wms-toolbar-search {
    border-right: 0;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-toolbar-actions,
body.wms-inner-frame .wms-po-all-toolbar .wms-toolbar-actions,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-toolbar-actions,
body.wms-inner-frame .wms-po-wait-toolbar .wms-toolbar-actions,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-toolbar-actions,
body.wms-inner-frame .wms-po-ok-toolbar .wms-toolbar-actions {
    margin-left: auto;
    border-right: 0;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-search,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-search,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-search,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-search,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-search,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-search:focus,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-search:focus,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-search:focus,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-search:focus,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-search:focus,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-excel-download,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-excel-download,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-excel-download,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-excel-download,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-excel-download,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-excel-download {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-excel-download:focus,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-excel-download:focus,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-excel-download:focus,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-excel-download:focus,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-excel-download:focus,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-toolbar-secondary,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-toolbar-secondary,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-toolbar-secondary,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-toolbar-secondary,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-toolbar-secondary,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-toolbar-secondary {
    background-color: #e9edf2 !important;
    border-color: #e1e6eb !important;
    color: #4b5563 !important;
}

body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame .wms-po-ok-modify-toolbar .wms-btn-toolbar-secondary:focus,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame .wms-po-all-toolbar .wms-btn-toolbar-secondary:focus,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-toolbar-secondary:focus,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-toolbar-secondary:focus,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-toolbar-secondary:focus,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-toolbar-secondary:focus {
    background-color: #dde3ea !important;
    border-color: #d3dbe3 !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-group-create {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-group-create:hover,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-group-create:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-group-delete {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-group-delete:hover,
body.wms-inner-frame .wms-po-ok-toolbar .wms-btn-group-delete:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child,
.wms-po-ok-list-page .wms-po-ok-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child {
    width: 100%;
    min-width: max-content;
}

body.wms-inner-frame.wms-po-history-list-page .wms-po-all-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child,
.wms-po-history-list-page .wms-po-all-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child {
    width: 100%;
    min-width: max-content;
}

body.wms-inner-frame.wms-po-arrange-list-page .wms-po-arrange-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child,
.wms-po-arrange-list-page .wms-po-arrange-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child {
    width: 100%;
    min-width: max-content;
}

body.wms-inner-frame.wms-po-wait-list-page .wms-po-wait-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child,
.wms-po-wait-list-page .wms-po-wait-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child {
    width: 100%;
    min-width: max-content;
}

body.wms-inner-frame.wms-po-unapproved-list-page .wms-po-unapproved-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child,
.wms-po-unapproved-list-page .wms-po-unapproved-toolbar.wms-toolbar-stacked .wms-toolbar-row:first-child {
    width: 100%;
    min-width: max-content;
}

body.wms-inner-frame.wms-return-unapproved-list-page .wms-return-unapproved-toolbar.wms-toolbar-stacked,
.wms-return-unapproved-shell-content .wms-return-unapproved-toolbar.wms-toolbar-stacked {
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
}

body.wms-inner-frame.wms-return-unapproved-list-page .search-panel,
.wms-return-unapproved-shell-content #frm > .ui-layout-north.search-panel {
    height: auto;
    min-height: 0 !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-toolbar-actions,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame.wms-po-history-list-page .wms-po-all-toolbar .wms-toolbar-actions,
.wms-po-history-list-page .wms-po-all-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame.wms-po-arrange-list-page .wms-po-arrange-toolbar .wms-toolbar-actions,
.wms-po-arrange-list-page .wms-po-arrange-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame.wms-po-wait-list-page .wms-po-wait-toolbar .wms-toolbar-actions,
.wms-po-wait-list-page .wms-po-wait-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame.wms-po-unapproved-list-page .wms-po-unapproved-toolbar .wms-toolbar-actions,
.wms-po-unapproved-list-page .wms-po-unapproved-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-excel-download,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-excel-download {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-excel-download:focus,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-excel-download:hover,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-create,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-create {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-create:hover,
body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-create:focus,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-create:hover,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-create:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-delete,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-delete {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-delete:hover,
body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-delete:focus,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-delete:hover,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-group-delete:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-toolbar-secondary,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-toolbar-secondary {
    background-color: #e9edf2 !important;
    border-color: #e1e6eb !important;
    color: #4b5563 !important;
}

body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-toolbar-secondary:focus,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-toolbar-secondary:hover,
.wms-po-ok-list-page .wms-po-ok-toolbar .wms-btn-toolbar-secondary:focus {
    background-color: #dde3ea !important;
    border-color: #d3dbe3 !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-po-group .btn,
body.wms-inner-frame .wms-toolbar .wms-toolbar-po-group input[type="button"].btn {
    background-color: #e9edf2 !important;
    border-color: #e1e6eb !important;
    color: #4b5563 !important;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-po-group .btn:hover,
body.wms-inner-frame .wms-toolbar .wms-toolbar-po-group .btn:focus,
body.wms-inner-frame .wms-toolbar .wms-toolbar-po-group input[type="button"].btn:hover,
body.wms-inner-frame .wms-toolbar .wms-toolbar-po-group input[type="button"].btn:focus {
    background-color: #dde3ea !important;
    border-color: #d3dbe3 !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-all-toolbar .wms-status-filter-group > .btn,
body.wms-inner-frame .wms-po-all-toolbar .wms-status-filter-group > .btn.active {
    background-color: #e9edf2 !important;
    border-color: #e1e6eb !important;
    color: #4b5563 !important;
}

body.wms-inner-frame .wms-po-all-toolbar .wms-status-filter-group > .btn:hover,
body.wms-inner-frame .wms-po-all-toolbar .wms-status-filter-group > .btn:focus,
body.wms-inner-frame .wms-po-all-toolbar .wms-status-filter-group > .btn.active:hover,
body.wms-inner-frame .wms-po-all-toolbar .wms-status-filter-group > .btn.active:focus {
    background-color: #dde3ea !important;
    border-color: #d3dbe3 !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-all-toolbar .wms-status-filter-icon-off {
    color: #4b5563 !important;
}

body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-po-add {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-po-add:hover,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-po-add:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-po-delete {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-po-delete:hover,
body.wms-inner-frame .wms-po-unapproved-toolbar .wms-btn-po-delete:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-arrange-edit {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-arrange-edit:hover,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-arrange-edit:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-arrange-complete {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-arrange-complete:hover,
body.wms-inner-frame .wms-po-arrange-toolbar .wms-btn-arrange-complete:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-wait-edit {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-wait-edit:hover,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-wait-edit:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-wait-ready {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-wait-ready:hover,
body.wms-inner-frame .wms-po-wait-toolbar .wms-btn-wait-ready:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-take-buyer-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-take-ok-toolbar .wms-toolbar-search {
    border-right: 0;
}

body.wms-inner-frame .wms-take-buyer-toolbar .wms-toolbar-actions,
body.wms-inner-frame .wms-take-ok-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame .wms-take-buyer-toolbar .wms-btn-search,
body.wms-inner-frame .wms-take-ok-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-take-buyer-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-take-buyer-toolbar .wms-btn-search:focus,
body.wms-inner-frame .wms-take-ok-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-take-ok-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-take-buyer-toolbar .wms-btn-excel-download,
body.wms-inner-frame .wms-take-ok-toolbar .wms-btn-excel-download {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-take-buyer-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-take-buyer-toolbar .wms-btn-excel-download:focus,
body.wms-inner-frame .wms-take-ok-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-take-ok-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail {
    box-sizing: border-box;
    padding: 12px;
    background: #f8fafc;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 12px;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 32px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 5px;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-toolbar-secondary {
    background-color: #e9edf2 !important;
    border-color: #e1e6eb !important;
    color: #4b5563 !important;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-toolbar-secondary:focus {
    background-color: #dde3ea !important;
    border-color: #d3dbe3 !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-take-in {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-take-in:hover,
body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-take-in:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-take-cancel {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-take-cancel:hover,
body.wms-inner-frame.wms-take-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-take-cancel:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail h4 {
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    padding: 8px 10px;
    border: 1px solid rgba(35, 134, 67, 0.22);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: var(--wms-primary-header);
    color: var(--wms-primary-text);
    font-size: 13px;
    font-weight: 600;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table,
body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table-input {
    width: 100%;
    margin: 0 0 16px;
    border: 1px solid #cbd5df;
    border-collapse: collapse;
    background: #fff;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table th,
body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table-input th {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid rgba(35, 134, 67, 0.22);
    border-bottom: 1px solid #a7e7b6;
    background: var(--wms-primary-header);
    color: var(--wms-primary-text);
    font-weight: 400;
    text-align: center;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table-input th {
    width: 150px;
    text-align: right;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table td,
body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table-input td {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid #d8e0e7;
    border-bottom: 1px solid #d8e0e7;
    color: #1f2933;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table-input td {
    text-align: left;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table tbody > tr:nth-child(odd) {
    background-color: #f8fafc;
}

body.wms-inner-frame.wms-take-buyer-list-page div.order-detail table.sb-table tr:hover td {
    background: #eaf7ee;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail {
    box-sizing: border-box;
    height: 100%;
    padding: 12px;
    overflow: auto;
    background: #f8fafc;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 0 12px;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 32px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-toolbar-secondary {
    background-color: #e9edf2 !important;
    border-color: #e1e6eb !important;
    color: #4b5563 !important;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-toolbar-secondary:focus {
    background-color: #dde3ea !important;
    border-color: #d3dbe3 !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-detail-primary {
    background-color: #5cab7d !important;
    border-color: #5cab7d !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-detail-primary:hover,
body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-detail-primary:focus {
    background-color: #4c9c70 !important;
    border-color: #4c9c70 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-detail-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-detail-danger:hover,
body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-detail-actions .wms-btn-detail-danger:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail h4 {
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    padding: 8px 10px;
    border: 1px solid #cbd5df;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #e9edf2;
    color: #1f2933;
    font-size: 13px;
    font-weight: 600;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table,
body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table-input {
    width: 100%;
    margin: 0 0 16px;
    border: 1px solid #cbd5df;
    border-collapse: collapse;
    background: #fff;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table {
    min-width: 900px;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table th,
body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table-input th {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid #cbd5df;
    border-bottom: 1px solid #cbd5df;
    background: #e9edf2;
    color: #1f2933;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table-input th {
    width: 150px;
    text-align: right;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table td,
body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table-input td {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid #d8e0e7;
    border-bottom: 1px solid #d8e0e7;
    color: #1f2933;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table-input td {
    text-align: left;
    white-space: normal;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table tbody > tr:nth-child(odd) {
    background-color: #f8fafc;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table tr:hover td {
    background: #eef2f6;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table .wms-detail-empty-row td {
    height: 38px;
    color: #667789;
    font-weight: 500;
    text-align: center;
    background: #fff;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail table.sb-table .wms-detail-empty-row:hover td {
    background: #fff;
}

body.wms-inner-frame.wms-so-buyer-list-page div.order-detail .wms-clickable-delivery {
    color: #0d6efd;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.wms-inner-frame.wms-so-buyer-list-page .wms-so-buyer-detail-button {
    height: 22px;
    min-width: 46px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: var(--wms-content-font-size);
    font-weight: 600;
    line-height: 20px;
    box-shadow: none;
}

body.wms-inner-frame.wms-so-buyer-list-page .wms-so-buyer-detail-button.so-buyer-info-default {
    border-color: #b8c5d1;
    background: #fff;
    color: #334155;
}

body.wms-inner-frame.wms-so-buyer-list-page .wms-so-buyer-detail-button.so-buyer-info-green {
    border-color: #5cab7d;
    background: #effaf3;
    color: #0f7f45;
}

body.wms-inner-frame.wms-so-buyer-list-page .wms-so-buyer-detail-button.so-buyer-info-yellow {
    border-color: #e1c75f;
    background: #fff8df;
    color: #7a5600;
}

body.wms-inner-frame.wms-so-buyer-list-page .wms-so-buyer-detail-button.so-buyer-info-red {
    border-color: #f0a5ad;
    background: #fff1f2;
    color: #b42318;
}

body.wms-inner-frame.wms-so-buyer-list-page .wms-so-buyer-detail-button:hover,
body.wms-inner-frame.wms-so-buyer-list-page .wms-so-buyer-detail-button:focus {
    filter: brightness(0.98);
    box-shadow: none;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-toolbar-select-mode,
body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-toolbar-refresh {
    border-right: 0;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-btn-excel-download {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-stock-qty-input {
    width: 82px;
    min-width: 82px;
    text-align: center;
}

body.wms-inner-frame .wms-so-validation-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-toolbar-search {
    border-right: 0;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-toolbar-section {
    gap: 8px;
    padding-right: 12px;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    width: 100%;
    justify-content: flex-start;
    margin-left: 0 !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-toolbar-row:first-child .wms-toolbar-search {
    flex: 1 1 auto !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-search-divider,
body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-popup-divider {
    margin-right: 4px;
    margin-left: 4px;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-order-input {
    flex-basis: 148px !important;
    width: 148px !important;
    min-width: 148px !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-goods-input {
    flex-basis: 170px !important;
    width: 170px !important;
    min-width: 170px !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-so-validation-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-popup-btn {
    background-color: #5cab7d !important;
    border-color: #5cab7d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-popup-btn:hover,
body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-popup-btn:focus {
    background-color: #4c9c70 !important;
    border-color: #4c9c70 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-btn-excel-download {
    margin-left: auto !important;
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-so-validation-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-select-mode {
    display: inline-flex;
    gap: 3px;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-select-mode > .btn {
    min-width: 34px;
    margin-left: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    border-color: #cbd5df !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: #343a40 !important;
}

body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-select-mode > .btn.active,
body.wms-inner-frame .wms-so-validation-toolbar .wms-so-validation-select-mode > .btn:has(input[type="radio"]:checked) {
    border-color: #3a3f44 !important;
    background-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-goods-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-toolbar-search {
    border-right: 0;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-toolbar-section {
    gap: 8px;
    padding-right: 12px;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    width: 100%;
    justify-content: flex-start;
    margin-left: 0 !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-toolbar-row:first-child .wms-toolbar-search {
    flex: 1 1 auto !important;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-so-goods-search-divider {
    margin-right: 4px;
    margin-left: 4px;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-so-goods-order-input {
    flex-basis: 150px !important;
    width: 150px !important;
    min-width: 150px !important;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-so-goods-product-input {
    flex-basis: 180px !important;
    width: 180px !important;
    min-width: 180px !important;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-so-goods-product-icon {
    color: #64748b !important;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-so-goods-product-icon svg {
    opacity: .72;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-so-goods-status-filter select:not(.select2-hidden-accessible) {
    width: 140px !important;
    min-width: 140px !important;
    border-right: 1px solid #adb5bd;
    border-radius: 0 5px 5px 0;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-so-goods-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-btn-excel-download {
    margin-left: auto !important;
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-goods-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-so-goods-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-trans-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-so-trans-toolbar .wms-toolbar-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
    min-width: max-content;
}

body.wms-inner-frame .wms-so-trans-toolbar .wms-toolbar-section {
    gap: 8px;
    padding-right: 12px;
}

body.wms-inner-frame .wms-so-trans-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-trans-toolbar .wms-so-trans-search-divider {
    margin-right: 4px;
    margin-left: 4px;
}

body.wms-inner-frame .wms-so-trans-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-trans-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-so-trans-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-trans-toolbar .wms-btn-excel-download {
    margin-left: auto !important;
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-trans-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-so-trans-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-grid-shell > #myGrid.wms-grid-inset-panel {
    box-sizing: border-box !important;
    padding: 10px 10px 0 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail {
    box-sizing: border-box;
    height: 100%;
    padding: 12px;
    overflow: auto;
    background: #f8fafc;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail .wms-detail-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 12px;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail .wms-detail-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 32px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail .wms-detail-actions .wms-btn-toolbar-secondary {
    background-color: #e9edf2 !important;
    border-color: #e1e6eb !important;
    color: #4b5563 !important;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail .wms-detail-actions .wms-btn-toolbar-secondary:hover,
body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail .wms-detail-actions .wms-btn-toolbar-secondary:focus {
    background-color: #dde3ea !important;
    border-color: #d3dbe3 !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail h4 {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #cbd5df;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #e9edf2;
    color: #1f2933;
    font-size: 13px;
    font-weight: 600;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail h4 span {
    margin-left: 8px;
    color: #667789;
    font-weight: 500;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail table.sb-table {
    width: 100%;
    margin: 0;
    border: 1px solid #cbd5df;
    border-collapse: collapse;
    background: #fff;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail table.sb-table th {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid #cbd5df;
    border-bottom: 1px solid #cbd5df;
    background: #e9edf2;
    color: #1f2933;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail table.sb-table td {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid #d8e0e7;
    border-bottom: 1px solid #d8e0e7;
    color: #1f2933;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail table.sb-table tbody > tr:nth-child(odd) {
    background-color: #f8fafc;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail table.sb-table tr:hover td {
    background: #eef2f6;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail table.sb-table .wms-detail-empty-row td {
    height: 38px;
    color: #667789;
    font-weight: 500;
    text-align: center;
    background: #fff;
}

body.wms-inner-frame.wms-so-trans-list-page .wms-so-trans-detail-button {
    height: 22px;
    min-width: 46px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: var(--wms-content-font-size);
    font-weight: 600;
    line-height: 20px;
}

body.wms-inner-frame .wms-so-buyer-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-toolbar-search {
    border-right: 0;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-toolbar-section {
    gap: 8px;
    padding-right: 12px;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    width: 100%;
    justify-content: flex-start;
    margin-left: 0 !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-toolbar-row:first-child .wms-toolbar-search {
    flex: 1 1 auto !important;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-so-buyer-search-divider {
    margin-right: 4px;
    margin-left: 4px;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-so-buyer-order-input {
    flex-basis: 180px !important;
    width: 180px !important;
    min-width: 180px !important;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-so-buyer-status-filter select:not(.select2-hidden-accessible) {
    width: 150px !important;
    min-width: 150px !important;
    border-right: 1px solid #adb5bd;
    border-radius: 0 5px 5px 0;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-so-buyer-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-so-buyer-validation-btn {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-so-buyer-validation-btn:hover,
body.wms-inner-frame .wms-so-buyer-toolbar .wms-so-buyer-validation-btn:focus {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-btn-excel-download {
    margin-left: auto !important;
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-buyer-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-so-buyer-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-interface-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-toolbar-search {
    border-right: 0;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-toolbar-section {
    gap: 8px;
    padding-right: 12px;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    width: 100%;
    justify-content: flex-start;
    margin-left: 0 !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-toolbar-row:first-child .wms-toolbar-search {
    flex: 1 1 auto !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-search-divider,
body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-upload-divider {
    margin-right: 4px;
    margin-left: 4px;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-search-input {
    flex-basis: 180px !important;
    width: 180px !important;
    min-width: 180px !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-so-interface-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-upload-btn {
    background-color: #5cab7d !important;
    border-color: #5cab7d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-upload-btn:hover,
body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-upload-btn:focus {
    background-color: #4c9c70 !important;
    border-color: #4c9c70 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-delete-btn {
    background-color: #6b7280 !important;
    border-color: #6b7280 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-delete-btn:hover,
body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-delete-btn:focus {
    background-color: #4b5563 !important;
    border-color: #4b5563 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-btn-excel-download {
    margin-left: auto !important;
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-so-interface-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-select-mode {
    display: inline-flex;
    gap: 3px;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-select-mode > .btn {
    min-width: 34px;
    margin-left: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    border-color: #cbd5df !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: #343a40 !important;
}

body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-select-mode > .btn.active,
body.wms-inner-frame .wms-so-interface-toolbar .wms-so-interface-select-mode > .btn:has(input[type="radio"]:checked) {
    border-color: #3a3f44 !important;
    background-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-so-upload-popup-page {
    margin: 0;
    overflow: hidden;
    background: #f4f6f8;
}

body.wms-so-upload-popup-page #frm {
    width: 100%;
    min-height: 100vh;
    margin: 0;
}

body.wms-so-upload-popup-page .wms-upload-popup {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 900px;
    height: 100vh;
    min-height: 620px;
    overflow: hidden;
    background: #f4f6f8;
    color: #1f2933;
    font-size: 12px;
}

body.wms-so-upload-popup-page .wms-upload-popup-head {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    height: 56px;
    padding: 0 18px;
    border-bottom: 1px solid #d8e0e8;
    background: #fff;
}

body.wms-so-upload-popup-page .wms-upload-popup-head h1 {
    margin: 0;
    color: #202833;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

body.wms-po-upload-popup-page .wms-upload-head-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

body.wms-po-upload-popup-page .wms-po-upload-result-modal .modal-body {
    align-items: flex-start !important;
}

body.wms-po-upload-popup-page .wms-po-upload-result-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

body.wms-po-upload-popup-page .wms-po-upload-result-content .wms-result-modal-message {
    line-height: 1.5;
}

body.wms-po-upload-popup-page .wms-po-upload-result-content .wms-result-modal-detail {
    margin: 0;
    color: #526173;
    font-size: 12px;
    line-height: 1.45;
    white-space: pre-line;
}

body.wms-so-upload-popup-page .wms-upload-file-state {
    display: inline-flex;
    align-items: center;
    max-width: 520px;
    min-width: 260px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #f8fafb;
    white-space: nowrap;
}

body.wms-so-upload-popup-page .wms-upload-file-state.is-ready {
    border-color: #9bd8b1;
    background: #f0fbf4;
}

body.wms-so-upload-popup-page .wms-upload-file-label {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    border-right: 1px solid #d5dee7;
    color: #5f6b76;
    font-weight: 700;
}

body.wms-so-upload-popup-page .wms-upload-file-name {
    min-width: 0;
    overflow: hidden;
    padding: 0 12px;
    color: #2f3439;
    text-overflow: ellipsis;
}

body.wms-so-upload-popup-page .wms-upload-toolbar {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 52px;
    padding: 9px 14px;
    border-bottom: 1px solid #d8e0e8;
    background: #eef1f4;
}

body.wms-so-upload-popup-page .wms-upload-toolbar-group {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

body.wms-so-upload-popup-page .wms-upload-toolbar-group label {
    margin: 0 2px 0 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    white-space: nowrap;
}

body.wms-so-upload-popup-page .wms-upload-toolbar .select2-container {
    min-width: 240px;
    font-size: 12px;
}

body.wms-so-upload-popup-page .wms-upload-toolbar .select2-container .select2-selection,
body.wms-so-upload-popup-page .wms-upload-toolbar .select2-container .select2-choice {
    display: flex;
    align-items: center;
    height: 32px;
    min-height: 32px;
    border-color: #bfcbd6;
    border-radius: 4px;
}

body.wms-so-upload-popup-page .wms-upload-toolbar .select2-container .select2-selection__rendered,
body.wms-so-upload-popup-page .wms-upload-toolbar .select2-container .select2-chosen {
    display: flex;
    align-items: center;
    height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 30px;
}

body.wms-so-upload-popup-page .wms-upload-toolbar .select2-container .select2-selection__arrow,
body.wms-so-upload-popup-page .wms-upload-toolbar .select2-container .select2-arrow {
    top: 1px;
    height: 30px;
}

body.wms-so-upload-popup-page .select2-search,
body.wms-so-upload-popup-page .select2-search--dropdown {
    display: none !important;
}

body.wms-so-upload-popup-page .select2-selection__clear,
body.wms-so-upload-popup-page .select2-search-choice-close {
    display: none !important;
}

body.wms-so-upload-popup-page .wms-upload-file-panel {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    margin: 12px 14px 0;
    padding: 12px;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}

body.wms-so-upload-popup-page .wms-upload-file-panel.is-dragover {
    border-color: #69c988;
    background: #f0fbf4;
}

body.wms-so-upload-popup-page .wms-upload-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

body.wms-so-upload-popup-page .wms-upload-file-meta {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.wms-so-upload-popup-page .wms-upload-file-meta strong {
    color: #202833;
    font-size: 13px;
}

body.wms-so-upload-popup-page .wms-upload-file-meta span {
    color: #667789;
    font-size: 12px;
}

body.wms-so-upload-popup-page .wms-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 76px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
}

body.wms-so-upload-popup-page .wms-upload-btn-dark {
    border-color: #343a40;
    background: #343a40;
    color: #fff;
}

body.wms-so-upload-popup-page .wms-upload-btn-dark:hover,
body.wms-so-upload-popup-page .wms-upload-btn-dark:focus {
    border-color: #262b30;
    background: #262b30;
    color: #fff;
    box-shadow: none;
}

body.wms-so-upload-popup-page .wms-upload-btn-secondary {
    border-color: #b8c5d1;
    background: #fff;
    color: #334155;
}

body.wms-so-upload-popup-page .wms-upload-btn-secondary:hover,
body.wms-so-upload-popup-page .wms-upload-btn-secondary:focus,
body.wms-so-upload-popup-page .wms-upload-btn-light:hover,
body.wms-so-upload-popup-page .wms-upload-btn-light:focus {
    border-color: #9fb0c0;
    background: #f8fafb;
    color: #1f2933;
    box-shadow: none;
}

body.wms-so-upload-popup-page .wms-upload-btn-light {
    border-color: #b8c5d1;
    background: #f8fafb;
    color: #334155;
}

body.wms-so-upload-popup-page .wms-upload-btn-primary {
    border-color: #148a4d;
    background: #148a4d;
    color: #fff;
}

body.wms-so-upload-popup-page .wms-upload-btn-primary:hover,
body.wms-so-upload-popup-page .wms-upload-btn-primary:focus {
    border-color: #0f7f45;
    background: #0f7f45;
    color: #fff;
    box-shadow: none;
}

body.wms-so-upload-popup-page .wms-upload-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

body.wms-so-upload-popup-page .wms-upload-btn:disabled:hover,
body.wms-so-upload-popup-page .wms-upload-btn:disabled:focus {
    transform: none;
}

body.wms-so-upload-popup-page .wms-upload-main {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(760px, 1fr) minmax(320px, 0.8fr);
    gap: 12px;
    min-height: 0;
    padding: 12px 14px 14px;
    overflow: hidden;
    box-sizing: border-box;
}

body.wms-po-upload-popup-page .wms-upload-main {
    grid-template-columns: minmax(0, 1fr);
}

body.wms-so-upload-popup-page .wms-upload-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #fff;
}

body.wms-so-upload-popup-page .wms-upload-panel-head {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 44px;
    padding: 0 12px;
    border-bottom: 1px solid #d5dee7;
    background: #fff;
}

body.wms-so-upload-popup-page .wms-upload-panel-head h2 {
    margin: 0;
    color: #202833;
    font-size: 14px;
    font-weight: 700;
}

body.wms-so-upload-popup-page .wms-upload-grid-shell {
    flex: 1 1 auto;
    max-width: 100%;
    min-height: 0;
    padding: 12px;
    overflow: auto;
    box-sizing: border-box;
}

body.wms-inner-frame.wms-so-upload-popup-page .wms-upload-grid-shell > #myGrid.wms-grid-inset-panel {
    box-sizing: content-box !important;
    padding: 10px 10px 0 10px !important;
    border: 1px solid #cbd5df !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-so-upload-popup-page #myGrid.wms-grid-empty .slick-pane-top,
body.wms-inner-frame.wms-so-upload-popup-page #myGrid.wms-grid-empty .slick-viewport {
    height: 30px !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-so-upload-popup-page #myGrid.wms-grid-empty .grid-canvas {
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.wms-so-upload-popup-page .wms-upload-preview-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #667789;
    font-size: 12px;
    white-space: nowrap;
}

body.wms-so-upload-popup-page .wms-upload-preview-status span + span {
    padding-left: 8px;
    border-left: 1px solid #d5dee7;
}

body.wms-so-upload-popup-page .wms-upload-preview-wrap {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 12px;
    background: #fff;
}

body.wms-so-upload-popup-page .wms-upload-preview-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 220px;
    color: #667789;
    font-size: 13px;
    text-align: center;
}

body.wms-so-upload-popup-page .wms-upload-preview-table {
    width: auto;
    min-width: 100%;
    margin: 0;
    border-collapse: collapse;
    color: #2f3439;
    font-size: 12px;
    table-layout: auto;
}

body.wms-so-upload-popup-page .wms-upload-preview-table tr:first-child td,
body.wms-so-upload-popup-page .wms-upload-preview-table tr:first-child th {
    height: 30px;
    padding: 0 8px;
    border-right: 1px solid #9ddfac;
    border-bottom: 1px solid #9ddfac;
    background: #82e399;
    color: #1f2933;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
}

body.wms-so-upload-popup-page .wms-upload-preview-table td,
body.wms-so-upload-popup-page .wms-upload-preview-table th {
    height: 30px;
    padding: 0 8px;
    border-right: 1px solid #d5dee7;
    border-bottom: 1px solid #d5dee7;
    background: #fff;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
}

body.wms-so-upload-popup-page .wms-upload-preview-table tr:nth-child(odd):not(:first-child) td,
body.wms-so-upload-popup-page .wms-upload-preview-table tr:nth-child(odd):not(:first-child) th {
    background: #eef1f4;
}

@media (max-width: 1040px) {
    body.wms-so-upload-popup-page {
        overflow: auto;
    }

    body.wms-so-upload-popup-page .wms-upload-popup {
        height: auto;
        min-width: 760px;
        min-height: 100vh;
        overflow: visible;
    }

    body.wms-so-upload-popup-page .wms-upload-main {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    body.wms-so-upload-popup-page .wms-upload-panel {
        min-height: 280px;
    }
}

body.wms-location-upload-popup-page {
    margin: 0;
    overflow: hidden;
    background: #f4f6f8;
}

body.wms-location-upload-popup-page #frm {
    width: 100%;
    min-height: 100vh;
    margin: 0;
}

body.wms-location-upload-popup-page .wms-location-upload-popup {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 820px;
    height: 100vh;
    min-height: 620px;
    overflow: hidden;
    background: #f4f6f8;
    color: #1f2933;
    font-size: 12px;
    box-sizing: border-box;
}

body.wms-location-upload-popup-page .wms-location-upload-popup-head {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    padding: 0 18px;
    border-bottom: 1px solid #d8e0e8;
    background: #fff;
}

body.wms-location-upload-popup-page .wms-location-upload-popup-head h1 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #202833;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

body.wms-location-upload-popup-page .wms-location-upload-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #b9dfca;
    border-radius: 5px;
    background: #edfdf3;
    color: #148a4d;
}

body.wms-location-upload-popup-page .wms-location-upload-inline-icon {
    display: inline-block;
    flex: 0 0 auto;
    color: currentColor;
    vertical-align: -2px;
}

body.wms-location-upload-popup-page .wms-location-upload-popup-head p {
    margin: 3px 0 0;
    color: #667789;
    font-size: 12px;
}

body.wms-location-upload-popup-page .wms-location-upload-head-actions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

body.wms-location-upload-popup-page .wms-location-upload-file-state {
    display: inline-flex;
    align-items: center;
    max-width: 430px;
    min-width: 260px;
    height: 30px;
    overflow: hidden;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #f8fafb;
    white-space: nowrap;
}

body.wms-location-upload-popup-page .wms-location-upload-file-state.is-ready {
    border-color: #9bd8b1;
    background: #f0fbf4;
}

body.wms-location-upload-popup-page .wms-location-upload-file-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 100%;
    padding: 0 10px;
    border-right: 1px solid #d5dee7;
    color: #5f6b76;
    font-weight: 700;
}

body.wms-location-upload-popup-page .wms-location-upload-file-name {
    min-width: 0;
    overflow: hidden;
    padding: 0 12px;
    color: #2f3439;
    text-overflow: ellipsis;
}

body.wms-location-upload-popup-page .wms-location-upload-close-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 30px;
    min-width: 60px;
    padding: 0 10px;
    border: 1px solid #cbd5df;
    border-radius: 5px;
    background: #f8fafb;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    white-space: nowrap;
    cursor: pointer;
}

body.wms-location-upload-popup-page .wms-location-upload-close-btn:hover,
body.wms-location-upload-popup-page .wms-location-upload-close-btn:focus {
    border-color: #aebdcc;
    background: #eef2f6;
    color: #1f2933;
    box-shadow: none;
}

body.wms-location-upload-popup-page .wms-location-upload-file-panel {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    margin: 12px 14px 0;
    padding: 12px;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}

body.wms-location-upload-popup-page .wms-location-upload-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

body.wms-location-upload-popup-page .wms-location-upload-file-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #d5dee7;
    border-radius: 5px;
    background: #f8fafb;
    color: #148a4d;
}

body.wms-location-upload-popup-page .wms-location-upload-file-meta {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.wms-location-upload-popup-page .wms-location-upload-file-meta strong {
    color: #202833;
    font-size: 13px;
}

body.wms-location-upload-popup-page .wms-location-upload-file-meta span {
    color: #667789;
    font-size: 12px;
}

body.wms-location-upload-popup-page .wms-location-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 32px;
    min-width: 76px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
}

body.wms-location-upload-popup-page .wms-location-upload-btn-light {
    border-color: #b8c5d1;
    background: #f8fafb;
    color: #334155;
}

body.wms-location-upload-popup-page .wms-location-upload-btn-light:hover,
body.wms-location-upload-popup-page .wms-location-upload-btn-light:focus {
    border-color: #9fb0c0;
    background: #eef2f6;
    color: #1f2933;
    box-shadow: none;
}

body.wms-location-upload-popup-page .wms-location-upload-btn-primary {
    border-color: #148a4d;
    background: #148a4d;
    color: #fff;
}

body.wms-location-upload-popup-page .wms-location-upload-btn-primary:hover,
body.wms-location-upload-popup-page .wms-location-upload-btn-primary:focus {
    border-color: #0f7f45;
    background: #0f7f45;
    color: #fff;
    box-shadow: none;
}

body.wms-location-upload-popup-page .wms-location-upload-panel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin: 12px 14px 14px;
    overflow: hidden;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #fff;
}

body.wms-location-upload-popup-page .wms-location-upload-panel-head {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 44px;
    padding: 0 12px;
    border-bottom: 1px solid #d5dee7;
    background: #fff;
}

body.wms-location-upload-popup-page .wms-location-upload-panel-head h2 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #202833;
    font-size: 14px;
    font-weight: 700;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #667789;
    font-size: 12px;
    white-space: nowrap;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-status span + span {
    padding-left: 8px;
    border-left: 1px solid #d5dee7;
}

body.wms-location-upload-popup-page .wms-location-upload-duplicate-status {
    font-weight: 700;
}

body.wms-location-upload-popup-page .wms-location-upload-duplicate-status.is-loading {
    color: #64748b;
}

body.wms-location-upload-popup-page .wms-location-upload-duplicate-status.is-ok {
    color: #0f7f45;
}

body.wms-location-upload-popup-page .wms-location-upload-duplicate-status.is-warning {
    color: #dc3545;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-wrap {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 12px;
    background: #fff;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-empty {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 340px;
    color: #667789;
    font-size: 13px;
    text-align: center;
}

body.wms-location-upload-popup-page .wms-location-upload-empty-icon {
    color: #9aa8b6;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-table {
    width: auto;
    min-width: 100%;
    margin: 0;
    border-collapse: collapse;
    color: #2f3439;
    font-size: 12px;
    table-layout: auto;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-table tr:first-child td,
body.wms-location-upload-popup-page .wms-location-upload-preview-table tr:first-child th {
    height: 30px;
    padding: 0 8px;
    border-right: 1px solid #9ddfac;
    border-bottom: 1px solid #9ddfac;
    background: #82e399;
    color: #1f2933;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-table td,
body.wms-location-upload-popup-page .wms-location-upload-preview-table th {
    height: 30px;
    padding: 0 8px;
    border-right: 1px solid #d5dee7;
    border-bottom: 1px solid #d5dee7;
    background: #fff;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-table tr:nth-child(odd):not(:first-child) td,
body.wms-location-upload-popup-page .wms-location-upload-preview-table tr:nth-child(odd):not(:first-child) th {
    background: #eef1f4;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-table tr.wms-location-upload-row-duplicate td,
body.wms-location-upload-popup-page .wms-location-upload-preview-table tr.wms-location-upload-row-duplicate th,
body.wms-location-upload-popup-page .wms-location-upload-preview-table tr.wms-location-upload-row-duplicate:nth-child(odd):not(:first-child) td,
body.wms-location-upload-popup-page .wms-location-upload-preview-table tr.wms-location-upload-row-duplicate:nth-child(odd):not(:first-child) th {
    background: #fff1f2;
    color: #7f1d1d;
}

body.wms-location-upload-popup-page .wms-location-upload-preview-table tr.wms-location-upload-row-new td,
body.wms-location-upload-popup-page .wms-location-upload-preview-table tr.wms-location-upload-row-new th,
body.wms-location-upload-popup-page .wms-location-upload-preview-table tr.wms-location-upload-row-new:nth-child(odd):not(:first-child) td,
body.wms-location-upload-popup-page .wms-location-upload-preview-table tr.wms-location-upload-row-new:nth-child(odd):not(:first-child) th {
    background: #ecfdf3;
    color: #14532d;
}

body.wms-location-upload-popup-page .wms-location-upload-check-head {
    min-width: 86px;
}

body.wms-location-upload-popup-page .wms-location-upload-check-cell {
    min-width: 86px;
}

body.wms-location-upload-popup-page .wms-location-upload-duplicate-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 8px;
    border: 1px solid #f1aeb5;
    border-radius: 999px;
    background: #f8d7da;
    color: #b4232f;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
}

body.wms-location-upload-popup-page .wms-location-upload-new-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 8px;
    border: 1px solid #b9dfca;
    border-radius: 999px;
    background: #dff7e8;
    color: #0f7f45;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
}

body.wms-location-upload-popup-page .wms-location-upload-result-modal .modal-dialog {
    max-width: 520px;
}

body.wms-location-upload-popup-page .wms-location-upload-result-modal .modal-body {
    align-items: flex-start;
}

body.wms-location-upload-popup-page .wms-location-upload-result-content {
    flex: 1 1 auto;
    min-width: 0;
}

body.wms-location-upload-popup-page .wms-location-upload-result-detail {
    display: none;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    line-height: 1.45;
    white-space: pre-line;
}

body.wms-location-upload-popup-page .wms-location-upload-result-guide {
    display: none;
    margin: 10px 0 0;
    padding-left: 18px;
    color: #334155;
    font-size: 12px;
    line-height: 1.5;
}

body.wms-location-upload-popup-page .wms-location-upload-result-guide li + li {
    margin-top: 3px;
}

@media (max-width: 900px) {
    body.wms-location-upload-popup-page {
        overflow: auto;
    }

    body.wms-location-upload-popup-page .wms-location-upload-popup {
        height: auto;
        min-width: 760px;
        min-height: 100vh;
        overflow: visible;
    }
}

body.wms-trans-validation-popup-page {
    margin: 0;
    overflow: hidden;
    background: #f4f6f8;
}

body.wms-trans-validation-popup-page #frm {
    width: 100%;
    min-height: 100vh;
    margin: 0;
}

body.wms-trans-validation-popup-page .wms-validation-popup {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 840px;
    min-height: 100vh;
    padding: 0 14px 14px;
    overflow: auto;
    background: #f4f6f8;
    color: #1f2933;
    font-size: 12px;
    box-sizing: border-box;
}

body.wms-trans-validation-popup-page .wms-validation-popup-head {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    margin: 0 -14px;
    padding: 0 18px;
    border-bottom: 1px solid #d8e0e8;
    background: #fff;
}

body.wms-trans-validation-popup-page .wms-validation-popup-head h1 {
    margin: 0;
    color: #202833;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

body.wms-trans-validation-popup-page .wms-validation-popup-head p {
    margin: 3px 0 0;
    color: #667789;
    font-size: 12px;
}

body.wms-trans-validation-popup-page .wms-validation-head-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

body.wms-trans-validation-popup-page .wms-validation-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 74px;
    padding: 0 12px;
    border: 1px solid #b9dfca;
    border-radius: 999px;
    background: #edfdf3;
    color: #0f7f45;
    font-weight: 700;
    white-space: nowrap;
}

body.wms-trans-validation-popup-page .wms-validation-status-danger {
    border-color: #f0b4b9;
    background: #fff1f2;
    color: #dc3545;
}

body.wms-trans-validation-popup-page .wms-validation-close-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 30px;
    min-width: 66px;
    padding: 0 10px;
    border: 1px solid #cbd5df;
    border-radius: 5px;
    background: #f1f4f7;
    color: #4b5563;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    white-space: nowrap;
    cursor: pointer;
}

body.wms-trans-validation-popup-page .wms-validation-close-btn:hover,
body.wms-trans-validation-popup-page .wms-validation-close-btn:focus {
    border-color: #b8c5d1;
    background: #e7ecf1;
    color: #1f2933;
    box-shadow: none;
}

body.wms-trans-validation-popup-page .wms-validation-panel {
    flex: 0 0 auto;
    min-width: 0;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

body.wms-trans-validation-popup-page .wms-validation-trans-panel {
    display: grid;
    grid-template-columns: minmax(230px, 0.26fr) minmax(0, 1fr);
    gap: 0;
}

body.wms-trans-validation-popup-page .wms-validation-trans-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    min-height: 124px;
    padding: 14px 16px;
    border-right: 1px solid #d5dee7;
    background: linear-gradient(135deg, #55de76 0%, #b8f4c8 100%);
    box-sizing: border-box;
}

body.wms-trans-validation-popup-page .wms-validation-kicker {
    color: #14532d;
    font-size: 12px;
    font-weight: 700;
}

body.wms-trans-validation-popup-page .wms-validation-trans-card strong {
    color: #0f2c1d;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.25;
    word-break: break-all;
}

body.wms-trans-validation-popup-page .wms-validation-scan-card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 80px;
    padding: 14px;
    box-sizing: border-box;
}

body.wms-trans-validation-popup-page .wms-validation-field {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #334155;
    font-weight: 700;
    white-space: nowrap;
}

body.wms-trans-validation-popup-page .wms-validation-field span {
    flex: 0 0 auto;
}

body.wms-trans-validation-popup-page .wms-validation-field input[type="text"] {
    height: 32px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background: #fff;
    color: #1f2933;
    font-size: 12px;
    line-height: 32px;
    box-sizing: border-box;
}

body.wms-trans-validation-popup-page .wms-validation-field input[name="barcode"] {
    width: 240px;
}

body.wms-trans-validation-popup-page .wms-validation-field input[name="trans_no"] {
    width: 280px;
}

body.wms-trans-validation-popup-page .wms-validation-qty-field input[type="text"] {
    width: 70px;
    text-align: center;
}

body.wms-trans-validation-popup-page .wms-validation-actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

body.wms-trans-validation-popup-page .wms-validation-btn,
body.wms-trans-validation-popup-page .wms-validation-small-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 70px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
}

body.wms-trans-validation-popup-page .wms-validation-small-btn {
    height: 26px;
    min-width: 66px;
    padding: 0 9px;
    border-color: #b9d6f2;
    background: #eef7ff;
    color: #196aa8;
    line-height: 24px;
}

body.wms-trans-validation-popup-page .wms-validation-btn-dark {
    border-color: #343a40;
    background: #343a40;
    color: #fff;
}

body.wms-trans-validation-popup-page .wms-validation-btn-primary {
    border-color: #148a4d;
    background: #148a4d;
    color: #fff;
}

body.wms-trans-validation-popup-page .wms-validation-btn-secondary {
    border-color: #b8c5d1;
    background: #fff;
    color: #334155;
}

body.wms-trans-validation-popup-page .wms-validation-btn-danger {
    border-color: #dc3545;
    background: #dc3545;
    color: #fff;
}

body.wms-trans-validation-popup-page .wms-validation-btn:hover,
body.wms-trans-validation-popup-page .wms-validation-btn:focus,
body.wms-trans-validation-popup-page .wms-validation-small-btn:hover,
body.wms-trans-validation-popup-page .wms-validation-small-btn:focus {
    box-shadow: none;
    filter: brightness(.96);
}

body.wms-trans-validation-popup-page .wms-validation-btn:disabled {
    border-color: #d5dce4;
    background: #e9edf2;
    color: #8a96a3;
    cursor: not-allowed;
    filter: none;
}

body.wms-trans-validation-popup-page .wms-validation-alert {
    grid-column: 2;
    min-height: 42px;
    margin: 0;
    padding: 9px 14px;
    border-width: 1px;
    border-radius: 0;
    font-size: 13px;
    line-height: 1.5;
}

body.wms-trans-validation-popup-page .wms-validation-alert p {
    margin: 0;
}

body.wms-trans-validation-popup-page .wms-validation-alert p + p {
    margin-top: 2px;
}

body.wms-trans-validation-popup-page .wms-validation-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 44px;
    padding: 0 12px;
    border-bottom: 1px solid #d5dee7;
    background: #fff;
}

body.wms-trans-validation-popup-page .wms-validation-panel-head h2 {
    margin: 0;
    color: #202833;
    font-size: 14px;
    font-weight: 700;
}

body.wms-trans-validation-popup-page .wms-validation-panel-head span {
    color: #667789;
    font-weight: 700;
}

body.wms-trans-validation-popup-page .wms-validation-table-wrap {
    width: 100%;
    overflow: auto;
    background: #fff;
}

body.wms-trans-validation-popup-page .wms-validation-table {
    width: 100%;
    min-width: 820px;
    margin: 0;
    border-collapse: collapse;
    color: #2f3439;
    font-size: 12px;
    table-layout: fixed;
}

body.wms-trans-validation-popup-page .wms-validation-table th {
    height: 30px;
    padding: 0 8px;
    border: 0;
    border-right: 1px solid #9ddfac;
    border-bottom: 1px solid #9ddfac;
    background: #82e399;
    color: #1f2933;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

body.wms-trans-validation-popup-page .wms-validation-table td {
    height: 32px;
    padding: 0 8px;
    border: 0;
    border-right: 1px solid #d5dee7;
    border-bottom: 1px solid #d5dee7;
    background: #fff;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

body.wms-trans-validation-popup-page .wms-validation-table tr:nth-child(even) td {
    background: #e9ecef;
}

body.wms-trans-validation-popup-page .wms-validation-table th:last-child,
body.wms-trans-validation-popup-page .wms-validation-table td:last-child {
    border-right: 0;
}

body.wms-trans-validation-popup-page .wms-validation-table .wms-validation-goods-name {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

body.wms-trans-validation-popup-page .wms-validation-start-panel {
    padding: 22px;
}

body.wms-trans-validation-popup-page .wms-validation-start-card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

body.wms-trans-validation-popup-page .wms-validation-start-message {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #d5dee7;
    border-radius: 4px;
    background: #f8fafb;
    color: #667789;
}

body.wms-trans-validation-popup-page .wms-validation-start-message p {
    margin: 0;
}

body.wms-trans-validation-popup-page .wms-validation-start-message p + p {
    margin-top: 4px;
}

body.wms-trans-validation-popup-page .wms-validation-message-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.wms-trans-validation-popup-page .wms-validation-message-main {
    min-width: 0;
}

body.wms-trans-validation-popup-page .wms-validation-message-trans-no {
    color: #111827;
    font-weight: 800;
}

body.wms-trans-validation-popup-page .wms-validation-message-danger {
    color: #dc3545;
    font-weight: 800;
}

@media (max-width: 900px) {
    body.wms-trans-validation-popup-page {
        overflow: auto;
    }

    body.wms-trans-validation-popup-page .wms-validation-popup {
        min-width: 720px;
    }

    body.wms-trans-validation-popup-page .wms-validation-trans-panel {
        grid-template-columns: 1fr;
    }

    body.wms-trans-validation-popup-page .wms-validation-trans-card {
        min-height: 86px;
        border-right: 0;
        border-bottom: 1px solid #d5dee7;
    }

    body.wms-trans-validation-popup-page .wms-validation-alert {
        grid-column: 1;
    }
}

body.wms-inner-frame .wms-so-goods-tot-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-toolbar-section {
    gap: 8px;
    padding-right: 12px;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-toolbar-search {
    flex: 1 1 auto !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-toolbar-actions {
    flex: 0 0 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-so-goods-tot-search-input {
    flex-basis: 220px !important;
    width: 220px !important;
    min-width: 220px !important;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-so-goods-tot-search-divider {
    margin-right: 4px;
    margin-left: 4px;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-btn-excel-download {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-so-goods-tot-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-so-manual-list-page #frm,
body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-shell-content #frm {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-main {
    order: 2;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: var(--wms-content-bg);
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-main > .ui-layout-center {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    padding: 10px 12px !important;
    overflow: auto !important;
    background: var(--wms-content-bg) !important;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-main > .ui-layout-east {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 820px;
    width: 820px !important;
    min-width: 780px;
    max-width: 860px;
    min-height: 0;
    overflow: hidden;
    background: #fff !important;
    border-left: 1px solid #d8e0e7 !important;
}

body.wms-inner-frame.wms-so-manual-list-page #frm > .ui-layout-north {
    order: 1;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto;
}

body.wms-inner-frame.wms-so-manual-list-page #frm > .ui-layout-south {
    order: 3;
}

body.wms-inner-frame.wms-so-manual-list-page #frm > .ui-layout-resizer,
body.wms-inner-frame.wms-so-manual-list-page #frm > .ui-layout-toggler {
    display: none !important;
}

body.wms-inner-frame .wms-so-manual-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-toolbar-search {
    flex: 1 1 auto !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-toolbar-section {
    gap: 8px;
    padding-right: 12px;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    width: 100%;
    justify-content: flex-start;
    margin-left: 0 !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-so-manual-search-divider,
body.wms-inner-frame .wms-so-manual-toolbar .wms-so-manual-action-divider {
    margin-right: 4px;
    margin-left: 4px;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-so-manual-search-input {
    flex-basis: 260px !important;
    width: 260px !important;
    min-width: 260px !important;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-so-manual-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-so-manual-pos-btn {
    background-color: #5cab7d !important;
    border-color: #5cab7d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-so-manual-pos-btn:hover,
body.wms-inner-frame .wms-so-manual-toolbar .wms-so-manual-pos-btn:focus {
    background-color: #4c9c70 !important;
    border-color: #4c9c70 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-so-manual-pos-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    margin-left: 4px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .2);
    color: #fff;
    font-weight: 700;
    line-height: 20px;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-btn-excel-download {
    margin-left: auto !important;
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-manual-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-so-manual-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-so-manual-list-page #east-input-head.wms-so-manual-detail-head {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 54px;
    padding: 16px 18px;
    border-bottom: 0;
    background: var(--wms-primary-header) !important;
    background-image: var(--wms-primary-header) !important;
    color: var(--wms-primary-text) !important;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-detail-title {
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: 1.35;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-detail {
    box-sizing: border-box;
    height: calc(100% - 54px);
    padding: 16px;
    overflow: auto;
    background: #fff;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table th,
body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table td {
    height: 36px;
    padding: 6px 8px;
    border: 1px solid #d8e0e7;
    font-size: var(--wms-content-font-size);
    vertical-align: middle;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table th {
    background: #f8fafc;
    color: #1f2933;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table input[type="text"],
body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table select,
body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table textarea {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background: #fff;
    color: #1f2933;
    font-size: var(--wms-content-font-size);
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table input[type="text"],
body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table select {
    height: 30px;
    padding: 0 8px;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-invoice-table textarea {
    height: 88px;
    padding: 8px;
    resize: vertical;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-address-line {
    display: flex;
    align-items: center;
    gap: 6px;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-address-line input[type="text"] {
    flex: 1 1 auto;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-address-btn {
    flex: 0 0 auto;
    height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    line-height: 28px;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-cart-head {
    display: flex;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 8px;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-cart-title {
    color: #1f2933;
    font-size: var(--wms-content-font-size);
    font-weight: 700;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-cart-table-wrap,
body.wms-inner-frame.wms-so-manual-list-page #so-goods-box {
    overflow-x: auto;
    border: 1px solid #d4dee8;
    background: #fff;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-cart-table-wrap .sbgrid-box {
    min-width: 830px;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-cart-table-wrap .sbgrid-box > input {
    z-index: 20;
    border: 1px solid #5cab7d;
    border-radius: 4px;
    background: #f3e59c;
    font-size: var(--wms-content-font-size);
    text-align: right;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-cart-empty-message {
    min-width: 830px;
    height: 32px;
    border-top: 1px solid #d8e0e7;
    background: #fff;
    color: #6b7684;
    font-size: var(--wms-content-font-size);
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods {
    width: 100%;
    min-width: 830px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-col-action {
    width: 64px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-col-no {
    width: 50px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-col-buyer-code {
    width: 120px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-col-barcode {
    width: 120px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-col-goods-name {
    width: 200px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-col-box-qty {
    width: 70px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-col-so-qty {
    width: 80px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-col-location {
    width: 126px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods th {
    box-sizing: border-box;
    height: 30px;
    padding: 0 8px;
    border: 0;
    border-right: 1px solid rgba(35, 134, 67, 0.22);
    border-bottom: 1px solid #a7e7b6;
    background: var(--wms-table-header-bg) !important;
    background-image: none !important;
    color: var(--wms-primary-text);
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods td {
    box-sizing: border-box;
    height: 32px;
    padding: 0 8px;
    border: 0;
    border-right: 1px solid #d8e0e7;
    border-bottom: 1px solid #d8e0e7;
    color: #1f2933;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(5) {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods th:nth-child(1),
body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(1) {
    width: 64px;
    max-width: 64px;
    padding-right: 6px;
    padding-left: 6px;
    text-align: center;
    vertical-align: middle;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(1) {
    position: relative;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods th:nth-child(2),
body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(2) {
    width: 50px;
    max-width: 50px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods th:nth-child(3),
body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(3) {
    width: 120px;
    max-width: 120px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods th:nth-child(4),
body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(4) {
    width: 120px;
    max-width: 120px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods th:nth-child(6),
body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(6) {
    width: 70px;
    max-width: 70px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods th:nth-child(7),
body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(7) {
    width: 80px;
    max-width: 80px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods th:nth-child(8),
body.wms-inner-frame.wms-so-manual-list-page #so-goods td:nth-child(8) {
    width: 126px;
    max-width: 126px;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods .wms-so-manual-goods-name-text {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods tbody > tr:nth-child(even) {
    background-color: #f8fafc;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods tr:hover td {
    background: #f0fdf4;
}

body.wms-inner-frame.wms-so-manual-list-page #so-goods td.wms-so-manual-qty-cell,
body.wms-inner-frame.wms-so-manual-list-page #so-goods tr:hover td.wms-so-manual-qty-cell {
    background: #f3e59c !important;
    background-color: #f3e59c !important;
    color: #1f2933;
    cursor: text;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-remove-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    min-width: 42px;
    padding: 0 7px;
    border: 1px solid #cbd5df;
    border-radius: 5px;
    background: #fff;
    color: #4b5563;
    font-size: var(--wms-content-font-size);
    line-height: 1;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-remove-btn:hover,
body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-remove-btn:focus {
    border-color: #ef4444;
    background: #fef2f2;
    color: #b91c1c;
    outline: 0;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-actions {
    display: flex;
    justify-content: center;
    margin-top: 14px;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-actions .wms-detail-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 32px;
    min-width: 84px;
    padding: 0 14px;
    border-radius: 5px;
    font-size: var(--wms-content-font-size);
    line-height: 30px;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-actions .wms-detail-save-button {
    background-color: #5cab7d !important;
    border-color: #5cab7d !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-actions .wms-detail-save-button:hover,
body.wms-inner-frame.wms-so-manual-list-page .wms-so-manual-actions .wms-detail-save-button:focus {
    background-color: #4c9c70 !important;
    border-color: #4c9c70 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-grid-row-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 6px);
    height: 22px;
    margin: 3px;
    padding: 0 8px;
    border: 1px solid #cbd5df;
    border-radius: 5px;
    background: #fff;
    color: #2f343a;
    font-size: var(--wms-content-font-size);
    line-height: 1;
    cursor: pointer;
}

body.wms-inner-frame .wms-grid-row-button:hover,
body.wms-inner-frame .wms-grid-row-button:focus {
    border-color: #5cab7d;
    background: #f0fdf4;
    color: #17633e;
    outline: 0;
}

body.wms-inner-frame.wms-so-unapproved-list-page {
    min-width: 0;
    background: var(--wms-content-bg);
    overflow: hidden;
}

body.wms-inner-frame.wms-so-unapproved-list-page #frm {
    width: 100%;
    height: 100%;
    margin: 0;
}

body.wms-inner-frame.wms-so-unapproved-list-page #frm > .ui-layout-north {
    border-bottom: 1px solid #d7dee5 !important;
    background: #fff !important;
}

body.wms-inner-frame.wms-so-unapproved-list-page #frm > .ui-layout-center {
    padding: 10px 12px !important;
    overflow: auto !important;
    background: var(--wms-content-bg) !important;
}

body.wms-inner-frame.wms-so-unapproved-list-page #frm > .ui-layout-resizer,
body.wms-inner-frame.wms-so-unapproved-list-page #frm > .ui-layout-toggler {
    display: none !important;
}

body.wms-inner-frame.wms-so-unapproved-list-page .wms-content-table-header {
    gap: 10px;
}

body.wms-inner-frame.wms-so-unapproved-list-page .wms-content-table-meta {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    border: 1px solid #cbd5df;
    border-radius: 5px;
    background: #f8fafc;
    color: #4b5563;
    font-size: var(--wms-content-font-size);
    font-weight: 600;
    line-height: 1;
}

body.wms-inner-frame .wms-so-unapproved-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-toolbar-search {
    flex: 1 1 auto !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-toolbar-section {
    gap: 8px;
    padding-right: 12px;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    width: 100%;
    justify-content: flex-start;
    margin-left: 0 !important;
    border-right: 0;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-search-divider,
body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-action-divider {
    margin-right: 4px;
    margin-left: 4px;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-search-input {
    flex-basis: 220px !important;
    width: 220px !important;
    min-width: 220px !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-so-unapproved-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-map-btn {
    background-color: #5cab7d !important;
    border-color: #5cab7d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-map-btn:hover,
body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-map-btn:focus {
    background-color: #4c9c70 !important;
    border-color: #4c9c70 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-check-btn {
    background-color: #fff !important;
    border-color: #f59e0b !important;
    color: #92400e !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-check-btn:hover,
body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-check-btn:focus {
    background-color: #fffbeb !important;
    border-color: #d97706 !important;
    color: #78350f !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-insert-btn {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-insert-btn:hover,
body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-insert-btn:focus {
    background-color: #464c53 !important;
    border-color: #464c53 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-btn-excel-download {
    margin-left: auto !important;
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-so-unapproved-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-select-mode {
    display: inline-flex;
    gap: 3px;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-select-mode > .btn {
    min-width: 34px;
    margin-left: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
    border-color: #cbd5df !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    color: #343a40 !important;
}

body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-select-mode > .btn.active,
body.wms-inner-frame .wms-so-unapproved-toolbar .wms-so-unapproved-select-mode > .btn:has(input[type="radio"]:checked) {
    border-color: #3a3f44 !important;
    background-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-set-goods-mode-group {
    display: inline-flex;
    gap: 3px;
}

body.wms-inner-frame .wms-set-goods-stock-toolbar .wms-set-goods-mode-group > .btn {
    min-width: 38px;
    margin-left: 0 !important;
    border-radius: 5px !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .ui-layout-east {
    background: #fff !important;
    border-left: 1px solid #d8e0e7 !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page #east-input-head.wms-set-goods-detail-head {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: auto;
    min-height: 54px;
    padding: 16px 18px;
    border-bottom: 0;
    background: var(--wms-primary-header) !important;
    background-image: var(--wms-primary-header) !important;
    color: var(--wms-primary-text) !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-detail-title {
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: 1.35;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-detail {
    box-sizing: border-box;
    padding: 16px;
    background: #fff;
}

body.wms-inner-frame.wms-set-goods-stock-list-page #bom_goods-box {
    overflow-x: auto;
    border: 1px solid #d4dee8;
    background: #fff;
}

body.wms-inner-frame.wms-set-goods-stock-list-page #bom-goods {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}

body.wms-inner-frame.wms-set-goods-stock-list-page #bom-goods th {
    height: 30px;
    padding: 0 8px;
    border: 0;
    border-right: 1px solid rgba(35, 134, 67, 0.22);
    border-bottom: 1px solid #a7e7b6;
    background: var(--wms-table-header-bg) !important;
    background-image: none !important;
    color: var(--wms-primary-text);
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

body.wms-inner-frame.wms-set-goods-stock-list-page #bom-goods td {
    height: 32px;
    padding: 0 8px;
    border: 0;
    border-right: 1px solid #d8e0e7;
    border-bottom: 1px solid #d8e0e7;
    color: #1f2933;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
}

body.wms-inner-frame.wms-set-goods-stock-list-page #bom-goods tbody > tr:nth-child(even) {
    background-color: #f8fafc;
}

body.wms-inner-frame.wms-set-goods-stock-list-page #bom-goods tr:hover td {
    background: #eaf7ee;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-summary,
body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-qty,
body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-summary {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid #edf1f4;
    border-radius: 5px;
    background: #f8fafc;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-stat-label {
    color: #607083;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-summary strong {
    color: #148a4d;
    font-weight: 700;
    line-height: 1.2;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-qty {
    justify-content: flex-start;
    padding-top: 2px;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-qty label {
    flex: 0 0 56px;
    margin: 0;
    color: #607083;
    font-weight: 400;
    line-height: 34px;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-qty input[name="set_goods_qty"] {
    display: block;
    width: 100%;
    max-width: 140px;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    background: #fff;
    color: #212529;
    font-size: var(--wms-content-font-size);
    line-height: 1.5;
    text-align: center;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-qty input[name="set_goods_qty"]:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions {
    justify-content: center;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions .wms-detail-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 32px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions .wms-detail-action-button svg {
    flex: 0 0 auto;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions #btn-set-goods-create {
    background-color: var(--wms-primary-dark) !important;
    border-color: var(--wms-primary-dark) !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions #btn-set-goods-create:hover,
body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions #btn-set-goods-create:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions #btn-set-goods-delete {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions #btn-set-goods-delete:hover,
body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions #btn-set-goods-delete:focus {
    background-color: #252a2f !important;
    border-color: #252a2f !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions .btn:disabled,
body.wms-inner-frame.wms-set-goods-stock-list-page .wms-set-goods-actions .btn[disabled] {
    opacity: 0.58;
    cursor: not-allowed;
}

body.wms-inner-frame .wms-stock-status-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-refresh {
    border-right: 0;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-actions {
    display: flex;
    flex: 1 1 auto !important;
    justify-content: flex-end;
    margin-left: auto !important;
    border-right: 0;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-btn-search {
    background-color: #3a3f44 !important;
    border-color: #3a3f44 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-btn-search:hover,
body.wms-inner-frame .wms-stock-status-toolbar .wms-btn-search:focus {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-search-group .input-group-text {
    border-right: 0 !important;
    border-radius: 5px 0 0 5px !important;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-search-group .wms-toolbar-input {
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-search-group .wms-btn-search {
    margin-left: 0 !important;
    border-left: 0 !important;
    border-radius: 0 5px 5px 0 !important;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-search-group:focus-within .input-group-text,
body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-search-group:focus-within .wms-toolbar-input,
body.wms-inner-frame .wms-stock-status-toolbar .wms-toolbar-search-group:focus-within .wms-btn-search {
    border-color: #86b7fe !important;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-btn-excel-download {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-btn-excel-download:hover,
body.wms-inner-frame .wms-stock-status-toolbar .wms-btn-excel-download:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-stock-status-toolbar .wms-stock-qty-input {
    width: 82px;
    min-width: 82px;
    text-align: center;
}

body.wms-inner-frame .wms-stock-current-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-stock-current-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-stock-current-toolbar .wms-toolbar-select-mode {
    border-right: 0;
}

body.wms-inner-frame .wms-stock-current-toolbar .wms-stock-current-mode-group {
    display: inline-flex;
    gap: 3px;
}

body.wms-inner-frame .wms-stock-current-toolbar .wms-stock-current-mode-group > .btn {
    min-width: 38px;
    margin-left: 0 !important;
    border-radius: 5px !important;
}

body.wms-inner-frame.wms-stock-current-list-page #myGrid .slick-cell.wms-stock-current-text-cell {
    justify-content: flex-start !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: left;
    white-space: nowrap;
}

body.wms-inner-frame .wms-stock-date-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-search,
body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-select-mode {
    border-right: 0;
}

body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-date-separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--wms-toolbar-control-height);
    color: #3f4852;
    font-weight: 600;
}

body.wms-inner-frame .wms-stock-date-toolbar .wms-stock-date-mode-group {
    display: inline-flex;
    gap: 3px;
}

body.wms-inner-frame .wms-stock-date-toolbar .wms-stock-date-mode-group > .btn {
    min-width: 38px;
    margin-left: 0 !important;
    border-radius: 5px !important;
}

body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-search-group .input-group-text {
    border-right: 0 !important;
    border-radius: 5px 0 0 5px !important;
}

body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-search-group .wms-toolbar-input {
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-search-group .wms-btn-search {
    margin-left: 0 !important;
    border-left: 0 !important;
    border-radius: 0 5px 5px 0 !important;
}

body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-search-group:focus-within .input-group-text,
body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-search-group:focus-within .wms-toolbar-input,
body.wms-inner-frame .wms-stock-date-toolbar .wms-toolbar-search-group:focus-within .wms-btn-search {
    border-color: #86b7fe !important;
}

body.wms-inner-frame .wms-stock-adjust-toolbar .wms-toolbar-search-group .input-group-text,
body.wms-inner-frame .wms-stock-transfer-ok-toolbar .wms-toolbar-search-group .input-group-text {
    background: #fff !important;
    color: #495057 !important;
}

body.wms-inner-frame .wms-stock-adjust-toolbar .wms-toolbar-search-group .input-group-text .bi-search::before,
body.wms-inner-frame .wms-stock-transfer-ok-toolbar .wms-toolbar-search-group .input-group-text .bi-search::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame .wms-stock-adjust-toolbar .wms-btn-refresh .bi-arrow-clockwise::before,
body.wms-inner-frame .wms-stock-transfer-ok-toolbar .wms-btn-refresh .bi-arrow-clockwise::before,
body.wms-inner-frame .wms-stock-adjust-toolbar .wms-btn-excel-download .bi-download::before,
body.wms-inner-frame .wms-stock-transfer-ok-toolbar .wms-btn-excel-download .bi-download::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
}

body.wms-inner-frame .wms-stock-adjust-toolbar .wms-btn-refresh .bi-arrow-clockwise::before,
body.wms-inner-frame .wms-stock-transfer-ok-toolbar .wms-btn-refresh .bi-arrow-clockwise::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame .wms-stock-adjust-toolbar .wms-btn-excel-download .bi-download::before,
body.wms-inner-frame .wms-stock-transfer-ok-toolbar .wms-btn-excel-download .bi-download::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5A1.5 1.5 0 0 0 2.5 14h11a1.5 1.5 0 0 0 1.5-1.5v-2.5a.5.5 0 0 1 1 0v2.5A2.5 2.5 0 0 1 13.5 15h-11A2.5 2.5 0 0 1 0 12.5v-2.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5A1.5 1.5 0 0 0 2.5 14h11a1.5 1.5 0 0 0 1.5-1.5v-2.5a.5.5 0 0 1 1 0v2.5A2.5 2.5 0 0 1 13.5 15h-11A2.5 2.5 0 0 1 0 12.5v-2.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame.wms-stock-date-list-page #myGrid .slick-cell.wms-stock-date-text-cell {
    justify-content: flex-start !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: left;
    white-space: nowrap;
}

body.wms-inner-frame.wms-stock-status-list-page .ui-layout-east {
    background: #f8fafc !important;
    border-left: 1px solid #d8e0e7 !important;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-detail-head {
    box-sizing: border-box;
    min-height: 40px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(35, 134, 67, 0.22);
    background: var(--wms-primary-header);
    color: var(--wms-primary-text);
    font-size: 14px;
    font-weight: 600;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-detail {
    box-sizing: border-box;
    padding: 12px;
    background: #f8fafc;
}

body.wms-inner-frame.wms-stock-status-list-page #bom_goods-box {
    overflow-x: auto;
}

body.wms-inner-frame.wms-stock-status-list-page #bom-goods {
    width: 100%;
    margin: 0 0 14px;
    border: 1px solid #cbd5df;
    border-collapse: collapse;
    background: #fff;
}

body.wms-inner-frame.wms-stock-status-list-page #bom-goods th {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid rgba(35, 134, 67, 0.22);
    border-bottom: 1px solid #a7e7b6;
    background: var(--wms-table-header-bg);
    background-image: none;
    color: var(--wms-primary-text);
    font-weight: 400;
    text-align: center;
}

body.wms-inner-frame.wms-stock-status-list-page #bom-goods td {
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid #d8e0e7;
    border-bottom: 1px solid #d8e0e7;
    color: #1f2933;
    text-align: center;
}

body.wms-inner-frame.wms-stock-status-list-page #bom-goods tr:hover td {
    background: #eaf7ee;
}

body.wms-inner-frame.wms-stock-status-list-page #bom-goods input[type="text"],
body.wms-inner-frame.wms-stock-status-list-page #bom-goods input[type="input"],
body.wms-inner-frame.wms-stock-status-list-page #bom-goods input[name="stock_qty"],
body.wms-inner-frame.wms-stock-status-list-page #bom-goods input[name="take_qty"],
body.wms-inner-frame.wms-stock-status-list-page #bom-goods input[name="bad_qty"] {
    width: 72px;
    height: 32px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    line-height: 32px;
}

body.wms-inner-frame.wms-stock-status-list-page #bom-goods input:focus {
    border-color: #86b7fe;
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .12);
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 32px;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 5px;
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
    line-height: 30px;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-actions .btn svg {
    flex: 0 0 auto;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-actions .btn:hover,
body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-actions .btn:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-stock-status-detail-offcanvas {
    --bs-offcanvas-width: min(520px, 92vw);
}

body.wms-inner-frame .wms-stock-status-detail-offcanvas #bom_goods-box {
    overflow-x: auto;
}

body.wms-inner-frame .wms-stock-status-detail-offcanvas .wms-stock-status-actions {
    margin-top: 16px;
}

body.wms-inner-frame .wms-stock-status-confirm-modal .modal-dialog {
    max-width: 560px;
}

body.wms-inner-frame .wms-stock-status-confirm-summary {
    min-height: 18px;
    margin: 0 0 12px;
    color: #607083;
    font-size: 13px;
    line-height: 1.4;
}

body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table th,
body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table td {
    text-align: center;
}

body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table th:first-child,
body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table td:first-child {
    width: 120px;
    text-align: left;
}

body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table th:nth-child(2),
body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table td:nth-child(2),
body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table th:nth-child(3),
body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table td:nth-child(3),
body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table th:nth-child(4),
body.wms-inner-frame .wms-confirm-table.wms-stock-status-confirm-table td:nth-child(4) {
    width: auto;
    text-align: right;
}

body.wms-inner-frame .wms-toolbar-search-group {
    flex: 0 0 auto;
    width: auto;
}

body.wms-inner-frame .wms-toolbar-search-group .input-group-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--wms-toolbar-control-height);
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    padding: 0;
    border-color: #adb5bd;
    border-radius: 5px 0 0 5px !important;
    background: #fff;
    color: #495057;
}

body.wms-inner-frame .wms-toolbar-search-group .wms-toolbar-input {
    flex: 0 0 172px;
    width: 172px;
    min-width: 172px;
    border-right: 0;
    border-left: 0;
    border-radius: 0 !important;
}

body.wms-inner-frame .wms-toolbar-search-group-wide .wms-toolbar-input {
    flex-basis: 150px;
    width: 150px;
    min-width: 150px;
}

body.wms-inner-frame .wms-goods-toolbar-search-group .wms-goods-keyword-input {
    flex-basis: 220px;
    width: 220px;
    min-width: 220px;
}

body.wms-inner-frame .wms-goods-toolbar-search-group .wms-goods-category-input {
    flex-basis: 90px;
    width: 90px;
    min-width: 90px;
}

body.wms-inner-frame .wms-po-toolbar-search-group .wms-po-keyword-input {
    flex-basis: 210px;
    width: 210px;
    min-width: 210px;
}

body.wms-inner-frame .wms-po-toolbar-search-group .wms-po-supplier-input {
    flex-basis: 180px;
    width: 180px;
    min-width: 180px;
    border-right: 0 !important;
    border-radius: 0 !important;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-stock-keyword-input {
    flex-basis: 180px;
    width: 180px;
    min-width: 180px;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-shell-content #frm > .ui-layout-north.search-panel {
    flex-basis: auto !important;
    height: auto !important;
    min-height: 90px !important;
    max-height: none !important;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-goods-toolbar.wms-base-toolbar {
    align-content: stretch;
    height: auto;
    min-height: 90px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-goods-toolbar .wms-toolbar-row {
    min-width: max-content;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-goods-toolbar-row-secondary .wms-toolbar-actions {
    margin-left: auto;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-toolbar-section {
    gap: 8px;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-toolbar-search {
    gap: 10px;
}

body.wms-inner-frame .wms-stock-goods-toolbar svg {
    flex: 0 0 auto;
}

body.wms-inner-frame .wms-stock-goods-toolbar .input-group-text {
    color: #4b5563;
}

body.wms-inner-frame .wms-stock-goods-toolbar .btn {
    gap: 5px;
    font-weight: 600;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-stock-supplier-select {
    flex: 0 0 220px;
    width: 220px;
    min-width: 220px;
    border-right: 1px solid #adb5bd !important;
    border-left: 0 !important;
    border-radius: 0 5px 5px 0 !important;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-adjust {
    background-color: #148a4d !important;
    border-color: #148a4d !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-adjust:hover,
body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-adjust:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-upload {
    background-color: #e0f2fe !important;
    border-color: #bae6fd !important;
    color: #075985 !important;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-upload:hover,
body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-upload:focus {
    background-color: #bae6fd !important;
    border-color: #7dd3fc !important;
    color: #075985 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-template,
body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-preset {
    background-color: #e9edf2 !important;
    border-color: #d7dee5 !important;
    color: #4b5563 !important;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-template:hover,
body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-template:focus,
body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-preset:hover,
body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-preset:focus {
    background-color: #dde3ea !important;
    border-color: #cbd5df !important;
    color: #1f2933 !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-stock-preset {
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 600;
}

body.wms-inner-frame .wms-stock-goods-toolbar .wms-btn-refresh {
    border-color: #7dd3fc !important;
    background-color: #fff !important;
    color: #0369a1 !important;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-goods-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    line-height: 1.2 !important;
}

body.wms-inner-frame.wms-stock-goods-list-page .wms-stock-goods-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default .slick-column-name {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-stock-date-list-page .wms-stock-date-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-stock-adjust-list-page .wms-stock-adjust-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-stock-transfer-ok-list-page .wms-stock-transfer-ok-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default .slick-column-name,
body.wms-inner-frame.wms-stock-date-list-page .wms-stock-date-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default .slick-column-name,
body.wms-inner-frame.wms-stock-adjust-list-page .wms-stock-adjust-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default .slick-column-name,
body.wms-inner-frame.wms-stock-transfer-ok-list-page .wms-stock-transfer-ok-grid-shell > #myGrid.wms-grid-inset-panel .slick-header-column.ui-state-default .slick-column-name {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.wms-inner-frame .wms-po-pop-toolbar-search-group .wms-po-pop-keyword-input {
    flex-basis: 220px;
    width: 220px;
    min-width: 220px;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-input {
    width: 108px;
    min-width: 108px;
}

body.wms-inner-frame .wms-toolbar-date-group {
    flex: 0 0 auto;
    width: auto;
}

body.wms-inner-frame .wms-toolbar-date-group .input-group-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--wms-toolbar-control-height);
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    padding: 0;
    border-color: #adb5bd;
    border-radius: 5px 0 0 5px !important;
    background: #fff;
    color: #495057;
}

body.wms-inner-frame .wms-toolbar-date-group .wms-toolbar-input {
    flex: 0 0 108px;
    width: 108px;
    min-width: 108px;
    border-left: 0;
    border-radius: 0 5px 5px 0 !important;
    text-align: center;
}

body.wms-inner-frame .wms-toolbar-stock-range .wms-number-input {
    width: 76px;
    min-width: 76px;
    text-align: center;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-field {
    display: inline-flex;
    flex: 0 0 146px;
    align-items: center;
    width: 146px;
    min-width: 146px;
    height: var(--wms-toolbar-control-height);
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-field .wms-toolbar-date-input {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    padding-right: 10px !important;
    border-right: 0 !important;
    border-radius: 5px 0 0 5px !important;
    background: #fff;
    text-align: center;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-field .wms-toolbar-date-trigger {
    position: static;
    flex: 0 0 var(--wms-toolbar-control-height);
    width: var(--wms-toolbar-control-height);
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    margin: 0;
    padding: 0;
    border: 1px solid #adb5bd;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    background: #fff !important;
    color: #64748b;
    line-height: 1;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-field .wms-toolbar-date-trigger:hover,
body.wms-inner-frame .wms-toolbar .wms-toolbar-date-field .wms-toolbar-date-trigger:focus {
    border-color: #86b7fe;
    border-left: 0;
    background: #f8fafc !important;
    color: #0f7f45;
    box-shadow: none;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-field:focus-within .wms-toolbar-date-input,
body.wms-inner-frame .wms-toolbar .wms-toolbar-date-field:focus-within .wms-toolbar-date-trigger {
    border-color: #86b7fe;
    box-shadow: none;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-date-type-select {
    width: 96px;
    min-width: 96px;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-range-separator {
    color: #495057;
    line-height: var(--wms-toolbar-control-height);
}

body.wms-inner-frame .wms-toolbar-search-group input[type="button"].btn,
body.wms-inner-frame .wms-toolbar-search-group button.btn {
    border-radius: 0 5px 5px 0 !important;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: var(--wms-toolbar-control-height);
    margin: 0;
    padding-left: 0;
    white-space: nowrap;
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-check .form-check-input {
    float: none;
    width: 1rem;
    height: 1rem;
    margin: 0;
    cursor: pointer;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-menu-content-body {
    display: block;
    width: 100%;
    height: calc(100vh - 170px);
    min-width: 0;
    min-height: 520px;
    overflow: hidden;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-shell-content {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-shell-content #frm {
    display: grid !important;
    grid-template-columns: minmax(540px, 0.95fr) 64px minmax(380px, 0.82fr);
    grid-template-rows: minmax(0, 1fr) 44px;
    column-gap: 12px;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-shell-content #frm > .ui-layout-center {
    grid-column: 1;
    grid-row: 1;
    order: initial;
    display: flex !important;
    flex-direction: column;
    width: auto !important;
    height: 100% !important;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    padding: 12px 0 12px 12px !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-shell-content #frm > .ui-layout-east {
    grid-column: 3;
    grid-row: 1;
    order: initial;
    display: flex !important;
    flex-direction: column;
    width: auto !important;
    height: 100% !important;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    padding: 12px 12px 12px 0 !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-shell-content #frm > .ui-layout-south {
    grid-column: 1 / -1;
    grid-row: 2;
    order: initial;
    display: block !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-side-content {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-flow-arrow {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 186px;
    color: #1f2933;
    font-size: 34px;
    line-height: 1;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-flow-arrow::before {
    position: absolute;
    top: 78px;
    bottom: 70px;
    left: 50%;
    width: 1px;
    background: linear-gradient(180deg, transparent 0, #b8d2e6 18%, #b8d2e6 82%, transparent 100%);
    content: "";
    transform: translateX(-50%);
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-flow-arrow span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #9ed4f4;
    border-radius: 999px;
    background: linear-gradient(135deg, #eef9ff 0%, #dff7e8 100%);
    box-shadow: 0 8px 18px rgba(31, 41, 51, 0.12);
    color: #0f7f45;
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-side-content > .search-panel {
    display: block !important;
    flex: 0 0 auto;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-toolbar.wms-base-toolbar {
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid #dde7ef !important;
    border-radius: 6px !important;
    background: #f8fafc;
    box-shadow: none !important;
    overflow: visible;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-toolbar .wms-toolbar-search-group .input-group-text {
    background: #fff !important;
    color: #718096 !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-toolbar .wms-toolbar-search-group .input-group-text .bi-search {
    display: block;
    width: 14px;
    height: 14px;
    color: #718096 !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-toolbar .wms-toolbar-search-group .input-group-text .bi-search::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-toolbar .wms-btn-refresh .bi-arrow-clockwise,
body.wms-inner-frame.wms-stock-transfer-list-page .wms-detail-button-row .wms-btn-save .bi-arrow-left-right {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    color: currentColor !important;
    line-height: 1;
    vertical-align: -2px;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-toolbar .wms-btn-refresh .bi-arrow-clockwise::before,
body.wms-inner-frame.wms-stock-transfer-list-page .wms-detail-button-row .wms-btn-save .bi-arrow-left-right::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-toolbar .wms-btn-refresh .bi-arrow-clockwise::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-detail-button-row .wms-btn-save .bi-arrow-left-right::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5m14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5m14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-content-table-header {
    padding-bottom: 2px;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-content-table-title {
    gap: 6px;
    color: #143f2b;
    font-size: 16px;
    font-weight: 800;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #148a4d;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-grid-pane {
    display: flex !important;
    flex: 0 0 auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 180px;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-grid-shell {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    box-sizing: border-box;
    width: max-content;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 12px;
    border: 1px solid #d7e3ec;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(18, 38, 63, 0.06);
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-to-side .wms-stock-transfer-grid-shell {
    width: 100%;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-grid-shell > .wms-grid-inset-panel {
    flex: 0 0 auto;
    width: 100%;
    min-height: 160px;
    box-sizing: content-box !important;
    padding: 10px !important;
    border-color: #cfdce7 !important;
    border-top: 1px solid #cfdce7 !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-pane-header,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-pane-header {
    height: 30px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-header.ui-state-default,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-header-columns,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-header.ui-state-default,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-header-columns {
    height: 30px !important;
    line-height: 30px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-header-column.ui-state-default,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-header-column.ui-state-default {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border-bottom: 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-header-column.ui-state-default:last-child,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-header-column.ui-state-default:last-child {
    border-right: 0 !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-header-column.ui-state-default .slick-column-name,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-header-column.ui-state-default .slick-column-name {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 30px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-row,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-row {
    height: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-row.even .slick-cell,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-row.even .slick-cell {
    background-color: #fff !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-row.odd .slick-cell,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-row.odd .slick-cell {
    background-color: #e6e6e6 !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-cell,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-cell {
    display: flex !important;
    align-items: center !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    border-top: 0 !important;
    border-right: 1px solid #d5dee7 !important;
    border-bottom: 1px solid #d5dee7 !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-cell:first-child,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-cell:first-child {
    border-left: 1px solid #d5dee7 !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-cell:last-child,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-cell:last-child {
    border-right: 1px solid #d5dee7 !important;
    box-shadow: none !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-cell.slick-text-center,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-cell.slick-text-center,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-cell-checkboxsel,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-cell-checkboxsel {
    justify-content: center !important;
    text-align: center !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-cell.slick-text-right,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-cell.slick-text-right {
    justify-content: flex-end !important;
    text-align: right !important;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-page-controls {
    width: 100%;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #d8e0e7;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-page-controls .wms-table-page-size-control {
    flex: 0 0 auto;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-fixed-page-size {
    color: #475569;
    font-weight: 600;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-page-controls .wms-table-pagination {
    flex: 0 0 auto;
    flex-wrap: nowrap;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-to-page-controls {
    gap: 8px;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-to-page-controls .wms-table-page-summary {
    margin-left: 0;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-card-separator {
    flex: 0 0 auto;
    width: 100%;
    height: 1px;
    margin: 20px 0;
    background: #c8d6e3;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.78);
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-detail-pane {
    position: relative;
    display: block !important;
    flex: 0 0 auto;
    margin-top: 0;
    padding: 0 !important;
    border: 1px solid #cbd5df !important;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(18, 38, 63, 0.06);
    overflow: hidden;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-detail-title {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 50px !important;
    padding: 0 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.36);
    background: linear-gradient(90deg, #15527f 0%, #148a4d 100%);
    color: #fff;
    font-size: var(--wms-content-font-size);
    font-weight: 800;
    box-sizing: border-box;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-detail-title .wms-stock-transfer-step-badge {
    background: rgba(255, 255, 255, 0.94);
    color: #15527f;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-detail-content {
    padding: 12px;
}

body.wms-inner-frame.wms-stock-transfer-list-page #bom-goods {
    margin: 0 0 12px;
    border-collapse: collapse;
    border: 1px solid #c9d7e3;
    background: #fff;
}

body.wms-inner-frame.wms-stock-transfer-list-page #bom-goods th {
    height: 28px;
    border-color: #b7c7d5;
    background: #e7f3ff;
    color: #143f5f;
    font-weight: 800;
}

body.wms-inner-frame.wms-stock-transfer-list-page #bom-goods td {
    height: 30px;
    border-color: #c9d7e3;
    background: #fff;
}

body.wms-inner-frame.wms-stock-transfer-list-page #bom-goods tbody tr:first-child td {
    background: #eef3f7;
}

body.wms-inner-frame.wms-stock-transfer-list-page #bom-goods input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 24px;
    padding: 0 8px;
    border: 1px solid #aebdcc;
    border-radius: 4px;
    box-sizing: border-box;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-detail-button-row {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

body.wms-inner-frame.wms-stock-transfer-list-page .wms-detail-button-row .wms-btn-save {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 32px;
    padding: 0 14px;
    border-color: #148a4d !important;
    background-color: #148a4d !important;
    font-weight: 700;
}

body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-row.active .slick-cell,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-row.selected .slick-cell,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid1 .slick-row.ui-state-active .slick-cell,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-row.active .slick-cell,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-row.selected .slick-cell,
body.wms-inner-frame.wms-stock-transfer-list-page #myGrid2 .slick-row.ui-state-active .slick-cell {
    background: #fff0f6 !important;
    background-color: #fff0f6 !important;
}

@media (min-width: 1500px) {
    body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-shell-content #frm {
        grid-template-columns: max-content 84px minmax(560px, 760px) minmax(12px, 1fr);
        column-gap: 20px;
    }

    body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-shell-content #frm > .ui-layout-east {
        grid-column: 3;
        min-width: 560px;
        max-width: 760px;
        padding-right: 0 !important;
    }

    body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-to-side .search-panel,
    body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-to-side .wms-stock-transfer-grid-shell,
    body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-detail-pane {
        width: 100%;
        min-width: 560px;
        max-width: 760px;
    }

    body.wms-inner-frame.wms-stock-transfer-list-page .wms-stock-transfer-flow-arrow {
        padding-top: 196px;
    }
}

body.wms-inner-frame .wms-toolbar .wms-toolbar-check .form-check-label {
    margin: 0;
    color: #212529;
    line-height: 1.2;
    cursor: pointer;
}

body.wms-inner-frame .wms-toolbar-select-search {
    display: inline-flex;
    align-items: center;
    height: var(--wms-toolbar-control-height);
}

body.wms-inner-frame .wms-toolbar-select-search .wms-toolbar-select-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--wms-toolbar-control-height);
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    border: 1px solid #adb5bd;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background: #fff;
    color: #495057;
}

body.wms-inner-frame .wms-toolbar-select-search .select2-container {
    flex: 0 0 auto;
    width: 220px !important;
}

body.wms-inner-frame .wms-toolbar-select-search .select2-container--default .select2-selection--single {
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    border: 1px solid #adb5bd;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: #fff;
}

body.wms-inner-frame .wms-toolbar-select-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: var(--wms-toolbar-control-height);
    padding-left: 10px;
    padding-right: 26px;
    color: #212529;
    line-height: var(--wms-toolbar-control-height);
}

body.wms-inner-frame .wms-toolbar-select-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--wms-toolbar-control-height);
}

body.wms-inner-frame .wms-toolbar-select-search select:not(.select2-hidden-accessible) {
    flex: 0 0 auto;
    width: 220px !important;
    height: var(--wms-toolbar-control-height);
    min-height: var(--wms-toolbar-control-height);
    padding: 0 36px 0 10px;
    border: 1px solid #adb5bd;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 12px;
    color: #212529;
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: var(--wms-toolbar-control-height);
    appearance: none;
}

body.wms-inner-frame .wms-toolbar-select-search select:not(.select2-hidden-accessible):focus,
body.wms-inner-frame .wms-toolbar-select-search select:not(.select2-hidden-accessible):focus-visible {
    border-color: #adb5bd;
    border-right: 0;
    border-left: 0;
    outline: 0;
    box-shadow: none;
}

body.wms-inner-frame .wms-toolbar-select-search input[type="button"].btn {
    border-radius: 0 5px 5px 0 !important;
}

body.wms-inner-frame .wms-check-toggle-group {
    display: flex;
    align-items: center;
    gap: 6px;
}

body.wms-inner-frame .wms-check-toggle-group .btn {
    min-width: 64px;
    padding: 0 12px;
    border-radius: 5px !important;
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: 1.2;
}

body.wms-inner-frame .wms-check-toggle-group .btn-outline-primary {
    background-color: #fff !important;
    border-color: #2f343a !important;
    color: #111827 !important;
}

body.wms-inner-frame .wms-check-toggle-group .btn-outline-primary:hover {
    background-color: #f4f6f8 !important;
    border-color: #2f343a !important;
    color: #111827 !important;
}

body.wms-inner-frame .wms-check-toggle-group .btn-check:checked + .btn-outline-primary {
    background-color: #2f343a !important;
    border-color: #2f343a !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-check-toggle-group .btn-check:checked + .btn-outline-primary:hover {
    background-color: #464c53 !important;
    border-color: #464c53 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-check-toggle-group .btn-check:focus + .btn-outline-primary {
    box-shadow: none !important;
}

body.wms-inner-frame .slick-cell.slick-cell-checkboxsel {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center;
}

body.wms-inner-frame .slick-header-column input[type="checkbox"],
body.wms-inner-frame .slick-headerrow-column input[type="checkbox"] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 !important;
    transform: translate(-50%, -50%);
}

body.wms-inner-frame .slick-group-select-checkbox {
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    margin: 0 8px 0 4px;
    vertical-align: middle;
    background-size: contain !important;
}

body.wms-inner-frame #myGrid .slick-header-column input[type="checkbox"],
body.wms-inner-frame #myGrid .slick-headerrow-column input[type="checkbox"],
body.wms-inner-frame #myGrid .slick-cell-checkboxsel input[type="checkbox"] {
    box-sizing: border-box;
    flex: 0 0 calc(1em + 2px);
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: .25em;
    appearance: none;
    color-adjust: exact;
    cursor: pointer;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}

body.wms-inner-frame .slick-header-column input[type="checkbox"],
body.wms-inner-frame .slick-headerrow-column input[type="checkbox"],
body.wms-inner-frame .slick-cell-checkboxsel input[type="checkbox"] {
    box-sizing: border-box;
    flex: 0 0 calc(1em + 2px);
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    margin: 0 !important;
    padding: 0 !important;
}

body.wms-inner-frame #myGrid .slick-header-column input[type="checkbox"]:checked,
body.wms-inner-frame #myGrid .slick-headerrow-column input[type="checkbox"]:checked,
body.wms-inner-frame #myGrid .slick-cell-checkboxsel input[type="checkbox"]:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

body.wms-inner-frame #myGrid .slick-header-column input[type="checkbox"]:focus,
body.wms-inner-frame #myGrid .slick-headerrow-column input[type="checkbox"]:focus,
body.wms-inner-frame #myGrid .slick-cell-checkboxsel input[type="checkbox"]:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

body.wms-inner-frame #myGrid .slick-header-column input[type="checkbox"] + label,
body.wms-inner-frame #myGrid .slick-headerrow-column input[type="checkbox"] + label,
body.wms-inner-frame #myGrid .slick-cell-checkboxsel input[type="checkbox"] + label {
    display: none;
}

body.wms-inner-frame .wms-detail-offcanvas {
    --bs-offcanvas-width: min(430px, 92vw);
    color: #1f2933;
    font-weight: 400;
}

body.wms-inner-frame .wms-detail-offcanvas .offcanvas-header {
    padding: 16px 18px;
    border-bottom: 0;
    background: linear-gradient(90deg, #62e87f 0%, #c9f9d4 100%);
    color: #07130b;
}

body.wms-inner-frame .wms-detail-offcanvas .offcanvas-title {
    font-size: var(--wms-content-font-size);
    font-weight: 400;
}

body.wms-inner-frame .wms-detail-offcanvas .btn-close {
    opacity: .7;
}

body.wms-inner-frame .wms-detail-offcanvas .offcanvas-body {
    padding: 16px;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table {
    width: 100%;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table th,
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table td {
    padding: 8px 6px;
    border-left: 0;
    border-bottom: 1px solid #edf1f4;
    background: #fff;
    color: #1f2933;
    font-weight: 400;
    vertical-align: middle;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table th {
    color: #607083;
    text-align: left;
}

body.wms-stock-status-list-page .wms-stock-status-detail-offcanvas .offcanvas-header,
body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-detail-offcanvas .offcanvas-header {
    background: linear-gradient(90deg, #62e87f 0%, #c9f9d4 100%) !important;
    background-image: linear-gradient(90deg, #62e87f 0%, #c9f9d4 100%) !important;
}

body.wms-stock-status-list-page .wms-stock-status-detail-offcanvas #bom-goods thead th,
body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-detail-offcanvas #bom-goods thead th,
body.wms-stock-status-list-page .wms-stock-status-detail-table thead th,
body.wms-inner-frame.wms-stock-status-list-page .wms-stock-status-detail-table thead th {
    border-right: 1px solid rgba(35, 134, 67, 0.22) !important;
    border-bottom: 1px solid #a7e7b6 !important;
    background: var(--wms-table-header-bg) !important;
    background-image: none !important;
    color: var(--wms-primary-text) !important;
    text-align: center !important;
}

body.wms-inner-frame .wms-detail-offcanvas .form-check {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 1.5rem;
    margin-bottom: .25rem;
    padding-left: 0;
}

body.wms-inner-frame .wms-detail-offcanvas .form-check-inline {
    display: inline-flex;
    margin-right: 1rem;
    vertical-align: middle;
}

body.wms-inner-frame .wms-detail-offcanvas .form-check-input {
    position: static;
    flex: 0 0 1.5rem;
    float: none !important;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-status-radio-use {
    accent-color: #0d6efd;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-status-radio-stop {
    accent-color: #dc3545;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-status-radio-stop:checked {
    border-color: #dc3545;
    background-color: #dc3545;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-status-radio-stop:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .22);
}

body.wms-inner-frame .wms-detail-offcanvas .form-check-label {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-button-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 15px;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 32px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-action-button svg {
    flex: 0 0 auto;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-save-button {
    background-color: var(--wms-primary-dark) !important;
    border-color: var(--wms-primary-dark) !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-save-button:hover,
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-save-button:focus {
    background-color: #0f7f45 !important;
    border-color: #0f7f45 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-new-button {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-new-button:hover,
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-new-button:focus {
    background-color: #252a2f !important;
    border-color: #252a2f !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-delete-button {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-delete-button:hover,
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-delete-button:focus {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-delete-button:disabled,
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-delete-button.is-disabled {
    background-color: #e9ecef !important;
    border-color: #dfe5ec !important;
    color: #8a98a8 !important;
    cursor: not-allowed;
    opacity: 1;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-location-reference-summary {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-location-reference-count {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #607083;
    font-weight: 400;
    line-height: 1.35;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-location-reference-count.is-deletable {
    color: #607083;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-location-reference-count.is-blocked {
    color: #607083;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-location-reference-help {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-location-reference-help.is-deletable {
    color: #64748b;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-location-reference-help.is-blocked {
    color: #dc3545;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table input[type="text"],
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table input[type="password"],
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table textarea {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    background-color: #fff;
    background-clip: padding-box;
    color: #212529;
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: 1.5;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table input[type="text"]:focus,
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table input[type="password"]:focus,
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table textarea:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table textarea {
    min-height: 96px;
    resize: vertical;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table select:not(.select2-hidden-accessible) {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem 2.5rem .375rem .75rem;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 12px;
    color: #212529;
    font-size: var(--wms-content-font-size);
    font-weight: 400;
    line-height: 1.5;
    appearance: none;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table select:not(.select2-hidden-accessible):focus,
body.wms-inner-frame .wms-detail-offcanvas .wms-detail-table select:not(.select2-hidden-accessible):focus-visible {
    border-color: #dee2e6;
    outline: 0;
    box-shadow: none;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-inline-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-inline-group input[type="text"] {
    flex: 1 1 auto;
}

body.wms-inner-frame .wms-detail-offcanvas .wms-detail-inline-group .btn {
    flex: 0 0 auto;
    height: calc(1.5em + .75rem + 2px);
    border-radius: .375rem;
}

body.wms-inner-frame .wms-detail-offcanvas .select2-container {
    width: 100% !important;
}

body.wms-inner-frame .wms-detail-offcanvas .select2-container--default .select2-selection--single {
    min-height: calc(1.5em + .75rem + 2px);
    border: 1px solid #dee2e6;
    border-radius: .375rem;
}

body.wms-inner-frame .wms-detail-offcanvas .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + .75rem);
}

body.wms-inner-frame .wms-detail-offcanvas .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem);
}

body.wms-inner-frame .wms-confirm-modal .modal-content {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
    color: #1f2933;
    font-weight: 400;
}

body.wms-inner-frame .wms-confirm-modal .modal-header {
    min-height: 48px;
    padding: 14px 18px;
    border-bottom: 1px solid #edf1f4;
    background: linear-gradient(90deg, #62e87f 0%, #c9f9d4 100%);
}

body.wms-inner-frame .wms-confirm-modal .modal-title {
    font-size: var(--wms-content-font-size);
    font-weight: 400;
}

body.wms-inner-frame .wms-confirm-modal .modal-body {
    padding: 18px;
}

body.wms-inner-frame .wms-confirm-lead {
    margin: 0 0 10px;
    color: #1f2933;
    font-weight: 400;
    line-height: 1.45;
}

body.wms-inner-frame .wms-confirm-count {
    margin: 0 0 10px;
    color: #198754;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

body.wms-inner-frame .wms-confirm-table-wrap {
    max-height: 314px;
    overflow: auto;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
}

body.wms-inner-frame .wms-confirm-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}

body.wms-inner-frame .wms-confirm-table th,
body.wms-inner-frame .wms-confirm-table td {
    height: 38px;
    padding: 7px 10px;
    border-bottom: 1px solid #edf1f4;
    color: #1f2933;
    font-weight: 400;
    line-height: 1.3;
    vertical-align: middle;
}

body.wms-inner-frame .wms-confirm-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
    color: #607083;
    text-align: left;
}

body.wms-inner-frame .wms-confirm-table th:nth-child(2),
body.wms-inner-frame .wms-confirm-table td:nth-child(2) {
    width: 128px;
    text-align: center;
}

body.wms-inner-frame .wms-confirm-table th:nth-child(3),
body.wms-inner-frame .wms-confirm-table td:nth-child(3) {
    width: 80px;
    text-align: right;
}

body.wms-inner-frame .wms-confirm-table th:nth-child(4),
body.wms-inner-frame .wms-confirm-table td:nth-child(4) {
    width: 96px;
    text-align: center;
}

body.wms-inner-frame .wms-confirm-table th:nth-child(5),
body.wms-inner-frame .wms-confirm-table td:nth-child(5) {
    width: 96px;
    text-align: center;
}

body.wms-inner-frame .wms-confirm-table th:nth-child(6),
body.wms-inner-frame .wms-confirm-table td:nth-child(6) {
    width: 126px;
    text-align: center;
}

body.wms-inner-frame .wms-confirm-text-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.wms-inner-frame .wms-confirm-number-cell {
    font-variant-numeric: tabular-nums;
}

body.wms-inner-frame .wms-confirm-date-cell {
    color: #334155;
    font-variant-numeric: tabular-nums;
}

body.wms-inner-frame .wms-confirm-modal .modal-footer {
    padding: 12px 18px 16px;
    border-top: 0;
}

body.wms-inner-frame .wms-location-delete-target {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #f8fafc;
}

body.wms-inner-frame .wms-location-delete-target-label {
    flex: 0 0 auto;
    color: #607083;
    font-size: 12px;
}

body.wms-inner-frame .wms-location-delete-target strong {
    overflow: hidden;
    color: #1f2933;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.wms-inner-frame .wms-location-delete-note {
    margin: 10px 0 0;
    color: #8a98a8;
    font-size: 12px;
    line-height: 1.4;
}

body.wms-inner-frame.wms-supplier-user-popup-page {
    min-width: 960px;
    min-height: 680px;
    margin: 0;
    background: #f4f7f9;
    color: #1f2933;
    font-size: var(--wms-content-font-size);
    overflow: auto;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 64px;
    padding: 12px 18px;
    border-bottom: 1px solid #d9e2ec;
    background: #fff;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-title-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #a9e6ba;
    border-radius: 8px;
    background: #e8f8ec;
    color: #198754;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-title-group h1 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-title-group p {
    margin: 3px 0 0;
    color: #6b7785;
    font-size: 12px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-header-actions .btn,
body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-panel-header .btn,
body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-button-row .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 30px;
    border-radius: 5px;
    font-size: var(--wms-content-font-size);
    font-weight: 600;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-body {
    flex: 1 1 auto;
    padding: 14px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-supplier-user-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 14px;
    margin-bottom: 12px;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fff;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-supplier-user-summary > div {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 220px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-supplier-user-summary-label {
    color: #7b8794;
    font-size: 12px;
    font-weight: 600;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-supplier-user-summary strong {
    color: #1f2933;
    font-weight: 700;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    gap: 6px;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fff;
    color: #5f6c7b;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-empty-state strong {
    color: #1f2933;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-supplier-user-layout {
    display: grid;
    grid-template-columns: minmax(520px, 1.1fr) minmax(360px, 0.9fr);
    gap: 12px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-panel {
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 48px;
    padding: 10px 12px;
    border-bottom: 1px solid #e7edf3;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-panel-header h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-panel-hint {
    color: #7b8794;
    font-size: 12px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table-wrap {
    padding: 12px;
    overflow: auto;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d5dee7;
    table-layout: fixed;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table th {
    height: 32px;
    padding: 0 8px;
    border-right: 1px solid #c8d3de;
    border-bottom: 1px solid #c8d3de;
    background: #eef3f7;
    color: #1f2933;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table td {
    height: 32px;
    padding: 0 8px;
    border-right: 1px solid #d5dee7;
    border-bottom: 1px solid #d5dee7;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table tbody tr:nth-child(even) td {
    background: #f7fafc;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table tbody tr[data-user-code] {
    cursor: pointer;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table tbody tr[data-user-code]:hover td,
body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table tbody tr.is-selected td {
    background: #eaf3ff;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-table-empty {
    height: 96px !important;
    color: #7b8794;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-text-left {
    text-align: left !important;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    min-height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: #eef2f7;
    color: #52616f;
    font-size: 11px;
    font-weight: 700;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-badge-success {
    background: #dcfce7;
    color: #198754;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-badge-muted {
    background: #edf1f4;
    color: #7b8794;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-badge-primary {
    background: #eaf3ff;
    color: #0d6efd;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-badge-write {
    background: #fff3cd;
    color: #8a6400;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-supplier-user-form-panel form {
    padding: 0;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-form-body {
    padding: 14px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-form-grid,
body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-permission-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-form-grid label,
body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-permission-grid label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    margin: 0;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-form-grid label > span,
body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-permission-grid label > span {
    color: #52616f;
    font-size: 12px;
    font-weight: 700;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-form-wide {
    grid-column: 1 / -1;
}

body.wms-inner-frame.wms-supplier-user-popup-page .form-control,
body.wms-inner-frame.wms-supplier-user-popup-page .form-select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 30px;
    border-color: #c8d3de;
    border-radius: 5px;
    font-size: var(--wms-content-font-size);
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-radio-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0;
    padding: 10px;
    border: 1px solid #e0e7ee;
    border-radius: 6px;
    background: #f8fafc;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-radio-row > span {
    margin-right: 2px;
    color: #52616f;
    font-weight: 700;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-radio-row .form-check {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    min-height: 22px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-radio-row .form-check-input {
    margin: 0;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-supplier-primary-check {
    margin-left: auto !important;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-popup-button-row {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-result-modal.is-danger .modal-header {
    background: linear-gradient(90deg, #f8d7da 0%, #fff1f2 100%);
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-result-modal.is-danger .wms-result-modal-icon {
    background: #fee2e2;
    color: #dc3545;
}

body.wms-inner-frame.wms-supplier-user-popup-page .wms-result-modal.is-danger .wms-result-modal-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14M7 4.5v4a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-1 0m.5 7.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14M7 4.5v4a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-1 0m.5 7.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5'/%3E%3C/svg%3E");
}

@media (max-width: 1080px) {
    body.wms-inner-frame.wms-supplier-user-popup-page .wms-supplier-user-layout {
        grid-template-columns: 1fr;
    }

    body.wms-inner-frame.wms-supplier-user-popup-page {
        min-width: 760px;
    }
}

body.wms-inner-frame .wms-result-modal .modal-content {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
    color: #1f2933;
    font-weight: 400;
}

body.wms-inner-frame .wms-result-modal .modal-header {
    min-height: 48px;
    padding: 14px 18px;
    border-bottom: 1px solid #edf1f4;
    background: #fff;
}

body.wms-inner-frame .wms-result-modal.is-success .modal-header {
    background: linear-gradient(90deg, #62e87f 0%, #c9f9d4 100%);
}

body.wms-inner-frame .wms-result-modal.is-error .modal-header {
    background: linear-gradient(90deg, #f8d7da 0%, #fff1f2 100%);
}

body.wms-inner-frame .wms-result-modal .modal-title {
    font-size: var(--wms-content-font-size);
    font-weight: 400;
}

body.wms-inner-frame .wms-result-modal .modal-body {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 18px;
}

body.wms-inner-frame .wms-result-modal-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #dcfce7;
    color: #198754;
}

body.wms-inner-frame .wms-result-modal.is-error .wms-result-modal-icon {
    background: #fee2e2;
    color: #dc3545;
}

body.wms-inner-frame .wms-result-modal-icon::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E") no-repeat center / contain;
}

body.wms-inner-frame .wms-result-modal.is-error .wms-result-modal-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14M7 4.5v4a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-1 0m.5 7.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14M7 4.5v4a.5.5 0 0 0 1 0v-4a.5.5 0 0 0-1 0m.5 7.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5'/%3E%3C/svg%3E");
}

body.wms-inner-frame .wms-result-modal-message {
    margin: 0;
    white-space: pre-line;
}

body.wms-inner-frame #poWaitReadyConfirmModal .modal-body {
    align-items: flex-start;
}

body.wms-inner-frame #poWaitReadyConfirmModal .wms-result-modal-icon {
    margin-top: 8px;
}

body.wms-inner-frame .wms-ready-confirm-content {
    flex: 1 1 auto;
    min-width: 0;
}

body.wms-inner-frame .wms-ready-confirm-table-wrap {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #fff;
}

body.wms-inner-frame .wms-ready-confirm-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: var(--wms-content-font-size);
    line-height: 1.35;
}

body.wms-inner-frame .wms-ready-confirm-table th,
body.wms-inner-frame .wms-ready-confirm-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #edf1f4;
    color: #1f2933;
    vertical-align: middle;
}

body.wms-inner-frame .wms-ready-confirm-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
    color: #526173;
    font-weight: 500;
    text-align: left;
}

body.wms-inner-frame .wms-ready-confirm-table tr:last-child td {
    border-bottom: 0;
}

body.wms-inner-frame .wms-ready-confirm-table th:nth-child(1),
body.wms-inner-frame .wms-ready-confirm-table td:nth-child(1) {
    width: 120px;
}

body.wms-inner-frame .wms-ready-confirm-table th:nth-child(3),
body.wms-inner-frame .wms-ready-confirm-table td:nth-child(3) {
    width: 72px;
}

body.wms-inner-frame .wms-ready-confirm-table td:nth-child(1),
body.wms-inner-frame .wms-ready-confirm-table td:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.wms-inner-frame .wms-ready-confirm-qty {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

body.wms-inner-frame .wms-ready-confirm-question {
    margin: 12px 0 0;
    color: #1f2933;
    font-size: var(--wms-content-font-size);
    line-height: 1.4;
}

body.wms-inner-frame .wms-result-modal .modal-footer {
    padding: 12px 18px 16px;
    border-top: 0;
}

#poWaitReadyConfirmModal .modal-body,
#poArrangeCompleteConfirmModal .modal-body,
#poOkModifyConfirmModal .modal-body,
#poOkModifyLocationSelectModal .modal-body,
#poOkModifyResultModal.has-result-table .modal-body {
    align-items: flex-start;
}

#poWaitReadyConfirmModal .wms-result-modal-icon,
#poArrangeCompleteConfirmModal .wms-result-modal-icon,
#poOkModifyConfirmModal .wms-result-modal-icon,
#poOkModifyLocationSelectModal .wms-result-modal-icon,
#poOkModifyResultModal.has-result-table .wms-result-modal-icon {
    margin-top: 8px;
}

#poWaitReadyConfirmModal .wms-ready-confirm-content,
#poArrangeCompleteConfirmModal .wms-ready-confirm-content,
#poOkModifyConfirmModal .wms-ready-confirm-content,
#poOkModifyLocationSelectModal .wms-ready-confirm-content,
#poOkModifyResultModal .wms-ready-confirm-content {
    flex: 1 1 auto;
    min-width: 0;
}

#poWaitReadyConfirmModal .wms-ready-confirm-table-wrap,
#poArrangeCompleteConfirmModal .wms-ready-confirm-table-wrap,
#poOkModifyConfirmModal .wms-ready-confirm-table-wrap,
#poOkModifyLocationSelectModal .wms-ready-confirm-table-wrap,
#poOkModifyResultModal .wms-ready-confirm-table-wrap {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #cbd5df;
    border-radius: 8px;
    background: #fff;
}

#poOkModifyConfirmModal .wms-ready-confirm-table-wrap,
#poOkModifyLocationSelectModal .wms-ready-confirm-table-wrap,
#poOkModifyResultModal .wms-ready-confirm-table-wrap {
    max-height: 316px;
}

#poWaitReadyConfirmModal .wms-ready-confirm-table,
#poArrangeCompleteConfirmModal .wms-ready-confirm-table,
#poOkModifyConfirmModal .wms-ready-confirm-table,
#poOkModifyLocationSelectModal .wms-ready-confirm-table,
#poOkModifyResultModal .wms-ready-confirm-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: var(--wms-content-font-size, 13px);
    line-height: 1.35;
}

#poWaitReadyConfirmModal .wms-ready-confirm-table th,
#poWaitReadyConfirmModal .wms-ready-confirm-table td,
#poArrangeCompleteConfirmModal .wms-ready-confirm-table th,
#poArrangeCompleteConfirmModal .wms-ready-confirm-table td,
#poOkModifyConfirmModal .wms-ready-confirm-table th,
#poOkModifyConfirmModal .wms-ready-confirm-table td,
#poOkModifyLocationSelectModal .wms-ready-confirm-table th,
#poOkModifyLocationSelectModal .wms-ready-confirm-table td,
#poOkModifyResultModal .wms-ready-confirm-table th,
#poOkModifyResultModal .wms-ready-confirm-table td {
    padding: 8px 10px;
    border: 1px solid #d8e0e7 !important;
    color: #1f2933;
    vertical-align: middle;
}

#poWaitReadyConfirmModal .wms-ready-confirm-table th,
#poArrangeCompleteConfirmModal .wms-ready-confirm-table th,
#poOkModifyConfirmModal .wms-ready-confirm-table th,
#poOkModifyLocationSelectModal .wms-ready-confirm-table th,
#poOkModifyResultModal .wms-ready-confirm-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
    color: #526173;
    font-weight: 600;
    text-align: left;
}

#poWaitReadyConfirmModal .wms-ready-confirm-barcode-col,
#poArrangeCompleteConfirmModal .wms-ready-confirm-barcode-col {
    width: 136px;
}

#poWaitReadyConfirmModal .wms-ready-confirm-qty-col,
#poArrangeCompleteConfirmModal .wms-ready-confirm-qty-col {
    width: 76px;
}

#poWaitReadyConfirmModal .wms-ready-confirm-table td:nth-child(1),
#poWaitReadyConfirmModal .wms-ready-confirm-table td:nth-child(2),
#poArrangeCompleteConfirmModal .wms-ready-confirm-table td:nth-child(1),
#poArrangeCompleteConfirmModal .wms-ready-confirm-table td:nth-child(2),
#poOkModifyConfirmModal .wms-ready-confirm-table td:nth-child(1),
#poOkModifyConfirmModal .wms-ready-confirm-table td:nth-child(2),
#poOkModifyConfirmModal .wms-ready-confirm-table td:nth-child(6),
#poOkModifyLocationSelectModal .wms-ready-confirm-table td:nth-child(2),
#poOkModifyLocationSelectModal .wms-ready-confirm-table td:nth-child(3),
#poOkModifyLocationSelectModal .wms-ready-confirm-table td:nth-child(10),
#poOkModifyResultModal .wms-ready-confirm-table td:nth-child(1),
#poOkModifyResultModal .wms-ready-confirm-table td:nth-child(2),
#poOkModifyResultModal .wms-ready-confirm-table td:nth-child(6) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#poWaitReadyConfirmModal .wms-ready-confirm-qty,
#poArrangeCompleteConfirmModal .wms-ready-confirm-qty,
#poOkModifyConfirmModal .wms-ready-confirm-qty,
#poOkModifyLocationSelectModal .wms-ready-confirm-qty,
#poOkModifyResultModal .wms-ready-confirm-qty {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

#poOkModifyConfirmModal .modal-dialog,
#poOkModifyLocationSelectModal .modal-dialog,
#poOkModifyResultModal.has-result-table .modal-dialog {
    max-width: 980px;
}

#poOkModifyResultModal:not(.has-result-table) .modal-dialog {
    max-width: 520px;
}

#poOkModifyConfirmModal .wms-result-modal-message,
#poOkModifyLocationSelectModal .wms-result-modal-message,
#poOkModifyResultModal .wms-result-modal-message {
    margin-bottom: 10px;
    font-weight: 600;
}

#poOkModifyResultModal:not(.has-result-table) .wms-result-modal-message {
    margin-bottom: 0;
}

#poOkModifyConfirmModal .wms-ok-modify-barcode-col,
#poOkModifyResultModal .wms-ok-modify-barcode-col {
    width: 128px;
}

#poOkModifyConfirmModal .wms-ok-modify-qty-col,
#poOkModifyResultModal .wms-ok-modify-qty-col {
    width: 92px;
}

#poOkModifyConfirmModal .wms-ok-modify-date-col,
#poOkModifyResultModal .wms-ok-modify-date-col {
    width: 110px;
}

#poOkModifyConfirmModal .wms-ok-modify-batch-col,
#poOkModifyResultModal .wms-ok-modify-batch-col {
    width: 128px;
}

#poOkModifyLocationSelectModal .wms-location-select-summary {
    margin: -4px 0 10px;
    color: #526173;
    font-size: var(--wms-content-font-size, 13px);
}

#poOkModifyLocationSelectModal .wms-location-select-radio-col {
    width: 54px;
}

#poOkModifyLocationSelectModal .wms-location-select-name-col {
    width: 120px;
}

#poOkModifyLocationSelectModal .wms-location-select-code-col {
    width: 112px;
}

#poOkModifyLocationSelectModal .wms-location-select-qty-col {
    width: 86px;
}

#poOkModifyLocationSelectModal .wms-location-select-date-col {
    width: 108px;
}

#poOkModifyLocationSelectModal .wms-location-select-batch-col {
    width: 116px;
}

#poOkModifyLocationSelectModal .wms-location-select-radio {
    text-align: center;
}

#poOkModifyLocationSelectModal .wms-location-select-radio input {
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
}

#poWaitReadyConfirmModal .wms-ready-confirm-question,
#poArrangeCompleteConfirmModal .wms-ready-confirm-question {
    margin: 12px 0 0;
    color: #1f2933;
    font-size: var(--wms-content-font-size, 13px);
    line-height: 1.4;
}

.wms-loading-box {
    min-width: 180px;
    padding: 18px 20px;
    border: 1px solid #dfe7ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
    text-align: center;
    color: #1f2933;
    font-weight: 400;
}

.wms-loading-spinner {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-bottom: 10px;
    border: 3px solid #d7f3e0;
    border-top-color: #12834f;
    border-radius: 50%;
    animation: wms-loading-spin .75s linear infinite;
}

.wms-loading-text {
    font-size: var(--wms-content-font-size);
    line-height: 1.4;
}

.wms-loading-subtext {
    margin-top: 4px;
    color: #6b7684;
    font-size: 12px;
    line-height: 1.4;
}

@keyframes wms-loading-spin {
    to {
        transform: rotate(360deg);
    }
}

.wms-dashboard {
    height: 100%;
    padding: 24px;
    overflow: auto;
    background: #f6f8f7;
    color: #1f2933;
    font-weight: 400;
}

.wms-dashboard-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.wms-dashboard-eyebrow {
    margin: 0 0 6px;
    color: var(--wms-primary-dark);
    font-size: 12px;
    font-weight: 400;
}

.wms-dashboard-head h1 {
    margin: 0;
    color: #202833;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
}

.wms-dashboard-date {
    flex: 0 0 auto;
    padding: 8px 12px;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    background: #fff;
    color: #667085;
    font-size: 12px;
    font-weight: 400;
}

.wms-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(128px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.wms-kpi-card {
    min-height: 110px;
    padding: 16px;
    border: 1px solid #dbe4ed;
    border-top: 4px solid var(--wms-primary);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(20, 36, 54, 0.05);
}

.wms-kpi-card:nth-child(2) {
    border-top-color: var(--wms-primary);
}

.wms-kpi-card:nth-child(3) {
    border-top-color: #2f80ed;
}

.wms-kpi-card:nth-child(4) {
    border-top-color: #f59e0b;
}

.wms-kpi-card:nth-child(5) {
    border-top-color: #7c3aed;
}

.wms-kpi-label {
    display: block;
    margin-bottom: 14px;
    color: #667085;
    font-size: 12px;
    font-weight: 400;
}

.wms-kpi-card strong {
    display: block;
    color: #111827;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
}

.wms-kpi-card em {
    display: block;
    margin-top: 10px;
    color: #8a96a3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.wms-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(360px, 1.7fr) minmax(280px, 1fr);
    gap: 16px;
}

.wms-dashboard-panel {
    min-width: 0;
    padding: 18px;
    border: 1px solid #dbe4ed;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(20, 36, 54, 0.05);
}

.wms-dashboard-panel-wide {
    grid-row: span 2;
    min-height: 356px;
}

.wms-dashboard-panel-full {
    grid-column: 1 / -1;
}

.wms-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.wms-panel-head h2 {
    margin: 0;
    color: #202833;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
}

.wms-panel-head span {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--wms-primary-surface);
    color: var(--wms-primary-dark);
    font-size: 11px;
    font-weight: 400;
}

.wms-line-chart {
    height: 260px;
    border: 1px solid #edf1f5;
    border-radius: 8px;
    background:
        linear-gradient(#f7f9fb 1px, transparent 1px) 0 0 / 100% 52px,
        #fff;
}

.wms-line-chart svg {
    display: block;
    width: 100%;
    height: 100%;
}

.wms-line-chart line {
    stroke: #d9e2ea;
    stroke-width: 2;
}

.wms-line-chart polyline {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wms-line-chart .wms-line-in {
    stroke: var(--wms-primary);
}

.wms-line-chart .wms-line-out {
    stroke: #2f80ed;
}

.wms-line-chart circle {
    fill: #fff;
    stroke: #202833;
    stroke-width: 3;
}

.wms-chart-legend {
    display: flex;
    gap: 18px;
    margin-top: 12px;
    color: #667085;
    font-size: 12px;
    font-weight: 400;
}

.wms-chart-legend i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 50%;
    vertical-align: -1px;
}

.wms-legend-in {
    background: var(--wms-primary);
}

.wms-legend-out {
    background: #2f80ed;
}

.wms-status-list {
    display: grid;
    gap: 12px;
}

.wms-status-list div {
    display: grid;
    grid-template-columns: 56px 36px 1fr;
    align-items: center;
    gap: 10px;
    color: #667085;
    font-size: 12px;
    font-weight: 400;
}

.wms-status-list strong {
    color: #202833;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
}

.wms-status-list meter {
    width: 100%;
    height: 10px;
}

.wms-order-chart {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 164px;
    padding: 12px 10px 0;
    border-bottom: 1px solid #dbe4ed;
    background:
        linear-gradient(#f0f3f7 1px, transparent 1px) 0 0 / 100% 41px;
}

.wms-order-chart div {
    flex: 1 1 0;
    min-width: 18px;
    border-radius: 6px 6px 0 0;
    background: linear-gradient(180deg, var(--wms-primary) 0%, #2f80ed 100%);
}

.wms-summary-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.wms-summary-table th,
.wms-summary-table td {
    padding: 12px 10px;
    border-top: 1px solid #edf1f5;
    color: #667085;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.wms-summary-table th {
    width: 42%;
    color: #202833;
}

.wms-summary-table td:nth-child(2) {
    width: 20%;
    color: #111827;
    text-align: right;
}

.wms-summary-table td:last-child {
    text-align: right;
}

.wms-state-neutral {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #f2f4f7;
    color: #667085;
    font-size: 11px;
    font-weight: 400;
}

.wms-app-shell #sb-accordian {
    height: 100%;
    box-shadow: none;
}

.wms-app-shell #sb-accordian > ul {
    margin: 0;
    padding: 8px 0;
}

@media (max-width: 768px) {
    .wms-app-sidebar {
        flex-basis: 180px;
        width: 180px;
    }

    .wms-dashboard {
        padding: 16px;
    }

    .wms-dashboard-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    .wms-kpi-grid {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .wms-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .wms-dashboard-panel-wide,
    .wms-dashboard-panel-full {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 560px) {
    .wms-kpi-grid {
        grid-template-columns: 1fr;
    }
}


/* MAIN 좌측메뉴 */
.sb-wms-maincolor {
    background: #fff;
}
#sb-accordian {
    background: #fff;
    /*
    width: 250px;
    margin: 100px auto 0 auto;
     */
    color: var(--wms-primary-text);
    box-shadow: none;
}

#sb-accordian h3 {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    min-height: 42px;
    margin: 6px 10px;
    padding: 10px 34px 10px 12px;
    border: 1px solid #d9f3d6;
    border-radius: 5px;
    cursor: pointer;
    background: var(--wms-primary-button);
    color: var(--wms-primary-text);
}

#sb-accordian h3:hover {
    background: linear-gradient(90deg, #bbf3c8 0%, #e7f8d5 100%);
}

#sb-accordian > ul > li.wms-menu-group-current > h3 {
    border-left-color: #16a34a;
    box-shadow: inset 3px 0 0 #16a34a;
    font-weight: 700;
}

#sb-accordian h3:after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #9aa1aa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}

/* 아이콘폰트 스타일 */
#sb-accordian h3 span {
    display: inline-flex;
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    margin-right: 9px;
    border-radius: 50%;
    background: #21c35d;
}

#sb-accordian > ul > li.wms-menu-group-current > h3 span {
    box-shadow: 0 0 0 2px #e8faec, 0 0 0 3px #16a34a;
}

#sb-accordian li {
    list-style-type: none;
}

/* 서브메뉴 스타일 */
#sb-accordian ul ul {
    margin: -2px 10px 8px;
    padding: 6px;
    border: 1px solid #edf1f4;
    border-radius: 5px;
    background: #f8fafc;
}

#sb-accordian ul ul li + li {
    margin-top: 2px;
}

#sb-accordian ul ul li a {
    color: var(--wms-primary-text);
    text-decoration: none;
    /*
    font-size: 11px;
     */
    line-height: 20px;
    display: block;
    margin: 0;
    padding: 6px 12px;
    border-radius: 4px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
}

#sb-accordian ul ul li a.menu1 {
    background: var(--wms-primary-surface);
    color: var(--wms-primary-text);
    text-decoration: none;
    /*
    font-size: 11px;
     */
    line-height: 20px;
    display: block;
    padding: 5px 15px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
}

#sb-accordian ul ul li a:hover {
    background: #fff;
    /*
    border-left: 5px solid #09c;
     */
}

#sb-accordian ul ul li a.wms-menu-link-active {
    background: #e9fff0;
    color: var(--wms-primary-dark);
    font-weight: 700;
}

/* active 클래스 외에 것은 보이지 않게 하기 */
#sb-accordian ul ul {
    display: none;
}

#sb-accordian li.active ul {
    display: block;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 22.563px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 22.563px;
  }
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-search--dropdown .select2-search__field {
    padding: 0px 3px;
    width: 100%;
    box-sizing: border-box;
  }
.select2-results__option {
    padding: 1px 3px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #52dc70;
  color: white;
}
.text-center{
    text-align:center !important;
}
.text-left{
    text-align:left  !important;
}
.text-right{
    text-align:right  !important;
}

input.so-buyer-info-yellow{
    width: 100%;
    height: 100%;
    background-color: rgb(243, 229, 156);
    border:1px outset black;
}
input.so-buyer-info-green{
    width: 100%;
    height: 100%;
    background-color: #04ff07;
    border:1px outset black;
}
input.so-buyer-info-red{
    width: 100%;
    height: 100%;
    background-color: #efdce7;
    border:1px outset black;
}
input.so-buyer-info-default{
    width: 100%;
    height: 100%;
}

body.wms-inner-frame.wms-so-dashboard-page .wms-menu-content-body {
    overflow: hidden;
}

.wms-so-dashboard-form {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
}

.wms-so-dashboard-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 12px;
    overflow: auto;
    background: #f5f7f6;
}

.wms-so-dashboard-toolbar {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 6px 12px;
    border: 1px solid #d7dee5;
    border-radius: 4px;
    background: #f2f4f6;
}

.wms-so-toolbar-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.wms-so-toolbar-label {
    margin: 0;
    color: #212529;
    font-size: 12px;
    font-weight: 600;
    line-height: 32px;
    white-space: nowrap;
}

.wms-so-date-range {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.wms-so-date-range input[type="text"] {
    width: 122px;
    height: 32px !important;
    min-height: 32px;
    padding: 0 10px !important;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background: #fff;
    color: #1f2933;
    font-size: 12px;
    line-height: 32px;
}

.wms-so-date-range span {
    color: #6b7684;
    font-size: 12px;
}

.wms-so-date-range .wms-datepicker-native-trigger-hidden {
    display: none !important;
}

.wms-so-date-range input.hasDatepicker {
    border-radius: 5px 0 0 5px;
}

.wms-so-date-range .wms-so-date-trigger {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    min-height: 32px;
    margin: 0 0 0 -6px !important;
    padding: 0 !important;
    border: 1px solid #adb5bd !important;
    border-left: 0 !important;
    border-radius: 0 5px 5px 0 !important;
    background: #fff !important;
    color: #64748b;
    box-sizing: border-box;
}

.wms-so-date-range .wms-so-date-trigger:hover,
.wms-so-date-range .wms-so-date-trigger:focus {
    border-color: #86b7fe !important;
    background: #f8fafc !important;
    color: #0f8a4d;
    box-shadow: none;
}

.wms-so-btn,
.wms-so-action-btn,
.wms-so-wave-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 32px;
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.wms-so-btn:hover,
.wms-so-action-btn:hover,
.wms-so-wave-actions button:hover {
    transform: translateY(-1px);
}

.wms-so-btn:focus,
.wms-so-action-btn:focus,
.wms-so-wave-actions button:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .14);
}

.wms-so-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    color: currentColor;
}

.wms-so-btn-icon svg {
    display: block;
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wms-so-btn-dark {
    border-color: #262b31;
    background: #2b2f34;
    color: #fff;
}

.wms-so-btn-dark:hover {
    border-color: #1f2429;
    background: #20252a;
    color: #fff;
}

.wms-so-btn-outline {
    border-color: #80caff;
    background: #fff;
    color: #1682c4;
}

.wms-so-btn-outline:hover {
    border-color: #5eb7f3;
    background: #edf8ff;
    color: #0f6fa7;
}

.wms-so-dashboard-panel {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    min-width: 0;
    padding: 14px;
    border: 1px solid #cbd8e3;
    border-radius: 4px;
    background: #fff;
}

.wms-so-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.wms-so-panel-head-inline {
    align-items: flex-end;
}

.wms-so-panel-head h2 {
    margin: 0;
    color: #202833;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.wms-so-panel-head p {
    margin: 4px 0 0;
    color: #6b7684;
    font-size: 12px;
    line-height: 1.3;
}

.wms-so-table-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #d4dee8;
    background: #fff;
}

.wms-so-table {
    width: 100%;
    min-width: 920px;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
    color: #222;
    font-size: 12px;
}

.wms-so-table thead th {
    height: 30px;
    padding: 0 8px;
    border-right: 1px solid #7fd994;
    border-bottom: 1px solid #6fd889;
    background: #82e399;
    color: #0f2c1d;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.wms-so-table thead th:last-child {
    border-right: 0;
}

.wms-so-table tbody th,
.wms-so-table tbody td {
    height: 32px;
    padding: 0 8px;
    border-right: 1px solid #d4dee8;
    border-bottom: 1px solid #d4dee8;
    background: #fff;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.wms-so-table tbody tr:nth-child(even) th,
.wms-so-table tbody tr:nth-child(even) td {
    background: #e0e0e0;
}

.wms-so-table tbody th:last-child,
.wms-so-table tbody td:last-child {
    border-right: 0;
}

.wms-so-summary-table tbody th {
    text-align: left;
}

.wms-so-summary-table tbody th strong {
    display: inline-block;
    min-width: 72px;
    color: #1f2933;
    font-weight: 700;
}

.wms-so-summary-table tbody th span {
    color: #6b7684;
    font-weight: 400;
}

.wms-so-summary-table .wms-so-action-btn {
    height: 26px;
    min-height: 26px;
    padding: 0 10px;
    line-height: 24px;
    vertical-align: middle;
}

.wms-so-action-primary {
    border-color: #087b45;
    background: #0f8a4d;
    color: #fff;
}

.wms-so-action-primary:hover {
    border-color: #066838;
    background: #0a7240;
    color: #fff;
}

.wms-so-action-warning {
    border-color: #d29a16;
    background: #fff8df;
    color: #7a5600;
}

.wms-so-action-warning:hover {
    border-color: #c48b0c;
    background: #fff0bd;
    color: #684900;
}

.wms-so-wave-table {
    min-width: 1120px;
}

.wms-so-wave-table th:last-child,
.wms-so-wave-table td:last-child {
    width: 360px;
}

.wms-so-wave-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
}

.wms-so-wave-actions button {
    height: 26px;
    min-height: 26px;
    padding: 0 10px;
    border-color: #cbd8e3;
    background: #f6f8fa;
    color: #28323d;
    line-height: 24px;
}

.wms-so-wave-actions .wms-so-wave-btn-excel {
    border-color: #b9dfca;
    background: #edfdf3;
    color: #0f7f45;
}

.wms-so-wave-actions .wms-so-wave-btn-invoice {
    border-color: #b9d6f2;
    background: #eef7ff;
    color: #196aa8;
}

.wms-so-wave-actions .wms-so-wave-btn-link {
    border-color: #d6c7ee;
    background: #f6f1ff;
    color: #6950a8;
}

.wms-so-wave-actions .wms-so-wave-btn-picking {
    border-color: #efd6a0;
    background: #fff8e8;
    color: #8a6100;
}

.wms-so-wave-actions .wms-so-wave-btn-packing {
    border-color: #cbd8e3;
    background: #f6f8fa;
    color: #28323d;
}

.wms-so-wave-actions button:hover {
    border-color: #9fb1c1;
    background: #fff;
    color: #1f2933;
}

.wms-so-empty-cell {
    height: 44px !important;
    color: #6b7684;
    line-height: 44px !important;
    text-align: center !important;
}

.wms-so-wait-count {
    color: #dc3545;
    font-weight: 700;
}

@media (max-width: 1280px) {
    .wms-so-panel-head,
    .wms-so-panel-head-inline {
        align-items: flex-start;
        flex-direction: column;
    }
}