/*===================================== Generic Styles =======================================*/ .tag-minus { color: #FF5656; margin-right: 5px; } .ui-dialog .title { font-size: 1.28571em; line-height: 1.77778; } .ui-dialog .img-holder { margin-bottom: 30px; } .ui-dialog .info { max-width: 270px; margin: 0 auto; font-size: 0.92857em; line-height: 1.38462; } .ui-dialog .btns .btn { min-width: 144px; } .ui-dialog .btns .btn + .btn { margin-left: 15px; } /*===================================== .Transfer History =======================================*/ [data-getbrowsername="Google Chrome"] #filtersCollaps.collapsing { max-height: 70px; } #transferHistoryForm .card-activity-info .form-search .divCtrl {position: absolute !important; left: 27px !important; top: 35px !important; right: 0 !important; background: #fff !important; font-size: 12px !important; color: #333 !important;} #transferHistoryForm .card-activity-info .form-search .divCtrl:empty { display: none; } [aria-describedby="recurring-transfer-detail-dialog"] #recurringTransferDetailContainer { display: block; max-height: calc(100vh - 172px); overflow-y: auto; padding-right: 20px; margin-right: -20px; } @media (max-width: 992px) { .transfer-history #filtersCollaps { height: 100%; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05); border-bottom: 1px solid #DFE0E1; } } @media (max-width: 579px) { .transfer-history #filtersCollaps .chosen-container .chosen-single::after { right: 20px; } } .transfer-history .table-recent-transactions tr.add-info td { background: none !important; } .transfer-history .transaction-period-drop > a[data-toggle] { height: 70px; } .transfer-history .jumbotron { margin: 0 0 22px; } .transfer-history .table-switcher .chosen-container .chosen-single { border-color: #D8DDE4; } .transfer-history .table-switcher .chosen-container .chosen-results li {padding: 5px 15px;} .transfer-history .table-switcher .chosen-results li[data-active-option="result-select"]:after {top: 10px;right: 4px;} @media (max-width: 767px) { .transfer-history .table-switcher .chosen-container .chosen-drop { max-width: 100% !important; } } .transfer-history .form-control[readonly] { border-bottom: 1px solid #abb5c1 !important; } .transfer-history .filter-select label { text-transform: uppercase; } .transfer-history .filter-select select.form-control { border-width: 0; padding: 33px 17px 5px 17px; } .transfer-history .chosen-container .chosen-single > span { font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.2px;} .transfer-history .filter-select .chosen-container .chosen-single { padding: 35px 22px 15px; min-height: auto !important;letter-spacing: 0.2px; } [data-isandroid="true"][data-ismobile="true"] .transaction-details .card-activity-info .filter-select:before { top: 50%; right: 20px; color: #7a7b87; font: 50%/1 'cholder4'; content: "\e902"; position: absolute; pointer-events: none; } #recurring-transfer-detail-dialog .slimScrollDiv { padding: 0 10px 0 0 !important; } #recurring-transfer-detail-dialog .slimScrollDiv .slimScrollBar { right: 0; } #recurring-transfer-detail-dialog .heading { margin-bottom: 25px; color: #000; padding-right:25px; } #recurring-transfer-detail-dialog .close { position: relative; right: 3px; top: 6px; font-size: 0.857em; } #recurring-transfer-detail-dialog .info-holder { background-color: #FFFFF8; border: 1px solid #EBE095; border-radius: 4px; padding: 30px 30px 5px; margin: 0 0 35px; } #recurring-transfer-detail-dialog .info-list li { margin: 0 0 25px; } #recurring-transfer-detail-dialog .info-list li .static-label .amount { font-weight: 400; } #recurring-transfer-detail-dialog .info-list li .static-label img { height: 12px; width: 12px; border-radius: 100%; position: relative; top: -1px; } #recurring-transfer-detail-dialog .info-list .title { font-size: 0.92857em; line-height: 1.46154; letter-spacing: 0.22px;} #recurring-transfer-detail-dialog .info-list .val { font-size: 1em; line-height: 1.35714; letter-spacing: 0.23px;} #recurring-transfer-detail-dialog .recent-trans-holder { border-radius: 4px; margin-top: 30px; border: 1px solid #C9E4EF; overflow: hidden; } #recurring-transfer-detail-dialog .recent-trans-holder > table { background-color: rgba(231, 246, 252, 0.2); width: 100%; } #recurring-transfer-detail-dialog .recent-trans-holder > table > thead > tr th:nth-child(4) { padding: .75rem .75rem .75rem 20px; } #recurring-transfer-detail-dialog .recent-trans-holder td, #recurring-transfer-detail-dialog .recent-trans-holder th { vertical-align: middle; } .section-loader { background: white !important; } #transfersGrid_pager_center { width: 100% !important; } #transfersGrid > tbody > tr.add-info > td.wide { padding: 7px 20px 23px !important; } #transfersGrid > tbody > tr.add-info > td.wide .info-holder { margin: 0 !important; } .date-range{ margin-top:20px;} .transfer-history .transaction-details .table-switcher > ul { margin: 0 0 0 10px; } .transfer-history .transaction-details .form-search .icon-search { cursor: pointer; } .transfer-history .transaction-details .form-search .icon-search:focus, .transfer-history .transaction-details .form-search .icon-search:hover { color: #7c7c7c;} .transfer-history .transaction-details .date-range .form-control { text-transform: uppercase; } .transfer-history .transaction-details .form-search .form-control { height: auto !important; padding: 32px 52px 17px 26px; color: #222;font-weight: 400;letter-spacing: 0.2px;} .transfer-history .transaction-details .table-recent-transactions > thead > tr > th:first-child, .transfer-history .transaction-details .table-recent-transactions > tbody > tr > td:first-child { width: 170px; text-align: left; padding-left: 30px; } .transfer-history .transaction-details .table-recent-transactions > thead > tr > th:nth-child(2), .transfer-history .transaction-details .table-recent-transactions > tbody > tr > td:nth-child(2) { width: auto; text-align: left; } .transfer-history .transaction-details .table-recent-transactions > thead > tr > th:nth-child(3), .transfer-history .transaction-details .table-recent-transactions > tbody > tr > td:nth-child(3) { width: 12%; text-align: center; } .transfer-history .transaction-details .table-recent-transactions > thead > tr > th:nth-child(4), .transfer-history .transaction-details .table-recent-transactions > tbody > tr > td:nth-child(4) { width: 13%; text-align: center; } .transfer-history .transaction-details .table-recent-transactions > thead > tr > th:last-child, .transfer-history .transaction-details .table-recent-transactions > tbody > tr > td:last-child { width: 11%; padding-right: 35px; } .transfer-history .transaction-details .table-recent-transactions > thead > tr > th .date, .transfer-history .transaction-details .table-recent-transactions > tbody > tr > td .date { text-align: left; } .transfer-history .transaction-details .table-recent-transactions tbody > tr { position: relative; } .transfer-history .transaction-details .table-recent-transactions tbody > tr td .actions { position: absolute; right: 0; top: 0; width: 25%; background: #fff; visibility: hidden; opacity: 0; } .transfer-history .transaction-details .table-recent-transactions tbody > tr td .actions li { display: inline-block; vertical-align: middle; padding: 27px 35px 27px 0; } .transaction-period-drop a[data-toggle] .icon-calendar{color: #757575;opacity: 0.6;} .transaction-details .card-activity-info.show {box-shadow: none;} .transaction-details .card-activity-info {border-bottom: 1px solid #EBEFF4;} .transfer-history h1{color: #000;} /* shb changes */ .list-gen-tab-nav .nav-tabs li a.active, .list-gen-tab-nav .nav-tabs li a:focus, .list-gen-tab-nav .nav-tabs li a:hover{ border-bottom: 1px solid rgba(191, 191, 191, 0.25); } .transferaction-details .form-search .title label,.transfer-history .filter-select label{ transform: none;} .transfer-history .transaction-details .form-search .icon-search{opacity: 0.5;} #recurring-transfer-history #transfersGrid > tbody > tr > td .transfer-frequency{color: #757575;font-size: 0.846777676em;} #recurring-transfer-history #transfersGrid > tbody > tr > td .last-transfer-date {font-size: 0.92857142em;color: #333333;font-weight: 400;} #recurring-transfer-history #transfersGrid > tbody > tr{position:relative} #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child {position:static!important} /* style.css */ .transaction-details .filters-area{border: none;border-bottom: 1px solid #ebeff4;} .table-switcher .result-rang-holder{letter-spacing: 0.46px;color: #444444;} .list-gen-tab-nav .nav-tabs li a{ font-size: 0.928571em; line-height: 1.468461; letter-spacing: 0.5px; } .filter-select label{left: 18px;} .list-gen-tab-nav .nav-tabs li a .ico{color: #cccccc;} @media (max-width: 767px) { .transfer-history .transaction-details .table-recent-transactions tbody > tr td .actions { position: static; visibility: visible; opacity: 1; background: none; font-size: 0.9em; padding: 10px 0 0 !important; margin-bottom: 0 !important; } .transfer-history .transaction-details .table-recent-transactions tbody > tr td .actions li:first-child { padding-left: 0 !important; } } .transfer-history .transaction-details .table-recent-transactions tbody > tr:hover td .actions { visibility: visible; opacity: 1; } .transfer-history .transaction-details td.wide .info-holder { position: relative; padding: 31px 6px; border: 1px solid #EBE095; border-radius: 4px; background: #FFFFF8; } .transfer-history .transaction-details td.wide .info-holder .close { position: absolute; right: 20px; top: 20px; font-size: 12px; z-index: 5; color: #AA9B32; opacity: 1; } .transfer-history .transaction-details td.wide .info-holder .close:hover, .transfer-history .transaction-details td.wide .info-holder .close:focus { color: #AA9B32; outline-offset: 2px; outline: dotted 1px; } .transfer-history .transaction-details td.wide .info-holder .close .icon-cross { font-size: 10px; } .transfer-history .transaction-details td.wide .info-holder .title { font-size: 0.85714em; line-height: 1.5; text-transform: capitalize; } .transfer-history .transaction-details td.wide .info-holder .val { font-size: 1em; line-height: 1.28571; } .transfer-history .transaction-details td.wide .wide { width: 50%; display: inline-block; } #recurring-transfer-history .table-recent-transactions .icon-view_icon { font-size: 0.85714em; line-height: 1.5; } #recurring-transfer-history .table-recent-transactions .ico { color: #777; } #recurring-transfer-history .table-recent-transactions > tbody { position: relative; } #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child { position: relative; } #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions { width: auto !important; white-space: nowrap; padding: 20px; } #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions li { padding: 0 0 0 20px; } #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions a, #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions .ico, #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions .icon-view_icon:before { color: #777; } #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions li:hover a, #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions li:hover .ico, #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions li:hover .icon-view_icon:before, #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions li:focus a, #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions li:focus .ico, #recurring-transfer-history .table-recent-transactions tbody > tr > td:last-child .actions li:focus .icon-view_icon:before { color: #faa532; } @media (max-width: 767px) { #recurring-transfer-history .table-custom > tbody > tr > * { width: 100% !important; } #recurring-transfer-history .table-custom .info-holder { padding: 15px; } #recurring-transfer-history .table-custom .add-info .info-list li { width: 100%; margin-bottom: 10px; } } #transfersGrid > tbody > tr > td, .table-recent-transactions > tbody > tr > td { position: relative; } #transfersGrid > tbody > tr:hover .actions li a.tr-opener{text-decoration: none;} #transfersGrid > tbody > tr:hover .actions li a:hover,#transfersGrid > tbody > tr:hover .actions li a:focus{text-decoration: none;} #transfersGrid > tbody > tr .actions, .table-recent-transactions > tbody > tr .actions {box-shadow:none; position: absolute; right: 0; top:0; margin: auto; padding: 2px 15px 0 0; background: #fff; text-align: right; width: 410px; height:100%; z-index:-1; opacity: 0;display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap} #transfersGrid > tbody > tr.ui-state-hover .actions, .table-recent-transactions > tbody > tr.ui-state-hover .actions .tr-opener, #transfersGrid > tbody > tr.ui-state-hover .actions, .table-recent-transactions > tbody > tr.ui-state-hover .actions, .table-recent-transactions > tbody > tr:hover .actions .tr-opener, #transfersGrid > tbody > tr:hover .actions .tr-opener, #transfersGrid > tbody > tr .actions .tr-opener:hover, .table-recent-transactions > tbody > tr .actions .tr-opener:hover, #transfersGrid > tbody > tr .actions .tr-opener:focus, .table-recent-transactions > tbody > tr .actions .tr-opener:focus { opacity: 1; visibility: visible; text-decoration: none; } @media (max-width: 767px) { #transfersGrid > tbody > tr .actions, .table-recent-transactions > tbody > tr .actions { position: static; margin: 0 auto; text-align: center; background: none; opacity: 1; visibility: visible; padding: 10px 0; } #transfersGrid > tbody > tr .actions > li, .table-recent-transactions > tbody > tr .actions > li {width:100%;max-width:100%;flex-basis:100%;} #transfersGrid > tbody > tr .actions .tr-opener, .table-recent-transactions > tbody > tr .actions .tr-opener { opacity: 1; visibility: visible; } } #transfersGrid > tbody > tr .actions li, .table-recent-transactions > tbody > tr .actions li { display: block; padding: 0 0 0 20px; flex:0 auto; max-width:100% } #transfersGrid > tbody > tr .actions li:first-of-type, .table-recent-transactions > tbody > tr .actions li:first-of-type { padding: 0 0 0; } #transfersGrid > tbody > tr:where(:hover,:focus,:focus-within) .amount, .table-recent-transactions > tbody > tr:where(:hover,:focus,:focus-within) .amount { position: relative; z-index:0 } @media (max-width: 767px) { #transfersGrid > tbody > tr:hover .amount, .table-recent-transactions > tbody > tr:hover .amount { display: block; } } #transfersGrid > tbody > tr:hover .amount:only-child, .table-recent-transactions > tbody > tr:hover .amount:only-child { display: block; } #transfersGrid > tbody > tr.add-info .info-list.col4 > :not(.wide), .table-recent-transactions > tbody > tr.add-info .info-list.col4 > :not(.wide) { width: 23%; } #transfersGrid > tbody > tr.add-info .amount, .table-recent-transactions > tbody > tr.add-info .amount { display: inline; font-weight: 400; } #transfersGrid > tbody > tr:hover .actions, .table-recent-transactions > tbody > tr.ui-state-hover .actions, #transfersGrid > tbody > tr:hover .actions, .table-recent-transactions > tbody > tr:hover .actions {visibility: visible;opacity: 1;} #transfersGrid > tbody > tr:focus .actions, .table-recent-transactions > tbody > tr.ui-state-highlight .actions, #transfersGrid > tbody > tr:focus .actions, .table-recent-transactions > tbody > tr:focus .actions {visibility: visible;opacity: 1;} @media (max-width: 767px) { #transfersGrid > tbody > tr:hover .actions, .table-recent-transactions > tbody > tr:hover .actions { display: block; } } #transfersGrid .conversion-rate { margin-left: 20px; color: #757575; } #transfersGrid .conversion-rate .ico { font-size: 9px !important; color: #CCCCCC !important; margin: 0 10px !important; } @media (max-width: 991px) { #transfersGrid .conversion-rate { display: block !important; margin: 0; padding: 5px 0; } /* .recurring-dialog-wrapper {overflow-y: auto;height: 600px;} */ } #transfersGrid .convert-from img, #transfersGrid .convert-to img { margin-right: 5px; border-radius: 100%; } #transfersGrid .convert-from .amount, #transfersGrid .convert-to .amount { display: inline !important; font-weight: 500 !important; } #transfersGrid .convert-from .currency-sign, #transfersGrid .convert-to .currency-sign { font-weight: 400 !important;color: #444444; } .transfer-history .alert-primary { font-size: 0.92857em; line-height: 1.38462; padding: 16px; letter-spacing: 0.2px; position: relative;margin-bottom: 24px;} .transfer-history .alert-primary .icon-info { font-size: 1.53846em; line-height: 1; position: absolute; top: 50%; margin: -10px 0 0 0; } .transfer-history .alert-primary .alert-text { margin: 0 20px 0 40px; } .transfer-history .conversion-rate { margin-left: 20px; } .transfer-history .conversion-rate .ico { font-size: 9px !important; color: #999 !important; margin: 0 10px !important; } @media (max-width: 991px) { .transfer-history .conversion-rate { display: block !important; margin: 0; padding: 5px 0; } .transaction-details .th-filters.filters-table > div { width: 50%; margin: 0 !important; clear: none; height: 72px; border-width: 1px; float: left; } .transaction-details .th-filters.filters-table .filter-select.types.child-5{width: 100%;} .form-search .clear-search, .form-search .ico{right: 23px;} .transaction-period-drop a[data-toggle] .icon-calendar{right: 20px;} } @media (max-width: 1100px) and (min-width: 767px){ #recurringTransferDetailContainer .ui-jqgrid{ width: 1100px !important; } } @media (max-width: 1024px) and (min-width: 767px){ #recurTranshistory .ui-jqgrid { width: 1024px !important; } .table-custom.custom-grid-empty #recurTranshistory .ui-jqgrid{width: 100% !important;} } .transfer-history .convert-from img, .transfer-history .convert-to img { margin-right: 5px; } .transfer-history .convert-from .amount, .transfer-history .convert-to .amount { display: inline !important; font-weight: 500 !important; } .transfer-history .convert-from .currency-sign, .transfer-history .convert-to .currency-sign { font-weight: 400 !important; } .transfer-history .convert-from .currency-amount, .transfer-history .convert-to .currency-amount { padding-right: 5px;letter-spacing: 0.2px;color: #444444;font-weight: 500; } .transfer-history .table-recent-transactions > thead > tr > th { padding-top: 11.5px !important; padding-bottom: 11.5px !important;} .transfer-history .table-recent-transactions > thead > tr > th, .transfer-history .table-recent-transactions > tbody > tr > td { padding-left: 10px; padding-bottom: 0; border-color: rgba(191, 191, 191, 0.2); } .transfer-history .table-recent-transactions > thead > tr > th:nth-child(1), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(1) { width: 9em !important; vertical-align: middle; padding-left: 25px; text-align: left; } .transfer-history .table-recent-transactions > thead > tr > th:nth-child(2), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(2) { width: 14% !important; text-align: center; } .chosen-container .chosen-single:after{color: #AAAAAA;} @media (max-width: 767px) { .transfer-history .table-recent-transactions > thead > tr > th:nth-child(2), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(2) { color: #999; } .transaction-details .card-activity-info .th-filters.filters-table > div { width: 100%; border-width: 0 0 1px !important; clear: both; } .transaction-details .card-activity-info .th-filters.filters-table > div.transaction-period-drop.alt { border-width: 1px 0 0 !important; } } .transfer-history .table-recent-transactions > thead > tr > th:nth-child(3), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(3) { width: auto !important; text-align: left !important; padding-left: 10px; } @media (max-width: 767px) { .transfer-history .table-recent-transactions > thead > tr > th:nth-child(3), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(3) { padding-top: 0 !important; padding-bottom: 0 !important; } } .transfer-history .table-recent-transactions > thead > tr > th:nth-child(4), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(4) { text-align: center; width: 15% !important; } .transfer-history .table-recent-transactions > thead > tr > th:last-child, .transfer-history .table-recent-transactions > tbody > tr > td:last-child { width: 20% !important; text-align: right !important; padding-right: 25px; } @media (max-width: 767px) { .transfer-history .table-recent-transactions > thead > tr > th:last-child, .transfer-history .table-recent-transactions > tbody > tr > td:last-child { width: 100% !important; text-align: left !important; } .transfer-history .table-recent-transactions > thead > tr > th:last-child .amount, .transfer-history .table-recent-transactions > tbody > tr > td:last-child .amount { text-align: left; } } .transfer-history .table-recent-transactions > thead > tr > th .info-list.col4 li, .transfer-history .table-recent-transactions > tbody > tr > td .info-list.col4 li { width: 24%; } .transfer-history .table-recent-transactions > thead > tr > th.wide, .transfer-history .table-recent-transactions > tbody > tr > td.wide { width: 100%; padding: 20px; text-align: left; } #transfer-history .view-details { font-size: 1.00017em; line-height: 1.5; } #transfer-history .actions li a { font-size: 0.85714em; line-height: 1.5; color: #757575; display: block; } #transfer-history .actions li a .ico { color: #757575; } #transfer-history .actions li a .icon-cross { font-size: 10px !important; } #transfersGrid tr.add-info, .table-recent-transactions tr.add-info { -webkit-box-shadow: none !important; box-shadow: none !important; } @media (max-width: 767px) { #transfersGrid tr.add-info, .table-recent-transactions tr.add-info { height: auto !important; border-bottom: 0 !important; } #transfersGrid tr.add-info .wide, .table-recent-transactions tr.add-info .wide { padding: 0 !important; } } #transfersGrid tr.add-info td, .table-recent-transactions tr.add-info td { background: #fff !important; } @media (max-width: 767px) { #transfersGrid tr.add-info td, .table-recent-transactions tr.add-info td { background: none !important; } } #transfersGrid .view-details, .table-recent-transactions .view-details { font-weight: 400; letter-spacing: 0.2px; vertical-align: middle; cursor: pointer; } #transfersGrid .view-details .icon-view_icon, .table-recent-transactions .view-details .icon-view_icon { margin-right: 5px; } #transfersGrid .add-info .info-holder, .table-recent-transactions .add-info .info-holder { text-align: left; } #transfersGrid .add-info .info-holder p, .table-recent-transactions .add-info .info-holder p { margin-bottom: 0; } #transfersGrid .add-info .info-holder .head, .table-recent-transactions .add-info .info-holder .head { color: #757575; letter-spacing: 0.2px; font-size: 0.85714em; line-height: 2.33333;font-weight: 400; } #transfersGrid .add-info .info-holder .body, .table-recent-transactions .add-info .info-holder .body { color: #222222; letter-spacing: 0.23px; font-size: 1em; line-height: 1.5; } #transfersGrid > tbody > tr:where(:focus,:hover,:focus-within,.ui-state-highlight), .table-recent-transactions > tbody > tr:where(:focus,:hover,:focus-within,.ui-state-highlight) { -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); } #transfersGrid > tbody > tr, .table-recent-transactions > tbody > tr { border-top: 1px solid rgba(191, 191, 191, 0.2);} #transfersGrid > tbody > tr.add-info, .table-recent-transactions > tbody > tr.add-info { border-top: 1px solid #fff; border-bottom: 1px solid #f1f1f1; } #transfersGrid > tbody > tr > td:nth-child(1), .table-recent-transactions > tbody > tr > td:nth-child(1) { width: 7em !important; vertical-align: middle; padding: 15px 10px 15px 0; } #transfersGrid > tbody > tr > td:nth-child(2), .table-recent-transactions > tbody > tr > td:nth-child(2) { width: 14% !important; text-align: center; font-size: 0.92857em;} @media (max-width: 767px) { #transfersGrid > tbody > tr > td:nth-child(2), .table-recent-transactions > tbody > tr > td:nth-child(2) { color: #999; } } #transfersGrid > tbody > tr > td:nth-child(3), .table-recent-transactions > tbody > tr > td:nth-child(3) { width: auto !important; text-align: left !important; padding: 10px 0 10px 10px; } @media (max-width: 767px) { #transfersGrid > tbody > tr > td:nth-child(3), .table-recent-transactions > tbody > tr > td:nth-child(3) { padding-top: 0 !important; padding-bottom: 0 !important; } } #transfersGrid > tbody > tr > td:nth-child(4), .table-recent-transactions > tbody > tr > td:nth-child(4) { text-align: center; width: 15% !important; } #transfersGrid > tbody > tr > td:last-child, .table-recent-transactions > tbody > tr > td:last-child { width: 20% !important; text-align: right !important; padding-right: 35px; font-weight: 500; letter-spacing: 0.2px; } @media (max-width: 767px) { #transfersGrid > tbody > tr > td:last-child, .table-recent-transactions > tbody > tr > td:last-child { width: 100% !important; text-align: left !important; } #transfersGrid > tbody > tr > td:last-child .amount, .table-recent-transactions > tbody > tr > td:last-child .amount { text-align: left; } } #transfersGrid .date, .table-recent-transactions .date { text-align: center; text-transform: uppercase; } @media (max-width: 767px) { #transfersGrid .date, .table-recent-transactions .date { background: #fff; border-radius: 4px; padding: 3px 5px; width: 50px !important; text-align: center !important; } } #transfersGrid .date .month, #transfersGrid .date .day, #transfersGrid .date .year, .table-recent-transactions .date .month, .table-recent-transactions .date .day, .table-recent-transactions .date .year { display: block; } #transfersGrid .date .year, #transfersGrid .date .month, .table-recent-transactions .date .year, .table-recent-transactions .date .month { font-size: 0.563rem; line-height: 1.66667; letter-spacing: 0.45px; color: #222222;} #transfersGrid .date .day, .table-recent-transactions .date .day { font-weight: 500; font-size: 1.25rem; line-height: 0.85;letter-spacing: 0; } #transfersGrid .marchent, .table-recent-transactions .marchent { display: block; text-transform: capitalize; font-size: 0.9285714285714em; line-height: 2; font-weight: 400; } #transfersGrid .marchent .to, #transfersGrid .marchent .from, .table-recent-transactions .marchent .to, .table-recent-transactions .marchent .from { font-size: 0.84615em; line-height: 1.72727; color: #757575; padding: 0 2.5px; } #transfersGrid .status, .table-recent-transactions .status { display: block; font-weight: 500; font-size: 0.92857em; line-height: 1.46154; margin-bottom: 3px; } #transfersGrid .owner, .table-recent-transactions .owner { display: block; font-weight: 400; font-size: 0.85714em; line-height: 1.5; } #transfersGrid .owner img, .table-recent-transactions .owner img { margin: -3px 0 0; } #transfersGrid .owner > img{ margin: 0;} #transfersGrid .owner .conversion-rate img { margin-right: 10px; } #transfersGrid .owner .name, .table-recent-transactions .owner .name { margin: 0 0 0 10px; color: #757575; font-size: 1em; line-height: 1.5; font-weight: 400;} #transfersGrid .date .year{letter-spacing: 0;} @media (max-width: 767px) { #transfersGrid .owner .name, .table-recent-transactions .owner .name { margin: 0 5px !important; } } #transfersGrid .owner .ico, .table-recent-transactions .owner .ico { margin: 0 7px 0 0; } #transfersGrid .owner .svg-layer, .table-recent-transactions .owner .svg-layer { width: 16px; display: inline-block; vertical-align: top; } #transfersGrid .owner .svg-layer svg, .table-recent-transactions .owner .svg-layer svg { width: 100%; height: auto; } #transfersGrid .amount, .table-recent-transactions .amount { display: block; font-weight: 500; font-size: 1em; line-height: 1.5; letter-spacing: 0;} #transfersGrid .amount img, .table-recent-transactions .amount img { display: inline-block; vertical-align: middle; border-radius: 100%; width: 1em; height: 1em; margin: -2px 0 0 10px; } #transfersGrid .time, .table-recent-transactions .time { color: #777; display: block; margin: 5px 0 0; text-align: center; font-size: 0.7857142857142857em; } #transfersGrid .time label, .table-recent-transactions .time label { margin-bottom: 0; } .ui-jqgrid-hbox table > thead > tr th { padding-top: 0; padding-bottom: 0; } /*Styles for Recurring Transfer History - will work on web implementation*/ #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:first-child { width: 20% !important; text-align: left !important; padding-left: 25px; } #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:nth-child(2) { width: 15% !important; text-align: center !important; } #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:nth-child(3) { width: 10% !important; text-align: center !important; } #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:nth-child(4) { width: 14% !important; text-align: center; } #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:nth-child(5) { width: 16% !important; text-align: center; } #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:nth-child(6) { width: 15% !important; text-align: center; } #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:last-child { width: 10% !important; padding-right: 25px; } #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th .date { text-align: left; } #recurring-transfer-history #transfersGrid .actions li a { font-size: 0.85714em; line-height: 1.5; letter-spacing: 0.2px; font-weight: 500; } #recurring-transfer-history #transfersGrid .actions li a.action-btnn{ font-weight: 400; display: block;} #recurring-transfer-history #transfersGrid .actions li a .ico { margin-right: 5px; } #recurring-transfer-history #transfersGrid .actions li a .ico.icon-cross{font-size: 8px;} #recurring-transfer-history #transfersGrid .transfer-date { font-weight: 400; font-size: 0.92857em; line-height: 1.46154; } #recurring-transfer-history #transfersGrid .icon-view_icon { font-size: 0.85714em; line-height: 1.5; } #recurring-transfer-history #transfersGrid .ico { color: #777; } #recurring-transfer-history #transfersGrid > tbody { position: relative; } #recurring-transfer-history #transfersGrid > tbody > tr.add-info > td:last-child { padding: 10px 30px 10px 25px; } #recurring-transfer-history #transfersGrid > tbody > tr:hover > td:last-child .actions li { padding: 0 0 0 20px; } @media (max-width: 767px) { #recurring-transfer-history #transfersGrid > tbody > tr:hover > td:last-child .actions { padding: 10px 0 0 0 !important; } #recurring-transfer-history #transfersGrid > tbody > tr:hover > td:last-child .actions li { padding: 0; } } #recurring-transfer-history #transfersGrid tbody > tr > td:last-child { position: relative; } #recurring-transfer-history #transfersGrid tbody > tr > td:last-child .actions { width: auto !important; white-space: nowrap; padding: 20px 28px 20px 20px; position: absolute; top: auto; bottom: 0; right: 0; background: #fff; height: 100%; min-width: auto } #recurring-transfer-history #transfersGrid tbody > tr > td:last-child .actions li { padding: 0 0 0 20px; } #recurring-transfer-history #transfersGrid tbody > tr > td:last-child .actions a, #recurring-transfer-history #transfersGrid tbody > tr > td:last-child .actions .ico, #recurring-transfer-history #transfersGrid tbody > tr > td:last-child .actions .icon-view_icon:before { color: #757575; } #recurring-transfer-history #transfersGrid > tbody > tr > td:first-child { width: 20% !important; text-align: left !important; padding: 20px 7px 20px 25px; } #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(2) { width: 15% !important; text-align: center !important; } #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(3) { width: 10% !important; text-align: center !important; padding-left: 0 !important; } #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(3) .last-transfer-date { font-weight: 500;font-size: 0.92857em; line-height: 1.46154; } #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(4) { width: 14% !important; text-align: center; } #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(5) { width: 16% !important; text-align: center; } #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(6) { width: 11% !important; text-align: center; } #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child { width: 13% !important; padding-right: 25px; } #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child .actions { display: flex; align-items: center;} @media (max-width: 767px) { #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child .actions { position: static; padding: 15px 0 0 0; background: none; margin:15px auto 0 } #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child .actions li { padding: 0; float: left; margin: 0 20px 0 0; } #transfersGrid > tbody > tr .actions li, .table-recent-transactions > tbody > tr .actions li, #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child .actions li{text-align: center;min-width: 140px;padding-left: 0; margin:0 auto 15px} #transfer-history .actions li > a, #recurring-transfer-history #transfersGrid .actions li a{ border: 1px solid #D8DDE4; border-radius: 14px; padding: 5px 20px;display: block;} #transfersGrid > tbody > tr .actions, .table-recent-transactions > tbody > tr .actions,#recurring-transfer-history #transfersGrid .actions{padding: 10px 0 0;} .transaction-details .filters-area{ border-bottom: 2px solid #ebeff4; } } #recurring-transfer-history #transfersGrid > tbody > tr > td .date { text-align: left; } @media (max-width: 579px) { #transfersGrid .amount, .table-recent-transactions .amount { margin-bottom: 10px; } .ui-pg-button { margin: 0 0 0 1px; } #recurring-transfer-history .card-activity-info .d-table .transaction-period-drop { margin-top: 0 !important; } } @media (max-width: 767px) { .transfer-history .secondry-card-drop { max-width: 100%; } .transaction-period-drop.alt #transaction-period-dropdown { min-width: 100%; } .transaction-period-drop.alt #transaction-period-dropdown .slimScrollDiv { z-index: 100; } .transaction-details .card-activity-info .types, .transaction-details .card-activity-info .form-search { border: none; } .transaction-details .card-activity-info .form-search { border-bottom: 1px solid #f0f0f0; } .transaction-details .table-custom { z-index: 0 !important; padding-bottom: 0; border-bottom: 0; } .transaction-details .card-activity-info .d-table > :last-child { border-bottom-width: 1px; } #transfersGrid_pager_center { max-width: 100% !important; padding: 30px 10px 10px;} #transfer-history .date, #recurring-transfer-history .date { text-align: left; } #transfer-history .filter-area, #recurring-transfer-history .filter-area { border: none !important; } #transfer-history .table-responsive, #recurring-transfer-history .table-responsive { background-color: #fff; overflow-x: hidden; } #transfer-history .table-custom #transfersGrid > tbody > tr > *, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr > * { width: 100% !important; } #transfer-history .table-custom #transfersGrid .info-holder, #recurring-transfer-history .table-custom #transfersGrid .info-holder { padding: 15px; } #transfer-history .table-custom #transfersGrid .add-info .info-list li, #recurring-transfer-history .table-custom #transfersGrid .add-info .info-list li { width: 100%; margin-bottom: 10px; } #transfer-history .table-custom #transfersGrid .jqgfirstrow, #recurring-transfer-history .table-custom #transfersGrid .jqgfirstrow { display: none !important; } #transfer-history .table-custom #transfersGrid, #recurring-transfer-history .table-custom #transfersGrid { width: 100%; position: relative; float: none !important; display: block !important; } #transfer-history .table-custom #transfersGrid > tbody, #recurring-transfer-history .table-custom #transfersGrid > tbody { width: 100%; float: left; display: block !important; padding: 0; max-height: none !important; } #transfer-history .table-custom #transfersGrid > tbody > tr.add-info, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr.add-info { min-height: auto; } #transfer-history .table-custom #transfersGrid > tbody > tr, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr { width: 100%; padding: 15px; min-height: 200px; vertical-align: top; border-radius: 4px; white-space: normal; background-color: #F8F9FB; display: inline-block !important; text-align: left !important; margin: 0; } #transfer-history .table-custom #transfersGrid > tbody > tr + tr, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr + tr { margin: 20px 0 0; } #transfer-history .table-custom #transfersGrid > tbody > tr + tr, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr + tr.add-info {border-top: none;} #recurring-transfer-history .table-custom #transfersGrid > tbody > tr + tr.add-info {border-top: none; margin-top: 0;} #transfer-history .table-custom #transfersGrid > tbody > tr.add-info { margin: -22px 0 0; border-width: 0; padding-top: 10px; border-radius: 0 0 4px 4px; } #transfer-history .table-custom #transfersGrid > tbody > tr.add-info td:first-child { padding: 0 !important; } #transfer-history .table-custom #transfersGrid > tbody > tr:last-child, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr:last-child { border-width: 0; } #transfer-history .table-custom #transfersGrid > tbody > tr.d-none, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr.d-none { display: none !important; } #transfer-history .table-custom #transfersGrid > tbody > tr:hover, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #transfer-history .table-custom #transfersGrid .add-info .info-holder, #recurring-transfer-history .table-custom #transfersGrid .add-info .info-holder { max-height: 250px; overflow-y: auto; margin: 0 5px 0 5px; } #transfer-history .table-custom #transfersGrid > tbody > tr > td, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr > td { padding: 10px !important; width: 100% !important; background: none !important; display: block !important; border-width: 0 !important; white-space: normal !important; text-align: left !important; } #transfer-history .table-custom #transfersGrid > tbody > tr > td.w50, #recurring-transfer-history .table-custom #transfersGrid > tbody > tr > td.w50 { padding: 0 10px 10px !important; width: 49% !important; vertical-align: middle; display: inline-block !important; } #transfer-history .table-custom #transfersGrid > tbody > tr > td + td { padding: 10px 0 !important; border-top: solid 1px rgba(0,0,0,0.05) !important; } #transfer-history .table-custom #transfersGrid > tbody > tr > td:first-child { padding: 0 0 10px !important; } #transfer-history .table-custom #transfersGrid > tbody > tr > td:last-child { padding: 10px 0 0 !important; } #transfer-history .table-custom #transfersGrid > tbody > tr > td:before {content: attr(data-label); display: block; font-size: 80%; font-weight: 500; color: #777; margin: 0 0 5px;} #transfer-history .table-custom #transfersGrid > tbody > tr > td:nth-child(3), #recurring-transfer-history .table-custom #transfersGrid > tbody > tr > td:nth-child(3) { text-align: left; } #transfer-history .table-custom #transfersGrid .time, #recurring-transfer-history .table-custom #transfersGrid .time { margin: 5px 0 0 5px; font-size: 10px; text-align: left; } #transfer-history .table-custom #transfersGrid > thead, #recurring-transfer-history .table-custom #transfersGrid > thead { display: none; } } /*Filter Area Responsive Styles*/ @media (max-width: 991px) { .transaction-details .card-activity-info .d-table > :nth-child(2) { border-width: 0 0 0 0; } .transaction-details .card-activity-info .transaction-period-drop { border-width: 0 0 0; } .transaction-details .form-search { border-bottom: 0 !important; } .transaction-details .d-table > div { min-height: 70px !important; height: 70px !important; } .transaction-details .list-gen-tab-nav .custom-nav-opener{display: none} .transaction-details .list-gen-tab-nav .collapse{ display: block} .transaction-details .list-gen-tab-nav.scroll-inactive .nav-tabs{display: block !important;} .transaction-details .list-gen-tab-nav.scroll-inactive .nav-tabs li{display: inline-block !important; vertical-align: middle; width: 50% !important;} .transaction-details .list-gen-tab-nav .list-gen-tabs li,.list-gen-tab-nav .list-gen-tabs li+li {border-top: none;} .transaction-details .list-gen-tab-nav .jcf-scrollbar-horizontal{display: none;} } @media (max-width: 576px) { /*Filter Area Responsive Styles*/ .transaction-details .list-gen-tab-nav.scroll-inactive .nav-tabs li{ display: block !important; width: 100% !important; } .transaction-details .list-gen-tab-nav .custom-nav-opener{ display: block } .transaction-details .list-gen-tab-nav .collapse{display: none ;} .transaction-details .list-gen-tab-nav .collapse.show{display: block;} } @media (width: 992px) { .transaction-details .card-activity-info .d-table > :nth-child(2) { border-width: 0 1px 0 0 !important; } } @media (max-width: 768px) { .transaction-details .card-activity-info .transaction-period-drop { border-width: 1px 0 1px; } .transaction-details .form-search { border-bottom: 1px !important; } } @media (max-width: 991px) and (min-width: 768px) { .transaction-details .card-activity-info .d-table > :last-child { width: 50%; display: inline-block; } .info-list.col4 .box:not(.wide), .info-list.col4 li:not(.wide){ width: 33% !important;} } @media (max-width: 767px) and (min-width: 579px) { .transaction-details .card-activity-info .form-search { margin-bottom: 0; } .info-list.col4 .box:not(.wide), .info-list.col4 li:not(.wide){ width: 50% !important;} .info-list .box, .info-list li, .info-list.col4 .box:not(.wide), .info-list.col4 li:not(.wide){ display: inline-block;vertical-align: middle;} } @media (width: 768px) { .transaction-details .card-activity-info .transaction-period-drop { border-width: 0 0 0; } } /*Reccurring Transfer Hisotry*/ @media (max-width: 991px) and (min-width: 767px) { #recurring-transfer-history .card-activity-info { border-bottom: 1px solid #f1f1f1; } #recurring-transfer-history .card-activity-info .d-table .filter-select, #recurring-transfer-history .card-activity-info .d-table .form-search, #recurring-transfer-history .card-activity-info .d-table .transaction-period-drop { width: 33.33333% !important; border-width: 0 1px 0 0; } } @media (max-width: 768px) { #recurring-transfer-history .card-activity-info .d-table .filter-select, #recurring-transfer-history .card-activity-info .d-table .form-search, #recurring-transfer-history .card-activity-info .d-table .transaction-period-drop { width: 100% !important; } #recurring-transfer-history .card-activity-info .d-table .filter-select { border-width: 0 0 1px 0; } #recurring-transfer-history .card-activity-info .d-table .form-search { border-width: 0 0 1px 0; } #recurring-transfer-history .card-activity-info .d-table .transaction-period-drop { margin-top: 28px; border-width: 0 0 1px 0; } } /*No Records found Generic Style -- Start*/ #rs_mrecTransfersDetailGrid .no-activity, #recurring-transfer-history .no-activity, #transfer-history .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; display: flex;justify-content: center; } #rs_mrecTransfersDetailGrid .no-activity .no-records, #recurring-transfer-history .no-activity .no-records, #transfer-history .no-activity .no-records, .card-activity .no-activity .no-records { color: #999; background: rgba(225, 237, 249, 0.31); margin: 15px 0; display: flex;justify-content: center;align-items: center;width: 348px;height: 348px;border-radius: 100%; white-space: nowrap; } #rs_mrecTransfersDetailGrid .no-activity .no-records > *, #recurring-transfer-history .no-activity .no-records > *, #transfer-history .no-activity .no-records > *, .card-activity .no-activity .no-records > * { white-space: normal; } #rs_mrecTransfersDetailGrid .no-activity .no-records:before, #rs_mrecTransfersDetailGrid .no-activity .no-records > *, #recurring-transfer-history .no-activity .no-records:before, #recurring-transfer-history .no-activity .no-records > *, #transfer-history .no-activity .no-records:before, #transfer-history .no-activity .no-records > *, .card-activity .no-activity .no-records:before, .card-activity .no-activity .no-records > * { float: none; display: inline-block; vertical-align: middle; } #rs_mrecTransfersDetailGrid .no-activity .no-records:before, #recurring-transfer-history .no-activity .no-records:before, #transfer-history .no-activity .no-records:before, .card-activity .no-activity .no-records:before { content: ''; height: 28.625em; } #recurring-transfer-history .no-activity .no-records,#transfer-history .no-activity .no-records{margin: 30px 0;} @media (max-width: 579px) { #rs_mrecTransfersDetailGrid .no-activity .no-records > *, #recurring-transfer-history .no-activity .no-records > *, #transfer-history .no-activity .no-records > *, .card-activity .no-activity .no-records > * { white-space: normal; } #rs_mrecTransfersDetailGrid .no-activity .no-records:before, #rs_mrecTransfersDetailGrid .no-activity .no-records > *, #recurring-transfer-history .no-activity .no-records:before, #recurring-transfer-history .no-activity .no-records > *, #transfer-history .no-activity .no-records:before, #transfer-history .no-activity .no-records > *, .card-activity .no-activity .no-records:before, .card-activity .no-activity .no-records > * { float: none; display: inline-block; vertical-align: middle; } #rs_mrecTransfersDetailGrid .no-activity .no-records:before, #recurring-transfer-history .no-activity .no-records:before, #transfer-history .no-activity .no-records:before, .card-activity .no-activity .no-records:before { content: ''; height: 260px; } } #rs_mrecTransfersDetailGrid .no-activity > *, #recurring-transfer-history .no-activity > *, #transfer-history .no-activity > *, .card-activity .no-activity > * { white-space: normal; } #rs_mrecTransfersDetailGrid .no-activity:before, #rs_mrecTransfersDetailGrid .no-activity > *, #recurring-transfer-history .no-activity:before, #recurring-transfer-history .no-activity > *, #transfer-history .no-activity:before, #transfer-history .no-activity > *, .card-activity .no-activity:before, .card-activity .no-activity > * { float: none; display: inline-block; vertical-align: middle; } #rs_mrecTransfersDetailGrid .no-activity .ico-holder img, #recurring-transfer-history .no-activity .ico-holder img, #transfer-history .no-activity .ico-holder img, .card-activity .no-activity .ico-holder img { height: auto; margin-bottom: 30px; } #rs_mrecTransfersDetailGrid .no-activity .desc, #recurring-transfer-history .no-activity .desc, #transfer-history .no-activity .desc, .card-activity .no-activity .desc { max-width: 262px; color: #444444; font-size: 0.929em; margin: 0 auto; letter-spacing: 0.09px;} @media (max-width: 579px) { #rs_mrecTransfersDetailGrid .no-activity .desc, #recurring-transfer-history .no-activity .desc, #transfer-history .no-activity .desc, .card-activity .no-activity .desc { max-width: 200px; } #recTransfersDetailGrid .ui-jqgrid div:not(.chosen-container,.slimScrollBar,.slimScrollRail,.no-records){ width: auto !important; } } #rs_mrecTransfersDetailGrid .no-activity .heading, #recurring-transfer-history .no-activity .heading, #transfer-history .no-activity .heading, .card-activity .no-activity .heading { font-weight: 700;color: #666666;font-size: 1.0714285714em; letter-spacing: 0.11px;} #recurringTransferDetailContainer .table-responsive { border: 1px solid #DDDDDD; border-radius: 4px; } #recurringTransferDetailContainer .ui-widget-header.ui-jqgrid-resize-mark { display: none; } #recurringTransferDetailContainer .table-recent-transactions.table-custom > thead > tr > th { padding: .75em; } #recurringTransferDetailContainer .table-recent-transactions.table-custom > thead > tr > th:nth-child(1) { width: 5% !important; } #recurringTransferDetailContainer .table-recent-transactions.table-custom > thead > tr > th:nth-child(2) { width: 15% !important; } #recurringTransferDetailContainer .table-recent-transactions.table-custom > thead > tr > th:nth-child(3) { width: 25% !important; text-align: left !important; } #recurringTransferDetailContainer .table-recent-transactions.table-custom > thead > tr > th:nth-child(4) { width: 25% !important; text-align: left !important; } #recurringTransferDetailContainer .table-recent-transactions.table-custom > thead > tr > th:nth-child(5) { width: 15% !important; } #recurringTransferDetailContainer .table-recent-transactions.table-custom > thead > tr > th:nth-child(6) { width: 15% !important; text-align: right !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td { vertical-align: middle; border-top: 1px solid rgba(191, 191, 191, 0.2)} #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(1) { width: 5% !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(2) { width: 15% !important;font-size: 0.813rem; color: #222222;} #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(3) { width: 25% !important; text-align: left !important; font-size: 0.813rem; color: #222222;} #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(4) { width: 25% !important; text-align: left !important;font-size: 0.813rem; color: #222222; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(5) { width: 15% !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(6) { width: 15% !important; text-align: right !important; font-size: 0.813rem; color: #222222;font-weight: 500;} #recurringTransferDetailContainer .ui-jqgrid-bdiv tbody > tr.add-info .info-holder { padding: 15px 10px; margin: 0 0 5px; position: relative; } #recTransfersDetailGrid_pager .ui-pg-table.table-switcher > tbody > tr > td { border: none !important; } [aria-describedby="recurring-transfer-detail-dialog"].ui-dialog.ui-widget-content { min-width: 1300px; } .transfer-history .transaction-details .form-search .icon-search.disabled {opacity: 0.5; pointer-events: none;} @media (max-width: 1321px) { [aria-describedby="recurring-transfer-detail-dialog"].ui-dialog.ui-widget-content { min-width: 90vw !important; } } @media (max-width: 767px) { #recurringTransferDetailContainer .table-responsive { padding: 15px; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr { width: 100%; padding: 15px; min-height: 200px; border-radius: 4px; white-space: normal; background-color: #F8F9FB; display: inline-block !important; vertical-align: top; text-align: left !important; margin: 0 0 20px 0; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr.jqgfirstrow { display: none !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td { padding: 10px !important; width: 100% !important; background: none !important; display: block !important; border-width: 0 !important; white-space: normal !important; text-align: left !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(1) { width: 100% !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(2) { width: 100% !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(3) { width: 100% !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(4) { width: 100% !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(5) { width: 100% !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td:nth-child(6) { width: 100% !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td .date, #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td .amount { text-align: left !important; width: 100%; } .ui-pg-table.table-switcher [id*="recTransfersDetailGrid_pager_"] { padding: 0 !important; } #recurringTransferDetailContainer .ui-jqgrid-bdiv table > tbody > tr > td .date{width: auto !important;padding: 5px 10px;} #transfersGrid > tbody > tr > td:last-child .actions{margin-top: 15px;} #transfer-history .table-custom #transfersGrid > tbody > tr > td:last-child, #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child{ padding-bottom: 0 !important; } } #filtersCollaps .field .divCtrl:empty { display: none; } /* Rejection Section And its Dialog style */ .rejections-wrapper.info-holder .reason-col .head,.rejections-wrapper.info-holder .heading-row .head{color:#999!important;font-family:Heebo,Arial,"Helvetica Neue",sans-serif;font-size:12px!important;letter-spacing:.2px!important;line-height:18px!important} .rejections-wrapper.info-holder .reason-col{padding-left:0} .rejections-wrapper.info-holder .reason-col .head + .body,.rejections-wrapper.info-holder .attachs-col .heading-row + .body{margin:10px 0 0} .rejections-wrapper.info-holder .reason-col .body{color:#2F2F2F!important;font-family:Heebo,Arial,"Helvetica Neue",sans-serif;font-size:13px!important;letter-spacing:0!important;line-height:19px!important;font-weight:400!important} .rejections-wrapper.info-holder .attachs-col .body{font-size:inherit;line-height:inherit} .rejections-wrapper.info-holder .attachs-col .body.images-row > :first-child{padding-left:0} .rejections-wrapper.info-holder .attachs-col .body.images-row > :last-child{padding-right:0} .rejections-wrapper.info-holder .attachs-col .body.images-row > * span{color:#333;font-family:Heebo,Arial,"Helvetica Neue",sans-serif;font-size:11px;font-weight:500;letter-spacing:.18px;line-height:17px} .rejections-wrapper.info-holder .attachs-col .body.images-row > * span + .img-holder{margin-top:5px} .rejections-wrapper.info-holder .attachs-col .body.images-row .img-holder{display:inline-block;margin:0;max-width:100%} .rejections-wrapper.info-holder .attachs-col .body.images-row .img-holder img{max-width:185px;width:100%} #checkImageDialogId{position:relative;padding:20px 30px} #checkImageDialogId .icon-cross{position:absolute;top:15px;right:15px;color:#C8C9CC;font-size:12px;line-height:1} #checkImageDialogId .view-attachment-container > strong,#checkImageDialogId .view-attachment-container > p{text-align:left;margin-left:0;margin-right:0} #checkImageDialogId .view-attachment-container > .title{color:#000;font-family:Heebo,Arial,"Helvetica Neue",sans-serif;font-size:22px;font-weight:500;letter-spacing:0;line-height:32px;margin:0} #checkImageDialogId .view-attachment-container > .info{color:#777;font-family:Heebo,Arial,"Helvetica Neue",sans-serif;font-size:13px;letter-spacing:.2px;line-height:20px;margin-top:5px} #checkImageDialogId .image-container{display:block;position:relative;margin:25px auto 0} #checkImageDialogId .image-container img{position:relative;z-index:5} #checkImageDialogId .image-container .image-holder .img-wrapper:hover + .image-infos li{opacity:1} #checkImageDialogId .image-container .image-holder:before,#checkImageDialogId .image-container .image-holder:after{content:'';position:absolute;width:100%;max-width:100%;min-height:60px;z-index:6} #checkImageDialogId .image-container .image-holder:before{top:0;left:0;opacity:.61;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(54.7%,rgba(116,116,116,0.01)),to(#000));background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(116,116,116,0.01) 54.7%,#000 100%);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(116,116,116,0.01) 54.7%,#000 100%)} #checkImageDialogId .image-container .image-holder:after{bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(54.7%,rgba(116,116,116,0.01)),to(#000));background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(116,116,116,0.01) 54.7%,#000 100%);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(116,116,116,0.01) 54.7%,#000 100%)} #checkImageDialogId .image-infos{z-index:9;max-width:100%;width:100%;margin:0 auto} #checkImageDialogId .image-infos > li{position:absolute;z-index:9;opacity:.55;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;max-width:100%} #checkImageDialogId .image-infos > li:hover{opacity:1} #checkImageDialogId .image-infos > li.action-btn{top:15px;right:15px} #checkImageDialogId .image-infos > li.image-info{bottom:5px;left:15px} #checkImageDialogId .image-infos > li.image-info > *{color:#FFF;margin:0} #checkImageDialogId .image-infos > li > p{text-shadow:.5px .5px 3px #000} #checkImageDialogId .image-infos li > a{display:inline-block;border-radius:4px;background-color:rgba(0,0,0,0.63);padding:7px 10px;color:#FFF;font-family:Heebo,Arial,"Helvetica Neue",sans-serif;font-size:10px;font-weight:500;letter-spacing:0;line-height:14px;text-align:center} #checkImageDialogId .image-infos li > a .ico{display:inline-block;margin-right:5px} @media (max-width: 768px) { .rejections-wrapper.info-holder .reason-col{margin:0 0 15px} .rejections-wrapper.info-holder .heading-row > div{padding:0} .rejections-wrapper.info-holder .attachs-col{padding-left:0} .rejections-wrapper.info-holder .heading-row > div{padding-left:15px;padding-right:15px} .rejections-wrapper.info-holder .attachs-col .body.images-row .img-holder{max-width:185px} .rejections-wrapper.info-holder .attachs-col .body > [class*="col-"]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} } @media (max-width: 767px) { .transfer-history .transaction-details .card-activity-info .filter-select:before {display:none !important;} .transaction-details .card-activity-info .th-filters.filters-table > div {width: 100%;height: auto;padding: 0;float: none;} .transfer-history .filter-select label,.transaction-details .title {left:15px;} .transfer-history .transaction-details .form-search .form-control {height: auto !important;padding: 25px 15px 10px !important;min-height: 70px;} .transaction-details .transaction-period-drop .title {left:0;} .transfer-history .transaction-period-drop > a[data-toggle] {height: 100%;outline-offset: 0;} } @media (max-width: 580px) { .rejections-wrapper.info-holder .attachs-col .body > [class*="col-"]{max-width:100%!important;width:100%!important;-webkit-box-flex:0!important;-ms-flex:0 100%!important;flex:0 100%!important;padding:0!important;margin:0 0 10px} .rejections-wrapper.info-holder .attachs-col .body > [class*="col-"]:first-child{margin-bottom:15px} #recurring-transfer-detail-dialog .info-holder{padding: 30px 15px 5px;} .ui-dialog .btns .btn{min-width: 120px;} } @media (max-width: 519px) { #recurring-transfer-history .filters-area .actions-list{margin: -30px 0;} .transaction-details h2{min-width: 245px;} } .ui-jqgrid-btable tr .amount.check-deposit{position:relative;z-index:9} .ui-jqgrid-btable tr:not(:hover) .amount.check-deposit + .actions{display:none!important} .ui-jqgrid-btable tr.expanded .amount.check-deposit{display:none!important} .ui-jqgrid-btable tr.expanded .amount.check-deposit + .actions{display:inline!important} .ui-jqgrid-btable tr.expanded .amount.check-deposit + .actions *{opacity:1!important;visibility:visible!important} .ui-jqgrid-btable tr .amount.check-deposit + .actions a{text-decoration:none!important} /* Rejection Section And its Dialog style Ends */ #transfersGrid .amount img, .table-recent-transactions .amount img{width:12px; height:12px} @media only screen and (max-width: 1108px) and (min-width: 769px) { #transfersGrid > tbody > tr > td:last-child, .table-recent-transactions > tbody > tr > td:last-child { width: 22% !important; text-align: right !important; padding-right: 35px; font-weight: 500; letter-spacing: 0.2px; } .transfer-history .table-recent-transactions > thead > tr > th:last-child, .transfer-history .table-recent-transactions > tbody > tr > td:last-child { width: 22% !important; text-align: right !important; padding-right: 25px; } #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child { width: 25% !important; padding-right: 35px; } #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:last-child { width: 25% !important; padding-right: 35px; } } @media (max-width: 1100px) and (min-width: 767px){ .transfer-history .table-recent-transactions > thead > tr > th:last-child, #transfersGrid > tbody > tr > td:last-child{text-align: left !important;} #transfersGrid > tbody > tr > td:nth-child(4), .table-recent-transactions > tbody > tr > td:nth-child(4), .transfer-history .table-recent-transactions > thead > tr > th:nth-child(4), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(4){ width: 24% !important; } } @media only screen and (max-width: 768px) { #transfersGrid > tbody > tr > td:nth-child(1), .table-recent-transactions > tbody > tr > td:nth-child(1), .transfer-history .transaction-details .table-recent-transactions > thead > tr > th:first-child, .transfer-history .transaction-details .table-recent-transactions > tbody > tr > td:first-child { padding: 0 10px 0 0; width: 60px !important; text-align: center; } #transfersGrid > tbody > tr > td:nth-child(2), .table-recent-transactions > tbody > tr > td:nth-child(2), .transfer-history .table-recent-transactions > thead > tr > th:nth-child(2), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(2) { width: 120px !important; padding: 0 10px 0 0; } .transfer-history .table-recent-transactions > thead > tr > th:nth-child(3), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(3) { padding: 0 10px 0 0; } #transfersGrid > tbody > tr > td:nth-child(4), .table-recent-transactions > tbody > tr > td:nth-child(4), .transfer-history .table-recent-transactions > thead > tr > th:nth-child(4), .transfer-history .table-recent-transactions > tbody > tr > td:nth-child(4) { width: 110px !important; padding: 0 10px 0 0; } #transfersGrid > tbody > tr > td:last-child, .table-recent-transactions > tbody > tr > td:last-child, .transfer-history .transaction-details .table-recent-transactions > thead > tr > th:last-child, .transfer-history .transaction-details .table-recent-transactions > tbody > tr > td:last-child { padding: 0 10px 0 0; width: 100px !important; } #transfersGrid > tbody > tr > td:nth-child(3), .table-recent-transactions > tbody > tr > td:nth-child(3) { width: auto !important; padding: 0 10px 0 0; } } .ui-jqgrid .chosen-container { display: inline-block; vertical-align: middle; max-width: none; min-width: 100px; width: auto !important; } .ui-jqgrid .chosen-container .chosen-single span { display: inline-block; vertical-align: top; } .ui-jqgrid .chosen-container .chosen-single span.record-text { font-weight: 400; } .ui-jqgrid .chosen-container .chosen-single span.chose-selected-span { position: relative; top: 1px;color: #444444; } @media only screen and (max-width: 767px) { .table-switcher .table-switcher { padding: 0; } .table-switcher { padding: 15px 0; } .ui-jqgrid .chosen-container { display: block; width: 100% !important } } @media only screen and (min-width: 768px) { /* [aria-describedby="recurring-transfer-detail-dialog"].ui-dialog.ui-widget-content {top: 16% !important; } */ [aria-describedby="recurring-transfer-detail-dialog"].ui-dialog.ui-widget-content .title.heading { font-size: 1.571em; } table tbody > tr > td:last-child .actions { -webkit-box-shadow: -0.5px 0 10px 0 rgba(0, 0, 0, 0.05); box-shadow: -0.5px 0 10px 0 rgba(0, 0, 0, 0.05); } } .no-record-caption .no-records { text-align: center; padding: 25px 0; } .no-record-caption .no-records p.desc{line-height: normal; margin-bottom: 0; margin-top: 5px;} @media (max-width: 767px) { .ui-dialog .ui-dialog-content { padding: 20px; } } @media (max-width: 767px) { #rs_mrecTransfersDetailGrid .no-activity .no-records, #recurring-transfer-history .no-activity .no-records, #transfer-history .no-activity .no-records, .card-activity .no-activity .no-records{ width: 280px;height: 280px;} } [aria-describedby="recurring-transfer-detail-dialog"].ui-dialog.ui-widget-content .title.heading { font-weight: 500; } #recurring-transfer-detail-dialog { padding: 30px !important; } #recurring-transfer-history .table-recent-transactions .s-ico span:first-child, #transfer-history .table-recent-transactions .s-ico span:first-child {top: 0px;} #recurring-transfer-history .table-recent-transactions .s-ico span:last-child, #transfer-history .table-recent-transactions .s-ico span:last-child {bottom: 0px;} #recurring-transfer-history .table-recent-transactions .s-ico *, #recurring-transfer-history .table-recent-transactions .s-ico, #transfer-history .table-recent-transactions .s-ico *, #transfer-history .table-recent-transactions .s-ico {line-height: 5px;} #recurring-transfer-history #transfersGrid .marchent, .table-recent-transactions .marchent {line-height: 1.25;margin: 0 0 5px 0;font-weight: 500;} #recurring-transfer-history .filters-table > div.child-4 {border: solid #ebeff4;border-width: 0 1px 0 0;} #transfersGrid .owner,#transfersGrid > tbody > tr > td{font-weight: 500;} @media (max-width: 767px){ #recurring-transfer-history .filter-select.types.child-2.ss-select-parent {border-top: 1px solid #ebeff4 !important;} #recurring-transfer-history .transaction-period-drop.alt.child-3 {border-bottom: 1px solid #ebeff4 !important; border-top: none !important;} } @media only screen and (max-width: 991px) and (min-width: 768px){ #recurring-transfer-history #transfersGrid > tbody > tr, .table-recent-transactions > tbody > tr{line-height: 1.25;} } @media only screen and (max-width: 1108px) and (min-width: 769px){ #recurring-transfer-history #recurTranshistory .table-recent-transactions > thead > tr > th:last-child {width: 10% !important;padding-right: 25px;} #recurring-transfer-history #transfersGrid > tbody > tr > td:last-child {width: 10% !important;padding-right: 25px;} } .transaction-period-drop a[data-toggle] .icon-calendar{right: 17px;} .transaction-detailsc .transaction-details .actions-list a{letter-spacing: 0.22px;} #transfer-history .actions li a:hover, #transfer-history .actions li a:focus{font-weight: 500;} .table-switcher>tbody>tr>td { padding: 24px 22px 22px; } #recurring-transfer-detail-dialog .close:hover,#recurring-transfer-detail-dialog .close:focus{ outline: dotted 1px; outline-offset: 2px; } #cancel-transfer-dialog .title {color: #222222;} #cancel-transfer-dialog .ui-dialog p.info{color: #757575;} #cancel-transfer-dialog .btn.btn-danger{background: #C64B31;font-weight: 500;} #cancel-transfer-dialog .btn-danger:hover{background-color: #C64B31;border-color: #C64B31;} #cancel-transfer-dialog .btns{ display: flex;justify-content: center;} #cancel-transfer-dialog .btns .btn{ float: left;display: block;} .tag.J, .tag.V, .tag.K, .tag.X, .tag.E{color: #C72424;} .transaction-details .filters-area .actions-list a{letter-spacing: 0.22px;} .transaction-details .actions-list a[aria-expanded="false"]{color:#444444} .transaction-details .actions-list a[aria-expanded="false"] .ico{color:#222222} #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(4), #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(6){font-size: 0.92857142em; font-weight: 400;} #recurring-transfer-history #transfersGrid > tbody > tr > td:nth-child(4) { color: #333333; } #transfer-history .actions li a.action-btnn{font-weight: 400;} .pg_recTransfersDetailGrid_pager .table-switcher .ui-jqgrid .chosen-container{border-color: #EBEFF4 !important;} .form-search label.top-auto{transform: none !important;} #recTransfersDetailGrid_pager_center .table-switcher .chosen-container .chosen-single{ border-color: #EBEFF4; } #cancel-ift-dialog .btns{display: flex;justify-content: center;align-items: center;} #cancel-ift-dialog .btns .btn{float: left;} .list-gen-tabs a:focus, .list-gen-tabs a:hover { outline: dotted 1px; outline-offset: -3px; } #transfersGrid>tbody>tr:where(:focus,:focus-within,.ui-state-highlight) .actions{visibility: visible; opacity: 1; z-index: 2} #transfersGrid > tbody > tr:where(:focus,:focus-within,:hover) .actions, .table-recent-transactions > tbody > tr:where(:focus,:focus-within,:hover) .actions{ opacity: 1 ; visibility: visible; z-index: 2 } #transfersGrid .actions li a:hover, #transfersGrid .actions li a:focus { outline: dotted 1px; outline-offset: 2px; }