.section-loader{background-color: #fff !important;}
#transPopupDiv.section-loading{min-height: 300px !important;}
#transPopupDiv{padding: 0;}
#transPopupDiv .transaction-heading{color: #222222;display: block;font-size: 1.571428em;line-height: 1.46863636;font-weight: 500;text-transform:capitalize;margin: 0;}
/*Card Activity*/
[data-getbrowsername="Google Chrome"] #filtersCollaps.collapsing { max-height: 70px; }
.card-activity .chosen-container .chosen-results li[data-active-option="result-select"]:after {top: 10px;right: 4px;}
.card-activity .table-recent-transactions thead > tr > th{ padding-top: 3px !important;padding-bottom: 3px !important; }
.card-activity .custom-grid-empty thead > tr > th{ padding-top: 13px !important;padding-bottom: 13px !important; }
.card-activity .table-recent-transactions tbody > tr > td { padding-top: 11.5px !important;padding-bottom: 11.5px !important; }
.card-activity .table-recent-transactions thead > tr > th:nth-child(1),
.card-activity .table-recent-transactions tbody > tr > td:nth-child(1) {text-align: left !important; width:9em !important; }
.card-activity .table-recent-transactions thead > tr > th:nth-child(2),
.card-activity .table-recent-transactions tbody > tr > td:nth-child(2) {width: 25% !important;text-align: center;}
.card-activity .table-recent-transactions thead > tr > th:nth-child(3),
.card-activity .table-recent-transactions tbody > tr > td:nth-child(3) {width: 35% !important; text-align: left;}
.card-activity .table-recent-transactions thead > tr > th:nth-child(4),
.card-activity .table-recent-transactions tbody > tr > td:nth-child(4) {width: auto !important;text-align: center !important;}
.card-activity .table-recent-transactions thead > tr > th:last-child,
.card-activity .table-recent-transactions tbody > tr > td:last-child { text-align: right !important;padding-right:30px !important; }
.card-activity .table-recent-transactions tbody > tr > td .col-wrap {word-break: break-all; font-size: 0.8125rem; line-height: 1.5307692;color: #2F2F2F;}
.table-recent-transactions .status{font-size: 0.8125rem;}
.merchant-description.list li{font-size:0.75rem;}
.table-custom tbody, .table-custom tr{border: 1px solid rgba(191, 191, 191, 0.25);}

.custom-grid-empty h2{
	font-weight: 500;
	color: #000000;
	margin-bottom: 10px;}
.transaction-info button.close {
    position: absolute;
    right: 14px;
    top: 14px;
    font-size: .57143em;
    line-height: 1;
    opacity: 1;
}
.transaction-info .icon-cross{
	font-size: 15px;
    color: #C8C9CC;
}
.transaction-info .icon-cross:focus,
.transaction-info .icon-cross:hover{outline: dotted 1px #2D2D2D;outline-offset: 2px;}
.transaction-info{padding: 36px 25px 25px;position: relative;}

.transaction-info h1{font-size: 1.571428em;line-height: 1.46863636;}
.transaction-info p{font-size:0.875rem; color: #757575;line-height: 1.7857142; margin-bottom: 0;letter-spacing: 0.1px;}
.recenttrans-sec{box-shadow: none;}
.recenttrans-sec h3{max-width: 100%;float: none; width: 100%;line-height: 1.46857;font-size: 1.0714285em;color: #222222;font-weight: 500;margin: 0 0 8px;text-transform: capitalize;letter-spacing: 0;}
.transaction-info header{margin-bottom: 41px;}
.transaction-info{box-shadow: none;}
.card-activity .table-recent-transactions thead > tr > th:nth-child(1), .card-activity .table-recent-transactions tbody > tr > td:nth-child(1){ text-align: center!important ;}
@media screen and (max-width:1299px) and (min-width: 768px) {
	[aria-describedby="transPopupDiv"]{width: auto !important; left: 5% !important; top:5% !important;right: 5% !important;}
}
@media screen and (max-width: 1199px) {
	.card-activity .table-recent-transactions thead > tr > th,
	.card-activity .table-recent-transactions tbody > tr > td { padding: 15px 10px; }
	.card-activity.more-decimal-places .table-recent-transactions thead > tr > th:nth-child(2),
	.card-activity.more-decimal-places .table-recent-transactions tbody > tr > td:nth-child(2) {width:150px !important}
	.card-activity .table-recent-transactions thead > tr > th:nth-child(4),
	.card-activity .table-recent-transactions tbody > tr > td:nth-child(4) { width: 100px !important; }
	
}
.table-switcher .total-results{font-weight: 400;}
.table-switcher .result-rang-holder{font-size: 0.688rem;letter-spacing: 0.46px;}
.card-activity .result-range { font-weight: 700;color: #444;}
.card-activity .activity-table-holder { display: none; }
.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 (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; font-size: 0.929em; margin: 0 auto; line-height: 18px;}
.card-activity .no-activity .heading{    margin: 0 0 7px;display: block;}

@media (max-width: 579px) {
.card-activity .no-activity .desc { max-width: 200px; }
}
.card-activity .no-activity .heading { color: #222; font-weight: 500; }
@media (max-width: 991px) {
.card-activity .transaction-period-drop { border-width: 0px 0 1px !important; }
}
.card-activity .transaction-period-drop .errorMessage { margin-top: -16px; }
.card-activity .types .errorMessage { margin-top: 0; }
@media (max-width: 767px) {
.card-activity .table-recent-transactions .amount { text-align: left; margin-right: 10px; }
.table-custom > thead { display: none; }
#transactionsGrid > tbody > tr > td { display: block; text-align: left !important; border: none; width: 100% !important; padding: 0 !important; }
#transactionsGrid > tbody > tr > td:first-child { padding: 0 0 10px !important; }
#transactionsGrid > tbody > tr > td:last-child { padding: 10px 0 0 !important; }
#transactionsGrid > tbody > tr > td + td { padding: 10px 0 !important; border-top: solid 1px rgba(0,0,0,0.05); }
#transactionsGrid > tbody > tr > td:not(:first-child) { width: 100% !important; }
#transactionsGrid .time { text-align: left !important; }
#transactionsGrid > 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; vertical-align: top; text-align: left !important; margin: 0 0 20px 0; }
#transactionsGrid > tbody > tr:last-child { border-width: 0; }
#transactionsGrid > tbody > tr.d-none { display: none !important; }
#transactionsGrid > tbody > tr:hover { -webkit-box-shadow: none !important; box-shadow: none !important; }
#transactionsGrid_pager .table-switcher { padding: 15px; }
#transactionsGrid_pager .table-switcher .table-switcher { padding: 0; }
}
#cardActivityAdvancedForm { -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); }
.card-activity .chosen-container .chosen-results li {padding: 5px 15px;}
.card-activity .chosen-container .chosen-results li[data-active-option="result-select"]:after {top: 10px;right: 4px;}
@media (max-width: 767px) {
.card-activity .chosen-drop { max-width: 100%; }
.card-activity .result-range { font-weight: 500; }
.card-activity .activity-table-holder { display: none; }
.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; }
#transPopupDiv .transaction-info{padding: 25px 25px}
#transPopupDiv header{margin-bottom: 15px;}
#transactionsGrid > tbody{padding: 0 !important;}

}
@media (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: #222222; font-size: 0.929em; margin: 0 auto; }
.card-activity .no-activity .desc { max-width: 200px; }
.card-activity .no-activity .heading { color: #222; font-weight: 500; }
#transPopupDiv #table-responsive{overflow-y: auto;max-height: calc(100vh - 220px);}
@media (max-width: 991px) {
.card-activity .transaction-period-drop { border-width: 0px 0 1px !important; }
}
.card-activity .transaction-period-drop .errorMessage { margin-top: -24px; }
.card-activity .types .errorMessage { margin-top: 0; }

@media (max-width: 767px) {
#cardactivityAJAX { margin: 45px 0 0 0; }
.card-activity .table-recent-transactions .amount { text-align: left; margin-right: 10px; }
.table-custom > thead { display: none; }
#transactionsGrid > tbody > tr > td { display: block; text-align: left !important; border: none; }
#transactionsGrid > tbody > tr > td:not(:first-child) { width: 100% !important; }
#transactionsGrid > tbody > tr > td:before { content: attr(data-label); display: block; font-size: 80%; font-weight: 500; color: #777; margin: 0 0 5px; }
#transactionsGrid .time { text-align: left !important; display: inline; margin: 0 0 0 10px; }
#transactionsGrid > 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; vertical-align: top; text-align: left !important;}
#transactionsGrid > tbody > tr + tr { margin: 20px 0 0; }
#transactionsGrid > tbody > tr:nth-child(2) { margin: 0 !important; }
#transactionsGrid > tbody > tr:last-child { border-width: 0; }
#transactionsGrid > tbody > tr.d-none { display: none !important; }
#transactionsGrid > tbody > tr:hover { -webkit-box-shadow: none !important; box-shadow: none !important; }
.recenttrans-sec .custom-grid-empty h2 {
    border-bottom: 1px solid rgba(191, 191, 191, 0.25);
    padding: 0 0 15px;
	}
	#transactionsForm .ui-jqgrid .chosen-container{ margin-bottom: 10px;}
}
#cardActivityAdvancedForm { -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); }
.card-activity.recenttrans-sec .table-switcher > ul{margin:0 0 0 10px}
.card-activity.recenttrans-sec .table-recent-transactions > thead > tr > th .date,.card-activity.recenttrans-sec .table-recent-transactions > tbody > tr > td .date{text-align:center}
.card-activity.recenttrans-sec .table-recent-transactions tbody > tr{position:relative; z-index:9;}
.table-recent-transactions .amount img{width:13px;height:13px}
@media (max-width: 579px) {
#cardactivityAJAX { margin: 20px 0 0 0; }
.transaction-info p{line-height: 1.3;}
}
@media(max-width:991px){
	.ui-dialog #transPopupDiv.ui-dialog-content{padding: 0 !important;}
}
@media(max-width:767px){
#transactionsGrid > tbody{display:block;height: 100%;max-height: 100%;padding:0 15px;}
}
.card-activity .ui-pg-table.table-switcher{white-space:normal!important}
#transactionsForm .ui-jqgrid .chosen-container { min-width: 115px; }
#transactionsForm .ui-jqgrid div.date,
.ui-jqgrid div:not(.date) { width: auto !important; min-width: 60px; }
.grid-chosen .chosen-container .chosen-drop { width: 100% !important }
#mail-sent-dialog p .icon-envelope:before{color: #CCCCCC;}
#mail-sent-dialog p .icon-envelope{margin:0 13px 0 0}
#mail-sent-dialog p + p + p{line-height: 1.38461538;color: #757575;}
.secondry-card-drop .card-num .dot {opacity: 69.21%;}
.secondry-card-drop .custom-card .card-num .dot {background: rgba(255, 255, 255,0.61);}
.transaction-period-drop a[data-toggle] .selected-period, .transaction-period-drop a[data-toggle] .time{line-height: 1.46916666;}
.table-recent-transactions .amount{line-height: 1.42857;font-size: 0.875rem;color: #2F2F2F;}
#mail-sent-dialog .w-500 {font-size: 1.076923em;letter-spacing: 0.25px;line-height: 1.42857142;}
.card-activity .table-recent-transactions tbody > tr > td:nth-child(1) {
    padding-left: 15px !important;
}
.table-recent-transactions .date .year, .table-recent-transactions .date .month{font-size: 0.563rem;line-height: 1.66667;letter-spacing: 0.45px;}
.table-recent-transactions .date .year{letter-spacing: 0;}
.table-recent-transactions .date .day {font-weight: 500;font-size: 1.25rem;line-height: 0.85;letter-spacing: 0;}
.recenttrans-sec .card-activity-info.show,
#cardActivityAdvancedForm{box-shadow: none;}
#transactionsForm .ui-jqgrid .chosen-container {width: 100% !important;}
.table-switcher .chosen-container .chosen-single {border-color: #D8DDE4;}
.ui-datepicker-calendar tbody>tr:first-child td{color: #2f2f2f;font-weight: 500;}
body .recenttrans-sec a[data-toggle]:hover, body .recenttrans-sec a[data-toggle]:focus {outline-offset: 0;}
.ui-datepicker-calendar .ui-state-disabled {opacity: 1;color: #757575;
}
@media screen and (max-width:1199px) and (min-width: 768px) {
	/* #gview_transactionsGrid { width: 736px; overflow-x: auto; }
	#gview_transactionsGrid > .ui-jqgrid-hdiv,
	#gview_transactionsGrid > .ui-jqgrid-bdiv { min-width: 1200px !important; } */
	.custom-grid-empty #gview_transactionsGrid > .ui-jqgrid-hdiv{ min-width:auto !important; width: 100% !important;}
	.card-activity .table-recent-transactions tbody > tr > td:nth-child(1){padding-left: 0 !important;}
	.card-activity .table-recent-transactions thead > tr > th:nth-child(1), .card-activity .table-recent-transactions tbody > tr > td:nth-child(1){width: 7em !important;}
}
@media (max-width: 1199px){
	.transPopupDiv{width: 767px;}
}
@media (max-width: 767px){
	.transaction-period-drop > a[data-toggle] {
		padding: 14px 60px 14px 15px;
	}
	#transactionsGrid > tbody > tr{
		margin: 0 0 15px 0;
	}
	#transactionsGrid_pager .table-switcher {
		padding: 0;
	}
	#transactionsGrid > tbody > tr > td:before{
		font-weight: 700;
		color: #222222;
		padding: 0;
	}
	#transactionsGrid_pager .table-switcher>tbody>tr>td{padding: 0;}
	.merchant-description.list li a{color: #222222;}
	#transactionsGrid_pager .table-switcher>tbody>tr>td{padding: 0 !important;}
}
.merchant-description.list li .ico-box{
	margin-right: 5px;
	max-width: 14px;
}
.section-loading{position:relative; overflow: visible !important;}
.section-loader{width: 100%;}
.transPopupDiv{padding: 0 !important;}
.chosen-container .chosen-single>span{font-weight: 500;}
.table-switcher>tbody>tr>td{padding: 23px 20px 10px;}

.chosen-container-single .chosen-single span{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;
}