/* account-activity */ .card-activity.transaction-details .form-search .form-control { height: auto !important; padding: 25px 0px 0px 6px; min-height: 30px; } .card-activity .table-recent-transactions .owner .ico, .card-activity .table-recent-transactions .reward-points { color: #106EB8; } .filters-table > div.child-4 { border-right-width: 1px; } .transaction-details .types { padding: 8px 10px 10px; } .scrollable-filters .icon-desc { position: absolute; top: 0; left: 0; z-index: 4; } .scrollable-filters .icon-desc, .scrollable-filters .icon-asc { height: 100%; width: 22px; background-color: #F5F8FA; color: #8F8F8F; } .scrollable-filters .icon-desc .ico, .scrollable-filters .icon-asc .ico { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .scrollable-filters .icon-asc { position: absolute; top: 0; right: 0; z-index: 4; } .scrollable-filters .icon-desc, .scrollable-filters .icon-asc { height: 100%; width: 22px; background-color: #F5F8FA; color: #8F8F8F; } .scrollable-filters .icon-desc .ico, .scrollable-filters .icon-asc .ico { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .card-activity .table-recent-transactions tbody > tr > td .col-wrap, .table-recent-transactions .amount { color: #2F2F2F; } .transaction-details { border-width: 0; } .transaction-details .types a.active { font-weight: 500; } .transaction-details .actions-list a { letter-spacing: 0.0135625rem; } .transaction-details .actions-list a:not(:hover, :focus, [aria-expanded="true"]) { color: #444; } .transaction-details .actions-list a:not(:hover, :focus, [aria-expanded="true"]) [class*="icon-"] { color: #757575; } .transaction-details .card-activity-info .d-table >:last-child { padding: 0; } div[data-id="transaction-period-dropdown"] { position: absolute; left: 0; top: 100%; width: 100%; min-width: 360px; z-index: 10; } div:last-child > div[data-id="transaction-period-dropdown"] { left: auto; right: 0; } .table-switcher ul { margin: 0; } .info-section { padding: 10px 52px 10px 24px; border-width: 0; margin: 0 0 15px; } .info-section .info-area, .info-section { display: flex; align-items: center; justify-content: space-between; } .info-section .image-holder { margin: -10px 0 -11px; height: 89px; overflow: hidden; } .info-section .image-holder img { display: block; margin: -10px 0 0 0; } .info-section .ico { width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center; border: solid 1px #D8DDE4; margin: 0 13px 0 0; color: #106EB8; } .info-section .title { display: block; font-size: 0.75rem; line-height: 1.583333333333333; color: #757575; margin: -3px 0 0; text-align: left; } .info-section .email { display: block; font-size: 0.875rem; line-height: 1.357142857142857; font-weight: 500; color: #222; } .transaction-period-drop a[data-toggle] .title, .transaction-details .form-search .title { font-size: 0.6875rem; line-height: 1.454545454545455; letter-spacing: 0.01125rem; } .transaction-details .form-search .title { left: 20px; } .card-activity .table-recent-transactions tbody > tr > td { font-size: 0.8125rem; line-height: 1.384615384615385; color: #333; } .card-activity .table-recent-transactions tbody > tr > td:first-child { font-weight: 500; color: #222; } .transaction-period-drop a[data-toggle] .icon-calendar { color: #ACACAC; opacity: 1;} .transaction-period-drop a[data-toggle] .selected-period, .transaction-period-drop a[data-toggle] .time { font-weight: 500; font-size: 0.75rem; line-height: 1.5; color: #222; } .transaction-period-drop a[data-toggle] .icon-calendar { font-size: 112%; } .history-dialog { display: none; } .ui-dialog .history-dialog { display: block; } .ui-dialog.history-dialog-parent { max-height: calc(100vh - 30px); overflow-y: auto; overflow-x: hidden; } .history-dialog-parent .ui-dialog-content { padding: 0; } .history-dialog-parent .ui-dialog-title { font-size: 1rem; line-height: 1.46875; color: #222; font-weight: 500; display: block; max-width: 86%; } .history-dialog-parent .ui-dialog-titlebar { padding: 15px 20px 0; } .ui-dialog #disclosureHistPopupDiv .historydialogheading > strong:first-child { color: #222; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; display: block; margin-bottom: 6px; } .ui-dialog #disclosureHistPopupDiv .historydialogheading strong.heading { color: #434343; font-size: 13px; font-style: normal; font-weight: 500; line-height: normal; } .ui-dialog #disclosureHistPopupDiv .historydialogheading strong .version { font-weight: 400; } .ui-dialog #disclosureHistPopupDiv button.close { width: 20px; height: 20px; position: absolute; right: 20px; top: 20px; font-size: 0.7142857142857143em; line-height: 2.4; color: #C8C9CC; opacity: 1; border: 0; background: none; padding: 0; } .ui-dialog header button.close:where(:hover, :focus) { color: #757575; outline: dotted 1px; } .ui-dialog .ui-dialog-titlebar-close:before { content: "\ea73"; font: 0.75rem/2 cholder4 !important; } .history-dialog-parent .heading { display: block; font-size: 0.8125rem; line-height: 1.1875; color: #333; font-weight: 500; padding: 0 20px 15px; } .history-dialog-parent .historydialogheading .heading { padding: 0; } .history-dialog-parent .heading .version { font-weight: 400; color: #434343; } .table-switcher .result-rang-holder { font-size: 0.6875rem; color: #444; font-weight: 700; } .table-switcher .result-rang-holder .of { color: #757575; font-size: 400; } .table-switcher .total-results { color: #444; } .history-dialog-parent .table-recent-transactions > tbody > tr > td { padding-top: 32px; padding-bottom: 32px; } .card-activity.transaction-details .table-recent-transactions tbody > tr td .actions li { padding: 0px 21px !important; } .card-activity #tbl-acc-activity tbody > tr > td ul.actions-cb li img { margin-right: 8px; } .table-history tbody > tr td .actions { position: absolute; top: 51%; background: #fff; visibility: hidden; opacity: 0; right: 32px; text-align: right; margin: 0; z-index: 0; min-height: 42px; padding: 10px 0 0 120px; white-space: nowrap; } .table-history tbody > tr:hover td .actions { visibility: visible; opacity: 1; } .table-recent-transactions tbody > tr td ul.actions-cb li img, .table-recent-transactions tbody > tr td ul.actions li img { margin-right: 8px; } #disclosureHistoryGrid_pager #disclosureHistoryGrid_pager_center, #disclosureGrid_pager #disclosureGrid_pager_center { width: 100% !important; } #disclosureForm .no-activity .no-records { margin: 120px 0; } #disclosureHistoryGrid > tbody > tr > td:last-child { font-weight: 400; position: relative; padding-right: 32px;} #customerDisclosuresMainSection #disclosureGrid .cb-actionWrapper .action-btnn .icon-show-pin::before {font-size:17px ;} #customerDisclosuresMainSection .table-switcher .btn.btn-light.disabled {color:#5d5c5c;} #customerDisclosuresMainSection .filters-area ul.actions-list li a span.icon-ea-reset {position: relative; top: 1px !important;} #disclosureGrid_pager .table-switcher .chosen-container .chosen-single, #disclosureGrid_pager .table-switcher .btn.btn-light { border: 1px solid #EBEFF4; } #disclosureGrid_pager .table-switcher .chosen-container .chosen-single:after {color: #AAA;top: 50%;margin: 0;transform: translateY(-50%);} #disclosureGrid_pager .table-switcher .chosen-container .chose-selected-span::before { color: #999; } #disclosureGrid_pager .table-switcher .btn.btn-light { color: #ccc; } #disclosureGrid_pager .table-switcher .btn.btn-light.disabled { color: #AAA; background: #EBEFF4; } /* .transaction-details .actions-list a[aria-expanded="true"] .ico, .transaction-details .actions-list a[aria-expanded="true"], .transaction-details .actions-list a:hover { color: #106EB8; } */ #gview_disclosureGrid .table-recent-transactions > tbody > tr > td:last-child { font-weight: 400 !important; } .card-activity .table-recent-transactions tbody > tr > td { padding-top: 32px !important; padding-bottom: 33px !important; } .ui-jqgrid div.cb-actionWrapper:not(.date) { display: inline; } .cb-actionWrapper .actions-cb { position: absolute; top: 0; right: 0; white-space: nowrap; display: flex; align-items: center; background: #fff; padding: 30px 10px; opacity: 0; margin: 0;min-width: 200px;justify-content: right; } #gview_disclosureGrid tr:where(:hover, :focus) > td > .cb-actionWrapper .actions-cb, .cb-actionWrapper .actions-cb:focus-within { opacity: 1; } #gview_disclosureGrid .no-activity p.desc {color: #666;} .cb-actionWrapper .actions-cb li { padding: 0 21px; } .cb-actionWrapper .actions-cb li a { display: flex; align-items: center; } .cb-actionWrapper .actions-cb li a .icn { margin-right: 8px; } .cb-actionWrapper .actions-cb li a:where(:hover, :focus) .text { text-decoration: underline; } .merchant-filterholder div:last-child { z-index: 100; } #transPopupDiv #transaction-details-popup .transaction-info { padding: 0 !important; } #transPopupDiv #transaction-details-popup .transaction-info header { position: relative; } #disclosureHistPopupDiv #main-historysection {margin: 15px -20px 0px -20px;} #disclosureHistPopupDiv { padding: 18px 25px 18px 25px; } #gbox_disclosureHistoryGrid .no-record-caption .no-activity { padding: 0; } .transaction-period-drop-alt #transaction-second-period-dropdown .card.second-scroll-holder { border-top: 1px solid rgba(0, 0, 0, 0.1); } .card-activity.transaction-details .table-recent-transactions tbody > tr td .actions li a { display: flex; align-items: center; } .ui-dialog .ui-dialog-content.section-loading { min-height: 250px !important; } .ui-dialog .card-activity .no-activity:before { height: auto; } .ui-widget-header.ui-jqgrid-resize-mark { display: none; } .card-activity.transaction-details .table-recent-transactions tbody > tr td .actions { top: 0; right: 0; margin: 0; padding: 30px 10px;display: flex;justify-content: right; box-shadow: none; min-width: 200px; } body .ui-dialog .ui-jqgrid .ui-jqgrid-bdiv { min-height: 40px; } body .ui-dialog .transaction-details .table-recent-transactions tbody > tr td .actions li a:where(:hover, :focus) .text { text-decoration: underline; } .transaction-period-drop [data-id*="transaction-"] { z-index: 10;min-width: 100%; } .transaction-period-drop > a[data-toggle] .time-frame { display: flex; /*align-items: center;*/ } .transaction-period-drop .scroll-holder { max-height: 300px; } .chosen-container .chose-selected-span { font-weight: 500; color: #444; font-size: 11px;} .chosen-container .chose-selected-span:before, .chosen-container li:before { content: attr(data-record); font-weight: 400; color: #757575; margin: 0 5px 0 0; } .chosen-container li:where(.result-selected, .highlighted):before { color: inherit; } #customerDisclosuresMainSection .transaction-period-drop a[data-toggle] .to {padding: 1px 8px;} body [id*="_pager"] .chosen-container { min-width: 100px; max-width: 115px;} .transaction-period-drop a[data-toggle] .time:empty::before {content: '-';} #customerDisclosuresMainSection .filters-table .device-name .form-control {padding: 36px 52px 17px 17px;} .card-activity .no-activity .heading {color: #222 !important; font-weight: 700 !important;} #customerDisclosuresMainSection .transaction-details .table-recent-transactions tbody > tr {position: relative; z-index: 9;} #customerDisclosuresMainSection .transaction-details .card-activity-info .transaction-period-drop {clear: none;} #gview_disclosureHistoryGrid .cb-actionWrapper ul.actions span.icon-view_icon {margin-right: 8px;} #gview_disclosureHistoryGrid .cb-actionWrapper ul.actions span.icon-download {margin-right: 8px;} #customerDisclosuresMainSection .transaction-details .card-activity-info.show {box-shadow: none;} #customerDisclosuresMainSection .transaction-details .card-activity-info { border-bottom: 1px solid #f7f7f7;} .card-activity .table-recent-transactions thead > tr > th:last-child {padding-right: 30px !important;} #customerDisclosuresMainSection .card-activity .transaction-period-drop .errorMessage {margin-top: -24px;} /* no activity */ .card-activity .no-activity { background: #fff; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); text-align: center; white-space: nowrap; } .card-activity .no-activity .no-records { color: #999; background: rgba(225, 237, 249, 0.31); margin: 15px 0; width: 28.625em !important; min-height: 28.625em; border-radius: 100%; white-space: nowrap; } .card-activity .no-activity .no-records > * { white-space: normal; } .card-activity .no-activity .no-records:before, .card-activity .no-activity .no-records > * { float: none; display: inline-block; vertical-align: middle; } .card-activity .no-activity .no-records:before { content: ''; height: 28.625em; } @media screen and (max-width: 579px) { .card-activity .no-activity .no-records { width: 280px !important; white-space: nowrap; min-height: 280px; } .card-activity .no-activity .no-records > * { white-space: normal; } .card-activity .no-activity .no-records:before, .card-activity .no-activity .no-records > * { float: none; display: inline-block; vertical-align: middle; } .card-activity .no-activity .no-records:before { content: ''; height: 280px; } } .card-activity .no-activity > * { white-space: normal; } .card-activity .no-activity:before, .card-activity .no-activity > * { float: none; display: inline-block; vertical-align: middle; } .card-activity .no-activity:before { content: ''; height: 569px; } .card-activity .no-activity .ico-holder img { height: 93px; margin-bottom: 30px; } .card-activity .no-activity .desc { max-width: 262px; color: #777; font-size: 0.929em; margin: 0 auto; } @media screen and (max-width: 579px) { .card-activity .no-activity .desc { max-width: 200px; } } .card-activity .no-activity .heading { color: #222; font-weight: 500; font-size: 15px;} .card-activity .no-activity { background: #fff; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); text-align: center; white-space: nowrap; } .card-activity .no-activity .no-records { color: #999; background: rgba(225, 237, 249, 0.31); margin: 15px 0; width: 28.625em !important; min-height: 28.625em; border-radius: 100%; white-space: nowrap; } .card-activity .no-activity .no-records > * { white-space: normal; } .card-activity .no-activity .no-records:before, .card-activity .no-activity .no-records > * { float: none; display: inline-block; vertical-align: middle; } .card-activity .no-activity .no-records:before { content: ''; height: 28.625em; } @media screen and (max-width: 579px) { .card-activity .no-activity .no-records { width: 280px !important; white-space: nowrap; min-height: 280px; } .card-activity .no-activity .no-records > * { white-space: normal; } .card-activity .no-activity .no-records:before, .card-activity .no-activity .no-records > * { float: none; display: inline-block; vertical-align: middle; } .card-activity .no-activity .no-records:before { content: ''; height: 280px; } } .card-activity .no-activity > * { white-space: normal; } .card-activity .no-activity:before, .card-activity .no-activity > * { float: none; display: inline-block; vertical-align: middle; } .card-activity .no-activity:before { content: ''; height: 569px; } .card-activity .no-activity .ico-holder img { height: 93px; margin-bottom: 30px; } .card-activity .no-activity .desc { max-width: 262px; color: #737373; font-size: 0.929em; margin: 0 auto; } .card-activity .no-activity .desc { max-width: 230px; } /* no activity end */ /* Filters */ .transaction-details .filters-area {padding: 16px 20px 25px;} /* Filters */ .filters-table .storecard-selector.ss-select-parent {padding: 0 !important;} .filters-table .storecard-selector.ss-select-parent .chosen-container .chosen-single {padding: 40px 22px 10px 18px;} .filters-table .storecard-selector.ss-select-parent .chosen-container .chosen-single::after {right: 20px;} #transaction-period-dropdown1,#transaction-period-dropdown2 {position: absolute;width: 100%;z-index: 10;} .transaction-period-drop a[data-toggle] .to {font-size: 0.785714em;letter-spacing: 0.18px;} .filters-table label.top-auto {-webkit-transform: none;transform: none;} .filters-table .filter-select label {top: 12px;left: 24px;} .filters-table .form-control::-webkit-input-placeholder {color: #222222;} .filters-table .trans-period-dropdown {border-width: 0 3px 0 0;} .filters-table .device-name {position: relative;} .filters-table .device-name .form-control {height: auto !important;padding: 36px 52px 17px 26px;color: #222222;font-weight: 500;letter-spacing: 0.2px;font-size: 0.857142em;} .filters-table .device-name .title {color: rgb(117, 117, 117);position: absolute;left: 18px;top: 13px;color: #757575;font-size: 0.78571em;line-height: 1.54545;text-transform: uppercase;} .filters-table .device-name .ico {top: 50%;right: 20px;margin: -7px 0 0;position: absolute;color: #757575;font-size: 12px;line-height: 1;} .filters-table .device-name .clear-search {top: 50%;right: 42px;margin: -5px 0 0;position: absolute;font-size: 12px;line-height: 1;} .filter-select select.form-control {color: #222222;letter-spacing: 0.2px;font-weight: 500;} .filters-table .device-name .form-control {padding: 36px 52px 17px 21px;} .filters-table .filter-select label {top: 12px;left: 18px;} .transaction-details .types {padding: 13px 18px 0px;} .transaction-period-drop a[data-toggle] .icon-calendar {right: 20px;} .filter-select .chosen-container .chosen-single:after {right: 0;} .chosen-container button.chosen-single:focus .storecard-selector, .chosen-container .chosen-single[aria-expanded=true] .storecard-selector {outline: dotted 1px;cursor: pointer;} .chosen-container button.chosen-single:focus, .chosen-container .chosen-single[aria-expanded=true] {outline: none;} .filters-table .device-name .form-control:focus, .status-selection-list.border-style:focus .storecard-selector {outline: dotted 1px;cursor: pointer;} .filters-table .device-name .icon-search {cursor: pointer;opacity: 1;} .filters-table .device-name .icon-search:focus, .filters-table .device-name .icon-search:hover {outline-offset: 1px;outline: dotted 1px;} .filters-table .device-name .icon-search.disabled {opacity: 0.5;pointer-events: none;opacity: 0.5;} @media screen and (min-width: 768px) { .transaction-period-drop #creation-period-dropdown, .filter-select .chosen-container .chosen-drop, .transaction-period-drop .card-body {-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);border-color: rgba(0, 0, 0, 0.1);} } .ui-dialog.ui-widget-content.storecards-popup .ui-dialog-content {padding: 55px 35px 46px;} .transaction-details .actions-list a[aria-expanded=false], .transaction-details .actions-list a[aria-expanded=false] ico {color: #222222;} @media screen and (max-width: 991px) { .filters-table {margin: 0 0px;} .ui-dialog .ui-dialog-content {padding: 35px 30px !important;} } @media screen and (max-width: 767px) { .filter-select select.form-control {padding: 33px 0px 10px !important;} .filters-table .device-name .ico {right: 26px;} .filter-select .chosen-container .chosen-single:after {right: 7px;} .transaction-period-drop a[data-toggle] .icon-calendar, .linkdevice-sec .storecard-selector.child-5 .icon-calendar {right: 21px;} .filters-table .storecard-selector.ss-select-parent .chosen-container .chosen-single::after {right: 25px;} body [id*="_pager"] .chosen-container { min-width: 100px; max-width: 100%;} .card-activity .no-activity .no-records::before {height: 19.625em;} } @media screen and (max-width: 576px) { .transaction-details .filters-area {padding: 16px 20px 16px;} .transaction-details.linkdevice-sec .filters-area .actions-list {float: none;width: 100%;margin: 15px 0 0;} } /* Filters - end */ @media screen and (min-width:768px) { .transaction-period-drop > a[data-toggle] { padding: 16px 70px 16px 24px; } .card-activity.transaction-details .form-search .form-control { padding: 32px 40px 15px 24px; } .transaction-details .filters-area { padding: 27px 18px 16px 18px; } #transaction-period-dropdown { min-width: 360px; } .card-activity .table-recent-transactions thead > tr > th { font-size: 0.6875rem; line-height: 1.454545454545455; vertical-align: top; padding: 13px 10px !important; } .card-activity .table-recent-transactions thead > tr > th:nth-child(1), .card-activity .table-recent-transactions tbody > tr > td:nth-child(1) { width: 230px !important; padding-left: 32px !important; } .card-activity .table-recent-transactions thead > tr > th:nth-child(2), .card-activity .table-recent-transactions tbody > tr > td:nth-child(2) { width: 130px !important; text-align: center !important; } .card-activity .table-recent-transactions thead > tr > th:nth-child(3), .card-activity .table-recent-transactions tbody > tr > td:nth-child(3) { width: 200px !important; } .card-activity .table-recent-transactions thead > tr > th:nth-child(4), .card-activity .table-recent-transactions tbody > tr > td:nth-child(4) { width: 140px !important; } .card-activity .table-recent-transactions thead > tr > th:nth-child(5), .card-activity .table-recent-transactions tbody > tr > td:nth-child(5) { width: 100px !important; } .card-activity .table-recent-transactions thead > tr > th:nth-child(6), .card-activity .table-recent-transactions tbody > tr > td:nth-child(6) { width: 160px !important; } .card-activity .table-recent-transactions thead > tr > th:nth-child(7), .card-activity .table-recent-transactions tbody > tr > td:nth-child(7) { width: auto !important; text-align: center !important; padding-right: 30px !important; padding-left: 5px !important; } .card-activity .table-recent-transactions tbody > tr > td { padding-top: 32px !important; padding-bottom: 33px !important; } .transaction-details .table-recent-transactions > tbody > tr:last-child > td { padding-bottom: 33px !important; } #dd_tc_modal .row-form.count-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } #dd_tc_modal .row-form.count-2 > * { flex: 0 0 50%; max-width: 50%; } #dd_tc_modal .row-form.count-1 > * { flex: 0 0 100%; max-width: 100%; } #dd_tc_modal .row-form.count-1 > * { margin: 0 0 15px; } #dd-main div#percentage-check.card-selection .card-selection-title { padding: 0 30px 0 0; } .table-recent-transactions .s-ico { height: 14px; position: relative; top: -3px; margin: 0 0 0 2px; } .table-recent-transactions .s-ico span { height: 50%; } .table-recent-transactions .s-ico span:first-child { left: auto; top: auto; } .table-recent-transactions .s-ico span:last-child { bottom: auto; left: auto; } .table-recent-transactions .date .month, .table-recent-transactions .date .year { font-size: 0.5625rem; line-height: 1.888888888888889; color: #222; } .card-activity .table-recent-transactions thead > tr > th:nth-child(3), .card-activity .table-recent-transactions tbody > tr > td:nth-child(3) { text-align: left !important; } #gview_disclosureGrid .table-recent-transactions thead > tr > th:nth-child(1), #gview_disclosureGrid .table-recent-transactions tbody > tr > td:nth-child(1) { width: 190px !important; padding-left: 19px !important; } #gview_disclosureGrid .table-recent-transactions thead > tr > th:nth-child(1), #gview_disclosureGrid .table-recent-transactions tbody > tr > td:nth-child(1) { text-align: left !important; } #gview_disclosureGrid .table-recent-transactions thead > tr > th:nth-child(6), #gview_disclosureGrid .table-recent-transactions tbody > tr > td:nth-child(6) { width: 100px !important; } #gview_disclosureGrid .table-recent-transactions thead > tr > th:nth-child(2), #gview_disclosureGrid .table-recent-transactions tbody > tr > td:nth-child(2) { width: 100px !important; } /* dialog */ .history-dialog-parent .table-recent-transactions thead > tr > th { font-size: 0.6875rem; line-height: 1.363027272727273; letter-spacing: 0.03125rem; font-weight: 500; color: #757575; } .history-dialog-parent .table-recent-transactions thead > tr > th, .history-dialog-parent .table-recent-transactions tbody > tr > td { padding-left: 10px; padding-right: 10px; } .history-dialog-parent .table-recent-transactions thead > tr > th:nth-child(1), .history-dialog-parent .table-recent-transactions tbody > tr > td:nth-child(1) { width: 100px !important; padding-left: 32px !important; padding-right: 32px; text-align: left; } .history-dialog-parent .table-recent-transactions thead > tr > th:nth-child(2), .history-dialog-parent .table-recent-transactions tbody > tr > td:nth-child(2) { width: 190px !important; text-align: center !important; } .history-dialog-parent .table-recent-transactions thead > tr > th:nth-child(3), .history-dialog-parent .table-recent-transactions tbody > tr > td:nth-child(3) { width: auto !important; text-align: left !important; } .history-dialog-parent .table-recent-transactions thead > tr > th:nth-child(4), .history-dialog-parent .table-recent-transactions tbody > tr > td:nth-child(4) { width: 170px !important; text-align: left !important; } .history-dialog-parent .table-recent-transactions thead > tr > th:nth-child(5), .history-dialog-parent .table-recent-transactions tbody > tr > td:nth-child(5) { width: 140px !important; } .history-dialog-parent .table-recent-transactions thead > tr > th:nth-child(6), .history-dialog-parent .table-recent-transactions tbody > tr > td:nth-child(6) { width: 160px !important; } .history-dialog-parent .table-recent-transactions tbody > tr > td:first-child { font-weight: 500; color: #222; } .history-dialog-parent .table-recent-transactions tbody > tr > td { font-size: 0.8125rem; line-height: 1.468461538461538; color: #333; } } @media screen and (max-width:1200px) { #transactionsGrid_pager_center { margin-top: 20px !important; } #cardactivityAJAX { margin: 26px 0; } .table-custom { padding: 0; } /* .card-activity .table-recent-transactions tbody > tr > td:nth-child(1) { padding-left: 0 !important; text-align: left !important; } */ .card-activity #tbl-acc-activity tbody > tr > td { width: auto !important; text-align: left !important; } } @media screen and (max-width:1100px) { .transaction-details .types a { padding: 1px 5px; } } @media screen and (max-width:991px) { .filters-table.filters-table-3 > div.child-1 { width: 50%; border-bottom-width: 1px; } .icon-desc, .icon-asc { display: none; } .transaction-details .d-table:after { content: ''; clear: both; display: block; height: 1px; } .transaction-details .d-table >:not(script) { min-height: inherit; } .scrollable-filters .icon-desc, .scrollable-filters .icon-asc { display: none !important; } .transaction-details .card-activity-info .d-table > .first-element, .transaction-details .card-activity-info .d-table > .last-element { display: block !important; } .transaction-details .card-activity-info .d-table > .last-element { border-color: #ebeff4 !important; } .transaction-details .card-activity-info .d-table > * { border-width: 0 0 1px 1px !important; } .transaction-details .card-activity-info .d-table > *:not(.first-element, .last-element) { padding: 15px; } .transaction-details .card-activity-info .d-table > .last-element { padding: 0; } .card-activity.transaction-details .form-search .form-control { padding: 38px 15px 15px 25px; height: auto !important; } .transaction-details .form-search { margin: 0; } .transaction-details .th-filters.filters-table > div { border-width: 1px !important; } .transaction-period-drop.transaction-period-drop-alt.child-3 { width: 100% !important; } } @media screen and (max-width:1080px) { .ui-dialog.disclosureHistPopupDiv-parent { left: 15px !important; right: 15px; width: auto !important; max-width: none; } .disclosureHistPopupDiv-parent .transaction-details { box-shadow: none; } } @media screen and (max-width:962px) { .history-dialog-parent.ui-dialog { width: auto !important; left: 15px !important; right: 15px; max-width: none; } } @media screen and (min-width:768px) and (max-width:991px) { .transaction-details .d-table { display: flex !important; } .transaction-details .d-table > div { padding: 0 !important; float: none; flex: 0 0 33.333333%; max-width: 33.333333%; } .transaction-details .d-table > .form-search { border-color: #f0f0f0 !important; } } @media screen and (min-width:576px) and (max-width:767px) { .card-activity .filters-table.filters-table-3 > div.child-1, .card-activity .filters-table.filters-table-3 > div { width: 50%; } .card-activity .filters-table.filters-table-3 > div.child-1, .card-activity .filters-table.filters-table-3 > div { width: 100% !important; } #transactionsGrid_pager_center { margin: 0 !important; } } @media screen and (max-width:767px) { .transaction-details .filters-area { position: relative; padding-bottom: 16px !important;} .transaction-details .filters-area h2 { max-width: 65%; } .transaction-details .filters-area .actions-list { position: static; margin: 10px 0 0; } .card-activity .filters-area .actions-list li:first-child { padding-left: 0; } .card-activity .filters-area .actions-list li:last-child { padding-right: 0; } #customerDisclosuresMainSection .filters-area .actions-list {float: left !important;} .transaction-details { padding: 0; } .transaction-details .filters-area { padding-top: 25px; } #transactionsGrid_pager_center { margin-top: 0 !important; } body .transaction-details .table-custom { overflow: hidden; padding: 20px 0 0; } body .table-custom > tbody { overflow: visible; max-height: none !important; } body .card-activity .table-recent-transactions thead > tr > th:last-child, body .card-activity .table-recent-transactions tbody > tr > td:last-child { padding: 0 !important; } body .table-custom > tbody > tr { display: block !important; width: auto; padding: 0; } body .table-custom > tbody > tr, .table-custom > tbody > tr + tr { margin: 15px; } body .table-custom > tbody > tr:first-child { margin-top: 0 } body .card-activity .table-recent-transactions tbody > tr > td:nth-child(1), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(2), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(3), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(4), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(5), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(6), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(7), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(8), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(9), body .card-activity .table-recent-transactions tbody > tr > td:nth-child(10), body .table-custom > tbody > tr > td:first-child, body .table-custom > tbody > tr > td:last-child, body .table-custom > tbody > tr > td, body .table-custom > tbody > tr > td + td, body .card-activity .table-recent-transactions > tbody > tr > td, body .card-activity .table-recent-transactions > tbody > tr > td:last-child, body .card-activity .table-recent-transactions > tbody > tr > td:first-child { padding: 10px !important; width: 100% !important; } body .table-custom > tbody > tr > td, body .table-recent-transactions > tbody > tr > td, body .card-activity #tbl-acc-activity tbody > tr > td { display: flex !important; align-items: center; width: auto !important; } body .card-activity #tbl-acc-activity tbody > tr > td:before { width: 150px; margin: 0; font-weight: 600; } body .table-custom > tbody > tr > td:before { width: 100px; margin: 0; font-weight: 600; } .table-custom > tbody > tr > td::before { display: none; } body .table-custom > tbody > tr > td > div:first-child, body .table-custom > tbody > tr > td + td > div:first-child, body .card-activity .table-recent-transactions > tbody > tr > td > div:first-child { flex-grow: 1; text-align: left; } body .card-activity .table-recent-transactions tbody > tr > td:last-child { text-align: left !important; } .table-switcher { padding: 0; } body .transaction-details .d-table > div { padding: 0 !important; } .ui-pg-table.table-switcher > tbody > tr > td:not(:first-child):not(.custom-nav-grid-pager) { float: none; clear: both; } .history-dialog-parent .ui-jqgrid .ui-jqgrid-pager .chosen-container { width: 100% !important; } .history-dialog-parent #cardactivityAJAX2 { margin-top: 0; } .transaction-details .d-table > .form-search { border-color: #f0f0f0 !important; } .ui-jqgrid div.cb-actionWrapper:not(.date), .cb-actionWrapper { display: block; } .cb-actionWrapper .actions-cb { position: static; padding: 0; opacity: 1; background: none; } .cb-actionWrapper .actions-cb li { padding: 0 0 0 10px; } .card-activity .no-activity { box-shadow: none; } .card-activity .no-activity .no-records { width: 17.5rem !important; min-height: 17.5rem; height: 17.5rem; box-shadow: none; margin: 0; } .card-activity .no-activity .ico-holder img { display: block; max-width: 55px; height: auto; margin: 0 auto 10px; } .card-activity .no-activity .heading { font-size: 0.8125rem; } .no-record-caption .no-records p.desc { font-size: 0.6875rem; } body .ui-dialog .table-recent-transactions > tbody > tr { box-shadow: none; } body .ui-dialog .card-activity.transaction-details .table-recent-transactions tbody > tr td .actions { min-height: inherit; padding: 0 !important; border: 0; height: auto; min-width: inherit;visibility: visible;opacity: 1;background: transparent;top:15px;right: 15px; } body .ui-dialog .transaction-details .table-recent-transactions tbody > tr td .actions li { padding: 0 0 0 10px !important; margin: 0; min-width: inherit; } body .ui-dialog .transaction-details .table-recent-transactions tbody > tr td .actions li a { background: none; min-width: inherit; color: inherit; } body .ui-dialog .transaction-details .table-recent-transactions tbody > tr td .actions li a:where(:hover, :focus) { color: inherit !important; } body .ui-dialog .transaction-details .table-recent-transactions tbody > tr td .actions li a:where(:hover, :focus) span { color: inherit !important; } .info-section .image-holder { display: none; } #disclosureGrid_pager {padding: 18px;} #disclosureHistoryGrid_pager {padding: 0px 16px;} } @media screen and (max-width:576px) { .transaction-details .card-activity-info .d-table > .last-element { clear: both; } .card-activity #tbl-acc-activity tbody > tr > td:before { width: 100px; } .card-activity #tbl-acc-activity tbody > tr > td { font-size: 0.75rem; } .info-section .image-holder { display: none; } .filters-table.filters-table-3 > div { width: 100% !important; } }