.box-custom{&[data-v-4327a2c2]{overflow:auto;max-height:calc(100dvh - 300px)}&.maximize[data-v-4327a2c2]{max-height:calc(100dvh - 200px)}&.addon[data-v-4327a2c2]{max-height:calc(100dvh - 390px)}&.addon.maximize[data-v-4327a2c2]{max-height:calc(100dvh - 290px)}.shadow-y thead tr[data-v-4327a2c2]{box-shadow:0 5px 5px -1px rgba(0,0,0,.1);transition:box-shadow .3s ease-in-out}}.table-custom thead tr[data-v-4327a2c2]{position:sticky;top:0;z-index:1}.table-custom tbody tr[data-v-4327a2c2]:hover{background:#f8f9fa!important}.table-custom tbody tr[data-v-4327a2c2]:nth-child(2n){background:#fcfcfc}.box-custom{&[data-v-ce090b28]{overflow:auto;max-height:calc(100vh - 393px)}&.maximize[data-v-ce090b28]{max-height:calc(100vh - 300px)}.shadow-y thead tr[data-v-ce090b28]{box-shadow:0 5px 5px -1px rgba(0,0,0,.1);transition:box-shadow .3s ease-in-out}}.table-custom thead tr[data-v-ce090b28]{position:sticky;top:0;z-index:1}.box-consider{&[data-v-53519831]{overflow:auto;max-height:calc(100dvh - 175px);margin:-.5rem -1rem -1rem -1rem;border-radius:12px}.shadow-x tbody tr.tr-empty td[data-v-53519831]:first-child:before,.shadow-x tbody tr td[data-v-53519831]:nth-child(6):before,.shadow-x tfoot tr:first-child th[data-v-53519831]:first-child:before,.shadow-x thead tr:first-child th[data-v-53519831]:first-child:before,.shadow-x thead tr:nth-child(2) th[data-v-53519831]:nth-child(6):before{content:"";position:absolute;top:0;right:0;width:6px;height:100%;box-shadow:4px 0 4px rgba(0,0,0,.1);pointer-events:none}.shadow-y thead tr:nth-child(2) th[data-v-53519831]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;box-shadow:0 4px 4px rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);pointer-events:none}&[data-v-53519831]::-webkit-scrollbar-track{border-radius:.5rem}}.table-consider{&[data-v-53519831]{border-collapse:separate;border-spacing:0;min-width:100%}.th-supplier[data-v-53519831]{min-width:25rem;max-width:25rem}.th-summary[data-v-53519831]{background:#f1fcef}.th-overprice[data-v-53519831]{background:#ffd2d2}}.table-consider tfoot tr th,.table-consider thead tr th{&[data-v-53519831]{text-align:left;vertical-align:top;padding:.5rem;border:1px solid #e9ecef;border-width:1px 1px 0 0;font-weight:400;font-size:var(--font-size);color:var(--text-color);background:#fff}&.th-lowest[data-v-53519831]{background:rgba(161,245,148,.61)}&.th-oldest[data-v-53519831]{background:rgba(177,215,171,.38)}}.table-consider thead tr:first-child th[data-v-53519831]{border-top-width:0}.table-consider thead tr:nth-child(2) th[data-v-53519831]{background:#f8f8f8}.table-consider tbody tr td{&[data-v-53519831]{text-align:left;vertical-align:top;padding:.5rem;border:1px solid #e9ecef;border-width:1px 1px 0 0;font-weight:300;font-size:var(--font-size);background:#fff}&.td-lowest[data-v-53519831]{background:#fffbd5}&.td-bargain[data-v-53519831]{background:#8decf8}.chip-notdue[data-v-53519831]{background:#fee;color:var(--red-500);padding:0 .75rem;font-weight:500}.chip-bargain[data-v-53519831]{background:#e1fdff;color:var(--cyan-500);padding:0 .75rem;font-weight:500}}.table-consider thead tr:first-child th[data-v-53519831]{position:sticky;top:0;z-index:1}.table-consider thead tr:nth-child(2) th[data-v-53519831]{position:sticky;top:170px;z-index:1}.table-consider thead tr:first-child th[data-v-53519831]:first-child{min-width:500px;max-width:500px;left:0;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-53519831]:first-child{min-width:50px;max-width:50px;left:0;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-53519831]:nth-child(2){min-width:250px;max-width:250px;left:50px;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-53519831]:nth-child(3){min-width:80px;max-width:80px;left:300px;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-53519831]:nth-child(4){min-width:70px;max-width:70px;left:380px;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-53519831]:nth-child(5){min-width:90px;max-width:90px;left:450px;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-53519831]:nth-child(6){min-width:90px;max-width:90px;left:540px;z-index:3}.table-consider tbody tr td[data-v-53519831]:first-child,.table-consider tfoot tr:first-child th[data-v-53519831]:first-child{position:sticky;left:0;z-index:2}.table-consider tbody tr td[data-v-53519831]:nth-child(2){position:sticky;left:50px;z-index:2}.table-consider tbody tr td[data-v-53519831]:nth-child(3){position:sticky;left:300px;z-index:2}.table-consider tbody tr td[data-v-53519831]:nth-child(4){position:sticky;left:380px;z-index:2}.table-consider tbody tr td[data-v-53519831]:nth-child(5){position:sticky;left:450px;z-index:2}.table-consider tbody tr td[data-v-53519831]:nth-child(6){position:sticky;left:540px;z-index:2}@media (max-width:991px){.table-consider td[data-v-53519831],.table-consider th[data-v-53519831]{position:static!important}}.border-recommend[data-v-090020c2]{border-right:4px solid #e9ecef!important}.bg-negotiate[data-v-090020c2]{background:#fffbd2!important}.bg-recommend[data-v-090020c2]{background:#dffcdc!important}.bg-middle[data-v-090020c2]{background:#fefbe2!important}.bg-lowest[data-v-090020c2]{background:#ffe8e8!important}.bg-none[data-v-090020c2]{background:#f8f9fa!important}.bg-grade-[data-v-090020c2]{color:#000;background-color:#dbdbdb!important}.bg-grade-A[data-v-090020c2]{color:#000;background-color:#a3e89f!important}.bg-grade-B[data-v-090020c2]{color:#000;background-color:#cbdaeb!important}.bg-grade-C[data-v-090020c2]{color:#000;background-color:#eccbca!important}.box-recommend{&[data-v-090020c2]{overflow:auto;max-height:calc(100dvh - 182px);margin:0 -1rem -1rem -1rem}.shadow-x tbody tr.tr-empty td[data-v-090020c2]:first-child:before,.shadow-x tbody tr td[data-v-090020c2]:nth-child(6):before,.shadow-x tfoot tr th[data-v-090020c2]:first-child:before,.shadow-x thead tr:first-child th[data-v-090020c2]:first-child:before,.shadow-x thead tr:nth-child(2) th[data-v-090020c2]:nth-child(6):before{content:"";position:absolute;top:0;right:0;width:6px;height:100%;box-shadow:4px 0 4px rgba(0,0,0,.1);pointer-events:none}.shadow-y thead tr:nth-child(2) th[data-v-090020c2]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;box-shadow:0 4px 4px rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);pointer-events:none}&[data-v-090020c2]::-webkit-scrollbar-track{border-radius:.5rem}}.table-recommend[data-v-090020c2]{border-collapse:separate;border-spacing:0;min-width:100%}.table-recommend tfoot tr th[data-v-090020c2],.table-recommend thead tr th[data-v-090020c2]{text-align:left;vertical-align:center;padding:.5rem;border:1px solid #e9ecef;border-width:1px 1px 0 0;font-weight:400;background:#fff}.table-recommend thead tr:first-child th[data-v-090020c2]:first-child{border-top-color:transparent}.table-recommend tfoot tr th[data-v-090020c2],.table-recommend thead tr:nth-child(2) th[data-v-090020c2]{background:#f8f9fa}.table-recommend tbody tr td[data-v-090020c2]{text-align:left;vertical-align:top;padding:.5rem;border:1px solid #e9ecef;border-width:1px 1px 0 0;font-weight:300;background:#fff;word-break:break-word;word-wrap:break-word}.table-recommend tbody tr:hover td[data-v-090020c2]{background:#f8f9fa!important}.table-recommend tbody tr:nth-child(2n) td[data-v-090020c2]{background:#fcfcfc}.table-recommend thead tr:first-child th[data-v-090020c2]{position:sticky;top:0;z-index:1}.table-recommend thead tr:nth-child(2) th[data-v-090020c2]{position:sticky;top:74px;z-index:1}.table-recommend thead tr:first-child th[data-v-090020c2]:first-child{left:0;z-index:3}.table-recommend thead tr:nth-child(2) th[data-v-090020c2]:first-child{min-width:50px;max-width:50px;left:0;z-index:3}.table-recommend thead tr:nth-child(2) th[data-v-090020c2]:nth-child(2){min-width:250px;max-width:250px;left:50px;z-index:3}.table-recommend thead tr:nth-child(2) th[data-v-090020c2]:nth-child(3){min-width:80px;max-width:80px;left:300px;z-index:3}.table-recommend thead tr:nth-child(2) th[data-v-090020c2]:nth-child(4){min-width:70px;max-width:70px;left:380px;z-index:3}.table-recommend thead tr:nth-child(2) th[data-v-090020c2]:nth-child(5){min-width:90px;max-width:90px;left:450px;z-index:3}.table-recommend thead tr:nth-child(2) th[data-v-090020c2]:nth-child(6){min-width:90px;max-width:90px;left:540px;z-index:3}.table-recommend tbody tr td[data-v-090020c2]:first-child{position:sticky;left:0;z-index:2}.table-recommend tbody tr td[data-v-090020c2]:nth-child(2){position:sticky;left:50px;z-index:2}.table-recommend tbody tr td[data-v-090020c2]:nth-child(3){position:sticky;left:300px;z-index:2}.table-recommend tbody tr td[data-v-090020c2]:nth-child(4){position:sticky;left:380px;z-index:2}.table-recommend tbody tr td[data-v-090020c2]:nth-child(5){position:sticky;left:450px;z-index:2}.table-recommend tbody tr td[data-v-090020c2]:nth-child(6){position:sticky;left:540px;z-index:2}.table-recommend tfoot tr th[data-v-090020c2]:first-child{position:sticky;left:0;z-index:1}@media (max-width:991px){.table-recommend td,.table-recommend th{&[data-v-090020c2]{position:static!important}&.th-supplier[data-v-090020c2]{position:relative!important}}}.box-custom{&[data-v-090020c2]{overflow:auto}.shadow-y thead tr[data-v-090020c2]{box-shadow:0 5px 5px -1px rgba(0,0,0,.1);transition:box-shadow .3s ease-in-out}}.table-custom thead tr[data-v-090020c2]{position:sticky;top:0;z-index:1}.table-custom tbody tr[data-v-090020c2]:hover{background:#f8f9fa!important}.table-custom tbody tr[data-v-090020c2]:nth-child(2n){background:#fcfcfc}.box-consider{&[data-v-23034678]{overflow:auto;max-height:calc(100dvh - 175px);margin:-.5rem -1rem -1rem -1rem;border-radius:12px}.shadow-x tbody tr.tr-empty td[data-v-23034678]:first-child:before,.shadow-x tbody tr td[data-v-23034678]:nth-child(6):before,.shadow-x tfoot tr:first-child th[data-v-23034678]:first-child:before,.shadow-x thead tr:first-child th[data-v-23034678]:first-child:before,.shadow-x thead tr:nth-child(2) th[data-v-23034678]:nth-child(6):before{content:"";position:absolute;top:0;right:0;width:6px;height:100%;box-shadow:4px 0 4px rgba(0,0,0,.1);pointer-events:none}.shadow-y thead tr:nth-child(2) th[data-v-23034678]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;box-shadow:0 4px 4px rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);pointer-events:none}&[data-v-23034678]::-webkit-scrollbar-track{border-radius:.5rem}}.table-consider{&[data-v-23034678]{border-collapse:separate;border-spacing:0;min-width:100%}.th-supplier[data-v-23034678]{min-width:25rem;max-width:25rem}.th-summary[data-v-23034678]{background:#f1fcef}}.table-consider tfoot tr th,.table-consider thead tr th{&[data-v-23034678]{text-align:left;vertical-align:top;padding:.5rem;border:1px solid #e9ecef;border-width:1px 1px 0 0;font-weight:400;font-size:var(--font-size);color:var(--text-color);background:#fff}&.th-lowest[data-v-23034678]{background:rgba(161,245,148,.61)}&.th-oldest[data-v-23034678]{background:rgba(177,215,171,.38)}}.table-consider thead tr:first-child th[data-v-23034678]{border-top-width:0}.table-consider thead tr:nth-child(2) th[data-v-23034678]{background:#f8f8f8}.table-consider tbody tr td{&[data-v-23034678]{text-align:left;vertical-align:top;padding:.5rem;border:1px solid #e9ecef;border-width:1px 1px 0 0;font-weight:300;font-size:var(--font-size);background:#fff}&.td-lowest[data-v-23034678]{background:#fffbd5}}.table-consider thead tr:first-child th[data-v-23034678]{position:sticky;top:0;z-index:1}.table-consider thead tr:nth-child(2) th[data-v-23034678]{position:sticky;top:128px;z-index:1}.table-consider thead tr:first-child th[data-v-23034678]:first-child{min-width:500px;max-width:500px;left:0;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-23034678]:first-child{min-width:50px;max-width:50px;left:0;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-23034678]:nth-child(2){min-width:250px;max-width:250px;left:50px;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-23034678]:nth-child(3){min-width:80px;max-width:80px;left:300px;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-23034678]:nth-child(4){min-width:70px;max-width:70px;left:380px;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-23034678]:nth-child(5){min-width:90px;max-width:90px;left:450px;z-index:3}.table-consider thead tr:nth-child(2) th[data-v-23034678]:nth-child(6){min-width:90px;max-width:90px;left:540px;z-index:3}.table-consider tbody tr td[data-v-23034678]:first-child,.table-consider tfoot tr:first-child th[data-v-23034678]:first-child{position:sticky;left:0;z-index:2}.table-consider tbody tr td[data-v-23034678]:nth-child(2){position:sticky;left:50px;z-index:2}.table-consider tbody tr td[data-v-23034678]:nth-child(3){position:sticky;left:300px;z-index:2}.table-consider tbody tr td[data-v-23034678]:nth-child(4){position:sticky;left:380px;z-index:2}.table-consider tbody tr td[data-v-23034678]:nth-child(5){position:sticky;left:450px;z-index:2}.table-consider tbody tr td[data-v-23034678]:nth-child(6){position:sticky;left:540px;z-index:2}@media (max-width:991px){.table-consider td[data-v-23034678],.table-consider th[data-v-23034678]{position:static!important}}