@-webkit-keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
a.tooltip-label{color: #AEAEAE;cursor: pointer;margin-left: 5px;}
a.tooltip-label:hover,.transaction-details .title .tooltip-label:focus{color: #666;}
#paidFrom_chosen .chosen-single {padding-right: 45px;}
.form-search :-ms-input-placeholder {position: static;}
.btns.clearfix.mb-n15 {margin-bottom: -15px;}
.has-datepicker .ico{color:#757575; pointer-events: none; }
.form-search .form-control::-webkit-input-placeholder {color: #666;}
.form-search .form-control::-moz-placeholder {color: #666;}
.form-search .form-control:-ms-input-placeholder {color: #666;}
.form-search .form-control::-ms-input-placeholder {color: #666;}
.form-search .form-control::placeholder {color: #666;}
.form-search .icon-search:focus {color:#666;}
.payees-list-grid{min-height:290px}
.icon-system-payee {font-size: 15px;}
.section-loader {background: rgb(255, 255, 255, 1) !important;}
#scheduledBillPaymentsTab, #billPaymentActivityTab {min-height: 215px;}
#scheduledBillPaymentsTab .alert , #billPaymentActivityTab .alert {margin: 15px;}
.payees-list-grid .alert{margin:15px 25px -15px}
[data-getbrowsername="Google Chrome"] #filtersCollaps.collapsing{max-height:70px}
.gen_msg.error-msg:before{content:"\e979";font-family:cholder4}
.tab-pane .gen_msg.error-msg{margin:15px}
.bill-payment-section .tab-content .tab-pane .alert{margin:15px 25px -5px}
#pay-bill .tab-holder .alert{margin:-5px 0 15px}
#pay-bill .tab-holder .alert.bp-note {margin:-1px 0 23px;}
.bill-payment-section .validation-text{display:block;margin-top:7px;font-size:.85714em;line-height:1.5;color:#aaa}
.bill-payment-section .validation-text.max-alert{color:#e02020}
.bill-payment-section{background-color:#fff;border-radius:4px;border:1px solid #fff}
.bill-payment-section .tab-holder{padding:23px 24px}
.bill-payment-section .transaction-details .d-table>*{float:none;width:auto}
.bill-payment-section .form-holder{padding:0 4px 16px}
.bill-payment-section .form-holder .heading{color:#000;font-size:1.14286em;line-height:1.5;display:block;float:none;font-weight:500;text-transform:capitalize;max-width: 100%;}
.bill-payment-section .form-holder .desc{font-weight: 300; font-size:.92857em;line-height:1.84615;color:#444;display:block;margin-bottom:2rem;letter-spacing:.22px}
.bill-payment-section .form-holder .form .btn{margin:0 20px 0 0}
@media (max-width:768px){
  .bill-payment-section .form-holder .form .btn{margin:0 0 20px}
  .bill-payment-section .form-holder .form .btn + .btn{margin:0 0 0}
}
.bill-payment-section .trans-types-sm{display:none}
@media (max-width:580px){
  .bill-payment-section .trans-types-sm{display:block}
}
.bill-payment-section .payee-btn-sm{display:none;padding:15px;border-bottom:1px solid #f0f0f0}
@media (max-width:768px){
  .bill-payment-section .payee-btn-sm{display:block}
}
@media (max-width:768px){
  .bill-payment-section .li-add-payee{display:none}
}
.bill-payment-section .btn-add-payee{padding:8px 20px 8px 10px;color:#fff!important;font-size:.846em!important;line-height:1em!important}
.bill-payment-section .btn-add-payee span{color:#fff!important}
.bill-payment-section .btn-add-payee.sm{display:none}
@media (max-width:768px){
  .bill-payment-section .btn-add-payee.sm{display:block}
}
@media(max-width:767px) {.btns.clearfix.mb-n15 .float-left{display: block !important;width: 100% !important;} .btns.clearfix.mb-n15 .float-right {display: block !important;width: 100% !important; float: none}}
.bill-payment-section .field-static,.bill-payment-section .review-payee-info{min-height:70px;margin-bottom:5px}
.bill-payment-section .field-static .label,.bill-payment-section .review-payee-info .label{display:block;color:#adadad;font-size:.9285em;line-height:1.42857;margin-bottom: 0.4rem;}
.bill-payment-section .field-static .value,.bill-payment-section .review-payee-info .value{display:block;color:#262626;font-size:1.14286em;line-height:1.5;font-weight:400;word-wrap: break-word;text-transform: capitalize;}
.bill-payment-section .field-static .col-left,.bill-payment-section .review-payee-info .col-left{margin-bottom:2.6rem}
.bill-payment-section .field-static .col-left .row,.bill-payment-section .review-payee-info .col-left .row{margin-bottom:2rem}
.bill-payment-section .field-static .value .static-label .amount{color:#262626;font-size:1.14286em;line-height:1.5;font-weight:400}
.bill-payment-section .field-static .value .static-label .amount img {margin:3px 0 5px 0}
.bill-payment-section .add-payee-success{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-align:center;-ms-flex-align:center;align-items:center;margin:85px auto}
.bill-payment-section .add-payee-success h2{max-width:100%;text-transform:capitalize}
.bill-payment-section .add-payee-success .success p {font-weight: 300; margin: 0 0 55px;}
.bill-payment-section .add-payee-success .btn.btn-light{min-width:120px}
.bill-payment-section .filters-area{padding:18px 20px}
.bill-payment-section .filters-area .types{padding:0}
.col-12.col-sm-6.col-lg-4.box-grid {margin: 0 0 25px;}
.bill-payment-section .payees-list .box{position: relative;overflow:hidden;height: 100%;min-height:10rem!important;border-radius:4px;position:relative;padding:15px 20px 50px;border:1px solid #d8dde4}
.bill-payment-section .payees-list .box .detail {padding-bottom: 25px;}
.bill-payment-section .payees-list .box .detail .float-left{float: none !important;}
.bill-payment-section .payees-list .box .bank-logo {max-height:35px; position: absolute; bottom: 15px; left: 20px; width: 90%;}
.bill-payment-section .payees-list .box .bank-logo:only-child{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.bill-payment-section .payees-list .box .bank-logo:after{display:none}
.bill-payment-section .payees-list .box h3{margin:0 0 1px;font-weight:500;letter-spacing:.23px;font-size:1em;line-height:1.5}
.bill-payment-section .payees-list .box .num{display:block;margin:0 0 1px;font-weight:400;color:#4d4d4d;position:relative;letter-spacing:.2px;font-size:1em;line-height:1.5}
.bill-payment-section .payees-list .box .location{color:#666;margin:0 0 3px;font-size:.78571em;line-height:1.54545;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.bill-payment-section .payees-list .box .location .ico-holder{margin:-1px 4px 0 0;}
.bill-payment-section .payees-list .view-payee-grps {margin-bottom: 15px;}
.bill-payment-section .payees-list .box .location .ico{width: 11px;}
.bill-payment-section .payees-list .box .location .text {text-transform: capitalize;}
.bill-payment-section .payees-list .box .account-type{color:#10432e;font-size:.85714em;line-height:1.5;font-weight:500}
.bill-payment-section .payees-list .box .badge{font-size:10px;color:#666;font-weight:400}
.bill-payment-section .payees-list .box .amount{display:block}
.bill-payment-section .payees-list .box .amount .currency-sign,.bill-payment-section .payees-list .box .amount .num, .bill-payment-section .payees-list .box .amount{color:#90b349;display:block;font-weight:500;font-size:.92857em;line-height:1.46154}
.bill-payment-section .payees-list .box .last-transfer{color:#666;font-weight:300;font-size:.78571em;line-height:1.54545;letter-spacing:.08px}
.bill-payment-section .payees-list .box .last-transfer label{margin-bottom:0}
.bill-payment-section .payees-list .box .last-transfer strong {font-weight: 500;}
.bill-payment-section .payees-list .box .logo-holder{float:right}
.bill-payment-section .payees-list .box .actions{position:absolute;top:0;right:-42px;text-align:center;white-space:nowrap;height:100%;min-width:50%;max-width:50%;left:unset;background-color:#fff;border-radius:4px;border-width:1px;border-style: solid;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:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:start;align-self:start;-webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.1);box-shadow:0 5px 12px 0 rgba(0,0,0,.1);padding:23px 20px;z-index:3;opacity:0;visibility:hidden}
.bill-payment-section .payees-list .box .actions>*{display:block;text-align:left;margin:0;padding:0;height:auto!important;-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start;width:100%}
.bill-payment-section .payees-list .box .actions>*>a{display:block;width:100%;color:#666;font-weight:500;font-size:.92857em;line-height:1.46154}
.bill-payment-section .payees-list .box .actions>*>a .ico{color:#cbcbcb;top:-1px;font-size:120%;margin:0 6px 0 0;position:relative;vertical-align:middle}
.bill-payment-section .payees-list .box .actions>*>a:hover{-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;}
.bill-payment-section .payees-list .box .actions>*~li{margin-top:12px}
.bill-payment-section .payees-list .box:focus ul.actions,.bill-payment-section .payees-list .box:hover ul.actions{right:0;opacity:1;visibility:visible;-webkit-animation:fadeIn .2s;animation:fadeIn .2s;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.bill-payment-section .no-activity,.bill-payment-section .no-payees{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.bill-payment-section .no-activity .list-empty,.bill-payment-section .no-activity .no-records,.bill-payment-section .no-payees .list-empty,.bill-payment-section .no-payees .no-records{color:#666;background:rgba(225,237,249,.31);margin:15px 0;width:25em!important;min-height:25em;border-radius:100%;white-space:nowrap}
.bill-payment-section .no-activity .list-empty>*,.bill-payment-section .no-activity .no-records>*,.bill-payment-section .no-payees .list-empty>*,.bill-payment-section .no-payees .no-records>*{white-space:normal}
.bill-payment-section .no-activity .list-empty:before,.bill-payment-section .no-activity .list-empty>*,.bill-payment-section .no-activity .no-records:before,.bill-payment-section .no-activity .no-records>*,.bill-payment-section .no-payees .list-empty:before,.bill-payment-section .no-payees .list-empty>*,.bill-payment-section .no-payees .no-records:before,.bill-payment-section .no-payees .no-records>*{float:none;display:inline-block;vertical-align:middle}
.bill-payment-section .no-activity .list-empty:before,.bill-payment-section .no-activity .no-records:before,.bill-payment-section .no-payees .list-empty:before,.bill-payment-section .no-payees .no-records:before{content:'';height:25em}
@media (max-width:579px){
  .bill-payment-section .no-activity .list-empty,.bill-payment-section .no-activity .no-records,.bill-payment-section .no-payees .list-empty,.bill-payment-section .no-payees .no-records{width:260px!important;white-space:nowrap;min-height:260px;margin:0 0 0 -15px}
  .bill-payment-section .no-activity .list-empty>*,.bill-payment-section .no-activity .no-records>*,.bill-payment-section .no-payees .list-empty>*,.bill-payment-section .no-payees .no-records>*{white-space:normal}
  .bill-payment-section .no-activity .list-empty:before,.bill-payment-section .no-activity .list-empty>*,.bill-payment-section .no-activity .no-records:before,.bill-payment-section .no-activity .no-records>*,.bill-payment-section .no-payees .list-empty:before,.bill-payment-section .no-payees .list-empty>*,.bill-payment-section .no-payees .no-records:before,.bill-payment-section .no-payees .no-records>*{float:none;display:inline-block;vertical-align:middle}
  .bill-payment-section .no-activity .list-empty:before,.bill-payment-section .no-activity .no-records:before,.bill-payment-section .no-payees .list-empty:before,.bill-payment-section .no-payees .no-records:before{content:'';height:260px}
  #billPaymentTabs #paymentTabsContainer .filters-area {display: block;padding: 18px 20px 41px;}
  #billPaymentTabs #paymentTabsContainer .filters-area h2 {display: block;width: 100%;}
  #billPaymentTabs #paymentTabsContainer .filters-area .actions-list {min-width: 100%;max-width: 100%;display: flex;justify-content: right;align-content: center;align-items: center;padding: 10px 0;}
}
.bill-payment-section .no-activity>*,.bill-payment-section .no-payees>*{white-space:normal}
.bill-payment-section .no-activity:before,.bill-payment-section .no-activity>*,.bill-payment-section .no-payees:before,.bill-payment-section .no-payees>*{float:none;display:inline-block;vertical-align:middle}
.bill-payment-section .no-activity:before,.bill-payment-section .no-payees:before{content:'';height:569px}
.bill-payment-section .no-activity .ico-holder img,.bill-payment-section .no-payees .ico-holder img{margin-bottom:30px}
.bill-payment-section .no-activity .desc,.bill-payment-section .no-payees .desc{max-width:237px;color:#666;font-size:.92857em;line-height:1.46154;margin:0 auto}

.bill-payment-section .no-activity .heading,.bill-payment-section .no-payees .heading{color:#555;font-weight:500;font-size:1.07143em;line-height:1.46667}
.breadcrumb{background:0 0;padding:0}
.breadcrumb .breadcrumb-item {text-transform: capitalize;}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"\e903";font-family:Cholder4;font-size:8px;color:#cdcdcd}
.breadcrumb .breadcrumb-item.active{color:#666;font-weight:500}
.payee-grp-box {position: relative;overflow: hidden;}
.payee-grp-box:after {content: "";display: block;height: 100%;width: 3px;background: rgb(255, 255, 255);position: absolute;top: 0;left: 0px;}
.payee-grp-box .badge {position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%)}
.payee-grp-box{border:1px solid #d8dde4;border-radius:4px;background-color:#fff;padding:20px 15px 19px 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 20px}
.payee-grp-box .grp-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.payee-grp-box .grp-name .ico-holder{display:inline;margin:0 15px 0 0}
.payee-grp-box .grp-name .name{font-weight:500;color:#000;text-transform: capitalize;}
.payee-grp-box .badge{font-size:11px;font-weight:400;border-style: solid;border-width: 1px;}
.payee-grp-box .badge .text{display:none}
.payee-grp-box:focus,.payee-grp-box:hover{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}
.payee-grp-box:focus .badge.badge-light,.payee-grp-box:hover .badge.badge-light{color:#fff !important;-webkit-animation:fadeIn .2s;animation:fadeIn .2s;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.payee-grp-box:focus .badge.badge-light .text,.payee-grp-box:hover .badge.badge-light .text{display:inline-block}
.sorting-list{margin-bottom:0;padding:0 15px;background-color:#ebeff4}
.sorting-list .list-inline-item{margin-right:0}
.sorting-list .list-inline-item a{font-size:.929em;color:#ccc;font-weight:700;border-bottom:2px solid #ebeff4;display:block;padding:15px 15px 14px 14px;}
.sorting-list .list-inline-item a:focus,.sorting-list .list-inline-item a:hover{color:#000}
.sorting-list .list-inline-item a.active{color:#000;}
@media (max-width:1200px){
  .sorting-list .list-inline-item{display:inline-block}
  .bill-payment-section .payees-list .box .actions {min-width: 80%; max-width: 90%;}
  .add-info.bill-activity .info-holder div{-webkit-box-flex: 0;-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%; max-width: 33.3333%;}
}
@media (max-width:1200px){
  .sorting-list{width:100%;overflow-x:scroll;white-space:nowrap}
}
.form.bill-form .field-static .label{margin-bottom:6px}
.form.bill-form .col-left{margin-bottom:2.6rem}
.review-bill-payment .review-list [class*=col-],.review-bill-payment .review-list [class*=col-lg-],.review-bill-payment .review-list [class*=col-md-]{margin-bottom:40px}
.review-bill-payment .review-list .label{margin-bottom:6px}
.review-summary{border:1px solid #ebe095;border-radius:4px;background-color:#fffff8;padding:21px 0;margin:0 0 40px}
.review-summary .column{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:center;-ms-flex-pack:center;justify-content:center}
.review-summary .column .ico-holder{margin-bottom:5px}
.review-summary .column .desc{margin-bottom:0;color: #666;}
.review-summary .heading{text-align:center;max-width:80%}
.review-summary .heading .title{color:#000;text-transform:capitalize;font-size:1.14286em;line-height:1.5;font-weight:500}
.review-summary .amount{font-size:1.14286em;line-height:1.5;color:#222}
.review-summary .amount img{margin:-2px 0 0 5px;height:12px}
.review-summary .title{font-size:.85714em;line-height:1.5;color:#666;text-transform:capitalize}
.review-summary .desc{font-size:.786em!important;color:#666}
.form-error,.form-success{padding:40px 0;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-align:center;-ms-flex-align:center;align-items:center}
.form-error .heading,.form-success .heading{max-width:720px}
.make-payment-success p.note {display: block;margin: 30px 0 40px !important;font-weight: 500;color: #444;}
.make-payment-success .success p {margin: 0 0 0;}
.form-error h2,.form-success h2{max-width:100%;text-transform:capitalize}
.form-error .transaction-id,.form-success .transaction-id{font-weight: 300; font-size:1em;line-height:1.5;color:#222;border:1px solid #ebe095;border-radius:4px;background-color:#fffff8;padding:17px 45px;display:inline-block;margin:0 0 20px}
.form-error .transaction-id, .form-success .transaction-id strong {font-weight: 500;}
.form-error .btns .btn,.form-success .btns .btn{min-width:190px}
.form-error .ico-holder,.form-success .ico-holder{margin-bottom:27px}
.form-error{text-align:center}
.form-error h2{font-size:1.57143em;line-height:1.45455;color:#f35c5c;font-weight:500;display:block}
.form-error p{display:block;margin:0 0 25px;font-size:.92857em;line-height:1.84615;color:#444}
.ui-jqgrid-bdiv tbody tr:hover, .ui-jqgrid-bdiv tbody tr:focus {-webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.05);box-shadow: 0 2px 15px 0 rgba(0,0,0,0.05);}
.ui-jqgrid-bdiv tbody tr.add-info {background: #fff;}
.ui-jqgrid-bdiv tbody tr.add-info:hover, .ui-jqgrid-bdiv tbody tr.add-info:focus {-webkit-box-shadow: none;box-shadow: none}
.ui-jqgrid-bdiv tbody tr td .actions-holder{position:relative;display:inline-block;white-space:nowrap;height:21px;vertical-align:middle;width:1px!important}
.ui-jqgrid-bdiv tbody tr td .actions{position:absolute;top:0;right:0;margin:0 0 0;background:#fff}
.ui-jqgrid-bdiv .location{color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 3px;font-size:.78571em;line-height:1.54545}
.ui-jqgrid-bdiv .location .ico{margin:-1px 5px 0 0;max-width:12px;color:#faa532}
.ui-jqgrid-bdiv .location .text{max-height:50px;text-transform:capitalize;word-wrap: break-word;}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td{padding:20px 25px;border-top:1px solid rgba(191,191,191,.2)}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td.wide{border-top:1px solid transparent}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(1){width:auto!important;text-align:left!important}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(1) strong{font-weight:500}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(2){width:20%!important;text-align:center!important}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(3){width:20%!important;text-align:center!important}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(4){width:20%!important;text-align:right!important}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(4) .actions{display:none}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:last-of-type .amount{font-weight:500}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:last-of-type img{margin:-2px 0 0 3px}
@media (max-width:768px){
  .sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr>td:last-of-type .actions-holder{margin:5px 0 0}
  .ui-jqgrid-bdiv tbody tr:hover, .ui-jqgrid-bdiv tbody tr:focus {-webkit-box-shadow: none;box-shadow: none;}
  .ui-jqgrid-bdiv tbody tr.add-info {background: #f8f9fb;}
  .bill-payment-section .payees-list .box {min-height: 10px !important;}
}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(4) .amount,.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(4) .amount{display:none}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(4) .actions,.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(4) .actions{display:inline;}
.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr.add-info td.wide{padding-top:0}
.sch-pay-grid .table-recent-transactions>thead>tr>th:nth-child(1){width:auto!important;text-align:left!important;padding-left:25px}
.sch-pay-grid .table-recent-transactions>thead>tr>th:nth-child(2){width:20%!important;text-align:center!important}
.sch-pay-grid .table-recent-transactions>thead>tr>th:nth-child(3){width:20%!important;text-align:center!important}
.sch-pay-grid .table-recent-transactions>thead>tr>th:nth-child(4){width:20%!important;text-align:right!important}
.sch-pay-grid.recurring .table-recent-transactions>thead>tr>th:nth-child(1){width:auto!important;text-align:left!important;padding-left:25px}
.sch-pay-grid.recurring .table-recent-transactions>thead>tr>th:nth-child(2){width:15%!important;text-align:center!important}
.sch-pay-grid.recurring .table-recent-transactions>thead>tr>th:nth-child(3){width:15%!important;text-align:center!important}
.sch-pay-grid.recurring .table-recent-transactions>thead>tr>th:nth-child(4){width:15%!important;text-align:right!important}
.sch-pay-grid.recurring .table-recent-transactions>thead>tr>th:nth-child(5){width:15%!important;text-align:right!important}
.sch-pay-grid.recurring .table-recent-transactions>thead>tr>th:nth-child(6){width:15%!important;text-align:right!important}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(1){width:auto!important;text-align:left!important;padding-left:25px}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(2){width:15%!important;text-align:center!important;font-size:.78571em;line-height:1.54545;color:#666}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(3){width:15%!important;text-align:center!important}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(4){width:15%!important;text-align:center!important;padding-left: 50px;}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(5){width:15%!important;text-align:center!important;color:#478b5d;padding-left: 50px;}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(6){width:15%!important;text-align:right!important}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(6) .actions{display:none}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(6) .amount,.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(6) .amount{display:none}
.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(6) .actions,.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(6) .actions{display:inline;padding-left:100px}
@media (max-width:768px){
  .sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(6) .actions,.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(6) .actions{padding-left:0}
  .sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(6) .amount,.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(6) .amount{display:block}
  .sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(6) .actions,.sch-pay-grid.recurring .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(6) .actions{display:block;}
}
.sch-pay-grid.recurring .add-info.recurring div[class*=col-],.sch-pay-grid.recurring .add-info.recurring div[class*=col-lg-],.sch-pay-grid.recurring .add-info.recurring div[class*=col-md-]{margin-bottom:30px}
@media (max-width:768px){
  .sch-pay-grid.recurring .add-info.recurring div[class*=col-],.sch-pay-grid.recurring .add-info.recurring div[class*=col-lg-],.sch-pay-grid.recurring .add-info.recurring div[class*=col-md-]{margin-bottom:15px}
  .sch-pay-grid.recurring .add-info.recurring div[class*=col-]:last-of-type .val,.sch-pay-grid.recurring .add-info.recurring div[class*=col-lg-]:last-of-type .val,.sch-pay-grid.recurring .add-info.recurring div[class*=col-md-]:last-of-type .val{margin:0 0 15px}
}
@media (max-width:768px){
  .sch-pay-grid .add-info.one-time div[class*=col-],.sch-pay-grid .add-info.one-time div[class*=col-lg-],.sch-pay-grid .add-info.one-time div[class*=col-md-]{margin-bottom:15px}
  .sch-pay-grid .add-info.one-time div[class*=col-]:last-of-type,.sch-pay-grid .add-info.one-time div[class*=col-lg-]:last-of-type,.sch-pay-grid .add-info.one-time div[class*=col-md-]:last-of-type{margin-bottom:0}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td{padding:20px 25px;border-top:1px solid rgba(191,191,191,.2)}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td.wide{border-top:1px solid transparent}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(1){width:auto!important;text-align:left!important}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(1) strong{font-weight:500}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(1){width:100%!important;text-align:left!important}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(2){width:15%!important;text-align:center!important;font-size:.78571em;line-height:1.54545;color:#666}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(2){width:100%!important;text-align:left!important}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(3){width:20%!important;text-align:center!important}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(3){width:100%!important;text-align:left!important}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(4){width:15%!important;text-align:center!important}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(4){width:100%!important;text-align:left!important}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(5){width:20%!important;text-align:right!important}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(5) .actions{display:none}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(5) .actions{display:block;width:100%!important;text-align:left!important}
}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:nth-child(5){width:100%!important;text-align:left!important}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:last-of-type .amount{font-weight:500}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:last-of-type img{margin:-2px 0 0 3px}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr>td:last-of-type .actions-holder{margin:5px 0 0}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(5) .amount,.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(5) .amount{display:none}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(5) .amount,.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(5) .amount{display:inline}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(5) .actions,.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(5) .actions{display:inline;}
@media (max-width:768px){
  .bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(5) .actions,.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(5) .actions{padding-left:0}
}
.bill-activity-grid .ui-jqgrid-bdiv table>tbody>tr.add-info td.wide{padding-top:0}
@media (max-width:768px){
  .bill-activity-grid .add-info.bill-activity div[class*=col-],.bill-activity-grid .add-info.bill-activity div[class*=col-lg-],.bill-activity-grid .add-info.bill-activity div[class*=col-md-]{margin-bottom:15px}
  .bill-activity-grid .add-info.bill-activity div[class*=col-]:last-of-type,.bill-activity-grid .add-info.bill-activity div[class*=col-lg-]:last-of-type,.bill-activity-grid .add-info.bill-activity div[class*=col-md-]:last-of-type{margin-bottom:0}
}
.bill-activity-grid .table-recent-transactions>thead>tr>th:nth-child(1){width:auto!important;text-align:left!important;padding-left:25px}
.bill-activity-grid .table-recent-transactions>thead>tr>th:nth-child(2){width:15%!important;text-align:center!important}
.bill-activity-grid .table-recent-transactions>thead>tr>th:nth-child(3){width:20%!important;text-align:center!important}
.bill-activity-grid .table-recent-transactions>thead>tr>th:nth-child(4){width:15%!important;text-align:center!important}
.bill-activity-grid .table-recent-transactions>thead>tr>th:nth-child(5){width:20%!important;text-align:right!important}
.delete_payee_dialog .info{display:block;max-width:90%;padding:10px;margin:0 auto 20px;border:1px solid #ebe095;border-radius:4px;background-color:#fffff8;word-wrap: break-word;}
.delete_payee_dialog .warning{color:#d11a1a;letter-spacing:.18px;font-size:.85714em;line-height:1.5;margin-bottom:0;text-align:center;display:block}
.delete_payee_dialog .warning .ico{margin:0 5px 0 0}
.alert-text{font-size:1.08333em;line-height:1.38462;margin:0 20px 0 40px}
.date-range label{display:block!important;position:static!important;line-height:2em}
.date-range .form-control{text-transform:uppercase}
.transaction-period-drop a[data-toggle] .to{font-size:.909em}
textarea.form-control{min-height:36px}
.form-search .form-control{height:auto!important;padding:32px 52px 17px 26px}
.filter-select .chosen-container .chosen-single>span{font-size:12px;line-height:1.2;font-weight:500; color: #000;}
#scheduledBillPaymentsTab .filter-select .chosen-container .chosen-single>span{font-size:12px;line-height:1.2;font-weight:500; color: #000;}
#billPaymentActivityTab .filter-select .chosen-container .chosen-single>span{font-size:12px;line-height:1.2;font-weight:500; color: #000;}
.filter-select .chosen-container .chosen-single{padding:39px 22px 15px;min-height:auto!important}
.filter-select.types label{text-transform:uppercase}
.form-search .icon-search{cursor:pointer}
.alert-primary .icon-info{font-size:1.53846em;line-height:1;position:absolute;top:50%;margin:-10px 0 0 0}
.custom-grid-empty .ui-jqgrid-labels{display:none}
.actions li{display:inline-block;padding:0 0 0 15px}
.actions li:nth-child(1){padding:0 0 0}
.actions li a{font-size:.85714em;line-height:1.5;color:#666;}
.actions li a .ico{margin-right:5px}
.actions li a .icon-cross{font-size:10px}
.actions li a:focus,.actions li a:hover{-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s;color:#faa532}
.actions li a:focus .ico,.actions li a:hover .ico{color:#faa532}
.transaction-period-drop a[data-toggle] .title{font-size:1em}
.transaction-period-drop a[data-toggle] .selected-period,.transaction-period-drop a[data-toggle] .time{font-size:1.09091em;line-height:1.5;color:#000;font-weight:500}
.transaction-period-drop a[data-toggle] .icon-calendar{font-size:154%}
.transaction-details .actions-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.transaction-details .filters-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.transaction-details .filters-area h2{position:static}
.transaction-details .filters-area::after{display:none}
/*.card-activity-info .error-text {position: absolute; bottom: 0; left: 25px;}*/
@media (max-width:767px){
  .transaction-details .filters-area .actions-list{margin:0 0 0}
  .payees-list-grid .table-switcher{padding-left:15px; padding-right:15px; }
}
.transaction-details .list-days-selection a{color:#484848;display:block;padding:8px 10px;text-align:center;background:#f5f7f9;border-radius:30px;border:solid 1px #e5eaf1;font-size:.92857em;line-height:1.38462}
.transaction-details .list-days-selection .active a,.transaction-details .list-days-selection a:focus,.transaction-details .list-days-selection a:hover{color:#faa532;background:#fff;border-color:#faa532}
.payees-list-grid.no-records .table-switcher{display:none}
.payees-list-grid .table-switcher{padding:0 25px 20px;border-top:0}
.payees-list-grid .table-switcher .result-rang-holder{margin:8px 0 0 0}
.payees-list-grid .table-switcher .list-inline .list-inline-item:nth-child(2) a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.payees-list-grid .table-switcher .list-inline .list-inline-item:nth-child(2) a .ico{position:relative;top:2px}
.payees-list-grid .table-switcher .chosen-container.chosen-container-active,.payees-list-grid .table-switcher .chosen-drop{-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;min-width:130px}
.transaction-period-drop .date-from label,.transaction-period-drop .date-to label{position:static;color:#000;font-size:1em;line-height:1.28571}
.static-label img[alt=flag]{width:12px}
.review-bill-payment .btns .btn,.review-payee-info .btns .btn{margin:0 18px 0 0}
.review-bill-payment .btns .btn:last-of-type,.review-payee-info .btns .btn:last-of-type{margin-right:0;}
.info-holder{position:relative;border:1px solid #ebe095;border-radius:4px;background:#fffff8;margin:0;padding:30px 15px 30px}
.info-holder .close{position:absolute;right:20px;top:20px;font-size:12px}
.info-holder .close .icon-cross{color:#aa9b32;font-size:9px}
.info-holder .title{font-size:.85714em;line-height:1.5;text-transform:capitalize;margin: 0 0 5px;}
.info-holder .val{font-size:1em;line-height:1.28571;margin-bottom:0}
.add-info.recurring .info-holder{padding-bottom:0;}
.symbol-on-field{top:26px}
.slider-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px}
.slider-checkbox label{font-size:1em;line-height:1.5;color:#000}
.li-trans-type-sm{display:none}
@media (max-width:768px){
  .li-trans-type-sm{display:block;width:100%}
  .li-trans-type-sm .types{float:none;width:100%;padding:10px 15px}
  .li-trans-type-sm .status-selection-list.border-style{margin-top:0;width:100%}
  .li-trans-type-sm .status-selection-list.border-style li{width:49%}
}
.list-gen-tab-nav::before{left:-16px;right:-16px}
@media (max-width:992px){
  .scrollable-filters .icon-asc, .scrollable-filters .icon-desc {display: none !important;}
  .scrollable-filters .last-element {display: block !important;}
  .transaction-details .d-table>.field,.transaction-details .d-table>.types{float:none;width:100%;border:0;min-height:70px}
  .transaction-details .d-table .form-search{border-bottom:1px solid #f0f0f0!important;margin:0 0 0}
  .transaction-details .li-trans-types .types{width:100%;border-bottom:0!important}
  .list-gen-tab-nav{margin:30px 15px}
}
@media (width: 768px) {
  .review-bill-payment .btns .btn + .btn, .review-payee-info .btns .btn +.btn ,.form .btns .btn + .btn{margin-left: 18px;}
}
@media (max-width:768px){
  .table-switcher {padding: 5px 0;}
  .bill-payment-section .tab-holder {padding: 23px 14px}
  .transaction-details .filters-area .actions-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
  .transaction-details .d-table>.field,.transaction-details .d-table>.types{float:none;width:100%;border:0;min-height:70px}
  .transaction-details .d-table .form-search:nth-of-type(1),.transaction-details .d-table .types{border-right:0}
  .table-custom>tbody{max-height: 100% !important;}
  .table-custom>tbody>tr.jqgfirstrow{display:none!important}
  .table-custom>tbody>tr:nth-child(2){margin-top:0}
  .transaction-details .table-responsive{overflow-x:hidden;margin-top: 0;}
  .transaction-period-drop.alt #transaction-period-dropdown{min-width:100%}
  .bill-payment-section .form-holder{padding:0 0 0}
  .review-bill-payment .btns .btn,.review-payee-info .btns .btn{margin:0 0 15px;}
  .review-bill-payment .btns .float-right .btn,.review-payee-info .btns .float-right .btn{margin:0 0 5px;}
  .bill-payment-section .field-static .col-left,.bill-payment-section .review-payee-info .col-left{margin-bottom:1rem}
  .review-summary .column:not(:last-of-type){margin-bottom:1rem}
  #scheduledPaymentsGrid .actions{display:inline-block}
  #scheduledPaymentsGrid>tbody>tr:hover .amount{display:inline}
  #scheduledPaymentsGrid>tbody>tr:hover .amount .actions{padding-left:0!important}
  #scheduledPaymentsGrid>tbody>tr>td{width:100%!important;text-align:left!important}
  .ui-jqgrid-bdiv tbody tr td .actions-holder{width:100%!important}
  .ui-jqgrid-bdiv tbody tr td .actions-holder .actions{display:inline-block;left:0;background:0 0}
  .sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(4) .actions,.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(4) .actions{padding-left:0!important}
  .bill-payment-section .no-activity::before,.bill-payment-section .no-payees::before{height:370px}
  .bill-payment-section .field-static .col-left .row, .bill-payment-section .review-payee-info .col-left .row {margin-bottom: 1rem;}
  .bill-payment-section .field-static .col-left .row>:nth-child(2), .bill-payment-section .review-payee-info .col-left .row>:nth-child(2) {margin-top: 1rem;}
  .ui-pg-table.table-switcher > tbody > tr::after {white-space: nowrap;}
}
@media (max-width:767px) and (min-width:580px){
  .payees-list-grid .table-switcher .result-rang-holder{margin:8px 0 0 10px}
}
@media (max-width:767px) and (min-width:580px){
  .payees-list-grid .table-switcher .result-rang-holder{margin:8px 0 0 10px}
}
@media(max-width:768px) {
  #scheduledBillPaymentsTab .filters-area {display: block; width: 100%}
  #scheduledBillPaymentsTab .filters-area:after {content: ''; display: block; clear: both}
  #scheduledBillPaymentsTab .filters-area h2 {float: left; min-width: auto;}
  #scheduledBillPaymentsTab .filters-area ul {margin: -1px 0 0;}
  #scheduledBillPaymentsTab .filters-area ul li {padding: 0 0;}
}
@media (max-width:580px){
  .bill-payment-section .no-activity::before,.bill-payment-section .no-payees::before{height:370px}
  .transaction-details .filters-area h2{min-width:70%;max-width:70%;padding:0 0 0 20px}
  .transaction-details .filters-area .actions-list{min-width:30%;max-width:30%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
  #scheduledBillPaymentsTab .filters-area h2 {min-width: 100%;}
  #scheduledBillPaymentsTab .filters-area ul {min-width: 100%; justify-content: flex-start; margin: 3px 0 0 -5px;}
  .transaction-details .filters-area .actions-list li{padding:0}
  .sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr:focus>td:nth-child(4) .actions,.sch-pay-grid .ui-jqgrid-bdiv table>tbody>tr:hover>td:nth-child(4) .actions{padding-left:0!important}
  .ui-dialog .ui-dialog-content.generic-dialog .btns .btn {display: block; width: 100%;}
  .add-info.bill-activity .info-holder div{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
}
@media (max-width:579px){
  .bill-payment-section .no-activity .desc,.bill-payment-section .no-payees .desc{max-width:200px}
  .bill-payment-section .add-payee-success {max-width: 100%;margin: 55px 0;}
  .bill-payment-section .add-payee-success .success {padding: 0}
  .bill-payment-section .add-payee-success .success h2 {min-width: auto;}
  .form-error,.form-success .success {padding: 0; max-width: 260px;}
  .form-error,.form-success .success h2 {min-width: auto;}
  #pay-bill .tab-holder .alert.bp-note {padding: 20px 10px;}
  .form.bill-form .col-left {margin-bottom: 1rem;}
  .review-bill-payment .review-list [class*="col-"], .review-bill-payment .review-list [class*="col-lg-"], .review-bill-payment .review-list [class*="col-md-"] {margin-bottom: 20px;}
  .review-summary {margin-bottom: 25px;}
  .review-bill-payment .review-list .label {margin-bottom: 0;}
  .slider-checkbox {margin: 5px 0 25px;}
  .slider-checkbox label { font-size: 0.875em;}
  .bill-payment-section .payees-list .box .logo-holder {margin: 0 10px 0 0;}
  .ui-dialog .ui-dialog-content.generic-dialog {padding: 20px 15px !important;}
}
/* Scrollable Filters Style*/
.scrollable-filters {position: relative;}
.scrollable-filters .icon-desc, .scrollable-filters .icon-asc {height: 100%; width: 22px; background-color: #F5F8FA; color: #8F8F8F;}
@media(max-width: 1300px) {.scrollable-filters .icon-desc, .scrollable-filters .icon-asc {width: 18px;}}
.scrollable-filters .icon-desc .ico, .scrollable-filters .icon-asc .ico {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.scrollable-filters .icon-desc {position: absolute; top: 0; left: 0; z-index: 4;}
.scrollable-filters .icon-asc {position: absolute; top:0; right: 0; z-index: 4;}

.form-search .clear-search, .form-search .ico {margin: -6px 0 0;}

@media (min-width:1024px) {
  .bill-payment-section .transaction-details .actions-list li:not(:nth-child(1)) {padding: 0 10px;}
  .transaction-details .actions-list li:last-of-type {padding-right: 0 !important;}
}
label { transform-origin: 0; }
@media (max-width:767px){
  #payeeSearchForm .filter-select label { top: 30px; left: 26px; margin: 0;}
  #payeeSearchForm .filter-select .chosen-container .chosen-single{padding: 39px 22px 15px 10px;}
  #payeeSearchForm .filter-select .chosen-container .chosen-single::after { right: 8px; }
  #main #payeeSearchForm .filter-select select.form-control{padding: 33px 15px 10px 10px}
}