@font-face{font-family:'Nunito';font-style:normal;font-weight:400;src:url("/static/fonts/nunito-v12-latin-ext_latin-regular.58f85e928194.eot");src:local('Nunito Regular'), local('Nunito-Regular'), url("/static/fonts/nunito-v12-latin-ext_latin-regular.58f85e928194.eot?#iefix") format('embedded-opentype'), url("/static/fonts/nunito-v12-latin-ext_latin-regular.a98534166c9b.woff2") format('woff2'), url("/static/fonts/nunito-v12-latin-ext_latin-regular.a8d27e43a809.woff") format('woff'), url("/static/fonts/nunito-v12-latin-ext_latin-regular.a23510107c83.ttf") format('truetype'), url("/static/fonts/nunito-v12-latin-ext_latin-regular.528e8ad45d3f.svg#Nunito") format('svg')}@font-face{font-family:'Nunito';font-style:normal;font-weight:700;src:url("/static/fonts/nunito-v12-latin-ext_latin-700.78b4d1efbe43.eot");src:local('Nunito Bold'), local('Nunito-Bold'), url("/static/fonts/nunito-v12-latin-ext_latin-700.78b4d1efbe43.eot?#iefix") format('embedded-opentype'), url("/static/fonts/nunito-v12-latin-ext_latin-700.1fba458e376c.woff2") format('woff2'), url("/static/fonts/nunito-v12-latin-ext_latin-700.acf6a784ced7.woff") format('woff'), url("/static/fonts/nunito-v12-latin-ext_latin-700.aa7b58d4575e.ttf") format('truetype'), url("/static/fonts/nunito-v12-latin-ext_latin-700.6becf58933de.svg#Nunito") format('svg')}@font-face{font-family:'Nunito';font-style:normal;font-weight:600;src:url("/static/fonts/nunito-v12-latin-ext_latin-600.db557fa46549.eot");src:local('Nunito SemiBold'), local('Nunito-SemiBold'), url("/static/fonts/nunito-v12-latin-ext_latin-600.db557fa46549.eot?#iefix") format('embedded-opentype'), url("/static/fonts/nunito-v12-latin-ext_latin-600.bdbce284406c.woff2") format('woff2'), url("/static/fonts/nunito-v12-latin-ext_latin-600.436203e66c03.woff") format('woff'), url("/static/fonts/nunito-v12-latin-ext_latin-600.8a22bbc0c0eb.ttf") format('truetype'), url("/static/fonts/nunito-v12-latin-ext_latin-600.82d2009e2f74.svg#Nunito") format('svg')}@font-face{font-family:'Nunito';font-style:normal;font-weight:800;src:url("/static/fonts/nunito-v12-latin-ext_latin-800.47a7ef302b4e.eot");src:local('Nunito ExtraBold'), local('Nunito-ExtraBold'), url("/static/fonts/nunito-v12-latin-ext_latin-800.47a7ef302b4e.eot?#iefix") format('embedded-opentype'), url("/static/fonts/nunito-v12-latin-ext_latin-800.071379c620a2.woff2") format('woff2'), url("/static/fonts/nunito-v12-latin-ext_latin-800.b4e6542c42c2.woff") format('woff'), url("/static/fonts/nunito-v12-latin-ext_latin-800.7b0e7802691b.ttf") format('truetype'), url("/static/fonts/nunito-v12-latin-ext_latin-800.afbd5a7a53b9.svg#Nunito") format('svg')}@font-face{font-family:'Nunito';font-style:normal;font-weight:900;src:url("/static/fonts/nunito-v12-latin-ext_latin-900.00a181cac74a.eot");src:local('Nunito Black'), local('Nunito-Black'), url("/static/fonts/nunito-v12-latin-ext_latin-900.00a181cac74a.eot?#iefix") format('embedded-opentype'), url("/static/fonts/nunito-v12-latin-ext_latin-900.a4499edcb7f6.woff2") format('woff2'), url("/static/fonts/nunito-v12-latin-ext_latin-900.eeaae4a59356.woff") format('woff'), url("/static/fonts/nunito-v12-latin-ext_latin-900.626734dda74d.ttf") format('truetype'), url("/static/fonts/nunito-v12-latin-ext_latin-900.81becdb3d7d6.svg#Nunito") format('svg')}html{height:100%}body{font-family:"Nunito",sans-serif;display:flex;flex-direction:column;height:100%;color:#42474a}.hide{display:none !important}.wrapper{overflow-x:hidden;display:flex;flex-direction:column;min-height:100%}@media (max-width: 767px){.wrapper.logged-in{height:100%;overflow:hidden}.wrapper.logged-in .content{flex-grow:1;overflow-x:hidden;overflow-y:auto}.wrapper.logged-in .navbar-mobile{position:relative}}.progress::-webkit-progress-value{background:#41738d}.progress::-moz-progress-value{background:#41738d}.payslip .card,.wrapper{min-height:100%}h1{line-height:1.1}@media (max-width: 839px){h1{font-size:1.5rem}}h1,h2,h3,h4,h5,h6{font-weight:bold;color:inherit}h1,h2,h3,h4,h5,h6,p,ul,ol{margin-top:0;margin-bottom:1rem}ul{list-style:disc}.register-password-checklist,ul[data-tabs]{list-style:none}h5,h6,p{line-height:1.5}h6{font-size:1em}.text-gray,.text-muted{color:#858789 !important}.text-more-muted{color:#b9babb !important}.text-error{color:#ac4752 !important}.text-success{color:#429489 !important}.text-primary{color:#41738d !important}.text-nowrap{white-space:nowrap !important}.font-light{font-weight:300 !important}.container{padding:0 1.5rem}@media (max-width: 839px){.container{padding:0 1rem}}.content{padding:1rem 0 3rem;flex-grow:1}.divider,.divider[data-content]{margin:1.5rem 0}.divider:after,.divider[data-content]:after{color:#858789}.flex-column{flex-direction:column}.flex-grow-1{flex-grow:1}.align-items-center{align-items:center}.card-payslip .title,.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.mb-3{margin-bottom:0.6rem !important}.mb-4{margin-bottom:0.8rem !important}.mb-5{margin-bottom:1rem !important}.mb-auto{margin-bottom:auto !important}.ml-3{margin-left:0.6rem !important}.ml-4{margin-left:0.8rem !important}.ml-5{margin-left:1rem !important}.ml-auto{margin-left:auto !important}.mr-3{margin-right:0.6rem !important}.mr-4{margin-right:0.8rem !important}.mr-5{margin-right:1rem !important}.mr-auto{margin-right:auto !important}.mt-3{margin-top:0.6rem !important}.mt-4{margin-top:0.8rem !important}.mt-5{margin-top:1rem !important}.mt-auto{margin-top:auto !important}.p-3{padding:0.6rem !important}.p-4{padding:0.8rem !important}.p-5{padding:1rem !important}.m-3{margin:0.6rem !important}.m-4{margin:0.8rem !important}.m-5{margin:1rem !important}.bg-gray{background:#f5f7f9 !important}.bg-white{background:white !important}
.label.label-primary{background:#41738d !important;color:white !important}a,a:visited{color:#41738d}
.label.label-green { background: #B1C90B; color: white }
.label.label-circle { min-width: 24px; border-radius: 12px; text-align: center; }

.btn{padding-left:0.75rem;padding-right:0.75rem;white-space:normal}.card-payslip .value, .compare .compare-header .compare-range .btn, .duration-slider .label, .navbar .btn, .navbar .dropdown .menu, .payslip .table .value, .tab .tab-item a{white-space:nowrap}.btn:active,.btn.active{background:#41738d;border-color:#41738d;color:white}.btn.btn-lg{padding-left:1rem;padding-right:1rem}.btn,.btn.btn-lg{height:auto}a:not(.btn),.btn.btn-link{color:#41738d}a:not(.btn):hover,a:not(.btn):focus,.btn.btn-link:hover,.btn.btn-link:focus{background:transparent;border-color:transparent;color:#31576a}a:not(.btn).active,.btn.btn-link.active{background:#dde9f0;color:#41738d;border-color:transparent;pointer-events:none}.btn{color:#41738d;border-color:#41738d;font-weight:600}.btn:hover,.btn:focus{background:#dde9f0;border-color:#41738d;color:#41738d}.btn:focus{box-shadow:0 0 0 0.1rem rgba(65,115,141,0.25)}.btn.btn-primary{background:#41738d !important;border-color:#41738d !important;color:white !important}.btn.btn-primary:hover,.btn.btn-primary:focus{background:#31576a !important;border-color:#31576a !important}.btn.btn-secondary{background:transparent !important;border-color:#858789 !important;color:#858789 !important}.btn.btn-secondary:hover,.btn.btn-secondary:focus{border-color:#6c6e6f !important;color:#6c6e6f !important}.btn.btn-muted{background:rgba(0, 0, 0, 0.1) !important;border-color:transparent !important;color:#42474a !important}.btn.btn-muted:hover,.btn.btn-muted:focus{background:rgba(0, 0, 0, 0.15) !important;border-color:transparent !important;color:#42474a !important}.btn.btn-success{background:#429489 !important;border-color:#429489 !important;color:white !important}.btn.btn-success:hover,.btn.btn-success:focus{background:#327168 !important;border-color:#327168 !important}.btn.btn-danger{background:#ac4752 !important;border-color:#ac4752 !important;color:white !important}.btn.btn-danger:hover,.btn.btn-danger:focus{background:#883841 !important;border-color:#883841 !important}.btn.loading{color:transparent !important}.card{border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.card.card-muted{background:rgba(0, 0, 0, 0.05);box-shadow:none}.card .card-body{padding:0.8rem}.card .tab{padding-left:1rem}.label.label-success{background-color:#429489}.label.label-error{background-color:#ac4752}legend{font-size:13px;color:#858789;text-transform:uppercase;letter-spacing:0.05em;font-weight:bold;margin:0 0 0.5rem}.form-label{font-weight:bold}.form-input,.form-select{border-radius:3px}.form-input:focus,.form-select:focus{border-color:#41738d;box-shadow:0 0 0 0.1rem #bbd3df}.form-checkbox input:checked + .form-icon, .form-radio input:checked + .form-icon, .form-switch input:checked+.form-icon{background:#41738d;border-color:#41738d}.form-checkbox input:focus + .form-icon, .form-radio input:focus + .form-icon, .form-switch input:focus+.form-icon{border-color:#41738d}.form-switch{padding-left:2.25rem}.has-error .form-checkbox{color:#e85600}.menu .menu-heading{padding:0.75rem 0.75rem 0.25rem;margin:0;color:#858789;font-size:12px;letter-spacing:0.05em;text-transform:uppercase;font-weight:bold}.menu .divider{margin:0.25rem 0}.menu .menu-item{padding:0}.menu .menu-item a:not(.btn){margin:0;padding:0.25rem 0.75rem;display:flex;align-items:center}.menu .menu-item a:not(.btn):hover, .menu .menu-item a:not(.btn):focus{background:#f5f7f9;color:#213a47}.menu .menu-item a:not(.btn).active, .menu .menu-item a:not(.btn):active{background:#dde9f0;color:#41738d}.iti{display:block}.has-icon-left .form-icon{color:#d5d7d9}.has-icon-left input:focus+.form-icon{color:#41738d}.has-icon-left.has-icon-left-lg .form-input{padding-left:2.2rem}.has-icon-left.has-icon-left-lg .form-icon{left:0.5rem;margin-top:-0.5px}@media (max-width: 840px){.confirm-changes{position:fixed;bottom:0;left:0;right:0;z-index:100;background:white;padding:0.5rem 1rem;box-shadow:0 -1px 3px rgba(0, 0, 0, 0.1);display:flex;justify-content:center;transform:translateY(100%);transition:transform 0.4s}.confirm-changes.show{transform:translateY(0)}}@media (min-width: 841px){.confirm-changes{opacity:0.2;pointer-events:none}.confirm-changes.show{opacity:1;pointer-events:auto}}.admin-bar .dropdown-toggle{border-radius:0;display:flex;align-items:center}.admin-bar .dropdown-toggle i{margin-left:auto}.admin-bar .menu{left:0;right:0;width:auto}.navbar-container{z-index:99;background:white;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12)}.navbar{height:80px}@media (max-width: 767px){.navbar{height:60px}}.navbar .navbar-brand{font-size:0}.navbar .navbar-brand img{height:30px;width:auto}@media (max-width: 767px){.navbar .navbar-brand img{height:22px}}.navbar .btn{white-space:nowrap}.navbar .btn.btn-link{box-shadow:none;height:1.8rem}@media (max-width: 839px){.navbar .btn.btn-link{padding-left:0.5rem;padding-right:0.5rem}}.navbar .btn.btn-link:hover, .navbar .btn.btn-link:focus{background:#dde9f0}.navbar .btn.btn-link:active{background:#ccdee7}.navbar .flag-icon{height:12px;background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.navbar .flag-icon.flag-icon-at{background-image:url("/static/img/flags/at.e2634e96c9ad.svg")}.navbar .flag-icon.flag-icon-it{background-image:url("/static/img/flags/it.8d15de04f5f6.svg")}.navbar .flag-icon.flag-icon-si{background-image:url("/static/img/flags/si.31fbdc5b5842.svg")}.navbar .flag-icon2{height:15px;background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.navbar .flag-icon2.flag-icon-at{background-image:url("/static/img/flags/at.e2634e96c9ad.svg")}.navbar .dropdown .dropdown-toggle{display:flex;align-items:center}.navbar .dropdown .menu{min-width:0;white-space:nowrap;padding:0;overflow:hidden}@media (max-width: 839px){.navbar .dropdown .menu{position:fixed;left:0;right:0;top:60px;text-align:center;padding:0.5rem 0;background:#f5f7f9}.navbar .dropdown .menu a{justify-content:center}}.navbar-mobile{position:fixed;bottom:0;left:0;right:0;display:flex;background:#222;z-index:99}.navbar-mobile.navbar-mobile-light{background:white;box-shadow:0 -1px 3px rgba(0, 0, 0, 0.1)}.navbar-mobile.navbar-mobile-light a{color:rgba(0, 0, 0, 0.5);background:transparent !important}.navbar-mobile.navbar-mobile-light a:hover, .navbar-mobile.navbar-mobile-light a:focus, .navbar-mobile.navbar-mobile-light a.active{color:rgba(0, 0, 0, 0.75)}.navbar-mobile.navbar-mobile-light a.active{color:#41738d}.navbar-mobile a{flex:1;display:block;font-size:12px;font-weight:bold;text-align:center;padding:0.4rem 0 0.2rem;color:rgba(255, 255, 255, 0.6);transition:all 0.4s;box-shadow:none}.navbar-mobile a.disabled{opacity:0.2;pointer-events:none;cursor:not-allowed}.navbar-mobile a:hover, .navbar-mobile a:focus, .navbar-mobile a.active{text-decoration:none;color:rgba(255, 255, 255, 0.8);background:black}.navbar-mobile a.active{background:#41738d;color:white}.navbar-mobile a i{display:block;font-size:24px;margin-bottom:2px}.footer.footer-loggedin{padding:0.75rem 0;font-size:12px}.footer .logo{height:26px;opacity:0.5;width:auto;margin-bottom:1.5rem}.footer .footer-section{padding-top:2rem;padding-bottom:2rem}.footer .footer-title{font-size:13px;font-weight:bold;letter-spacing:0.05em;text-transform:uppercase}.footer .nav .nav-item a{padding-left:0}.footer .nav .nav-item a:hover{color:#41738d}.footer .nav .nav-item a .badge:after{font-size:0.5rem;font-weight:bold;padding:0.2rem 0.3rem;background:#41738d}.cookie-confirmation .toast,.toast{padding-left:16px;padding-right:16px}.toast a{color:inherit !important;font-weight:600;text-decoration:none;opacity:0.8}.toast a:hover, .toast a:focus, .toast a:active{opacity:1}.toast.toast-success{background-color:#429489;border-color:#429489}.toast.toast-primary{background-color:#41738d;border-color:#41738d}.toast.toast-error{background-color:#ac4752;border-color:#ac4752}.toast.toast-warning{background-color:#f4ab33;border-color:#f4ab33}.bg-gray .step .step-item a, .step .step-item a{background:#f5f7f9}.bg-gray .step .step-item a:before{border-color:#f5f7f9}.step .step-item:not(:first-child):before{top:13px;height:2px}.step .step-item a{color:#41738d;padding-top:0;display:inline-flex;align-items:center;background:#f5f7f9;position:relative;z-index:1;padding:0 8px}.step .step-item a:before{transform:none;margin-right:8px;height:28px;width:28px;line-height:24px;font-size:16px;font-weight:bold;color:white;position:static;display:inline-block}.content-register,.homepage-header{position:relative}.step .step-item a span{text-align:left}.step .step-item:nth-child(1) a:before{content:"1"}.step .step-item:nth-child(2) a:before{content:"2"}.step .step-item:nth-child(3) a:before{content:"3"}.step .step-item.active a::before{background:white;border-color:#41738d;color:#41738d}.step .step-item.done a:before{background-color:#32b643;content:"\f00c";font-family:"FontAwesome";font-size:14px}.step .step-item:not(:first-child)::before{background:#41738d}.homepage-header{padding-top:200px;padding-bottom:200px}.homepage-header .homepage-header-images{overflow:hidden}@media (max-width: 839px){.homepage-header{padding-top:60px;padding-bottom:0}.homepage-header .homepage-header-images{position:relative;margin-top:40px;height:0;padding-bottom:85%}}@media (min-width: 840px){.homepage-header .homepage-header-images{position:absolute;left:50%;top:0;bottom:0;right:0}}.homepage-header .homepage-header-images .ipad{position:absolute;left:90px;top:30px}@media (max-width: 839px){.homepage-header .homepage-header-images .ipad{left:15%;width:80%;top:0}}.homepage-header .homepage-header-images .iphone{position:absolute;left:0;top:120px}@media (max-width: 839px){.homepage-header .homepage-header-images .iphone{width:30%;left:5%;top:50px}}.homepage-section{padding:60px 0;border-top:1px solid rgba(0, 0, 0, 0.12)}.homepage-section h2, .homepage-section h4{margin-bottom:40px}.homepage-logos .divider{text-transform:uppercase;font-weight:bold;letter-spacing:0.05em;border-color:#e5e7e9;margin-bottom:30px}.homepage-logos .divider:after{background:#f5f7f9}.homepage-logos .logos{display:flex;justify-content:center;flex-wrap:wrap}.homepage-logos .divider, .homepage-logos .logos{max-width:700px;margin-left:auto;margin-right:auto}.homepage-logos a{padding:0 30px 30px;display:flex;align-items:center;justify-content:center;width:33%}.homepage-logos a img{max-height:50px;max-width:160px;opacity:0.5;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:all 0.2s}@media (max-width: 600px){.homepage-logos a{width:50%}.homepage-logos a img{max-width:100%}}.homepage-logos a:hover img{opacity:1;-webkit-filter:none;filter:none}.homepage-logos a:active{opacity:1}
ul[data-tabs] {
  margin-bottom: 50px;
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
}

ul[data-tabs] li {
  display: inline-block;
}

ul[data-tabs] li a {
  color: #41738d !important;
}

ul[data-tabs] li a:active, ul[data-tabs] li a.active, ul[data-tabs] li a[aria-selected="true"] {
  background: #41738d !important;
  border-color: #41738d !important;
  color: white !important;
}

ul[data-tabs] li:not(:first-child) a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

ul[data-tabs] li:not(:last-child) a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.homepage-features .homepage-features-tab{margin-bottom:40px}.homepage-features .homepage-feature{margin-bottom:40px}.homepage-features .homepage-feature h4{margin-bottom:20px}.homepage-features .homepage-feature .feature-icon{height:64px;width:64px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#dde9f0, #cdd9e0);border-radius:30%;color:#41738d;font-size:32px;margin-bottom:20px}.homepage-features .homepage-feature .feature-icon i{opacity:0.5}@media (min-width: 841px){.homepage-features .homepage-feature{max-width:600px;margin:0 auto;display:flex}.homepage-features .homepage-feature .iphone{margin-left:auto;margin-right:40px;flex-shrink:0;max-width:45%}.homepage-features .homepage-feature .details{flex-grow:1;padding-top:50px}}@media (max-width: 840px){.homepage-features .homepage-feature h4{text-align:center}.homepage-features .homepage-feature .iphone{margin-bottom:30px}.homepage-features .homepage-feature .iphone img{max-width:140px;display:block;margin:0 auto;height:auto}.homepage-features .homepage-feature .feature-icon{display:none}}

.content-login{background-color:#41738d;background-image:url("/static/img/paul-gilmore-hKOPVtGQZ4o-unsplash.ee46312535df.jpg");background-position:center;background-size:cover}
.content-login.employer, .employer .content-register-image { background-image:url("/static/img/login-bg-employer.d3b3f97d6dc4.jpg") !important; }

@media (min-width: 841px){.content-login{display:flex;flex-direction:column;justify-content:center}}.content-login .card{max-width:440px;margin:0 auto;border:0}.content-login .card .card-body{padding-top:40px;padding-bottom:40px}@media (min-width: 841px){.content-login .card .card-body{padding:40px}}.content-register{position:relative}.content-register .content-register-image{display:block;position:absolute;top:0;right:0;bottom:0;width:50%;background-image:url("/static/img/paul-gilmore-hKOPVtGQZ4o-unsplash.ee46312535df.jpg");background-position:center;background-size:cover}.content-register .step{margin:0 0 15px}.register-banner{max-width:100%;height:auto;margin:0 auto 40px;display:block;border-radius:3px}.register-password-checklist{list-style:none}.register-credit{position:fixed;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);color:white;font-size:12px;padding:5px 10px}@media (max-width: 839px){.register-credit{display:none}}.employer-list{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:0;border-right:0;padding-left:2.5rem}.employer-list .menu-item{position:relative}.employer-list .menu-item .letter{position:absolute;left:-1.5rem;font-size:24px;line-height:1;margin-top:-12px;top:50%;font-weight:300;opacity:0.4}.employer-list .menu-item a:not(.btn){padding:0.75rem 1rem;display:flex}.employer-list .logo{width:50px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:1.25rem;flex-shrink:0}.employer-list img{max-height:100%;max-width:100%}@media (min-width: 841px){.content-connect{display:flex;overflow:hidden;flex-direction:column;padding-bottom:0}.content-connect>.columns{flex-grow:1;overflow:hidden;border-top:0.5px solid #ddd;margin:0;flex-wrap:nowrap}.content-connect>.columns>.column{overflow-x:hidden;overflow-y:auto;padding:1rem}}@media (max-width: 840px){.content-connect>.columns{padding:0 1rem}}.content-connect .content-connect-form{max-width:400px;margin-left:auto;margin-right:auto}.content-connect .content-connect-sidebar{background:rgba(0, 0, 0, 0.05);border-left:0.5px solid #ddd}.cookie-confirmation{position:fixed;bottom:20px;left:0;right:0;text-align:center}.cookie-confirmation .toast{display:inline-block;width:auto;padding-left:16px;padding-right:16px;background:white;box-shadow:0 1px 6px rgba(0,0,0,0.2);border:0;color:#42474a}.modal-container{padding:0;border-radius:10px;max-width:960px}.modal-container .modal-body{padding:1.25rem;overflow-x:hidden;overflow-y:auto}.modal-container .modal-header{padding:1rem 1.25rem 0}.modal-container .modal-header .close{margin-top:4px}.modal-container .modal-footer{box-shadow:0 -1px 2px rgba(0, 0, 0, 0.1);border-top:1px solid #ddd}.tab-scroll-wrapper{position:relative}.tab-scroll-wrapper.active .tab-scroll-left, .tab-scroll-wrapper.active .tab-scroll-right{display:block}.tab-scroll-wrapper.active .tab{padding:0}.tab-scroll-wrapper.active .tab-item:first-child{padding-left:40px}.tab-scroll-wrapper.active .tab-item:last-child{padding-right:40px}.tab-scroll-wrapper .tab-scroll-left, .tab-scroll-wrapper .tab-scroll-right{display:none;position:absolute;top:0;bottom:0;background:white;width:40px;height:40px;top:1px;text-align:center;background:rgba(255, 255, 255, 0.5);box-shadow:none;border:0;border-radius:50%}.tab-scroll-wrapper .tab-scroll-left:focus, .tab-scroll-wrapper .tab-scroll-right:focus{outline:none}.tab-scroll-wrapper .tab-scroll-left{left:0}.tab-scroll-wrapper .tab-scroll-right{right:0}.tab-scroll{overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #ddd}.tab-scroll .tab{flex-wrap:nowrap;border-bottom:0;margin:0}.tab .tab-item{padding-right:1rem}.tab .tab-item a{padding-left:0;padding-right:0;color:#41738d;white-space:nowrap}.tab .tab-item a:hover{color:#213a47}.tab .tab-item.active a{color:#42474a;border-bottom-color:#42474a}.settings-dropdown-mobile .dropdown-toggle{border:0;border-bottom:1px solid #d5d7d9 !important;display:flex;align-items:center;padding:10px 20px}.dashboard .container{max-width:1000px}@media (max-width: 839px){.dashboard .card{margin-left:-20px;margin-right:-20px;border-left:0;border-right:0}}@media (min-width: 840px){.dashboard .card{margin-bottom:20px}}@media (max-width: 839px){.dashboard .card, .dashboard .toast{border-radius:0;width:auto;position:relative}}.card-empty .card-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px !important}.card-empty .card-body p{max-width:400px;margin:10px 0;font-size:90%}.card-empty .card-body img{width:80px}.card-payslip .card-header{padding-bottom:0.8rem;display:flex;align-items:center;justify-content:space-between}.card-payslip .card-header .employer-logo{line-height:0}.card-payslip .card-header .employer-logo img{max-height:60px;max-width:100px}.card-payslip .card-body{border-top:1px solid #ddd}.card-payslip .title, .card-payslip .subtitle{font-size:20px;margin-bottom:5px;line-height:1.2}.card-payslip .title{font-size:20px;display:flex;justify-content:space-between}.card-payslip .value{white-space:nowrap;margin-left:1rem}.card-payslip .period{display:block;color:#858789;font-size:0.9em}.card-payslip .toast{border-top-left-radius:0;border-top-right-radius:0}.payslip .payslip-header{display:flex;justify-content:space-between}.payslip .payslip-header .payslip-date{display:flex;align-items:center}.payslip .payslip-header .payslip-date .dropdown .dropdown-toggle{display:block}.payslip .payslip-header .payslip-date .dropdown .menu{margin-top:5px}.payslip .payslip-header .payslip-date .dropdown h4{margin-bottom:0}@media (max-width: 840px){.payslip .payslip-header{display:block}}.payslip .card{min-height:100%}@media (max-width: 767px){.payslip .card{margin-left:20px;margin-right:20px;border-left:0;border-right:0;border-radius:0}}.payslip .table{line-height:1.3}.payslip .table td{vertical-align:top}.payslip .table .value{text-align:right;white-space:nowrap}.payslip .table .label{font-size:0.75em;position:relative;top:-0.2em;margin-left:0.25em}.payslip .chart-placeholder{padding:15% 0;background:rgba(0, 0, 0, 0.02);display:flex;align-items:center;justify-content:center;color:rgba(0, 0, 0, 0.3)}.chart-legend ul{padding:0;margin:0;text-align:center}.chart-legend li{display:inline-flex;align-items:center;margin-right:10px;font-size:13px;margin-top:0}.chart-legend span{display:block;width:14px;height:14px;border-radius:50%;margin-right:5px}@media (max-width: 767px){.table-scroll{padding-bottom:1rem;overflow-x:auto}}.table th:first-child, .table td:first-child{padding-left:0.8rem}.table th:last-child, .table td:last-child{padding-right:0.8rem}.table th{font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:#858789;border-bottom-width:1px;vertical-align:bottom}.table .border-right-dashed{border-right:1px dashed #ddd;padding-right:0.8rem}.card .table > *:last-child tr:last-child td{border-bottom:0}.save-goal{overflow:hidden}@media (max-width: 839px){.save-goal{margin-left:-1.5rem;margin-right:-1.5rem;border-left:0;border-right:0;border-radius:0}}@media (max-width: 839px){.save-goal{margin-left:-20px;margin-right:-20px}}@media (min-width: 840px){.save-goal{flex-direction:row}}.save-goal .card-header, .save-goal .card-body, .save-goal .card-footer{flex:1;padding:0.8rem}.save-goal .card-header{background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;flex-direction:column;border-color:transparent;position:relative;color:white;overflow:hidden;padding:0.8rem}@media (max-width: 839px){.save-goal .card-header{display:flex;flex-direction:row !important;justify-content:space-between !important}}@media (min-width: 840px){.save-goal .card-header{text-align:center}.save-goal .card-header .btn{margin-top:15px}}.save-goal .card-header>*{position:relative;z-index:1}.save-goal .card-header:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5)}.save-goal .card-header p{padding:1rem;margin:1rem;border-radius:5px;text-align:center}.save-goal .card-footer{background:#f5f7f9;display:flex;line-height:1.3}@media (max-width: 839px){.save-goal .card-footer{border-top:1px solid #e5e7e9}}@media (min-width: 840px){.save-goal .card-footer{border-left:1px solid #e5e7e9;align-items:center;flex-direction:column;text-align:center}}.save-goal .card-footer .target{display:flex;flex-direction:column;justify-content:center;text-align:center;margin:0 0 1rem}@media (max-width: 839px){.save-goal .card-footer .target{flex:1;margin:0 1rem 0 0}}.save-goal .card-footer .target h3{margin:0}.save-goal .card-footer .equivalent{flex:1;width:100%;position:relative;color:white;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:3px;overflow:hidden;padding:0.5rem;background-size:cover}.save-goal .card-footer .equivalent:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4)}.save-goal .card-footer .equivalent>*{position:relative;z-index:1}@media (min-width: 960px){.save-goal .card-footer .equivalent strong{display:block;font-size:20px}}.save-progress::-webkit-progress-value{background:#73d75e}.save-progress::-moz-progress-value{background:#73d75e}.save-progress::-moz-progress-bar{background:#ee425b}.save-progress::-webkit-progress-bar{background:#ee425b}.save-progress{background:rgba(255, 255, 255, 0.4)}@media (max-width: 839px){.save-progress{position:absolute !important;bottom:0;left:0;right:0}}@media (min-width: 840px){.save-progress{margin-top:10px}}.slider::-webkit-slider-runnable-track,.slider::-moz-range-track,.slider::-ms-track{background:rgba(0, 0, 0, 0.1) !important}.slider:focus{outline:none;box-shadow:none}.slider::-webkit-slider-thumb{background:#41738d;width:20px;height:20px;margin-top:-9px}.slider::-ms-thumb{background:#41738d;width:30px;height:30px}.slider::-moz-range-thumb{background:#41738d;width:30px;height:30px}.duration-slider{position:relative;margin-top:5px}.duration-slider .labels{display:flex;justify-content:space-between}.duration-slider .label{padding:2px 6px;font-size:12px;border-radius:4px;white-space:nowrap}.duration-slider .label.value{position:absolute;left:50%;transform:translateX(-50%);top:0}.tooltip .fa-question-circle{opacity:0.2}.tooltip:hover .fa-question-circle{opacity:0.6}@media (max-width: 767px){.dropdown-toggle.tooltip:after{display:none}}.spend .input-group{max-width:120px}.spend input[readonly]{background:transparent;pointer-events:none}.spend .spend-details{padding:40px 0;margin-top:40px;background:white;border-top:0.05rem solid #dadee4;border-bottom:0.05rem solid #dadee4}.spend .accordion-header{padding-left:0;padding-right:0;font-size:13px;letter-spacing:0.1em;opacity:0.6;text-transform:uppercase;font-weight:bold;display:flex;align-items:center}.spend .accordion-header i{margin-right:10px}.spend .accordion-header span{margin-left:auto}.spend .accordion input:checked ~ .accordion-header i{transform:rotate(90deg)}.compare .compare-header{display:flex;justify-content:space-between}@media (max-width: 840px){.compare .compare-header{display:block}}.compare .compare-header .compare-date{display:flex;align-items:center}.compare .compare-header .compare-date h4{margin-bottom:0}.compare .compare-header .compare-date .dropdown-toggle{display:block}.compare .compare-header .compare-range .btn{white-space:nowrap}.compare .table-scroll{padding-bottom:0}@media (max-width: 767px){.compare .card{margin-left:20px;margin-right:20px;border-left:0;border-right:0;border-radius:0}}.expenses .card{overflow:hidden}.expenses .card .card-header{padding:0.6rem 0.8rem;border-bottom:0.05rem solid #dadee4;border-top-left-radius:inherit;border-top-right-radius:inherit;background:#f5f7f9}.expenses .card .card-header .card-title{font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:#858789;border-bottom-width:1px;vertical-align:bottom;font-weight:bold}.expenses .table:not(:first-child){border-top:0.05rem solid #dadee4}.expenses .table th i:not(:last-child), .expenses .table th span:not(:last-child), .expenses .table td i:not(:last-child), .expenses .table td span:not(:last-child){margin-right:5px}.expenses .table th:last-child, .expenses .table td:last-child{text-align:right}.expenses .table thead, .expenses .table tfoot{font-weight:bold;background-color:#f5f7f9}.expenses .table.table-hover tbody tr{cursor:pointer}@media (max-width: 640px){.expenses .table .tooltip{display:none}}.expenses .table .color{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px}.expenses-empty{display:flex;align-items:center;justify-content:center}.modal-expenses .modal-container{max-width:400px}.modal-expenses .modal-header{display:flex;justify-content:space-between;align-items:center;padding:0.8rem 1.25rem;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);border-bottom:1px solid #ddd}.modal-expenses .form-horizontal{padding:0}.modal-expenses .input-group{max-width:110px}.modal-expenses .input-group input{text-align:right}.modal-expenses .form-group{justify-content:space-between;align-items:flex-start}.modal-expenses .divider{margin:1rem -2rem}.modal-expenses .form-label{font-weight:normal}.modal-expenses select{width:auto}.aboutus-top{background-image:url("/static/img/paul-gilmore-hKOPVtGQZ4o-unsplash.ee46312535df.jpg");background-position:center;background-size:cover}.supported-employers{max-width:500px;margin:0 auto}.supported-employers .card{margin-bottom:50px}.supported-employers .card>div{display:flex;align-items:center;border-color:inherit;padding:15px}.supported-employers .card>div:hover{background-color:rgba(0, 0, 0, 0.03)}.supported-employers .card>div:not(:last-child){border-bottom-width:1px;border-bottom-style:solid}.supported-employers .card > div .avatar{background-color:white;border:1px solid rgba(0, 0, 0, 0.1);margin-right:15px;flex-shrink:0}.supported-employers .card > div h5, .supported-employers .card > div p{margin:0;line-height:24px}.supported-employers .card > div a{margin-left:auto}


.features-section{
  border-bottom:1px solid rgba(0, 0, 0, 0.12);
}
@media(max-width: 840px) {
  .features-section {
    text-align: center;
  }
}

.features-section .container {
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}
@media(max-width: 840px) {
  .features-section .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.features-section .columns {
  align-items: center;
}

.features-section img {
  border-radius: 10px;
  margin-bottom: -160px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  display: block;
}

@media(max-width: 840px) {
  .features-section img {
    margin: 30px auto;
    width: 400px;
  }
}