/* card-summary */
/* wallets */
.wallets { padding: 11px 0 15px; height: 100%;display: flex;flex-direction: column; }
.wallets h2 { margin: 0 0 20px; color: #000000; }
.wallets > .row { margin-bottom: -40px; }
.flag-holder { height: 40px; width: 40px; float: left; overflow: hidden; border-radius: 100%; margin: 0 24px 0 0; }
html[data-client-theme*="3201"] .available-credit .progress-bar { background:#FAA532;}
/* wallet */
.wallet { margin: 0 0 23px; border-radius: 5px; border: solid 1px #fff; padding: 20px 20px 13px; box-shadow: 0px 10px 20px rgb(0 0 0 / 2%);height: 100%;display: flex;flex-direction: column;}
@media (max-width: 767px) {
	.wallet { margin: 0 0 20px; }
}
.card-summary{border-radius: 7px;padding: 30px 37px !important;}
.card-summary .add-info li a:hover, .card-summary .add-info li a:focus { text-decoration: underline; }
.card-summary .add-info li a:hover .ico, .card-summary .add-info li a:focus .ico { text-decoration: none !important; }
.wallet .head { margin: 0 0 25px; position: relative; padding: 0 90px 0 0; padding: 0; height: auto !important; }
.wallet .head .wallet-holder {
	max-width: 100%;
	display: flex;
}
.user-wallet-grid{ padding-bottom: 17px;}
.wallet .head .wallet-holder .flag-holder { flex-shrink: 0;}
.wallet .head .wallet-holder .info {
	flex-grow: 1;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.wallet .head .wallet-holder .info .static-label { width: 100%; display: flex;}
.wallet .head .wallet-holder .info .static-label .amount { display: flex; align-items: center;}
.wallet .head .wallet-holder .info .static-label .num { overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin: 0 5px 0 0;}
.rewardsummary-holder{
	list-style: none; padding: 0; margin:0; display: flex;flex-wrap: wrap;
}
.rewardsummary-holder .reward-summary {float: none;height: auto !important;   width: calc(50% - 17px);padding: 13px 18px;}
.card-history.two-col{display: flex; flex-wrap: wrap; list-style: none; padding: 0; flex-grow: 1;}
.card-history.two-col li{ float: none !important;}
.account-record .card-history li{height: auto !important;}

.wallet .head .link { display: block;  font-size: 0.85714em; line-height: 1.5; overflow: hidden;letter-spacing: 0.5px; max-width: 100%;flex-shrink: 0;}
.wallet .head .link:focus, .wallet .head .link:hover { text-decoration: underline; }
.wallet .head .link .text{display: inline-block;}
.wallet .head .link .text:hover{text-decoration: underline;}
.wallet .head .ico { position: relative; margin: 0 5px 0 0; }

.card-summary .last-history {
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	margin: 0;
}

.card-summary .last-history:last-child{margin-bottom: -15px;}

.card-summary .last-history .box {
	padding: 15px 0;
	height: auto !important;
	width: 100%;
	display: flex;
	white-space: normal;
	padding: 0 0 0 15px;
	flex-direction: column-reverse;
	align-items: flex-start;
  }
  .card-summary .last-history li{
	display: flex;
	width: 50%;
	margin: 0;
	padding-bottom: 15px;
  }
  .card-summary .last-history .time-stamp {
	flex-grow: 1;
	margin: 0;
  }
  .card-summary .last-history .static-label{
	flex-shrink: 0;
  }
  .card-summary .last-history .amount,.card-summary .last-history .na,.card-summary .last-history .name {
	font-weight: 500;
	color: #222;
	margin: 0 !important;
	position: static;
	max-width: 130px;
	white-space: normal;
	display: block;
	text-overflow: ellipsis;
  }
  .card-summary .list-unstyled.card-history{
	display: flex;
	width: 100%;
	height: auto !important;
	flex-wrap: wrap;
	justify-content: space-between; 
	min-height: 100%;
}
.card-summary  .card-history li {
	display: flex;
	justify-content: space-between;
	width: 100%;
	white-space: normal;
	align-items: center;
	height: auto !important;
  }
  .card-summary .card-history .title,.card-summary .card-history .country, .card-summary .card-history .amount{ float: none !important;}
  .card-summary .card-history .title{ flex-grow: 1; max-width: 100%;}
  .card-summary .card-history .country, .card-summary .card-history .amount{flex-shrink: 0;}
  .card-summary .card-history li {padding: 15px ;}
/*.wallet .img { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }*/
.card-summary .wallet .info { display: flex;flex-flow: row wrap;justify-content: space-between;}
.card-summary .wallet .static-label{width: 100%;}
.wallet .amount { display: block; font-size: 1.143em; line-height: 1.714em; color: #2F2F2F; font-weight: 700; }
.wallet .amount .currency,  .wallet .amount .currency-sign { font-weight: 400; color: #444444; font-size: 1.071em; line-height: 1.571em; }
.wallet .amount .currency-sign{ font-size: 0.9296999em;line-height: 1.46916666;}
.wallet .title { font-size: 0.85714em; line-height: 1.25; display: block;letter-spacing: 0.2px; }
.wallet .card-history.two-col li { padding: 15px 19px; height: auto !important; }
.wallet .card-history.two-col .amount { margin: 0 0 1px; font-size: 1em; line-height: 1.5; font-weight: 500;color: #000000;display: block}
.wallet .card-history.two-col .text { margin: 0 0 1px; font-size: 0.85714em; line-height: 1.33333;letter-spacing: 0.2px;display: block}
.wallet .card-history.two-col .time { font-size: 0.78571em; line-height: 1.45455; letter-spacing: 0.18px;}
.wallet .card-history.two-col .time label { margin-bottom: 0; }
.wallet .card-history.two-col .na { margin: 0; }
.card-summary .card-num, .card-summary-generic .card-num{ letter-spacing: 1.33333px;}
.balance-info .amount .num{font-size: 1.25rem;line-height: 1.5;}
.card-author-info .heading{ color: #222428;font-weight: 700;font-size: 18px;}
.available-credit .title {font-size: 0.8571428em;letter-spacing:0.2px;}
.alert.alert-danger .date{font-size: .84571em;font-weight: 400;letter-spacing: 0.18px;}
.available-credit .creditavail-anmmount .amount{ color: #757575;}
.card-history .country, .card-history .amount{margin: 0;}
.available-credit .progress-bar {background-color: #E0E5ED;}
.available-credit .progress-bar.bg-success { background:#2D815F;}
.apr-info-box p{color: #444444;display:flex;align-items: center;justify-content: center;text-align: center;}
.card-summary .card-num{padding: 3px 0 0 !important;color: #222428;font-size: 25px;}
/* style.css */
.card-summary .img-holder{width: 220px;margin: 0 24px 0 0;border-radius: 13px; flex-shrink: 0;}
.card-summary .balance-info .orange .amount .title, .card-summary .balance-info .title{letter-spacing: 0.23px;font-weight: 400;font-size: 16px;color: #848688;}
.card-selection-form .custom-card {min-height: 122px;}
.custom-card.bg-green .program{font-size: 0.75rem; letter-spacing: 0.09px;}
.card-summary .add-info a {letter-spacing: 0.5px;display: inline-block;vertical-align: top;font-weight: 400;font-size: 16px;color: #222428;}
.available-credit .icon-coin{vertical-align: middle;}
.card-history .text{font-size: 0.75rem; letter-spacing: 0.2px;}
.card-history.two-col li{margin: 0 17px 15px 0;}
.card-selection-form .text{font-weight: 300;}
.card-selection-form [class*=iradio] {
	border: solid 3px #c7c9ca;
}
.card-selection-form .text{font-weight: 300;}
.card-selection-form .card-selected .custom-card{box-shadow:0px 15px 20px rgb(3 3 3 / 20%); /*! margin: 0 0 14px; */}
.tag.status-B {background-color: #348554;}
.secondry-card-drop .card-num .dot{    background: rgba(117, 117, 117, 0.60 )}
.secondry-card-drop .list-gen-tab-nav .nav-tabs li a .text{font-size: 0.813rem;font-weight: 500;text-transform: capitalize;}
.secondry-card-drop .dropdown-menu-area.show .card-type {opacity: 0.69;}
@media (max-width: 1199px) {
	.wallet .head { min-height: 50px;}
	.wallet .head { padding: 0 0 0; }
	/* .wallet .head .link { display: block; top: 18px;right: 0px;text-align: right;position: relative;} */
	.wallet .head .link .text { display: inline-block; }
	.last-history .amount, .last-history .na, .last-history .name {
		top: 40%;
		right: 20px;
		position: absolute;
	}
}
@media (max-width: 1024px) {
	.wallet .head .link { font-size:10px;}
}
@media (max-width: 991px) {
	.wallet .head { padding: 0 0 0; }
	.available-credit{margin: 0 0 20px;}
	.card-summary .img-holder {width: 145px;}
}
@media (max-width: 767px) {
	/* .wallet .head { min-height: 70px; } */
	.account-record .card-history.two-col { margin: 0 0 0; display: block; float: left; }
	.account-record .card-history.two-col li { width: 100% !important; margin: 0 0 10px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.available-credit{margin: 0 0 0;}
	.card-summary .img-holder {margin: 0 auto 20px;float: none;}
}
@media (max-width: 579px) {
	.wallet .head { min-height: inherit; height: auto !important; padding: 0 0 10px; margin: 0;}
	.card-author-info li { float: none; width: 100% !important; padding: 15px; display: block; border-radius: 5px; border: solid 1px #dfe6ee; min-height: 65px; }
	.card-author-info li::after { display: block; clear: both; content: ""; }
	.account-record .card-history.two-col { display: block; float: none; }
	.account-record .card-history.two-col li { width: 100% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-item-align: center; align-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	/* .account-record .alert .amount { top: 70% !important; left: 22px !important; } */
	.account-record .payment-info, .account-record .cashback-summary, .account-record .cash-advance { margin-top: 20px; }
	.cash-advance .card-history li:not(:last-child) { margin-bottom: 10px !important; }
	[aria-describedby=additionalauthdialog] #additionalauthdialog .show-keypad.keypad-top .keypad-popup {bottom: 70% !important;}
	.wallet .head .link { text-align: left; }
	.wallet .head .link .text { display: inline; }
	.wallet .head .link .icon-activity { margin: 0 5px 0 0; }
	.card-history.two-col { margin: 0; }
}
/* account-record */
.account-record { border-radius: 6px; padding: 33px 27px; }
.account-record h2 { margin: 0 0 18px; font-size: 1em; line-height: 1.42857;color: #000000; }
.account-record .btn-tooltip { position: relative; top: 1px; left: 4px; }
.account-record .card-history.two-col { margin-top: 0 !important; }
@media (max-width: 991px) {
	.account-record .card-history.two-col li { width: calc(100% - 17px); margin-bottom: 15px !important; }
        .reward-summary { width: calc(100% - 17px) !important; }
	[aria-describedby=additionalauthdialog] #additionalauthdialog .show-keypad.keypad-top .keypad-popup {left:90px !important; }
}
.account-record .alert { margin: 0 0 20px; white-space: nowrap; padding: 12px 20px 12px; height: auto;  display: flex;justify-content: space-between;align-items: center;min-height: 60px;} 
.account-record .alert > .box, .account-record .alert:before { display: inline-block; vertical-align: middle; }
.account-record .alert:before { content: ''; min-height: 36px; }
.account-record .alert > .box { width: 100%; white-space: normal; flex-grow: 1;}
.account-record .alert > .box .img-reward { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); position: relative; top: -2px; margin-right: 5px; }
.account-record .alert .amount { font-size: 0.875rem; font-weight: 500; color: #222; flex-shrink: 0;}
.account-record .alert .amount img { display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 100%; margin: 0 0 0 6px; }
.account-record .alert .alert-title { color: #323232; font-size: 0.92857em; line-height: 1.23077;letter-spacing: 0.2px;}
.account-record .alert.alert-danger { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), inset 0px 0 0px #FFFFFF; background-color: #FFECE5 !important; border-color: #FFC5A1 !important; }
.account-record .alert.alert-warning { background-color: rgba(255, 239, 211, 0.5) !important; border-color: #EEAF43 !important; }
.account-record .alert.alert-primary { box-shadow: 0px 4px 4px rgb(0 0 0 / 8%), inset 0px 0 0px #ffffff; background-color: rgba(229, 246, 255, 0.6) !important; border-color: #A0CEFF !important; color: #444444; }
.account-record .alert.alert-danger:before { content: none; }
.account-record .card-history { height: auto; margin-bottom: 20px; }
.account-record .card-history li { padding: 13px 18px; }
.account-record .card-history .amount,  .account-record .card-history .na { margin: 0 0 2px; }
[aria-describedby=additionalauthdialog] #additionalauthdialog .show-keypad.keypad-top .keypad-popup .btn.keypad-close {width: 70px !important;}
#dialog-benefits-details .last-history .time label,
#dialog-benefits-details.benefits-block .last-history .amount label { color: #757575; }
.reward-summary { float: left;margin: 0 17px 15px 0;width: calc(50% - 17px);height: 70px;border: solid 1px #dfe6ee;border-radius: 5px;padding: 13px 18px; }
.account-record .cashback-summary .reward_point_available{ box-shadow: 0px 4px 4px rgb(0 0 0 / 8%), inset 0px 0 0px #ffffff;background-color: rgba(255,239,211,0.5); border: 1px solid #FFC868; border-radius: 4px; width: calc(100% - 17px); padding: 10px 20px 10.5px; }
.account-record .cashback-summary .reward_point_available .icon-gift{ color: #FFC868; margin-right: 12px; }
.account-record .cashback-summary .reward_point_available .amount{ top: 37%; }
.account-record .row .mb-xs-25 .mb-xs-25 {margin-bottom: 20px;}
.reward-summary.stakeholdername{ padding: 5px 18px; }
.reward-summary.stakeholdername .labelsIcon{ color: #757575; font-size: 11px; letter-spacing: 0.18px; line-height: 16px; display: block; }
.c_rewardsummary { display: inline-block; vertical-align: top; width: 49.5%; }
.c_rewardsummary:nth-of-type(odd) { padding-right: 50px; }
.c_rewardsummary:nth-of-type(even) { padding-left: 50px; }
.account-record .reward_point_available .amount{ font-size: 0.875rem;}
.card-summary .card-num .dot{background: #222428;}
@media only screen and (max-width: 1090px){
  /* .reward-summary { height: 87px; !important} */
  .reward-summary.stakeholdername { padding: 13px 18px !important;}
}
@media only screen and (max-width: 991px){
  /* .reward-summary { height: 70px; !important} */
  .reward-summary.stakeholdername { padding: 5px 18px !important;}
  .last-history .holder{white-space: inherit;}
}
@media (max-width: 767px){
	.account-record .card-history.two-col li { width: 100%; }
	.account-record .cashback-summary .reward_point_available{ width: 100% !important;}
	.reward-summary { width: 100% !important;}
	.card-summary .last-history li {
		display: flex;
		width: auto;
	  }
	  .card-summary .card-author-info li:not(:last-child) {
		margin: 0 0 15px;
	  }
}
@media only screen and (max-width: 579px){
	.account-record .reward_point_available .amount{ top: 37% !important; left: auto !important; }
	.reward-summary { width: 100% !important; position: relative !important; height: 53px !important; padding: 18px 18px !important;}

	.reward-summary.stakeholdername { padding: 11px 18px !important; }
}
.wallet.card-prg-wallet .head .link{bottom: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
@media (max-width: 579px){
    .wallet.card-prg-wallet .head .link{margin: 10px 0 0;}
    .wallet.card-prg-wallet .head > .link{padding-left: 61px;}
	.account-record .cash-advance .col-sm-6{margin-bottom: 20px;}
	.account-record .cash-advance .col-sm-6:last-child{margin-bottom: 0;}
}
.card-summary .card-author-info{display: flex;/*! flex-wrap: wrap; *//*! align-items: flex-start; *//*! justify-content: flex-start; */}
.row.pdingR {
	margin-top: 10px;
  }
@media (max-width: 1024px) and (min-width: 991px) {
    .flag-holder{margin: 0 6px 0 0;}
}
@media (max-width: 767px) {
.card-summary .card-author-info{margin: 0 0 27px;}
.row.pdingR p{
	margin-bottom: 10px;
  }
}
.card-summary32{ padding: 56px 30px 30px;}
.card-summary32 .card-num{ padding: 0 0 7px; margin: 0 0;}
@media (max-width: 767px) {
	.wallet {padding: 20px 20px 8px;}
	.account-record {padding: 15px 15px;}
	.reward-summary{margin: 0 0 15px 0;}
	.account-record .card-history.two-col li{margin-bottom: 15px;}
	.card-summary .card-info {padding: 0 10px;}
	.card-summary .card-author-info{margin: 0 0 15px;}
}
.card-summary .card-author-info{
	padding: 0;
	margin: 0 -17px;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.card-summary .card-author-info li {
	width: auto !important;
	margin: 0 !important;
	padding: 0 17px 15px;
	border: none;
	display: block;
}
@media (max-width: 576px) {
	.card-history.two-col{display: block;}
	.wallet .head .link{ display: inline-block;}
	.card-history.two-col li{ width: 100%; height: auto !important;}
	.card-summary .card-author-info,.card-summary.v-card .card-summary-credit{display: block;}
	.card-history.two-col li:last-child{margin: 0;}
}
.card-author-info .text{letter-spacing: 0.49px;font-weight: 400;font-size: 14px;color: #848688;padding-top: 8px;}
.card-summary .balance-info .amount{font-weight: 700;font-size: 1rem;}
.last-history .title{letter-spacing: 0.2px;color: #222944;font-weight: 400;font-size: 12px;}
.account-record .apr-holder {
	display: flex;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	padding: 20px 18px;
	border: 1px solid #DFE6EE;
	border-radius: 4px;
	width: 100%;
}
.account-record .apr-holder  p{
	margin: 0;
}
.card-summary .tag {background: #DF0089 !important;border-radius: 4px; color: #fff !important;font-size: 14px !important;}
.card-summary .add-info .ico {color: #DF0089 !important;padding: 0 0 5px 0;}
.card-summary .balance-info .static-label {color: #222428;font-weight: 700;font-size: 18px;}
.card-summary .slider-checkbox {color: #222428;font-weight: 700;font-size: 18px;display: none;}
#card-summary-container .card-summary .card-sum-section-desc {color:#222944 !important;font-weight: 400;	font-size: 12px !important;}
.jumbotron h1 {color: #222944; font-weight: 700; font-size: 30px;line-height: 35px !important;}
.jumbotron p{font-weight: 400;font-size: 14px;margin-bottom: 20px;color: #222944;font-weight: 400;font-size: 14px;}
.secondry-card-drop{display: none;}
.card-summary #card-summary-container .card-author-info .slider-checkbox [class*="icheckbox"].checked,.card-summary #card-summary-container .card-author-info .slider-checkbox [class*="icheckbox"]{top: 10px !important;}
.card-summary .last-history .box {border: 0;position: relative;}
.card-summary .mb25 {
	/*! display: flex; */
}
.card-summary .card-info { flex-grow: 1; margin: 10px 0 0 0;}
.card-summary .last-history .not-available,.card-summary .last-history .static-label {font-weight: 700;	font-size: 16px;	color: #222944;margin: 0;position: static;}
.card-summary .last-history .not-available::before{position: absolute; content: '';background: #2B7AB3;border-radius: 2px;width: 4px;height: 20px;top: 3px;left: 0;}
.card-summary .last-history .static-label::before{position: absolute; content: '';background: #797C04;border-radius: 2px;width: 4px;height: 20px;top: 3px;left: 0;}
.card-summary .balance-info.clearboth {margin: 11px 0 14px 4px;}
.card-summary .last-history .time label {color: #222944; font-size: 12px;}

@media (max-width: 1024px) {
	.card-summary .card-author-info { justify-content: flex-start;}
}
@media (max-width: 767px) {
	.card-summary .card-author-info {padding: 0;}
	.card-summary .card-num{font-size: 22px !important;padding: 0 !important;}
	.v-card .masked-data .card-num{line-height: 1 !important;}
	.card-summary .add-info a, .card-summary .balance-info .orange .amount .title, .card-summary .balance-info .title {font-size: 16px;}
	.card-summary .balance-info .static-label {font-size: 16px;}
	.card-summary .card-num {font-size: 20px !important; padding: 0 !important;}
	.card-summary {padding: 20px !important;}
	.v-card .add-info li:first-child{padding-right: 25px}
	.tag {position: absolute !important; top: 0; left: 0; margin: 0 !important; padding: 3px 10px !important; font-size: 14px !important;}
	.card-summary .card-info{position: relative !important; text-align: left;margin: 0 !important;padding: 35px 0 15px 0;}
	.v-card .add-info li {margin: 0 !important;}
	.card-summary .img-holder img { margin: 0 auto !important; height: 100% !important; }
	.card-summary .balance-info.clearboth{margin-left: 0;}
	.card-summary .add-info .ico {width: 15px !important;}
	.card-summary .last-history {justify-content: space-between}
	.jumbotron {margin: 0}
	.wallets {padding: 0;}
	.card-summary.v-card{margin: 0 !important;}
}