:root{--color-default-a-link:#1A6EED;--color-default:#fff;--color-primary:#000;--color-dark:#212B36;--color-sub:#7B809A;--bs-link-hover-color:#1F2183;--color-tag-fall:#00C07B;--color-link-more:#13426B;--color-primary-bg:#1F2183;--color-primary-btn:#1E1F89;--color-border:#D9D9D9;--color-input-disabled:#333;--color-tag-bg:#e60012;--color-article-text:#013558;--color-badge-bg:#FF4D4F;--color-article-opacity-8:rgba(19, 66, 107, 0.80);--color-article-opacity-2:rgba(19, 66, 107, 0.20);--color-supply-tag:#1A6EED;--color-auction-tag:#009761;--color-auth-tag:#AF8B04;--bg-color-supply-tag:#DDF1FF;--bg-color-auction-tag:#D7F5E5;--bg-color-auth-tag:#FFFAD9;--color-notice-title:#042B4C;--tag-info-color:#1A6EED;--tag-info-border:#82B4FF;--tag-info-bg:#DDF1FF;--tag-error-color:#E42745;--tag-error-border:#FF7575;--tag-error-bg:#FFE7E7;--tag-success-color:#009761;--tag-success-border:#00C07B;--tag-success-bg:#D7F5E5;--tag-secondary-color:#7B809A;--tag-secondary-border:#D0D0D0;--tag-secondary-bg:#F2F1F6;--tag-warning-color:#F4B30E;--tag-warning-border:#FFECBC;--tag-warning-bg:#FFF8E7;--text-color-1:#000000;--text-color-2:#16193A;--text-color-3:#7B809A;--text-color-4:#DFE5FD;--text-color-5:#F5F6FB;--text-color-6:#999999;--bg-color-1:#FFFFFF;--bg-color-2:#FCFCFC;--bg-color-3:#F8F9FB;--bg-color-4:#F5F6FB;--bg-color-5:#F1F5FA;--border-color:#d0d0d0;--modal-mask-bg:rgba(0,0,0,0.3);--dot-color-1:#E42745;--dot-color-2:#56B042;--dot-color-3:#006DE9;--dot-color-4:#FF9902;--default-color-1:#ffffff;--default-color-2:#111111}body{background-color:#f8f9fa}body .secondary-bg-container{width:100%;height:23.3125rem;background:url(/assets/img/index/supply-home-bg.jpg) #d3d3d3 0 -2135.535px/100% 1029.491% no-repeat;left:0;top:0}body main{padding-bottom:3.75rem}body main .major-title{padding:3.75rem 0 2.7rem}body main .major-title h6{font-size:2.5rem;color:var(--text-color-1);font-weight:600;line-height:127%}body main .major-title p{font-size:1.5rem;font-weight:500;line-height:3.3125rem;color:var(--text-color-1)}body main .content-container{gap:1rem}body main .content-container .content-left{flex:1 0 0}body main .content-container .content-left ul>li{border-left:6px solid transparent;padding:1.875rem 2.375rem;transition:all ease .1s}body main .content-container .content-left ul>li span{color:var(--text-color-1);font-weight:500;font-size:1.125rem}body main .content-container .content-left ul>li:first-of-type{border-top-left-radius:.75rem;border-top-right-radius:.75rem}body main .content-container .content-left ul>li svg{width:.75rem;height:.4375rem}body main .content-container .content-left .active-content-nav{border-left:6px solid var(--color-primary-bg);background:var(--bg-color-5)}body main .content-container .content-left .active-content-nav span{color:var(--color-primary-bg)}body main .content-container .content-right{width:85.8%}body main .content-container .content-right .filter-container{padding:0 1.25rem}body main .content-container .content-right .filter-container header{padding-top:1rem}body main .content-container .content-right .filter-container header>span{color:var(--text-color-2);font-size:1.25rem;font-weight:600;line-height:135%}body main .content-container .content-right .filter-container header .breadcrumb-container{color:var(--text-color-3);font-size:.875rem;font-weight:600;line-height:135%;gap:2px}body main .content-container .content-right .filter-container header .breadcrumb-container a{color:var(--text-color-3)}body main .content-container .content-right .filter-container header .breadcrumb-container a:hover{color:var(--text-color-2)!important}body main .content-container .content-right .filter-container header .breadcrumb-container span:last-of-type{color:var(--text-color-2)}body main .content-container .content-right .filter-container .price-trend{gap:2.25rem}body main .content-container .content-right .filter-container .price-trend>div{flex:1}body main .content-container .content-right .filter-container .price-trend .chart-title h6{font-size:1.25rem;font-weight:600;line-height:135%;color:var(--text-color-2)}body main .content-container .content-right .filter-container .price-trend .form-check{display:flex;align-items:center}body main .content-container .content-right .filter-container .price-trend .form-check-input[type=radio],body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch),body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=checkbox]{border-color:var(--text-color-3)!important}body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=checkbox]:checked{background-color:var(--dot-color-3)!important;border-color:var(--dot-color-3)!important}body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=checkbox]:after{font-size:.5rem}body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=radio]:after{background-color:var(--dot-color-3)!important;width:.5rem;height:.5rem}body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=checkbox]:checked,body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=radio]:checked{border-color:var(--dot-color-3)!important}body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=radio]:checked{padding:.25rem}body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=radio]{font-size:.875rem;color:var(--text-color-2)}body main .content-container .content-right .filter-container .price-trend .form-check:not(.form-switch) .form-check-input[type=radio]:active{outline:0;box-shadow:none}body main .content-container .content-right .filter-container .price-trend #cciIndexChart{height:15.18rem}body main .content-container .content-right .filter-container .transaction-container h5{color:var(--text-color-2);font-size:1.25rem}body main .content-container .content-right .filter-container .transaction-container .transaction-statis{gap:1rem;border-radius:6px;border:.5px solid var(--1,#e4e3e8)}body main .content-container .content-right .filter-container .transaction-container .transaction-statis li{flex:1;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:.5rem .75rem}body main .content-container .content-right .filter-container .transaction-container .transaction-statis li p{font-size:1rem;color:var(--text-color-2);font-weight:600;line-height:135%}body main .content-container .content-right .filter-container .transaction-container .transaction-statis li strong{color:var(--text-color-2);font-size:1.5rem;font-weight:600;line-height:135%}body main .content-container .content-right .filter-container .transaction-container .transaction-statis li:first-of-type{border-radius:6px;border:.5px solid #006de9;background:linear-gradient(180deg,#ddedff 0,#f3f9ff 100%)}body main .content-container .content-right .filter-container .transaction-container .transaction-statis li:last-of-type strong{color:var(--dot-color-1)}body main .content-container .content-right .filter-container .transaction-container .transaction-list{border-radius:6px;background:var(--2,#fcfcfc)}body main .content-container .content-right .filter-container .transaction-container .transaction-list header{margin-bottom:.875rem}body main .content-container .content-right .filter-container .transaction-container .transaction-list header>div{gap:.5rem}body main .content-container .content-right .filter-container .transaction-container .transaction-list header>div svg{width:1.125rem;height:.875rem}body main .content-container .content-right .filter-container .transaction-container .transaction-list header>div span{font-size:1rem;color:var(--text-color-2);font-weight:600;line-height:135%}body main .content-container .content-right .filter-container .transaction-container .transaction-list header>a{color:var(--text-color-3);font-size:.875rem;line-height:135%;font-weight:500}body main .content-container .content-right .filter-container .transaction-container .transaction-list header>a:hover{color:var(--color-primary-bg)}body main .content-container .content-right .filter-container .transaction-container .transaction-list .table-header li{flex:1;padding:2.5px .25rem;color:var(--text-color-3);font-size:.875rem;line-height:135%;text-align:left}body main .content-container .content-right .filter-container .transaction-container .transaction-list .table-header li:not(:first-of-type){text-align:right}body main .content-container .content-right .filter-container .transaction-container .transaction-list ul:not(.table-header){margin-top:.875rem!important}body main .content-container .content-right .filter-container .transaction-container .transaction-list ul:not(.table-header) li{margin-bottom:.875rem}body main .content-container .content-right .filter-container .transaction-container .transaction-list ul:not(.table-header) li span{color:var(--text-color-2);font-size:.875rem;font-weight:500;line-height:135%;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2.5px .25rem;text-align:left}body main .content-container .content-right .filter-container .transaction-container .transaction-list ul:not(.table-header) li span:not(:first-of-type){text-align:right}body main .content-container .content-right .page-inner-item{padding:0 1.125rem!important}body main .content-container .content-right .page-inner-item .title-status{font-size:1.5rem;color:var(--text-color-2);font-weight:600;line-height:135%}body main .content-container .content-right .page-inner-item .title-status span{padding:.25rem .5rem;border-radius:.375rem;background:rgba(0,109,233,.1);font-size:1rem;color:var(--dot-color-3)}body main .content-container .content-right .page-inner-item .title-status .warning-tag{background:rgba(255,153,2,.1);color:var(--dot-color-4)}body main .content-container .content-right .page-inner-item .title-status .error-tag{background-color:rgba(228,39,69,.1);color:var(--dot-color-1)}body main .content-container .content-right .page-inner-item .title-status .invalid-tag{background-color:var(--bg-color-4);color:var(--text-color-3)}body main .content-container .content-right .page-inner-item .no{color:var(--text-color-3);font-size:1rem;font-weight:600;line-height:135%}body main .content-container .content-right .page-inner-item .base-info{gap:1.5rem;border-bottom:1px solid var(--border-color)}body main .content-container .content-right .page-inner-item .base-info span{min-width:18%;display:flex;align-items:baseline;color:var(--text-color-3);font-size:1rem;font-weight:600;line-height:135%}body main .content-container .content-right .page-inner-item .base-info span strong{font-size:1.5rem;color:var(--text-color-2);font-weight:600;line-height:100%}body main .content-container .content-right .page-inner-item .base-info span .ton-price{color:var(--dot-color-1)}body main .content-container .content-right .page-inner-item .quote-info{gap:2.5rem;overflow-x:scroll;border-bottom:1px solid var(--border-color)}body main .content-container .content-right .page-inner-item .quote-info>span{flex-shrink:0;display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-color-3);font-weight:600;line-height:135%}body main .content-container .content-right .page-inner-item .quote-info>span strong{color:var(--text-color-2)}body main .content-container .content-right .page-inner-item .quote-info::-webkit-scrollbar{display:none}body main .content-container .content-right .page-inner-item .publisher{gap:.875rem;font-size:1rem;color:var(--text-color-3);font-weight:600;line-height:135%;border-bottom:1px dashed var(--border-color)}body main .content-container .content-right .page-inner-item .publisher strong{color:var(--text-color-2)}body main .content-container .content-right .page-inner-item .expire-action .expire{gap:.5rem;font-size:1rem;color:var(--text-color-3);font-weight:600;line-height:135%}body main .content-container .content-right .page-inner-item .expire-action .expire .expire-tag{padding:2px 6px;border-radius:2px;background:#006de9;font-size:1rem;font-weight:600;line-height:135%;color:#fff}body main .content-container .content-right .page-inner-item .expire-action .expire .auction-tag{padding:2px 6px;border-radius:2px;background:var(--dot-color-1);font-size:1rem;font-weight:600;line-height:135%;color:#fff}body main .content-container .content-right .page-inner-item .expire-action .expire strong{color:#000}body main .content-container .content-right .page-inner-item .expire-action .action-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-2);font-size:1rem;line-height:135%;font-weight:600;cursor:pointer}body main .content-container .content-right .page-inner-item .expire-action .action-btn:hover{border-color:var(--text-color-2)}body main .pagination-container{display:flex;justify-content:flex-end}body main .pagination-container .custom-pagination{width:85.8%}.nav-pills{border-radius:.375rem!important;border:.5px solid #d0d0d0!important;background:#fff!important;padding:.125rem!important}.nav-pills .nav-link{color:var(--text-color-2)!important;font-size:1rem!important;font-weight:600!important;line-height:135%!important}.nav-pills .active{border-radius:.375rem!important;border:.5px solid rgba(0,0,0,.1)!important;background:#1f2183!important;box-shadow:0 3px 8px 0 rgba(0,0,0,.12),0 3px 1px 0 rgba(0,0,0,.04)!important;color:#fff!important}