#select2-months-results .select2-container--default .select2-results__option[aria-selected=true],#select2-months-results .select2-results__option--highlighted[aria-selected],#select2-years-results .select2-container--default .select2-results__option[aria-selected=true],#select2-years-results .select2-results__option--highlighted[aria-selected]{background-color:#660098;color:#fff}
.payments-details-bills-wrapper{margin-top:3pc}
.payments-details-bills-wrapper .filter-container{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#660098;padding:26px 2pc 30px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.payments-details-bills-wrapper .filter-container .empty-font{font-family:Regular,sans-serif;font-size:1pc;line-height:19px;color:#fff}
@media(min-width:1024px){.payments-details-bills-wrapper .filter-container .rwd-break{display:none}
}
@media(max-width:1023.98px){.payments-details-bills-wrapper .filter-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1pc 1pc 25px}
}
.payments-details-bills-wrapper .filter-container .content-left{color:#fff;position:relative;-webkit-box-flex:0;flex:0 0 66.6666666667%;max-width:66.6666666667%;-ms-flex:0 0 66.6666666667%}
.payments-details-bills-wrapper .filter-container .content-left .ceased-credit-summary,.payments-details-bills-wrapper .filter-container .content-left .credit-summary{-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:2pc}
@media(max-width:1023.98px){.payments-details-bills-wrapper .filter-container .content-left .ceased-credit-summary,.payments-details-bills-wrapper .filter-container .content-left .credit-summary{margin-top:6px}
}
.payments-details-bills-wrapper .filter-container .content-left .ceased-credit-summary p,.payments-details-bills-wrapper .filter-container .content-left .credit-summary p{margin-bottom:0}
.payments-details-bills-wrapper .filter-container .content-left .total-of-month{margin-top:9px}
@media(max-width:1023.98px){.payments-details-bills-wrapper .filter-container .content-left .total-of-month{margin-top:0}
}
@media(max-width:767.98px){.payments-details-bills-wrapper .filter-container .content-left{margin-top:24px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
.payments-details-bills-wrapper .filter-container .content-right{color:#fff;position:relative;-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}
.payments-details-bills-wrapper .filter-container .content-right .global-font__h3,.payments-details-bills-wrapper .filter-container .content-right .global-font__h4{color:#fff}
@media(max-width:767.98px){.payments-details-bills-wrapper .filter-container .content-right{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form{margin-bottom:0}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .wrapper-calendar .form-group.bmd-form-group{padding-top:0;padding-bottom:0}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .wrapper-calendar .form-group.bmd-form-group.is-focused input.calendar{cursor:unset}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .wrapper-calendar .form-group.bmd-form-group input.calendar{cursor:pointer;caret-color:transparent;height:56px;font-family:Medium,sans-serif}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .wrapper-calendar .form-group.bmd-form-group .icon-calendar{display:block}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .wrapper-calendar .form-group.bmd-form-group .icon-calendar .fontello-icon-calendar,.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .wrapper-calendar .form-group.bmd-form-group .icon-calendar .fontello-icon-close{display:block;cursor:pointer}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .select2-container--default .select2-selection--single .select2-selection__arrow{top:-6px}
@media(max-width:1023.98px){.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .col-months{padding-right:5px}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .col-years{padding-left:5px}
}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .form-group.bmd-form-group{padding-top:1pc;margin-bottom:0;background-color:#5e008d;border-bottom:1px solid #8e4daf}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .form-group .form-control{color:#fff;font-family:Regular,sans-serif;font-size:1pc;line-height:20px}
.payments-details-bills-wrapper .filter-container .content-right .filter-bills-form .form-group .form-control .bmd-label-floating{color:#fff;font-size:9pt;line-height:1.33}
.payments-details-bills-wrapper .refund-container{margin-top:1pc;background-color:#fff;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;border:1px solid #000;padding:8px 0 8px 8px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.payments-details-bills-wrapper .refund-container .content-left{color:#000;padding:8px 0 0 8px}
.payments-details-bills-wrapper .refund-container .content-left .container-iban-collection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.payments-details-bills-wrapper .refund-container .content-left .container-iban-collection .iban-collection-link{color:#000 !important;font-family:Regular,sans-serif !important;font-size:9pt;line-height:9pt}
.payments-details-bills-wrapper .refund-container .content-left .container-iban-collection .iban-collection-link p{margin-bottom:0;color:inherit;font-family:Medium,sans-serif;font-size:1pc;line-height:1.5}
.payments-details-bills-wrapper .refund-container .content-left .container-iban-collection .refundCtaText{padding:1pc 0 0;border-top:1px solid black;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;background-image:none !important;margin-right:1pc}
.payments-details-bills-wrapper .refund-container .content-left .container-iban-collection .refundCtaText .box-arrow{color:#000}
.payments-details-bills-wrapper .refund-container .content-left .refundTitle{color:#000;font-family:Medium,sans-serif;font-size:18px;line-height:9pt}
.payments-details-bills-wrapper .refund-container .content-left .refundSubTitle{color:#000;font-family:Regular,sans-serif;font-size:9pt;line-height:9pt;margin-bottom:24px}
.payments-details-bills-wrapper .refund-container .content-left .refundSubTitle p{margin:0}
.payments-details-bills-wrapper .details-bill-container{margin-top:1pc;border:1px solid #660098}
.payments-details-bills-wrapper .details-bill-container .content-wrapper{border-bottom:1px solid rgba(0,0,0,.1);padding:24px 2pc}
@media(max-width:1023.98px){.payments-details-bills-wrapper .details-bill-container .content-wrapper{padding:1pc 1pc 25px}
}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .details-bill-supply-status .error{color:#d6001c}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .details-bill-supply-type-title{margin-bottom:8px;text-transform:capitalize}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .details-bill-supply-price-title{margin-bottom:17px}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .details-bill-supply-subtitle.error{color:#d6001c}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .details-bill-supply-subtitle.error span.js_pay_now a{color:#d6001c;text-decoration:underline}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .details-bill-supply-field-container{margin-top:1pc;margin-bottom:1pc}
@media(max-width:1023.98px){.payments-details-bills-wrapper .details-bill-container .content-wrapper .details-bill-supply-field-container.details-bill-supply-field-address{margin-top:0}
}
.payments-details-bills-wrapper .details-bill-container .content-wrapper a,.payments-details-bills-wrapper .details-bill-container .content-wrapper a:hover{color:#000}
.payments-details-bills-wrapper .details-bill-container .content-wrapper span.document-unavailable{opacity:.3}
.payments-details-bills-wrapper .details-bill-container .content-wrapper span.document-unavailable .icon.fontello-icon-download{color:#000;float:none}
.payments-details-bills-wrapper .details-bill-container .content-wrapper span.document-unavailable .icon.fontello-icon-download:before{margin-left:0}
@media(max-width:1023.98px){.payments-details-bills-wrapper .details-bill-container .content-wrapper span.document-unavailable{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:end;-ms-flex-pack:end;justify-content:flex-end}
}
@media(max-width:1023.98px){.payments-details-bills-wrapper .details-bill-container .content-wrapper .text-right.text-left-mobile{text-align:left !important}
}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .icon.fontello-icon-download{color:#003cf0}
@media(max-width:1023.98px){.payments-details-bills-wrapper .details-bill-container .content-wrapper .icon.fontello-icon-download{float:left}
}
.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section{background-color:rgba(0,0,0,.02)}
@media(max-width:1023.98px){.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section .display-on-active{display:none;margin-top:1pc}
}
.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section .fontello-icon-arrow_up{display:none}
.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section .fontello-icon-arrow_up:before{float:right}
.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section .fontello-icon-arrow_down{display:none}
@media(max-width:1023.98px){.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section .fontello-icon-arrow_down{display:inline;position:absolute;right:15px;bottom:0}
.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section .fontello-icon-arrow_down:before{float:right}
}
@media(max-width:1023.98px){.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section.active .fontello-icon-arrow_up{display:inline;cursor:pointer}
}
.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section.active .fontello-icon-arrow_down{display:none}
.payments-details-bills-wrapper .details-bill-container .content-wrapper.add-on-section.active .display-on-active{display:inline}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .panel-heading .panel-title{width:100%;background-color:unset;border:unset;padding:0;text-align:left}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .panel-heading .fontello-icon-arrow_up{display:none}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .panel-heading .fontello-icon-arrow_up:before{float:right;margin-right:0}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .panel-heading .fontello-icon-arrow_down{display:inline;cursor:pointer}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .panel-heading .fontello-icon-arrow_down:before{float:right}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .panel-heading.active .fontello-icon-arrow_up{display:inline;cursor:pointer}
.payments-details-bills-wrapper .details-bill-container .content-wrapper .panel-heading.active .fontello-icon-arrow_down{display:none}
.payments-details-bills-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow i.fontello-icon-arrow_left{color:#fff}
.payments-details-bills-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;color:#fff}
.payments-details-bills-wrapper .distributor-bill .details-bill-container .content-wrapper{padding:24px 38px 25px}
.payments-details-bills-wrapper .distributor-bill .details-bill-container .content-wrapper .details-bill-supply-type-title i:before{font-size:30px}
.payments-details-bills-wrapper .distributor-bill .details-bill-container .content-wrapper .panel-group a.upload-bill,.payments-details-bills-wrapper .distributor-bill .details-bill-container .content-wrapper .panel-group a.upload-bill .icon.fontello-icon-download{color:#003cf0}
.payments-details-bills-wrapper .distributor-bill .details-bill-container .content-wrapper .panel-group a,.payments-details-bills-wrapper .distributor-bill .details-bill-container .content-wrapper .panel-group span{font-size:18px}
.ui-datepicker{padding:24px 15px 0;width:inherit;background:#5e008d;color:#fff;border-top:1px solid rgba(255,255,255,.5)}
@media only screen and (max-width:321px){.ui-datepicker{padding:20px 9pt 0}
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month,.ui-datepicker .ui-datepicker-title .ui-datepicker-year{font-family:Medium,sans-serif !important;font-size:1pc !important;line-height:19px !important}
.ui-datepicker .ui-datepicker-header{padding:0 0 21px;border-bottom:.5px solid rgba(255,255,255,.5);text-align:center;margin-bottom:17px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{left:22px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{right:22px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{top:21px;bottom:0;width:1.8em;height:1.8em;position:absolute;cursor:pointer}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus-visible,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus-visible{outline-color:#fff}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled{cursor:unset !important;opacity:.3}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon{color:#fff}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e:after,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-e:after{font-family:Fontello;content:"\e856";position:absolute;right:2px;width:25px;height:30px;font-size:22px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-w:after,.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w:after{font-family:Fontello;content:"\e853";position:absolute;left:2px;width:25px;height:30px;font-size:22px}
.ui-datepicker table{width:100%}
.ui-datepicker thead th{padding:0 .3em .3em}
.ui-datepicker tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:1pc}
.ui-datepicker tr:first-child{padding-top:1pc}
.ui-datepicker th{font-weight:300;opacity:.5}
.ui-datepicker td{width:33.3333333333%;height:2pc;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:17px}
@media only screen and (max-width:375px){.ui-datepicker td{padding:7px}
}
@media only screen and (max-width:321px){.ui-datepicker td{padding:5px}
}
.ui-datepicker td span{text-align:center !important;position:relative}
.ui-datepicker td a{color:#fff;font-family:Medium,sans-serif;font-size:1pc;line-height:9pt;text-align:center !important;margin-right:auto;margin-left:auto}
.ui-datepicker td a:focus-visible{outline:2px solid #fff}
.ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled{opacity:.3}
.ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled a{font-family:Light,sans-serif !important;cursor:default}
.ui-datepicker td.ui-datepicker-current-day a,.ui-datepicker td.ui-datepicker-days-cell-over a{height:2pc;width:44px;border-radius:1pc;padding:10px 6px;margin-top:-10px;background-color:#fff;color:#660098 !important}
@media only screen and (max-width:321px){.ui-datepicker td.ui-datepicker-current-day a,.ui-datepicker td.ui-datepicker-days-cell-over a{height:29px;width:37px}
}
.ui-datepicker{display:none}
.payments-details-bills-wrapper.skeleton-progress .skeleton-cards-filter-container .skeleton__cardbox--filter:before,.payments-details-bills-wrapper.skeleton-progress .skeleton-cards-filter-container .skeleton__cardbox:before{display:block;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;content:"";-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(20%,rgba(255,255,255,.2)),color-stop(60%,rgba(255,255,255,.5)),to(rgba(255,255,255,0)));background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite}
.skeleton-cards-filter-container{display:none}
.payments-details-bills-wrapper.skeleton-progress .skeleton-cards-filter-container{display:block}
.payments-details-bills-wrapper.skeleton-progress .skeleton-cards-filter-container .skeleton__cardbox{opacity:.3;background-color:#d3d3d3;overflow:hidden;position:relative;width:100%;margin-bottom:10px}
@media only screen and (max-width:600px){.payments-details-bills-wrapper.skeleton-progress .skeleton-cards-filter-container .skeleton__cardbox{height:10px}
}
.payments-details-bills-wrapper.skeleton-progress .skeleton-cards-filter-container .skeleton__cardbox--filter{height:296px;margin-top:1pc}
@media only screen and (max-width:600px){.payments-details-bills-wrapper.skeleton-progress .skeleton-cards-filter-container .skeleton__cardbox--filter{height:321px}
}
.payments-details-bills-wrapper.skeleton-progress #js-payments-details-bills-view{display:none !important}