:root{--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--sa-green: #007a4d;--sa-red: #de3831;--sa-yellow: #ffb612;--sa-sky: #b3e5f4;--sa-alert-green: #7DDF64;--sa-alert-yellow: var(--sa-yellow);--sa-alert-yellow-dark: #F29D00;--sa-alert-red: #FF4433;--sa-alert-offduty: #E0E5EA}body{font-family:var(--system-ui)}.pb-h2{font-size:1.3em}a{color:var(--sa-green)}a:hover{color:#000}small{display:inline-block;line-height:normal}.text-muted{color:inherit!important;opacity:.5}.sa-header{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;box-shadow:0 2px 6px #0000001a;z-index:9999}.sa-header-icon{font-size:22px;line-height:56px}.sa-header-title{font-size:22px;line-height:56px;margin:0}.sa-content{padding:56px 0}.sa-footer{position:fixed;bottom:0;left:0;right:0;height:5hei;background:var(--sa-yellow)}.sa-footer-nav{display:block;height:100%;color:#000;opacity:.4;text-decoration:none;padding:0 0 4px}.sa-footer-nav.nav-active{opacity:1}.sa-footer-icon{font-size:22px;margin:8px auto 0;display:block!important}.sa-footer-nav-label{font-size:10px}.pb-container{padding:30px}.btn-text,.btn-text:active{color:#007a4d}.btn-primary,.btn-primary:active,.btn-primary:disabled,.btn-primary:focus,.btn-primary:hover{background-color:var(--sa-green);border-color:var(--sa-green)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--sa-green)}.btn-outline-primary{border-color:var(--sa-green);color:var(--sa-green)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active,.btn-outline-primary:hover{background-color:var(--sa-green);border-color:var(--sa-green)}.sa-big-round-button{height:88px;overflow:hidden;border-radius:88px!important;border-width:0}.sa-big-round-button img{width:88px}.sa-card-footer-button{background-color:var(--sa-green);color:#fff}.list-group-flush>.list-group-item:last-child{border-bottom-width:1px}.list-group,.list-group-item{background:none}.sa-list-item-arrow{padding-right:32px}.sa-list-item-arrow:after{content:"";position:absolute;top:0;right:16px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;font-family:"Font Awesome 5 Pro";opacity:.5}.pb-logo{display:block;max-width:200px}.pb-avatar-container{display:block;width:80px!important;height:80px!important;border:1px solid rgba(0,0,0,.1);border-radius:9999px;overflow:hidden}.pb-avatar{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.sa-logo-xs{width:2em}.sa-logo-sm{width:4em}.sa-logo-md{width:6em}.sa-logo-lg{width:8em}.sa-svg-logo{height:.9em;fill:#fff;display:inline-block;vertical-align:baseline;transform:translateY(.1em)}.accordion-button:not(.collapsed){color:inherit;box-shadow:none;background:#fff;font-weight:700}.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.form-label{margin-atom:.1rem}.sa-input-lg{font-size:3em;text-align:center}.sa-input-rand-wrapper{position:relative}.sa-input-rand-wrapper:before{position:absolute;content:"R";left:1rem;top:.375rem;font-size:3em;opacity:.5}.input-group-text{background:none;border-right:none}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-left:none}.btn-group.sa-btn-group{border:1px solid var(--sa-green);border-radius:.3rem;padding:2px;gap:2px}.btn-group.sa-btn-group>.btn-check+.btn{border-radius:.25rem;margin:0!important}.btn-group.sa-btn-group>.btn-check:not(:checked)+.btn{border-color:transparent}#absaApplication{border:1px solid white;border-radius:1em;padding:1em}.sa-status-green{background-color:var(--sa-alert-green)}.sa-status-yellow{background-color:var(--sa-alert-yellow)}.sa-status-red{background-color:var(--sa-alert-red)}.sa-status-offduty{background-color:var(--sa-alert-offduty)}.sa-alert-icon{width:1em;text-align:center}.sa-bill{background-color:#f3f3f3;background-image:url(https://cdn.sapay.co.za/4c36670b-540e-4b9c-90d0-02eaabd6c1fd/images/perforation.svg);background-size:16px;background-position:bottom;background-repeat:repeat-x;padding:32px 16px;margin-top:-30px}.sa-confir{width:220px;margin:15px auto;animation:pop .3s linear 1}.pb-rule-below{border-bottom:1px solid #000}.sa-green{color:var(--sa-green)!important}.sa-no-last-border li:last-child{border:none}.sa-bg-white{background-color:#fff}.sa-bg-sky{background-color:var(--sa-sky)}.sa-bg-yellow,.sa-bg-yellow:active,.sa-bg-yellow:hover,.sa-bg-yellow:visited,.sa-bg-yellow:focus{background-color:var(--sa-yellow)}.sa-bg-green,.sa-bg-green:active,.sa-bg-green:hover,.sa-bg-green:visited{background-color:var(--sa-green)}.sa-bg-red,.sa-bg-red:active,.sa-bg-red:hover,.sa-bg-red:visited{background-color:var(--sa-red)}.sa-mw-sm{max-width:400px}.svg-container{height:13em;margin-bottom:.5em}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#76b72a;fill:none;-webkit-animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{stroke-width:2;stroke:#76b72a;stroke-miterlimit:10;-webkit-animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 #76b72a;display:block;height:156px;margin:10% auto;width:156px}.checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;-webkit-animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes pop{50%{transform:scale(1.2)}}@-webkit-keyframes stroke{to{stroke-dashoffset:0}}@keyframes stroke{to{stroke-dashoffset:0}}@-webkit-keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.text-muted{opacity:.5}