.management-payment-history .search-grid .results .default ul li{grid-template-areas:"id source type status description amount cost balance date receipt";grid-template-columns:60px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 60px}.management-payment-history .search-grid .results .default ul li .id{grid-area:id}.management-payment-history .search-grid .results .default ul li .source{grid-area:source}.management-payment-history .search-grid .results .default ul li .type{grid-area:type}.management-payment-history .search-grid .results .default ul li .status{grid-area:status}.management-payment-history .search-grid .results .default ul li .description{grid-area:description}.management-payment-history .search-grid .results .default ul li .amount{grid-area:amount}.management-payment-history .search-grid .results .default ul li .cost{grid-area:cost}.management-payment-history .search-grid .results .default ul li .balance{grid-area:balance}.management-payment-history .search-grid .results .default ul li .date{grid-area:date}.management-payment-history .search-grid .results .default ul li .receipt{grid-area:receipt}.management-payment-history .search-grid .results .default .head ul li>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:normal;overflow:visible}.management-payment-history .search-grid .results .default ul li .receipt{position:relative;overflow:visible}.management-payment-history .search-grid .results .default ul li .receipt a{top:-4px;right:-2px;display:block;position:absolute;font-size:20px;color:#333}.management-payment-history .search-grid .results .default ul li .receipt a span{display:none}.management-payment-history .funds-details .sections{display:grid;grid-template-areas:"navigation" "fund";grid-template-columns:minmax(0,1fr);grid-row-gap:15px}.management-payment-history .funds-details .sections .fund{grid-area:fund}.management-payment-history .funds-add .sections{display:grid;grid-template-areas:"navigation" "add";grid-template-columns:minmax(0,1fr);grid-row-gap:15px}.management-payment-history .funds-add .sections .expiration{display:-webkit-box;display:-ms-flexbox;display:flex}.management-payment-history .funds-add .sections .expiration div{width:50%}.management-payment-history .funds-add .sections .expiration div:first-child .form-control{border-radius:4px 0 0 4px;border-right:none}.management-payment-history .funds-add .sections .expiration div:nth-child(2) .form-control{border-radius:0 4px 4px 0}.management-payment-history .sections .navigation{grid-area:navigation}.management-payment-history .add-details .sections .add{grid-area:add}.management-payment-history .sections .subtitle{font-size:16px;padding:10px 0 0 0;text-transform:uppercase}.management-payment-history .sections .navigation{position:relative}.management-payment-history .sections .navigation .close{float:left}.management-payment-history .sections .navigation .close a{display:block;line-height:40px;color:#333;background:none;text-align:center;border-radius:4px;font-size:20px;line-height:43px;font-weight:400;padding:0 12px 0 12px;margin:0 0 0 0;text-transform:uppercase}.management-payment-history .sections .navigation .add{float:right}.management-payment-history .sections .navigation .add .btn-add{-webkit-box-shadow:0 1px 2px 0 #e5e5e5;box-shadow:0 1px 2px 0 #e5e5e5}.management-payment-history .sections .cards ul{list-style:none;padding:0 0 0 0;margin:0 0 0 0}.management-payment-history .sections .cards ul li{padding:15px 15px 15px 15px;margin:0 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #eee}.management-payment-history .sections .cards ul li:nth-of-type(odd){background-color:#f9f9f9}.management-payment-history .sections .cards ul li div.details{-webkit-box-flex:1;-ms-flex:1;flex:1}.management-payment-history .sections .cards ul li div.delete{width:100%;text-align:right}@media (max-width:1199px){.management-payment-history .search-grid .results .content{padding-top:0}.management-payment-history .search-grid .results .default ul li{padding:10px 12px 10px 12px;grid-template-areas:"amount id" "cost balance" "source type" "status description" "date receipt";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:2px}.management-payment-history .search-grid .results .default .body ul li{grid-row-gap:0}.management-payment-history .search-grid .results .default ul li .amount,.management-payment-history .search-grid .results .default ul li .id{font-weight:700}.management-payment-history .search-grid .results .default ul li .receipt{text-align:right}.management-payment-history .search-grid .results .default ul li .receipt a{top:auto;right:auto;position:static;font-size:14px}.management-payment-history .search-grid .results .default ul li .receipt a span{display:inline}.management-payment-history .search-grid .results .default ul li .balance,.management-payment-history .search-grid .results .default ul li .description,.management-payment-history .search-grid .results .default ul li .id,.management-payment-history .search-grid .results .default ul li .type{text-align:right}.management-payment-history .search-grid .results .default .head{padding:5px 0 0 0}.management-payment-history .search-grid .results .default .head ul li{padding:10px 12px 10px 12px;grid-template-areas:"amount id";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.management-payment-history .search-grid .results .default .head .balance,.management-payment-history .search-grid .results .default .head .cost,.management-payment-history .search-grid .results .default .head .date,.management-payment-history .search-grid .results .default .head .description,.management-payment-history .search-grid .results .default .head .receipt,.management-payment-history .search-grid .results .default .head .source,.management-payment-history .search-grid .results .default .head .status,.management-payment-history .search-grid .results .default .head .type{display:none}.management-payment-history .search-grid .results .default .head ul li>div.id{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}@media (max-width:767px){.management-payment-history .search-grid .results .default .head{padding:3px 0 0 0}.management-payment-history .funds-add .sections,.management-payment-history .funds-details .sections{grid-row-gap:10px}.management-payment-history .sections .navigation .add{margin:0 10px 0 0}}