@import url(https://use.typekit.net/var1swe.css);*{box-sizing:border-box}:active,:focus{outline:0 none!important}body,html{padding:0;margin:0;font-family:Europa;font-weight:400;font-style:normal;color:#444}.app{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:stretch;align-items:stretch;width:100%;min-height:100vh}.app__header{top:0;left:0;width:100%;position:fixed;background:#fff;z-index:3000}.app__main{flex-grow:1}.app__footer{text-align:center;padding:1.5rem 1rem;font-size:.8rem;color:#888}.app__footer a{color:#191414}.app__footer a:hover{color:#1db954}.app__navigator{height:65px;padding:0 2rem;justify-content:space-between}.app__navigator,.app__navigator .brand{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center}.app__navigator .brand{justify-content:flex-start;color:#191414}.app__navigator .brand img{width:30px;height:30px}.app__navigator .brand figcaption{margin-left:8px}.app__navigator .brand figcaption span{color:#444;font-weight:300}.app__navigator .app__current-user{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;font-size:.8rem;color:#888}.app__navigator .app__current-user .user__avatar{width:30px;height:30px;margin-left:.5rem}.app__navigator ul{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-end;align-items:center;flex-grow:1;margin-right:3rem}.app__navigator ul li a{display:inline-block;padding:0 10px;height:40px;line-height:40px;color:#444;text-transform:uppercase;font-size:.8rem}.app__navigator ul li a.active{color:#1db954}.app__navigator ul li a[class^=btn]{padding:0 1.1rem;height:30px;line-height:30px}.app__navigator ul li a i{display:none}.app__navigator ul li+li{margin-left:.3rem}.app__container,[class^=app__container--]{width:60rem;max-width:100%;padding:1rem;margin:auto}.app__container--full{width:100%}.app__container--lg{width:80%}.app__container--sm{width:40rem}.app__container--xs{width:30rem}.view{padding:75px 0 8rem}.view .view-title{padding-bottom:2rem;margin-bottom:4rem}.view--dashboard .view-title{font-size:4rem;padding:0;margin:6rem 0 0}.view--dashboard .lead{margin-top:.5rem}.view--auth{position:relative;width:100%;height:100vh;background-color:#191414;color:#fff;z-index:9999;padding:0}.view--auth,.view--auth .brand{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center}.view--auth .brand{margin-bottom:2.5rem}.view--auth .brand img{width:40px;height:40px}.view--auth .brand figcaption{margin-left:10px}.view--auth .brand figcaption h1{font-size:2rem;margin:0}.view--auth .brand figcaption h1 span{font-weight:300}.users__thumbs{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;width:80%;margin:auto;padding:8rem 0 4rem}.users__thumbs .user__thumb .user__avatar{width:80px;height:80px}.users__thumbs .user__thumb figcaption{margin-top:1.2rem}.users__thumbs .user__thumb .user__name{font-weight:400;text-transform:uppercase;font-size:.8rem}.monthly-bills__feed{padding:4rem 0}.monthly-bills__list{max-width:100%;margin:auto}.monthly-bills{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;padding:3rem}.monthly-bills .month-reference{margin-right:5rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.monthly-bills .month-reference .month__name{text-transform:capitalize;margin:0 0 7px;font-size:1.3rem;font-weight:300}.monthly-bills .month-reference .month__amount{margin:0}.monthly-bills .month-users__list{flex-grow:1}.monthly-bills .month-user{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #eaeaea}.monthly-bills .month-user .user__thumb{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center}.monthly-bills .month-user .user__thumb .user__avatar{width:30px;height:30px}.monthly-bills .month-user .user__thumb .user__avatar img{-webkit-filter:grayscale(100);filter:grayscale(100);opacity:.6}.monthly-bills .month-user .user__thumb figcaption{margin-left:1rem}.monthly-bills .month-user .user__thumb .user__name{font-weight:400;font-size:1rem}.monthly-bills .month-user.bill--paid .user__avatar img{-webkit-filter:grayscale(0)!important;filter:grayscale(0)!important;opacity:1}.monthly-bills .month-user .month-user__pay-status{text-align:right;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center}.monthly-bills .month-user .month-user__pay-status .icon{display:inline-block;overflow:hidden;width:18px;height:18px;line-height:18px}.monthly-bills .month-user .month-user__pay-status .icon .material-icons{display:block;line-height:18px;font-size:18px;-webkit-transform:translateY(1px);transform:translateY(1px)}.monthly-bills.monthly-bills--paid{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03),0 10px 10px rgba(0,0,0,.03),0 25px 25px rgba(0,0,0,.05);padding:2rem;border-radius:6px;margin-bottom:4rem}.view--user-detail .user__thumb{text-align:center;padding:6vh 0 3rem;border-bottom:1px solid #eaeaea}.view--user-detail .user__thumb .user__avatar{width:100px;height:100px}.view--user-detail .user__thumb figcaption{margin-top:2rem}.view--user-detail .user__username{text-transform:uppercase;font-weight:300;margin:0;letter-spacing:.08rem}.view--user-detail .user__name{font-size:2rem;margin:0}.view--user-detail .user__email{font-weight:300;margin:.5rem 0 0}.view--user-detail .user__payments{margin-top:4rem}.view--user-detail .user__payments h2{font-weight:300;text-align:center;margin:0;padding:0 0 5rem}.view--user-detail .user__payments h2:first-letter{text-transform:uppercase}.admin-actions{position:fixed;bottom:3rem;right:3rem;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center}.admin-actions .admin__action+.admin__action{margin-left:10px}.admin__user-action{padding:2rem 1rem}@media screen and (max-width:768px){.app{display:block;min-height:1px}.app__navigator{padding:0 1.5rem}.app__navigator .app__current-user .app__current-user__welcome{display:none}.app__navigator ul{position:fixed;justify-content:space-around;align-items:center;bottom:0;left:0;width:100%;background-color:#fff}.app__navigator ul li a{height:50px;line-height:50px}.app__navigator ul li a i{display:block;line-height:50px}.app__navigator ul li a span{display:none}.app__footer{margin-bottom:60px}.app__footer span{display:block;line-height:1.7}.view--dashboard .view-title{font-size:3rem;padding:0;margin:3rem 0 0;line-height:1}.view--dashboard .lead{margin-top:1.5rem;line-height:1.2}.view--auth{padding:0 1rem}.view--auth .brand{margin-bottom:7rem;justify-content:center}.view--auth .brand img{width:30px;height:30px}.view--auth .brand figcaption h1{font-size:1.6rem}.users__thumbs{width:100%;padding:5rem 0 1rem}.users__thumbs .user__thumb .user__avatar{width:40px;height:40px}.users__thumbs .user__thumb figcaption .user__name{font-size:.7rem}.monthly-bills{padding:1rem .5rem;margin-top:4rem}.monthly-bills .month-reference{margin:0 0 1rem;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;-webkit-transform:rotate(0);transform:rotate(0);width:100%;padding:1.5rem 0;border-bottom:1px solid #1db954}.monthly-bills .month-reference .month__bill{text-align:right}.monthly-bills .month-reference .month__name{font-size:1.6rem;font-weight:700;flex-grow:1}.monthly-bills .month-reference .month__amount{font-weight:700}.admin-actions{bottom:4rem;right:1rem;flex-direction:column}.admin-actions .admin__action{-webkit-transform:scale(.8);transform:scale(.8)}.admin-actions .admin__action+.admin__action{margin:-3px 0 0}}ul{list-style:none;padding:0;margin:0}a{color:#1db954;text-decoration:none}.material-icons{color:inherit!important}.lead{font-size:1.6rem;font-weight:300}.breadcrumbs{padding:1rem 0;margin-top:2rem}.text-capitalize{text-transform:capitalize!important}.text-uppercase{text-transform:uppercase!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-primary,.text-success{color:#1db954}.text-danger{color:#e75159}button{cursor:pointer;display:inline-block;background-color:#fafafa;border:none;font-family:inherit;font-size:.7rem;letter-spacing:.04rem;text-transform:uppercase;border-radius:3px}button+button{margin-right:.5rem}button:hover{background-color:#f0f0f0}.btn{display:inline-block;background:#444;padding:.7rem 1rem;color:#fff!important;border-radius:4px;font-size:.7rem!important;text-transform:uppercase}.btn+[class^=btn]{margin-left:.6rem}.btn.btn-round{padding-left:1.7rem;padding-right:1.7rem;border-radius:3rem}.btn.btn-sm{padding:.4rem .8rem}.btn.btn-sm.btn-round{padding-left:1.1rem;padding-right:1.1rem}.btn.btn-icon{padding:0;width:40px;height:40px;border-radius:50%;overflow:hidden;line-height:40px;text-align:center;box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.btn.btn-icon .material-icons{line-height:inherit;-webkit-transform:translateY(2px);transform:translateY(2px);font-size:20px}.btn:not([disabled]):active,.btn:not([disabled]):hover{background:#1db954}.btn:focus{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.btn.btn-plain{color:#888!important;background-color:#fff;box-shadow:none}.btn.btn-plain:hover{color:#444!important;background-color:#fafafa}.btn.btn-plain.raised{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.btn-primary{display:inline-block;background:#1db954;padding:.7rem 1rem;color:#fff!important;border-radius:4px;font-size:.7rem!important;text-transform:uppercase}.btn-primary+[class^=btn]{margin-left:.6rem}.btn-primary.btn-round{padding-left:1.7rem;padding-right:1.7rem;border-radius:3rem}.btn-primary.btn-sm{padding:.4rem .8rem}.btn-primary.btn-sm.btn-round{padding-left:1.1rem;padding-right:1.1rem}.btn-primary.btn-icon{padding:0;width:40px;height:40px;border-radius:50%;overflow:hidden;line-height:40px;text-align:center;box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.btn-primary.btn-icon .material-icons{line-height:inherit;-webkit-transform:translateY(2px);transform:translateY(2px);font-size:20px}.btn-primary:not([disabled]):active,.btn-primary:not([disabled]):hover{background:#22d862}.btn-primary:focus{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.btn-primary.btn-plain{color:#888!important;background-color:#fff;box-shadow:none}.btn-primary.btn-plain:hover{color:#1db954!important;background-color:#fafafa}.btn-primary.btn-plain.raised{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.btn-danger{display:inline-block;background:#e75159;padding:.7rem 1rem;color:#fff!important;border-radius:4px;font-size:.7rem!important;text-transform:uppercase}.btn-danger+[class^=btn]{margin-left:.6rem}.btn-danger.btn-round{padding-left:1.7rem;padding-right:1.7rem;border-radius:3rem}.btn-danger.btn-sm{padding:.4rem .8rem}.btn-danger.btn-sm.btn-round{padding-left:1.1rem;padding-right:1.1rem}.btn-danger.btn-icon{padding:0;width:40px;height:40px;border-radius:50%;overflow:hidden;line-height:40px;text-align:center;box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.btn-danger.btn-icon .material-icons{line-height:inherit;-webkit-transform:translateY(2px);transform:translateY(2px);font-size:20px}.btn-danger:not([disabled]):active,.btn-danger:not([disabled]):hover{background:#e1242e}.btn-danger:focus{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.btn-danger.btn-plain{color:#888!important;background-color:#fff;box-shadow:none}.btn-danger.btn-plain:hover{color:#e75159!important;background-color:#fafafa}.btn-danger.btn-plain.raised{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}figure{padding:0;margin:0}img{display:block}.user__avatar{display:block;width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2);margin:auto}.user__avatar img{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-transition:all .3s ease;transition:all .3s ease}.user__thumb{text-align:center}.user__thumb .user__name{text-transform:capitalize;margin:0}a.user__avatar:hover img{opacity:.6}a.user__avatar:hover+figcaption{color:#1db954!important}.users-list{width:100%}.users-list .users-list__item>a{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;color:#444;padding:1rem;border-radius:6px;margin-top:1rem}.users-list .users-list__item>a:hover{background:#fafafa}.users-list .user__thumb{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;flex-grow:1;text-align:left}.users-list .user__thumb .user__avatar{width:60px;height:60px}.users-list .user__thumb figcaption{padding-left:1rem;flex-grow:1}.users-list .user__thumb figcaption .user__name{margin:0;text-transform:capitalize;font-size:1.1rem}.users-list .user__thumb figcaption .user__email{display:block;color:#888;margin:.3rem 0 0;font-size:.9rem;font-weight:300}.users-list .user__thumb figcaption .user__email a{color:inherit}.users-list .user__payments{text-align:right}.users-list .user__payments .user__payments__total{display:block;font-size:1rem;font-weight:200;color:#1db954}.users-list .user__payments .user__payments__last-year{display:block;font-size:.8rem;margin-top:.3rem}@media screen and (max-width:768px){.users-list .user__thumb .user__avatar{width:45px;height:45px}.users-list .users-list__item+.users-list__item{margin-top:4rem}.users-list .user__payments{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.6rem;width:100%;text-align:left;border-top:1px solid #eaeaea}.users-list .user__payments .user__payments__total{margin:0}.users-list .user__payments .user__payments__last-year{margin:0;text-align:right}}.table-filters{margin-bottom:4rem;text-align:center}.table-filters button{padding:.7rem 0;margin:0 15px;background-color:transparent;border:2px solid transparent}.table-filters button:hover{color:#1db954}.table-filters button.active{font-weight:700;border-bottom-color:#bbeacb;color:#1db954}.table{width:100%;font-weight:300}.table thead th{padding:0 1rem 1rem;text-align:left}.table tbody td{padding:1.5rem 1rem}.table tbody td.row-id{max-width:25px}.table tbody td.row-id span{display:block;text-align:center;width:25px;height:25px;border-radius:50%;overflow:hidden;line-height:25px;flex-basis:25px;padding:0;background:#e8f8ed;font-size:.7rem;color:#1db954}.table tbody tr td:last-child{text-align:right}.table tbody tr+tr td{border-top:1px solid #eaeaea}.table-payments .payment__price{font-weight:700}.flextable{display:block;width:100%;font-weight:300}.flextable header,.flextable main .ft__row{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center}.flextable main .ft__row{border-top:1px solid #eaeaea}.flextable .ft__td,.flextable .ft__th{flex:1 1;padding:1.3rem 1rem}.flextable .ft__td:last-child,.flextable .ft__th:last-child{text-align:right}.flextable .ft__th{font-weight:700}.flextable .ft__th.ft__id{visibility:hidden}.flextable .ft__id{flex-grow:0;display:block;text-align:center;width:25px;height:25px;border-radius:50%;overflow:hidden;line-height:25px;flex-basis:25px;padding:0;background:#e8f8ed;font-size:.7rem;color:#1db954}@media screen and (max-width:900px){.table-wrapper{overflow-x:scroll}}@media screen and (max-width:768px){.filters__wrapper{position:fixed;width:100%;top:0;right:0;z-index:4000;pointer-events:none}.filters-toggle{position:absolute;top:15px;right:1.3rem;text-align:right;pointer-events:auto}.filters-toggle button{display:block;background-color:#444;color:#fff;width:35px;height:35px;border-radius:50%;overflow:hidden;line-height:35px;text-align:center}.filters-toggle button.active{background:#1db954}.table-filters{text-align:left;width:100%;height:100vh;padding:25vh 1rem 2rem;background:#000;pointer-events:auto}.table-filters button{display:block;width:100%;margin:0;border:none;padding:.9rem 0;color:#fff}.table-filters button.active{background:#191414}.table{font-weight:400}.table .row-id,.table .row-id__header{display:none}.flextable{font-weight:400}.flextable .ft__id{display:none}}.banner{padding:4rem 2rem;text-align:center;font-weight:300;font-size:1.6rem;border-radius:6px}.banner-standard{background:#fafafa}.banner-primary{background:#e8f8ed;color:#1db954}.banner-danger{background:#fcedee;color:#e75159}.form-input input,.form-input label,.form-input select,.form-input textarea{display:block;width:100%}.form-input label{font-size:.8rem;color:#888}.form-input input,.form-input select,.form-input textarea{border:none;border-bottom:1px solid #d0d0d0;height:30px;line-height:30px;padding:0;font-family:inherit;font-size:1rem;margin-top:.4rem}.form-input input[name=monthId],.form-input input[name=userId],.form-input select[name=monthId],.form-input select[name=userId],.form-input textarea[name=monthId],.form-input textarea[name=userId]{text-transform:capitalize}.form-input input:focus,.form-input select:focus,.form-input textarea:focus{border-color:#1db954}.form-actions,.form-input+.form-input{margin-top:2rem}.form-actions{text-align:right}.form--auth .form-input{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center}.form--auth .form-input label{color:#d0d0d0;text-transform:uppercase;width:20%;flex-basis:20%}.form--auth .form-input input{background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:3rem;height:50px;line-height:50px;padding:0 2rem;margin:0;width:80%;flex-basis:80%}.form--auth .form-input+.form-input{margin-top:1.5rem}@media screen and (max-width:768px){.form--auth .form-input input,.form--auth .form-input label{width:100%;flex-basis:100%}.form--auth .form-input label{padding-left:1.5rem}.form--auth .form-input input{margin-top:.5rem}.form--auth .form-input+.form-input{margin-top:1.5rem}.form--auth .form-actions{text-align:center}.form--auth .form-actions [type=submit]{width:70%;padding:.8rem 0}}.carousel{width:100%;height:100%;overflow:hidden}.carousel img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}.carousel img.active{opacity:1}.view--login .carousel{position:fixed;top:0;left:0;z-index:-1}.view--login .carousel img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.view--login .carousel:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(#000),to(#0f612c));background:-webkit-linear-gradient(bottom,#000,#0f612c);background:linear-gradient(0deg,#000,#0f612c);opacity:.7}.loading-screen{display:block;position:fixed;z-index:9999;background:#191414;width:100%;height:100vh;text-align:center;color:#1db954;font-family:Europa,Arial;font-size:3rem;font-weight:700;padding-top:calc(50% - 1.5rem);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.swal-button{display:inline-block;background:#444;padding:.7rem 1rem;color:#fff!important;border-radius:4px;font-size:.7rem!important;text-transform:uppercase}.swal-button+[class^=btn]{margin-left:.6rem}.swal-button.btn-round{padding-left:1.7rem;padding-right:1.7rem;border-radius:3rem}.swal-button.btn-sm{padding:.4rem .8rem}.swal-button.btn-sm.btn-round{padding-left:1.1rem;padding-right:1.1rem}.swal-button.btn-icon{padding:0;width:40px;height:40px;border-radius:50%;overflow:hidden;line-height:40px;text-align:center;box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.swal-button.btn-icon .material-icons{line-height:inherit;-webkit-transform:translateY(2px);transform:translateY(2px);font-size:20px}.swal-button:not([disabled]):active,.swal-button:not([disabled]):hover{background:#1db954}.swal-button:focus{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.swal-button.btn-plain{color:#888!important;background-color:#fff;box-shadow:none}.swal-button.btn-plain:hover{color:#444!important;background-color:#fafafa}.swal-button.btn-plain.raised{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.swal-button--confirm{display:inline-block;background:#1db954;padding:.7rem 1rem;color:#fff!important;border-radius:4px;font-size:.7rem!important;text-transform:uppercase}.swal-button--confirm+[class^=btn]{margin-left:.6rem}.swal-button--confirm.btn-round{padding-left:1.7rem;padding-right:1.7rem;border-radius:3rem}.swal-button--confirm.btn-sm{padding:.4rem .8rem}.swal-button--confirm.btn-sm.btn-round{padding-left:1.1rem;padding-right:1.1rem}.swal-button--confirm.btn-icon{padding:0;width:40px;height:40px;border-radius:50%;overflow:hidden;line-height:40px;text-align:center;box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.swal-button--confirm.btn-icon .material-icons{line-height:inherit;-webkit-transform:translateY(2px);transform:translateY(2px);font-size:20px}.swal-button--confirm:not([disabled]):active,.swal-button--confirm:not([disabled]):hover{background:#22d862}.swal-button--confirm:focus{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}.swal-button--confirm.btn-plain{color:#888!important;background-color:#fff;box-shadow:none}.swal-button--confirm.btn-plain:hover{color:#1db954!important;background-color:#fafafa}.swal-button--confirm.btn-plain.raised{box-shadow:0 2px 1px rgba(0,0,0,.3),0 10px 10px rgba(0,0,0,.2)}
/*# sourceMappingURL=main.3b9ad61a.chunk.css.map */