.la-ball-atom,.la-ball-atom>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-atom{display:block;font-size:0;color:#fff}.la-ball-atom.la-dark{color:#333}.la-ball-atom>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-atom{width:32px;height:32px}.la-ball-atom>div:nth-child(1){position:absolute;top:50%;left:50%;z-index:1;width:60%;height:60%;background:#aaa;border-radius:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ball-atom-shrink 4.5s infinite linear;-moz-animation:ball-atom-shrink 4.5s infinite linear;-o-animation:ball-atom-shrink 4.5s infinite linear;animation:ball-atom-shrink 4.5s infinite linear}.la-ball-atom>div:not(:nth-child(1)){position:absolute;left:0;z-index:0;width:100%;height:100%;background:none;-webkit-animation:ball-atom-zindex 1.5s 0s infinite steps(2,end);-moz-animation:ball-atom-zindex 1.5s 0s infinite steps(2,end);-o-animation:ball-atom-zindex 1.5s 0s infinite steps(2,end);animation:ball-atom-zindex 1.5s 0s infinite steps(2,end)}.la-ball-atom>div:not(:nth-child(1)):before{position:absolute;top:0;left:0;width:10px;height:10px;margin-top:-5px;margin-left:-5px;content:"";background:currentColor;border-radius:50%;opacity:.75;-webkit-animation:ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;-moz-animation:ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;-o-animation:ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease;animation:ball-atom-position 1.5s 0s infinite ease,ball-atom-size 1.5s 0s infinite ease}.la-ball-atom>div:nth-child(2){-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s}.la-ball-atom>div:nth-child(2):before{-webkit-animation-delay:0s,-1.125s;-moz-animation-delay:0s,-1.125s;-o-animation-delay:0s,-1.125s;animation-delay:0s,-1.125s}.la-ball-atom>div:nth-child(3){-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s}.la-ball-atom>div:nth-child(3):before{-webkit-animation-delay:-1s,-.75s;-moz-animation-delay:-1s,-.75s;-o-animation-delay:-1s,-.75s;animation-delay:-1s,-.75s}.la-ball-atom>div:nth-child(4){-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.la-ball-atom>div:nth-child(4):before{-webkit-animation-delay:-.5s,-.125s;-moz-animation-delay:-.5s,-.125s;-o-animation-delay:-.5s,-.125s;animation-delay:-.5s,-.125s}.la-ball-atom.la-sm{width:16px;height:16px}.la-ball-atom.la-sm>div:not(:nth-child(1)):before{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-atom.la-2x{width:64px;height:64px}.la-ball-atom.la-2x>div:not(:nth-child(1)):before{width:20px;height:20px;margin-top:-10px;margin-left:-10px}.la-ball-atom.la-3x{width:96px;height:96px}.la-ball-atom.la-3x>div:not(:nth-child(1)):before{width:30px;height:30px;margin-top:-15px;margin-left:-15px}@-webkit-keyframes ball-atom-position{50%{top:100%;left:100%}}@-moz-keyframes ball-atom-position{50%{top:100%;left:100%}}@-o-keyframes ball-atom-position{50%{top:100%;left:100%}}@keyframes ball-atom-position{50%{top:100%;left:100%}}@-webkit-keyframes ball-atom-size{50%{-webkit-transform:scale(.5,.5);transform:scale(.5)}}@-moz-keyframes ball-atom-size{50%{-moz-transform:scale(.5,.5);transform:scale(.5)}}@-o-keyframes ball-atom-size{50%{-o-transform:scale(.5,.5);transform:scale(.5)}}@keyframes ball-atom-size{50%{-webkit-transform:scale(.5,.5);-moz-transform:scale(.5,.5);-o-transform:scale(.5,.5);transform:scale(.5)}}@-webkit-keyframes ball-atom-zindex{50%{z-index:10}}@-moz-keyframes ball-atom-zindex{50%{z-index:10}}@-o-keyframes ball-atom-zindex{50%{z-index:10}}@keyframes ball-atom-zindex{50%{z-index:10}}@-webkit-keyframes ball-atom-shrink{50%{-webkit-transform:translate(-50%,-50%) scale(.8,.8);transform:translate(-50%,-50%) scale(.8)}}@-moz-keyframes ball-atom-shrink{50%{-moz-transform:translate(-50%,-50%) scale(.8,.8);transform:translate(-50%,-50%) scale(.8)}}@-o-keyframes ball-atom-shrink{50%{-o-transform:translate(-50%,-50%) scale(.8,.8);transform:translate(-50%,-50%) scale(.8)}}@keyframes ball-atom-shrink{50%{-webkit-transform:translate(-50%,-50%) scale(.8,.8);-moz-transform:translate(-50%,-50%) scale(.8,.8);-o-transform:translate(-50%,-50%) scale(.8,.8);transform:translate(-50%,-50%) scale(.8)}}:root{--spinner-color: #34C19B;--spinner-bd-color: rgba(70, 70, 70, .12);--nav-height: 90px;--padding-vertical: 35px;--footer-height: 250px}body,app-root{display:flex;flex-direction:column;position:relative;width:100%;min-height:100vh}main{display:flex;flex-direction:column;flex:1 0 auto}main>app-template{display:flex;flex-direction:column;margin-top:var(--nav-height)}main>app-template>.inline{padding-top:var(--nav-height)}main>app-template>.docgen{height:100vh}main>app-password-change{margin:auto;padding-top:calc(var(--nav-height) + var(--padding-vertical));padding-bottom:var(--footer-height)}main>app-footer{flex-shrink:0}embed{margin-top:calc(-1 * var(--nav-height));padding-top:var(--nav-height)}.input-group{display:flex}.input-group>.input-group-addon{line-height:20px;width:auto}#footer-container{position:absolute;bottom:0;width:100%}#nav{background:#fff;border-width:0}.navbar{background:#fff none;margin-bottom:0}.navbar a{text-transform:uppercase;color:#404040}.navbar a:hover,.navbar li.active>a{color:#34c19b}.navbar ul.nav>li>a{font-size:121%;font-weight:700;padding-top:var(--padding-vertical);padding-bottom:var(--padding-vertical)}.navbar li.primary>a{background-color:#34c19b;color:#fff}.navbar-brand{padding:10px 0}.navbar-brand>img{width:340px}#header-bg{background:linear-gradient(to right,#52a897,#41474e);margin:auto}#header{color:#fff;padding:0}#header h1{text-shadow:1px 1px 1px rgba(0,0,0,.3);text-transform:uppercase;font-size:142%;letter-spacing:2px}#header .breadcrumb{background:none;text-align:right;text-transform:uppercase;font-size:70%;font-weight:700;letter-spacing:1px;margin-bottom:5px}#header .breadcrumb a{color:#ffffff80}#header .breadcrumb li.active{color:#fff}#user_team{font-size:80%;padding-right:15px}#user_team a{font-weight:700;color:inherit}#main{position:relative;padding:4ex 0 0}@media only screen and (max-width: 768px){#main{position:relative;padding:4ex 0 0}}#main.pms-payslip-report{padding:110px 0 0}#footer{background:linear-gradient(to right,#52a897,#41474e);color:gray;font-size:80%}#footer>.container{padding-left:0;padding-right:0}#footer>.container>nav>p.navbar-text{color:#fff;flex:auto;margin:0}#footer>.container>nav>ul>li>a{color:#fff;text-decoration:none}#footer-nav{display:flex;align-items:center;background:transparent;border:hidden}#subfooter{padding:2ex 0}div.page-heading{display:flex;width:100%}div.page-heading>h1{margin:0;line-height:40px;align-self:flex-start;flex-grow:1}div.page-heading>p{margin:0;line-height:40px;align-self:flex-end}h2{font-size:200%;font-weight:600;text-transform:uppercase;color:#404040}.jumbotron-inverse{color:#fff;background-color:#34c19b;background-size:100% auto;text-shadow:1px 1px 1px #404040}.breakout{padding:4ex 0;background:linear-gradient(to right,#52a897,#41474e);color:#fff}.breakout a:not(.btn){color:#fff}.req{color:#e80000;font-weight:700}.dl-horizontal>dt{white-space:normal}.dl-horizontal>dt,.dl-horizontal>dd{padding:.5ex 0}.dl-big>dt,.dl-big>dd{font-size:128%}.highlight{color:#34c19b}.btn{text-transform:uppercase}.nav-tabs{margin-bottom:4ex}.accesskey{text-decoration:underline}tr.total>td{font-weight:700}div.pull-right{margin-left:4em}ol.footnote{list-style-type:none}div.row.menu-tiled{padding-bottom:20px}div.row.menu-tiled>div:not(:first-child){padding-left:45px}div.row.menu-tiled>div:not(:last-child){padding-right:45px}table.services>tbody>tr>td:nth-child(2),table.services>thead>tr>th:nth-child(2){background:#7fbfab;color:#fff}table.services>tbody>tr>td:nth-child(3),table.services>thead>tr>th:nth-child(3){background:#34c19b;color:#fff}table.services>tbody>tr>td .popover{color:#777}@media only print{#header,#footer{display:none}main>app-template{flex:1 1 100vh;padding-bottom:0;margin-top:0}main>app-template>.inline{padding-top:0}}