.dwi-section { padding: 0; border-width: 0; min-height: 150px; }
.dwi-section .head { padding: 26px 20px; }
.dwi-section .heading { margin: 0; font-size: 1em; line-height: 1.214285714285714; color: #6B7080; font-weight: 400; text-transform: uppercase; }
.grid-dwi .ui-jqgrid-resize { display: none; }
.no-record-caption { padding: 40px 0; }
.no-records { width: 400px; height: 400px; border-radius: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(229, 243, 255, 0.31); text-align: center; margin: 0 auto; }
.no-records .ico-holder { text-align: center; max-width: 75px; margin: 0 auto 25px; }
.no-records .ico-holder img { max-width: 100%; height: auto; display: block; }
.no-records .heading { display: block; font-size: 0.9375rem; line-height: 1.2; color: #1B223A; margin: 0 0 4px; font-weight: 700; text-transform: capitalize; }
.no-records .desc { margin: 0; font-size: 0.8125rem; line-height: 1.230769230769231; color: #6B7080; }
.no-records .circle { max-width: 226px; margin: 0 auto; }
.grid-dwi .custom-grid-empty .ui-jqgrid-view table { width: auto; min-width: 100%; }
.custom-grid-empty { border-top: #EFEFF1 solid 1px; }
.table-custom .no-record-caption ~ thead { display: none; }
.grid-dwi .table-custom > tbody > tr > td { font-size: 0.8125rem; line-height: 1.230769230769231; color: #1B223A; }
.grid-dwi .table-custom > tbody > tr > td:nth-child(1) { font-weight: 700; }
.grid-dwi .table-custom > thead > tr > th { font-size: 0.7857142857142857em; line-height: 1.181818181818182; color: #6B7080; }
.grid-dwi .table-custom .product-desc { display: block; font-size: 0.8461538461538462em; line-height: 1.181818181818182; color: #6B7080; font-weight: 500; }
.grid-dwi .table-custom .ref-number { display: block; color: #1B223A; font-size: 1em; line-height: 1.230769230769231; font-weight: 500; margin: 4px 0 0; overflow: hidden; white-space: normal; text-overflow: ellipsis; max-width: 150px; }
.grid-dwi .table-recent-transactions > thead > tr > th { border-width: 0 !important; }

@media screen and (max-width: 1200px) and (min-width: 768px) {
        .grid-dwi .ui-jqgrid-view { overflow-x: auto; max-width: 100%; }
        .grid-dwi .ui-jqgrid-view table { width: 1140px; min-width: 1140px; }
}

@media screen and (min-width: 768px) {
        .grid-dwi .table-custom { table-layout: inherit; }
        .grid-dwi .table-custom > thead > tr > th > div { display: flex; align-items: center; gap: 3px; }
        .grid-dwi .table-custom > thead > tr > th:last-child > div { justify-content: flex-end; }

        .grid-dwi .table-custom > thead > tr > th { padding: 9px 6px; }
        .grid-dwi .table-custom > tbody > tr > td { padding: 14px 6px; vertical-align: middle; }
        .grid-dwi .table-custom > thead > tr > th:first-child,
        .grid-dwi .table-custom > tbody > tr > td:first-child { padding-left: 14px; }
        .grid-dwi .table-custom > thead > tr > th:last-child,
        .grid-dwi .table-custom > tbody > tr > td:last-child { padding-right: 14px; }

        /*.grid-dwi .table-custom > tbody > tr:where(.ui-state-hover) { box-shadow: 0px 2px 15px 0px #0000004D; }*/


        .grid-dwi .table-custom > thead > tr > th:nth-child(1),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(1) { width: 174px !important; text-align: left; }
        

        .grid-dwi .table-custom > thead > tr > th:nth-child(2),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(2) { width: 163px !important; text-align: left; }

        .grid-dwi .table-custom > thead > tr > th:nth-child(3),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(3) { width: 135px !important; text-align: center; }

        .grid-dwi .table-custom > thead > tr > th:nth-child(4),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(4) { width: 140px !important; text-align: center; }

        .grid-dwi .table-custom > thead > tr > th:nth-child(5),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(5) { width: 122px !important; text-align: center; }

        .grid-dwi .table-custom > thead > tr > th:nth-child(6),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(6) { width: 134px !important; text-align: center; }

        .grid-dwi .table-custom > thead > tr > th:nth-child(7),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(7) { width: 94px !important; text-align: center; }

        .grid-dwi .table-custom > thead > tr > th:nth-child(8),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(8) { width: 103px !important; text-align: right; padding-right: 14px; }

        /*.grid-dwi .table-custom > thead > tr > th:nth-child(9),
        .grid-dwi .table-custom > tbody > tr > td:nth-child(9) { width: 112px !important; text-align: right; padding-right: 14px; }*/

        .grid-dwi .table-custom > thead > tr > th:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(8)) > div,
        .grid-dwi .table-custom > tbody > tr > td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(8)) > div { justify-content: center; }

        .grid-dwi .table-custom > thead > tr > th:nth-child(8) > div,
        .grid-dwi .table-custom > tbody > tr > td:nth-child(8) > div { justify-content: flex-end; }

        .grid-dwi .table-custom > thead > tr > th:nth-child(8) ~ th,
        .grid-dwi .table-custom > tbody > tr > td:nth-child(8) ~ td { display: none !important; }
}

.table-switcher .table-switcher>tbody>tr>td { border-width: 0 !important; }
.grid-dwi .table-custom .table-cell { position: relative; }
.grid-dwi .table-custom .action { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); width: auto !important; background: #fff; opacity: 0; visibility: hidden; transition: all 0.25s ease; }
.grid-dwi .table-custom > tbody > tr:where(.ui-state-hover, .tr-open) .action { opacity: 1; visibility: visible; }
.grid-dwi .table-custom .action .btn.btn-link  { padding: 0; border-width: 0; font-size: 0.8571428571428571em; display: flex; align-items: center; gap: 0.7041666666666667em; border-radius: 1px; }
.grid-dwi .table-custom .action .btn.btn-link:where(:hover, :focus) { text-decoration: none; }
.grid-dwi .table-custom .action .btn.btn-link:where(:hover, :focus) .btn-text { text-decoration: underline; }
.grid-dwi .table-custom .tr-open .action .btn.btn-link { display: none; }
.grid-dwi .table-custom > tbody > tr.custom-row td { border-width: 0; padding: 0; }
.grid-dwi .table-custom > tbody > tr.custom-row .inner-holder { margin: 3px 20px 16px; width: auto !important; position: relative; background: #FFF7EE; border: solid 1px #FBAE58; border-radius: 4px; padding: 33px 15px; }
.grid-dwi .table-custom .details { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -15px -15px; width: auto !important; --innerColumnWidth: 20%; }
.grid-dwi .table-custom .details .column { flex: 0 0 var(--innerColumnWidth); max-width: var(--innerColumnWidth); padding: 0 15px 15px; }
.grid-dwi .table-custom .details .title,
.grid-dwi .table-custom .details .val { display: block; }
.grid-dwi .table-custom .details .title { margin: 0 0 12px; color: #6B7080; font-size: 0.9230769230769231em; line-height: 1.25; font-weight: 400; }
.grid-dwi .table-custom .details .val { font-size: 1.076923076923077em; line-height: 1.214285714285714; color: #1B223A; font-weight: 500; }
.grid-dwi .table-custom .btn-close  { position: absolute; top: 10px; right: 10px; background: none; padding: 0; border-width: 0; color: #F97C00; font-size: 0.7857142857142857em; }
.grid-dwi .table-custom .btn-close:where(:hover, :focus) { color: var(--ch32-brand); outline: dotted 1px; }
.grid-dwi .table-switcher .chosen-container:not(.chosen-with-drop) .chosen-single,
.grid-dwi .table-switcher .chosen-container .chosen-single:not(:hover):not(:focus) { border-color: #D6D7DC; color: #1B223A; }
.grid-dwi .table-switcher .btn.btn-light:not(:hover):not(:focus) { border-color: #D6D7DC; color: #6B7080; }
.grid-dwi .table-switcher .btn.btn-light.disabled { cursor: not-allowed; opacity: 0.8; }
.grid-dwi .tag { min-height: 19px; font-size: 0.7692307692307692em; line-height: 1.5; padding: 3px 4px 1px; }
.grid-dwi .table-switcher .chosen-container .chosen-single > span.chose-selected-span { font-weight: 500; }
.grid-dwi .table-switcher .chosen-container .chosen-single > span.chose-selected-span:before { font-weight: 400; content: attr(data-record); margin: 0 5px 0 0; }
.grid-dwi .ui-jqgrid .table-switcher .chosen-container { max-width: fit-content; }
.grid-dwi .table-switcher .chosen-container .chosen-single { padding-right: 30px; }
.grid-dwi .table-switcher .chosen-container .chosen-single:after { margin: -5px 0 0; }

@media screen and (max-width: 1023px) {
        .grid-dwi .table-custom .details { --innerColumnWidth: 33.333333333333%; }
}

@media screen and (max-width: 767px) {
        .table-custom { padding: 0 0 20px; }
        .table-custom:after { clear: both; display: block; content: ''; }
        .table-custom > tbody { max-height: none !important; }
        .table-custom > tbody > tr.custom-row { display: none !important; min-height: inherit !important; margin: 0; padding: 0 0 1px; }
        .table-custom > tbody > tr.custom-row td { padding: 0 !important; }
        .table-custom > tbody > tr.custom-row td:before { display: none; }
        .table-custom > tbody > tr[aria-selected="true"] + .custom-row { display: inherit !important; }
        .grid-dwi .table-custom .action { opacity: 1; visibility: visible; background: none; position: relative; top: auto; right: auto; transform: none; display: none !important; }
        .grid-dwi .table-custom > tbody > tr.custom-row .inner-holder { margin: 0 15px 16px; }
        .table-custom .action-holder { display: flex; justify-content: space-between; align-items: center; }
        .grid-dwi .table-custom .details { --innerColumnWidth: 50%; }
        /*.table-custom>tbody>tr>td + td[style*="display: none"],
        .table-custom>tbody>tr>td + td[style*="display:none"] { display: none !important; } */
        .table-switcher { padding: 10px 20px 0; }
        .table-switcher .table-switcher { border-width: 0; padding: 0; }
        .table-switcher td { border-width: 0; }
        .grid-dwi .ui-jqgrid .table-switcher .chosen-container { max-width: 100%; }
}

@media screen and (max-width: 540px) {
        .no-records { width: 280px; height: 280px; }
        .no-records .heading { font-size: 0.875rem; font-weight: 500; }
        .no-records .desc { font-size: 0.75rem; }
        .grid-dwi .table-custom .details { --innerColumnWidth: 100%; }
}

@media screen and (max-width: 374px) {
        .no-records { width: 220px; height: 220px; }
        .no-records .ico-holder { max-width: 60px; margin: 0 auto 10px; }
        .no-records .heading { font-size: 0.8125rem; }
        .no-records .desc { font-size: 0.6875rem; }
}