.clocking-apply .clocking-label{display:table-cell;vertical-align:middle;padding:15px 0;padding-left:15px;width:100%}.clocking-apply section{background-color:#fff!important}.clocking-apply section form{min-height:100%;padding:10px;padding-top:15px}.clocking-apply .clock-time{text-align:center;font-size:32px;color:#555}.clocking-apply .clock-date{text-align:center;color:#555}.clocking-apply .networks{text-align:center;color:#555;white-space:pre-wrap}.clocking-apply .attach-action>div{display:inline-block;width:100%;padding:15px 0;vertical-align:middle;text-align:center;color:#0d78aa;cursor:pointer}.clocking-apply .attach-action>div>i{font-size:100px;vertical-align:middle}.clocking-apply div[ps-profile]{display:block;margin-left:auto;margin-right:auto}.clocking-apply .attach-message{padding:15px}.clocking-apply .submission-message{font-weight:700;color:#4aa241;text-align:center}.clocking-apply .error-message{font-weight:700;color:#c10606;text-align:center}@media only screen and (min-device-width:768px){.clocking-apply-modal .modal-dialog{width:400px}.clocking-apply section form{padding:20px}}.clocking-records>.modal-body>.table{font-size:14px;margin-bottom:0}.clocking-records>.modal-body>.table>tbody{background-color:#fff;border-bottom:0}.clocking-records>.modal-body>.table>tbody>tr>td.clock-location-name{width:55%}.clocking-records>.modal-body>.table>tbody>tr>td.clock-date{width:35%;padding:8px 2px 4px 2px}.clocking-records>.modal-body>.table>tbody>tr>td.clock-time{width:35%;padding:0 2px 8px 2px;border:0}.clocking-records>.modal-body>.table>tbody>tr>td.clock-status{width:10%}.clocking-records>.modal-body>.table>tbody>tr>td.clock-location-name-no-status{width:50%}.clocking-records>.modal-body>.table>tbody>tr>td.clock-date-no-status{width:35%}.clocking-records>.modal-body>.table>tbody>tr>td.clock-time-no-status{width:15%}@media only screen and (min-device-width:768px){.clocking-records-modal .modal-dialog{width:400px}}.roster-setting>.modal-body{padding:0}.roster-setting>.modal-body .legend{border-radius:0;padding:4px 10px;margin:0;border-bottom:1px solid #eaeaea}.roster-setting>.modal-body .legend:last-child{border-bottom:0}.roster-setting>.modal-body .legend>.col1{display:inline-block;width:38px!important;height:38px;border-radius:50%;line-height:34px;border:2px solid transparent;text-align:center;margin:2px 10px 2px 3px;color:#333;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.roster-setting>.modal-body .legend>.col2{display:inline-block;width:calc(100% - 56px);vertical-align:middle;line-height:36px;font-size:14px}.roster-setting>.modal-body .legend>.col2>div.input-box{width:50px}.roster-setting>.modal-body .legend>.col2>div.input-box>input{text-align:center}.roster-setting>.modal-body .legend>.today{font-weight:700;color:#3994d5}.roster-setting>.modal-body .legend>.off-rest{color:#999}.roster-setting>.modal-body .legend>.holiday{color:#be4141;font-weight:700}.roster-setting>.modal-body .legend>.selected{background-color:#ccc}.roster-setting>.modal-body .divider{padding:10px 5px 5px 15px;background-color:#ddd;border-top:1px solid #bbb;border-bottom:1px solid #ccc;font-size:13px;color:#555;margin-top:-1px}.roster-setting>.modal-body form .legend>.col2>div{display:inline-block;width:20px;text-align:center}.roster-setting>.modal-body form .legend>.col2>div:first-child{text-align:left}.roster-setting>.modal-body form>.alert{margin:10px}.roster-setting>.modal-body .form-footer{padding:10px;text-align:center}.roster-setting>.modal-body .form-footer a{margin-left:5px}@media only screen and (min-device-width:768px){.roster-setting-modal .modal-dialog{width:420px}.roster-setting>.modal-body .divider{font-size:14px}}.roster>section{background-color:#fff!important}.roster table[ng-switch-when=day] td>button{border-width:0}.roster table[ng-switch-when=day] td.on-leave-A>button{background-color:transparent;border:2px solid #4aa241}.roster table[ng-switch-when=day] td.on-leave-P>button{background-color:transparent;border:2px solid #dd9e39}.roster table[ng-switch-when=day] td.on-leave-S>button{background-color:transparent;border:2px solid grey}.roster table[ng-switch-when=day] td.off-rest>button{color:#999}.roster table[ng-switch-when=day] td.training>button>span::after{visibility:visible;color:#4aa241}.roster table[ng-switch-when=day] td.holiday>button{color:#be4141;font-weight:700}.roster .calendar-detail>table{font-size:12px}.roster .calendar-detail>table>tbody{background-color:transparent;border:0}.roster .calendar-detail>table>tbody>tr>td{border:0}.roster .calendar-detail>table>tbody>tr>td>div[ps-profile]{float:left;margin-top:5px}.roster .calendar-detail>table>tbody>tr>td.employee-photo{padding:13px 0 8px 10px}.roster .calendar-detail>table>tbody>tr>td>div.employee-name{font-size:16px;padding:8px 0 0 0}.roster .calendar-detail>table>tbody>tr>td>ps-item>div.leave-amount,.roster .calendar-detail>table>tbody>tr>td>ps-item>div.leave-date,.roster .calendar-detail>table>tbody>tr>td>ps-item>div.leave-name{margin-left:50px;font-size:12px}.roster .calendar-detail>table>tbody>tr>td>ps-item>div.leave-amount{color:#ed6f19;text-transform:lowercase}.roster .calendar-detail>table>tbody>tr>td.info-label{color:#555;padding:0 10px 5px 0;text-align:right}.roster .calendar-detail>table>tbody>tr>td.info-value{color:#133269;padding:0 0 5px 0}.fixed-header,.scroll-header{display:table;width:100%;padding:0}.fixed-header{top:10px;left:10px;width:calc(100% - 20px);-webkit-box-shadow:0 8px 18px -5px rgba(0,0,0,.6);-moz-box-shadow:0 8px 18px -5px rgba(0,0,0,.6);-ms-box-shadow:0 8px 18px -5px rgba(0,0,0,.6);-o-box-shadow:0 8px 18px -5px rgba(0,0,0,.6);box-shadow:0 8px 18px -5px rgba(0,0,0,.6)}.fixed-header>.col-date,.fixed-header>.col-icon,.fixed-header>.col-info,.scroll-header>.col-date,.scroll-header>.col-icon,.scroll-header>.col-info{display:table-cell;vertical-align:middle;padding:10px}.fixed-header>.col-icon,.scroll-header>.col-icon{background-color:#bbb;padding:10px 12px;text-align:center;width:36px}.fixed-header>.col-icon i,.scroll-header>.col-icon i{color:#555}.fixed-header>.col-date,.scroll-header>.col-date{padding-right:0;width:120px}.fixed-header>.col-info,.scroll-header>.col-info{padding-left:5px}@media only screen and (min-device-width:768px){.fixed-header>.col-date,.scroll-header>.col-date{width:150px}.roster .calendar-detail>table{font-size:13px}.roster .calendar-detail>table>tbody>tr>td.employee-name{font-size:17px}}.spinner{-webkit-backface-visibility:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:" ";display:inline-block;height:1em;width:1em;border:2px solid transparent;border-top-color:#4aa241;border-left-color:#4aa241;opacity:1}.spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}.fadein.ng-enter{-webkit-animation:fadeIn .5s;-moz-animation:fadeIn .5s;-o-animation:fadeIn .5s;animation:fadeIn .5s}.fadeinleft,.fadeinright{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.fadeinleft.ng-enter{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fadeinright.ng-enter{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fadeinleft.ng-enter-active,.fadeinright.ng-enter-active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fadeinleft.ng-leave,.fadeinright.ng-leave{opacity:1}.fadeinleft.ng-leave-active,.fadeinright.ng-leave-active{opacity:.5}.bounceinout.ng-hide-add{-webkit-animation:bounceOut .3s;-moz-animation:bounceOut .3s;-o-animation:bounceOut .3s;animation:bounceOut .3s}.bounceinout.ng-hide-remove{-webkit-animation:bounceIn .6s;-moz-animation:bounceIn .6s;-o-animation:bounceIn .6s;animation:bounceIn .6s}svg.android-spinner{width:20px;height:20px;x:0px;y:0px;viewBox:0 0 20 20}svg.android-spinner circle{fill:transparent;stroke:#4aa241;stroke-width:2;stroke-linecap:round;stroke-dasharray:62.8;-webkit-transform-origin:10px 10px 0;-moz-transform-origin:10px 10px 0;-ms-transform-origin:10px 10px 0;-o-transform-origin:10px 10px 0;transform-origin:10px 10px 0;-webkit-animation:spinner 1.7s linear infinite;-moz-animation:spinner 1.7s linear infinite;-ms-animation:spinner 1.7s linear infinite;-o-animation:spinner 1.7s linear infinite;animation:spinner 1.7s ease-out infinite}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);stroke-dashoffset:13.2}50%{-webkit-transform:rotate(720deg);stroke-dashoffset:62.8}100%{-webkit-transform:rotate(1080deg);stroke-dashoffset:13.2}}@-moz-keyframes spinner{0%{-moz-transform:rotate(0);stroke-dashoffset:13.2}50%{-moz-transform:rotate(720deg);stroke-dashoffset:62.8}100%{-moz-transform:rotate(1080deg);stroke-dashoffset:13.2}}@-ms-keyframes spinner{0%{-ms-transform:rotate(0);stroke-dashoffset:13.2}50%{-ms-transform:rotate(720deg);stroke-dashoffset:62.8}100%{-ms-transform:rotate(1080deg);stroke-dashoffset:13.2}}@-o-keyframes spinner{0%{-o-transform:rotate(0);stroke-dashoffset:13.2}50%{-o-transform:rotate(720deg);stroke-dashoffset:62.8}100%{-o-transform:rotate(1080deg);stroke-dashoffset:13.2}}@keyframes spinner{0%{transform:rotate(0);stroke-dashoffset:13.2}50%{transform:rotate(720deg);stroke-dashoffset:62.8}100%{transform:rotate(1080deg);stroke-dashoffset:13.2}}.btn-group>.btn-success{color:#e0ff66}.btn-group>.btn.active{color:#fff}.modal-backdrop{height:100%}.btn-group>.btn-success{border-left:1px solid #809b13}.btn-group>.btn-success:first-child{border-left:0}textarea{resize:none}.table tbody{background-color:#eaeaea;border-bottom:1px solid #ddd}.table>tbody+tbody{border-top:0}.table>tbody>tr>td{border-top:1px solid #ddd;padding:8px 2px}.table>tbody>tr>td:first-child{padding-left:8px}.table>tbody>tr>td:last-child{padding-right:8px}.col-xs-6+.col-xs-6{padding-left:0}.col-xs-4+.col-xs-4{padding-left:0}hr{border-color:#eaeaea}.nav-tabs>li>a{color:#555}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#00c3e9}@media only screen and (min-device-width:768px){body{font-size:18px}label{font-size:14px}.form-control{font-size:18px}.btn-group-sm>.btn,.btn-sm{font-size:16px}}.txt-gray{color:grey!important}.txt-white{color:#fff!important}.txt-green{color:#4aa241!important}.txt-yellow{color:#dd9e39!important}.txt-blue{color:#133269!important}.txt-orange{color:#ed6f19!important}.txt-red{color:#be4141!important}.bg-gray{background-color:grey!important}.bg-white{background-color:#fff!important}.bg-green{background-color:#4aa241!important}.bg-yellow{background-color:#dd9e39!important}.bg-blue{background-color:#133269!important}.bg-orange{background-color:#ed6f19!important}.bg-red{background-color:#bb202f!important}.fullheight{height:100%;display:block}.center{display:table;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.center-wrapper{display:table-cell;vertical-align:middle}.center-content{margin-left:auto;margin-right:auto;text-align:center}.size16{display:inline-block;width:16px;height:16px}.size32{display:inline-block;width:32px;height:32px}.btn-width{min-width:100px}.u4a-calendar{color:#47a0cc}.description{color:#555;font-size:12px}.description-sm{color:#555;font-size:11px}.alert>div>ul{margin-bottom:0}.trans70{opacity:.7}.display-inline{display:inline-block}.approval-status{display:inline-block;width:32px;height:32px}.approval-status>i{display:table-cell;width:32px;height:32px;font-size:18px!important;vertical-align:middle;text-align:center}.action-bar{display:table;table-layout:fixed;width:100%;border-top:1px solid #eaeaea}.action-bar .action-button{display:table-cell;width:2%;padding:12px 0;text-align:center}.action-bar .action-button+.action-button{padding-left:0;border-left:1px solid #eaeaea}.action-bar .action-button .action-text{margin-left:5px}a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;pointer-events:none}@media only screen and (min-device-width:768px){.description{font-size:14px}.description-sm{font-size:13px}}form .ng-invalid{border-bottom:1px solid #fd8174}form .alert{opacity:1;font-size:14px;margin-bottom:15px}form .alert .error-item{margin:5px 0}form .alert .error-item:first-child{margin-top:0}form .alert .error-item:last-child{margin-bottom:0}form .alert.ng-hide{opacity:0}.form-info{padding-bottom:10px;font-size:16px;color:#133269}.form-info>label{font-size:12px;color:#555;margin-bottom:0}.form-info>label>i{font-size:18px}@media only screen and (min-device-width:768px){.form-info{font-size:18px}.form-info>label{font-size:14px}.form-info>label>i{font-size:20px}}.nomargin{margin:0!important}.margin{margin:5px!important}.margin-t{margin-top:5px!important}.margin-r{margin-right:5px!important}.margin-b{margin-bottom:5px!important}.margin-l{margin-left:5px!important}.margin10{margin:10px!important}.margin10-t{margin-top:10px!important}.margin10-r{margin-right:10px!important}.margin10-b{margin-bottom:10px!important}.margin10-l{margin-left:10px!important}.margin15{margin:15px!important}.margin15-t{margin-top:15px!important}.margin15-r{margin-right:15px!important}.margin15-b{margin-bottom:15px!important}.margin15-l{margin-left:15px!important}.margin20{margin:20px!important}.modal .modal-content{background-color:#fff;border-radius:9px}.modal .modal-header{padding:15px 15px 15px 20px;border-bottom:0;border-radius:8px 8px 0 0;background-color:#0d78aa;color:#fff}.modal .modal-header>h4{font-weight:700}.modal .modal-header>a.btn-close{position:absolute;top:20px;right:15px;color:#be4141;font-size:20px}.modal .modal-body{padding:0}.modal .modal-body p:last-child{margin-bottom:0}.modal .modal-footer{padding:10px;border-top:1px solid #eaeaea;text-align:center}.msg-modal .msg>.modal-header>h4>i{margin-top:2px}.msg-modal .msg>.modal-body{text-align:center;padding:25px 15px 20px;margin-bottom:0}.msg-modal .msg>.modal-body i.u4a-exclamation-triangle{color:#bb202f}.msg-modal.msg-toast{top:auto;bottom:20px;font-size:14px}.msg-modal.msg-toast .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,25%);-ms-transform:translate(0,25%);-o-transform:translate(0,25%);transform:translate(0,25%)}.msg-modal.msg-toast.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.msg-modal.msg-toast .modal-content{border-radius:0;background-color:#323232;color:#fff}.msg-modal.msg-toast .msg>.modal-body{padding:10px}@media only screen and (min-device-width:768px){.msg-modal .modal-dialog{width:350px}}.nopadding{padding:0!important}.padding{padding:20px!important}.padding-t{padding-top:20px!important}.padding-r{padding-right:20px!important}.padding-b{padding-bottom:20px!important}.padding-l{padding-left:20px!important}.padding10{padding:10px!important}.padding10-t{padding-top:10px!important}.padding10-r{padding-right:10px!important}.padding10-b{padding-bottom:10px!important}.padding10-l{padding-left:10px!important}.padding10-trb{padding-top:10px!important;padding-right:10px!important;padding-bottom:10px!important}.padding5{padding:5px!important}.padding5-t{padding-top:5px!important}.padding5-r{padding-right:5px!important}.padding5-b{padding-bottom:5px!important}.padding5-l{padding-left:5px!important}body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}.snap-content,.snap-drawers{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.snap-content{background-color:#fff;z-index:20}.snap-content>header,.snap-drawer>header{position:absolute;top:calc(env(safe-area-inset-top,44px) - 1px)!important;height:44px;padding:5px;color:#fff;background-color:#4a5c69;-webkit-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-moz-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-ms-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-o-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);box-shadow:0 8px 18px -8px rgba(0,0,0,.4)}.snap-content>header{left:0;width:100%;text-align:center;z-index:21}.snap-content>header .btn,.snap-drawer>header .btn{color:#fff;font-size:20px;padding:6px}.snap-content>header .btn{position:relative}.snap-content>header .btn .badge{position:absolute;top:0;right:0;padding:2px 4px;font-size:10px;border-radius:10px;background-color:#be4141}.snap-content>header .title,.snap-drawer>header .title{font-size:18px;line-height:34px;display:inline-block;overflow:hidden;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.snap-content>header .title{position:absolute;left:0;right:0;margin-left:45px;max-width:calc(100% - 90px);cursor:pointer}.snap-content>section{z-index:13}.snap-content>section.ng-leave,.snap-content>section.ng-leave-active{z-index:12}.view-backdrop{background-color:#555;z-index:0}.snap-content>section,.view-backdrop{position:absolute;top:calc(env(safe-area-inset-top,44px) - 1px)!important;bottom:calc(env(safe-area-inset-top,44px))!important;left:0;right:0;margin-top:44px}.snap-content>section>div{height:100%;width:100%}.snap-content>section>div>header i{font-size:20px;cursor:pointer}.snap-content>section>div>section{height:100%;overflow-y:auto;background-color:#eaeaea;padding-top:1px;margin-top:-1px}.snap-drawer{position:absolute;top:0;bottom:0;width:266px;background-color:#eaeaea;-webkit-transition:top .2s linear,bottom .2s linear;-moz-transition:top .2s linear,bottom .2s linear;-o-transition:top .2s linear,bottom .2s linear;transition:top .2s linear,bottom .2s linear;z-index:10}.snap-drawer>header{width:inherit;z-index:11}.snap-drawer>header .btn{line-height:1}.snap-drawer footer{position:absolute;top:calc(env(safe-area-inset-top,44px) + 40px)!important;top:44px;width:inherit;min-height:45px;padding:10px;color:#fff;background-color:#364149;border-top:1px solid #96a2aa;border-right:8px solid #96a2aa;cursor:pointer;border-bottom:1px solid #96a2aa}.snap-drawer footer div[ps-profile]{position:absolute}.snap-drawer footer .name{margin-left:40px;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px}.snap-drawer footer .info{margin-left:40px;font-size:10px;font-style:italic;color:#9fa2a2}.snap-drawer>section{background-color:#eaeaea;padding-top:1px;margin-top:-1px}.snap-drawer>section .nav>li{border:0;border-bottom:1px solid #ebebeb}.snap-drawer>section .nav li>a{cursor:pointer;color:#ddd}.snap-drawer>section .nav li>a.focus{color:#bfe238}.snap-drawer>section .nav li>a:hover{background-color:transparent}.snap-drawer>section .nav li>a::after{color:#bfe238;font-size:13px;vertical-align:middle;line-height:25px}.snap-drawer>section .nav li.collapsed>a::after{font-family:u4a;content:'\f054';float:right}.snap-drawer>section .nav li.expanded>a::after{font-family:u4a;content:'\f078';float:right}.snap-drawer>section .nav li>a .menu-icon{font-size:16px;color:#b3bcc2;vertical-align:middle;margin-right:5px}.snap-drawer>section .nav li>a .caption{display:inline-block;vertical-align:middle}.snap-drawer>section .nav-l2{background-color:#364149}.snap-drawer>section .nav-l2>li{border-bottom:1px solid #dfdfdf}.snap-drawer>section .nav-l2>li:last-child{border-bottom:0}.snap-drawer>section .nav-l2>li>a{padding-left:34px}.snap-drawer>section .nav-l2.collapse,.snap-drawer>section .nav-l2.collapse.in,.snap-drawer>section .nav-l2.collapsing,.snap-drawer>section .nav-l2>li:first-child>a:hover{-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.3);-ms-box-shadow:inset 0 2px 2px rgba(0,0,0,.3);-o-box-shadow:inset 0 2px 2px rgba(0,0,0,.3);box-shadow:inset 0 2px 2px rgba(0,0,0,.3)}.snap-drawer .dropdown>.caret{margin-top:12px}.snap-drawer .dropdown-menu.show-active>li>a{padding-left:12px}.snap-drawer .dropdown-menu>li>a{line-height:2;cursor:pointer}.snap-drawer-left{left:0}.snap-drawer-left>header{left:0;border-right:1px solid #96a2aa}.snap-drawer-left>header img.logo{height:20px;margin-left:9px;margin-top:5px}.snap-drawer-left>header img.customer-logo{height:30px;max-width:240px;margin-left:9px;margin-top:1px}.snap-drawer-left>header img.customer-logo-u4{height:30px;max-width:100px;margin-top:1px}.snap-drawer-left>header .app-product{font-family:'Proxima Nova','Open Sans',Arial;font-size:20px;font-weight:100;color:#fff;display:inline-block;vertical-align:text-top;vertical-align:-webkit-baseline-middle;margin-left:2px}.snap-drawer-left>section{position:absolute;top:calc(env(safe-area-inset-top,44px) + 90px)!important;top:94px;left:0;right:0;bottom:44px;height:100%;background-color:#44535e}.snap-drawer-left>section>div{min-height:100%;border-right:8px solid #96a2aa}.snap-drawer-left>section .nav>li{border-bottom:1px solid #37424b;border-top:1px solid #5b6b76}.snap-drawer-left>section .nav>li:first-child{border-top:0}.snap-drawer-left>section .nav-l2>li{border:0;border-bottom:1px solid #454f57}.snap-drawer-right{right:0}.snap-drawer-right>header{right:0;border-left:1px solid #96a2aa}.snap-drawer-right>header .title{max-width:180px;padding-left:10px;cursor:pointer}.snap-drawer-right>header>.btn-group.open{background-color:#fff}.snap-drawer-right>header>.btn-group.open>.btn{color:#000;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.snap-drawer-right>header>.btn-group>.dropdown-menu{margin-top:-1px;margin-left:-1px;margin-right:-1px;border-top-width:0;border-top-left-radius:0}.snap-drawer-right>header>.btn-group.pull-right>.dropdown-menu{border-top-left-radius:4px;border-top-right-radius:0}.snap-drawer-right>section{position:absolute;top:44px;left:0;right:0;height:calc(100% - 44px);overflow-y:auto}.snap-drawer-right>section>div.pull-to-refresh-content{background-color:#fff;min-height:100%}.snapjs-left .snap-drawer-right,.snapjs-right .snap-drawer-left{display:none}.snapjs-expand-left .snap-drawer-left,.snapjs-expand-right .snap-drawer-right{width:100%}@media only screen and (min-device-width:768px){.snap-drawer{width:296px}.snap-content{left:296px}.snap-content>header,.snap-drawer>header{height:50px}.snap-content>header .title,.snap-drawer>header .title{font-size:20px;line-height:37px}.snap-content>header .btn,.snap-drawer>header .btn{font-size:22px}.snap-content>section{margin-top:50px;height:calc(100% - 49px)}.snapjs-right .snap-drawer-left{display:block}.snap-content>header>a.u4a-bars{display:none}.snap-drawer-left>header img.logo{margin-top:7px}.snap-drawer-left>header img.customer-logo{height:30px;max-width:266px;margin-left:9px;margin-top:3px}.snap-drawer-left>header img.customer-logo-u4{height:30px;max-width:125px;margin-top:3px}.snap-drawer-left>header .app-product{margin-top:4px}.snap-drawer-left>section{top:calc(env(safe-area-inset-top,44px) + 98px)}.snap-drawer footer{height:51px;top:calc(env(safe-area-inset-top,44px) + 48px)}.snapjs-right .snap-content>header{left:0;width:100%}}.claim-apply-action>.modal-body{text-align:center;padding:25px 15px 20px}@media only screen and (min-device-width:768px){.claim-apply-action-modal .modal-dialog{width:420px}}.snap-content>section>div.claim-apply-detail>section{height:calc(100% - 70px)}.claim-apply-detail section{background-color:#fff!important}.claim-apply-detail .header-banner{display:table;width:100%;padding:5px 0 5px 10px}.claim-apply-detail .header-banner>.claim-no{display:table-cell;vertical-align:middle}.claim-apply-detail .header-banner>.detail-list{display:table-cell;vertical-align:middle;width:40px}.claim-apply-detail .header-banner>.detail-list>.btn{background-color:transparent;border:0;padding:0;font-size:12px;display:table;width:100%;text-align:right;padding-right:10px}.claim-apply-detail .header-banner>.detail-list>.btn>i{display:table-cell;vertical-align:middle;font-size:16px}.claim-apply-detail .header .title-col1{display:inline-block;width:calc(100% - 100px)}.claim-apply-detail .header .title-col2{display:inline-block;width:100px;text-align:right;vertical-align:top;padding-right:10px;margin-top:3px}.claim-apply-detail .header .claim-date{color:#555;font-size:12px}.claim-apply-detail .header .claim-date>i{font-size:12px;padding:0;width:inherit;display:inline;vertical-align:baseline}.claim-apply-detail .header .claim-amount{font-size:13px}.claim-apply-detail .header .currency-code{font-size:11px;color:#777}.claim-apply-detail section form{min-height:100%;padding:10px;padding-top:15px}.claim-apply-detail section .after-label{color:#999;margin-left:5px}.claim-apply-detail form .btn{margin-bottom:15px}@media only screen and (min-device-width:768px){.claim-apply-detail .header .claim-date,.claim-apply-detail .header .claim-date>i{font-size:14px}.claim-apply-detail .header .claim-amount{font-size:15px}.claim-apply-detail .header .currency-code{font-size:13px}}.claim-apply-info>.modal-header i{display:inline-block;width:25px;vertical-align:middle}.claim-apply-info>.modal-header span{display:inline-block;width:calc(100% - 35px);vertical-align:middle}.claim-apply-info>.modal-body{margin-bottom:0}.claim-apply-info>.modal-body>.table{margin-top:-1px;margin-bottom:0}.claim-apply-info>.modal-body>.table>tbody{background-color:#fff;border-bottom:0}.claim-apply-info>.modal-body>.table>tbody>tr>td{border-top:1px solid #eaeaea}.claim-apply-info>.modal-body>.table>tbody>tr>td.claim-label{padding-left:30px;width:155px}.claim-apply-info>.modal-body>.table>tbody>tr>td.claim-amount{text-align:right;padding-right:0}.claim-apply-info>.modal-body>.table>tbody>tr>td.currency-code{font-size:12px;color:#555;width:70px;padding-left:5px;vertical-align:bottom}@media only screen and (min-device-width:768px){.claim-apply-info-modal .modal-dialog{width:350px}.claim-apply-info>.modal-body>.table>tbody>tr>td.claim-label{padding-left:45px}}.snap-content>section>div.claim-apply>section{height:calc(100% - 55px)}.claim-apply section{background-color:#fff!important}.claim-apply section form{min-height:100%;padding:10px;padding-top:15px}.claim-apply section .after-label{color:#999;margin-left:5px}.claim-apply .submission-message{font-weight:700;color:#4aa241;text-align:center}.claim-apply .btn{margin-bottom:15px}@media only screen and (min-device-width:768px){.claim-apply section form{padding:20px}}.claim-item-detail-list .detail-row{border-bottom:1px solid #eaeaea;padding:10px 20px 10px 15px;position:relative}.claim-item-detail-list .detail-row.current{background-color:#fffcb5}.claim-item-detail-list .detail-row.highlighted{background-color:#ffb2b2}.claim-item-detail-list .detail-row:last-child{border-bottom:0}.claim-item-detail-list .detail-row>.detail-col{display:inline-block;width:50%;vertical-align:top}.claim-item-detail-list .detail-row>.detail-col>.form-info{font-size:14px;padding-bottom:5px}.claim-item-detail-list .detail-row>.arrow-button{position:absolute;top:calc(50% - 8px);right:10px;color:#4aa241;font-size:12px}.claim-item-detail-list .detail-row>.arrow-button>i{cursor:pointer}.claim-item-detail-list .detail-row>.arrow-button>i:before{content:'\f054'}.claim-item-detail-list.editable .detail-row>.arrow-button>i:before{content:'\f040'}@media only screen and (min-device-width:768px){.claim-item-detail-list-modal .modal-dialog{width:420px}}.snap-content>section>div.claim-item-detail>section{height:calc(100% - 70px)}.claim-item-detail section{background-color:#fff!important}.claim-item-detail .header-banner{display:table;width:100%}.claim-item-detail .header-banner>.claim-no{display:table-cell;vertical-align:middle}.claim-item-detail .header-banner>.detail-list{display:table-cell;vertical-align:middle}.claim-item-detail .header-banner>.detail-list>.btn{background-color:transparent;border:0;padding:0;font-size:12px;display:table}.claim-item-detail .header-banner>.detail-list>.btn>i{display:table-cell;vertical-align:middle;font-size:16px}.claim-item-detail .header .title-col1{display:inline-block;width:calc(100% - 100px)}.claim-item-detail .header .title-col2{display:inline-block;width:100px;text-align:right;vertical-align:top;padding-right:10px;margin-top:3px}.claim-item-detail .header .claim-date{color:#555;font-size:12px}.claim-item-detail .header .claim-date>i{font-size:12px;padding:0;width:inherit;display:inline;vertical-align:baseline}.claim-item-detail .header .claim-amount{font-size:13px}.claim-item-detail .header .currency-code{font-size:11px;color:#777}.claim-item-detail>section>.info{padding:15px}.claim-item-detail>section>.footer{padding:0 15px}.claim-item-detail form .btn{margin-bottom:15px}@media only screen and (min-device-width:768px){.claim-item-detail .header .claim-date,.claim-item-detail .header .claim-date>i{font-size:14px}.claim-item-detail .header .claim-amount{font-size:15px}.claim-item-detail .header .currency-code{font-size:13px}}.claim-item-reject-confirm .modal-body{text-align:center;padding:25px 15px 20px}.claim-item-reject-confirm .checkbox-wrapper{min-width:40%;max-width:190px;margin:0 auto}.claim-item-reject-confirm .checkbox-wrapper .checkbox-block{text-align:left;margin-bottom:10px}.claim-item-reject-confirm .btn-xsm{font-size:13px}@media only screen and (min-device-width:768px){.claim-item-reject-confirm-modal .modal-dialog{width:420px}.claim-item-reject-confirm .btn-xsm{font-size:14px}.claim-item-reject-confirm .checkbox-wrapper{min-width:50%}}.snap-content>section>div.claim-item>section{height:calc(100% - 52px);padding-bottom:20px}.claim-item>.header i{color:#fff}.claim-item>.header>.col2{padding:9px 5px 5px 0}.claim-item>section{background-color:#fff!important}.claim-item>section>.info{padding:15px 10px}.claim-item:not(.editable)>section>.info{border-bottom:1px solid #eaeaea}.claim-item>section>.info>.col1{display:inline-block;vertical-align:top;padding-top:5px}.claim-item>section>.info>.col2{display:inline-block;margin-left:5px;vertical-align:middle;width:calc(100% - 60px)}.claim-item>section>.info>.col2 .col21{display:inline-block;width:calc(100% - 80px)}.claim-item>section>.info>.col2 .col22{display:inline-block;width:80px;text-align:right;vertical-align:top}.claim-item>section>.info>.col2 .claim-name{font-size:12px}.claim-item>section>.info>.col2 .claim-date{color:#555;font-size:12px}.claim-item>section>.info>.col2 .claim-amount{font-size:13px}.claim-item>section>.info>.col2 .currency-code{font-size:11px;color:#777}.claim-item>section>.info>.col2 .payment{background-color:#4aa241;border-radius:4px;font-size:11px;color:#fff;padding:1px 5px 2px;white-space:nowrap;vertical-align:baseline;display:inline-block}.claim-item>section>.header-info{padding:15px}.claim-item>section>.header-banner{display:table;width:100%;padding:5px 0 5px 10px}.claim-item>section>.header-banner>.claim-no{display:table-cell;vertical-align:middle}.claim-item:not(.editable)>section>.header-banner>.edit-header{display:none}.claim-item>section>.header-banner>.edit-header{display:table-cell;width:40px}.claim-item>section>.header-banner>.edit-header>.btn{background-color:transparent;border:0;padding:0;font-size:12px;display:table;width:100%;text-align:right;padding-right:10px}.claim-item>section>.header-banner>.edit-header>.btn>i{display:table-cell;vertical-align:middle;font-size:16px}.claim-item>section>.header-banner>.edit-header>.btn>span{display:table-cell;vertical-align:middle;padding-left:3px}.claim-item>section>.detail-info{background-color:#fff;border-top:1px solid #ddd;margin-bottom:15px}.claim-item.single-receipt>section>.detail-info{display:none}.claim-item>section>.detail-info>.detail-banner{display:table;width:100%;padding:5px 0 5px 10px}.claim-item>section>.detail-info>.detail-banner>.detail-title{display:table-cell;vertical-align:middle}.claim-item>section>.detail-info>.detail-banner>.detail-title>i{color:#4aa241}.claim-item>section>.detail-info>.detail-banner>.detail-title>i::before{content:'\f077'}.claim-item>section>.detail-info.active>.detail-banner>.detail-title>i::before{content:'\f078'}.claim-item>section>.detail-info>.detail-banner>.add-detail{display:table-cell;width:40px}.claim-item>section>.detail-info>.detail-banner>.add-detail>.btn{background-color:transparent;border:0;padding:0;font-size:12px;display:table;width:100%;text-align:right;padding-right:10px}.claim-item>section>.detail-info>.detail-banner>.add-detail>.btn>i{display:table-cell;vertical-align:middle;font-size:16px}.claim-item>section>.detail-info>.detail-banner>.add-detail>.btn>span{display:table-cell;vertical-align:middle;padding-left:3px}.claim-item>section>.detail-info .detail-row{background-color:#eaeaea;border-bottom:1px solid #ddd;padding:10px 20px 10px 15px;position:relative}.claim-item>section>.detail-info .detail-row.highlighted{background-color:#ffb2b2}.claim-item>section>.detail-info .detail-row>.detail-col{display:inline-block;width:50%;vertical-align:top}.claim-item>section>.detail-info .detail-row>.detail-col>.form-info{font-size:14px;padding-bottom:5px}.claim-item>section>.detail-info .detail-row>.arrow-button{position:absolute;top:calc(50% - 8px);right:10px;color:#4aa241;font-size:12px}.claim-item>section>.detail-info .detail-row>.arrow-button>i{cursor:pointer}.claim-item>section>.detail-info .detail-row>.arrow-button>i:before{content:'\f054'}.claim-item.editable>section>.detail-info .detail-row>.arrow-button>i:before{content:'\f040'}.claim-item>section>.footer,.claim-item>section>.footer-approval{margin-top:25px;padding:0 15px}.claim-item>section>.footer-approval>hr{display:none}.claim-item.single-receipt>section>.footer-approval>hr{display:block}@media only screen and (min-device-width:768px){.claim-item>section>.detail-info>.item-divider>.add-detail>.btn,.claim-item>section>.header-banner>.edit-header>.btn,.claim-item>section>.info>.col2 .claim-date,.claim-item>section>.info>.col2 .claim-name{font-size:14px}.claim-item>section>.info>.col2 .claim-amount{font-size:15px}.claim-item>section>.info>.col2 .currency-code,.claim-item>section>.info>.col2 .payment{font-size:13px}.claim-item>section>.detail-info>.item-divider>.add-detail>.btn>i,.claim-item>section>.header-banner>.edit-header>.btn>i{font-size:18px}.claim-item>section>.detail-info .detail-row>.detail-col>.form-info{font-size:16px}.claim-item>section>.info>.col2 .col21{width:calc(100% - 110px)}.claim-item>section>.info>.col2 .col22{width:110px}}.claim-records>section .item{cursor:pointer;position:relative}.claim-records>section .item>.col1{display:inline-block;width:60px;margin:12px 5px;text-align:center;vertical-align:middle}.claim-records>section .item>.col1 .status-name{font-size:11px;color:#555}.claim-records>section .item>.col2{display:inline-block;width:calc(100% - 100px);vertical-align:middle;padding:10px 0}.claim-records>section .item>.col2 .col21{display:inline-block;width:calc(100% - 80px)}.claim-records>section .item>.col2 .col22{display:inline-block;width:80px;text-align:right;vertical-align:top}.claim-records>section .item>.col2 .claim-name{line-height:1.2}.claim-records>section .item>.col2 .claim-amount{font-size:13px;margin-top:5px;line-height:1}.claim-records>section .item>.col2 .currency-code{font-size:11px;color:#777}.claim-records>section .item>.col2 .claim-date{font-size:12px;color:#555}.claim-records>section .item>.col2 .remarks{font-size:12px}.claim-records>section .item>.col2 .payment{background-color:#4aa241;border-radius:4px;font-size:11px;color:#fff;padding:1px 5px 2px;white-space:nowrap;vertical-align:baseline;display:inline-block}.claim-records>section .item>.col3{width:30px;height:100%;position:absolute;top:0;right:0;padding:0 10px}.claim-records>section .item>.col3>i{color:#4aa241;position:absolute;top:calc(50% - 6px);font-size:10px}@media only screen and (min-device-width:768px){.claim-records>section .item>.col2 .claim-amount{font-size:15px}.claim-records>section .item>.col2 .currency-code,.claim-records>section .item>.col2 .payment{font-size:13px}.claim-records>section .item>.col2 .claim-date,.claim-records>section .item>.col2 .remarks{font-size:14px}.claim-records>section .item>.col1{margin:12px 15px}.claim-records>section .item>.col2{width:calc(100% - 120px)}}.snap-content>section>div.claim-scan-receipt>section{height:calc(100% - 55px)}.claim-scan-receipt section{background-color:#fff!important}.claim-scan-receipt section form{min-height:100%;padding:10px;padding-top:15px}.claim-scan-receipt section .scan-proceed{width:100%;vertical-align:middle;text-align:center}.claim-scan-receipt section .u4a-check-circle{color:#4aa241}.claim-scan-receipt section .u4a-ignore-circle{color:#ff8e1d}.claim-scan-receipt .btn{margin-bottom:15px}@media only screen and (min-device-width:768px){.claim-scan-receipt section form{padding:20px}}.claim-status>section>div.pull-to-refresh-content{background-color:#fff}.claim-status>section .item{cursor:pointer}.claim-status>section .item>.info .col1{display:inline-block;width:calc(100% - 187px);margin-left:15px;vertical-align:middle}.claim-status>section .item>.info .col1.hide-apply{width:calc(100% - 115px)}.claim-status>section .item>.info .col2{display:inline-block;width:100px;padding:10px 0;vertical-align:middle;text-align:center}.claim-status>section .item>.info .col2>.balance-label{font-size:12px;color:#555}.claim-status>section .item>.info .col2>.balance-amount{font-size:20px;line-height:1.5}.claim-status>section .item>.info .col2>.currency-code{font-size:12px;color:#555}.claim-status>section .item>.info .col3{display:inline-block;width:72px;vertical-align:middle}.claim-status>section .item>.extra-info{background-color:#eaeaea}.claim-status>section .item>.extra-info .table{margin-bottom:0}.claim-status>section .item>.extra-info .table td.claim-label{padding-left:30px;width:155px}.claim-status>section .item>.extra-info .table td.claim-amount{text-align:right}.claim-status>section .item>.extra-info .table td.claim-filler{width:90px}@media only screen and (min-device-width:768px){.claim-status>section .item>.info .col2>.balance-label,.claim-status>section .item>.info .col2>.currency-code{font-size:14px}.claim-status>section .item>.info .col2>.balance-amount{font-size:22px}}.approval-setup-list>section .item{position:relative}.approval-setup-list>section .item>.col1{display:inline-block;vertical-align:middle;width:calc(100% - 90px);padding:15px 15px 15px 20px}.approval-setup-list>section .item.approval-hidden>.col1{width:calc(100% - 45px)}.approval-setup-list>section .item.cc-hidden>.col1{width:calc(100% - 45px)}.approval-setup-list>section .item.approval-hidden.cc-hidden>.col1{width:100%}.approval-setup-list>section .item>.col2{position:absolute;display:inline-block;height:100%;background-color:#f2f2f2;color:#4aa241}.approval-setup-list>section .item>.col2>i{display:inline-block;width:45px;height:100%;padding:18px 13px;vertical-align:middle;border-left:1px solid #eaeaea;cursor:pointer}.approval-setup-list>section .item>.col2>i:first-child{border-left:0}.snap-content>section>div.approval-setup>section{height:calc(100% - 55px)}.approval-setup>section{background-color:#fff!important}.approval-setup>section>.title{padding:20px 15px 10px;font-weight:700;color:#999}.approval-setup>section>.tabs{background-color:#eaeaea;padding-top:15px}.approval-setup>section>.tabs>.tab-content{background-color:#fff}.approval-setup>section .nav-tabs.nav-justified>li{display:table-cell;width:1%}.approval-setup>section .nav-tabs.nav-justified>li>a,.approval-setup>section .nav-tabs.nav-justified>li>a:focus,.approval-setup>section .nav-tabs.nav-justified>li>a:hover{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.approval-setup>section .nav-tabs.nav-justified>li.active>a{border-bottom:1px solid #fff}.approval-setup>section .tab-pane ul{background-color:#eaeaea;display:block;list-style:none;padding-left:0;margin-bottom:0}.approval-setup>section .tab-pane ul>li{background-color:#fff;border:0;border-bottom:1px solid #eaeaea}.approval-setup>section .tab-pane ul>li>.approver,.approval-setup>section .tab-pane ul>li>.ccperson,.approval-setup>section .tab-pane ul>li>.coverer{display:inline-block;width:100%;position:relative}.approval-setup>section .tab-pane ul>li>.approver,.approval-setup>section .tab-pane ul>li>.ccperson{margin-top:10px}.approval-setup>section .tab-pane ul>li>.coverer{position:relative;margin-bottom:10px}.approval-setup>section .tab-pane ul>li>.coverer>.employee{margin-left:45px;width:calc(100% - 125px);padding-left:0}.approval-setup>section .tab-pane ul>li>.coverer.no-coverer .coverer-name{display:none}.approval-setup>section .tab-pane ul>li>.coverer.no-coverer .delete{display:none}.approval-setup>section .tab-pane ul>li>.coverer.no-coverer .edit>i::before{content:'\f067'}.approval-setup>section .tab-pane ul>li>.coverer:not(.no-coverer) .coverer-empty{display:none}.approval-setup>section .tab-pane ul>li>.ccperson{position:relative;margin-bottom:10px}.approval-setup>section .tab-pane ul>li .edit,.approval-setup>section .tab-pane ul>li .employee{display:inline-block;vertical-align:middle;padding:5px 0 5px 15px}.approval-setup>section .tab-pane ul>li .sign{position:absolute;top:0;left:25px;width:15px;height:17px;border-left:1px dotted #555;border-bottom:1px dotted #555}.approval-setup>section .tab-pane ul>li .employee{width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-setup>section .tab-pane ul>li .employee .description-sm{text-transform:lowercase}.approval-setup>section .tab-pane ul>li .employee .coverer-empty{color:#999}.approval-setup>section .tab-pane ul>li .delete{position:absolute;top:0;right:0;width:40px;height:100%;color:#be4141;border-left:1px solid #eaeaea;cursor:pointer}.approval-setup>section .tab-pane ul>li .delete>i{position:absolute;top:calc(50% - 8px);left:calc(50% - 6px)}.approval-setup>section .tab-pane ul>li .edit{position:absolute;top:0;right:40px;width:100%;height:100%;color:#999;text-align:center;padding:0;cursor:pointer}.approval-setup>section .tab-pane ul>li .edit>i{position:absolute;top:calc(50% - 8px);right:14px;width:16px;text-align:left}.approval-setup>section .add-approver,.approval-setup>section .add-ccperson{padding:10px}.approval-setup>section .add-approver>a>i,.approval-setup>section .add-ccperson>a>i{font-size:20px;margin-right:3px;vertical-align:text-top}.snap-content>section>div.ccperson-setup>section{height:calc(100% - 55px)}.ccperson-setup>section{background-color:#fff!important}.ccperson-setup>section>.title{padding:20px 15px 10px;font-weight:700;color:#999}.ccperson-setup>section ul{background-color:#eaeaea;display:block;list-style:none;padding-left:0;margin-bottom:0}.ccperson-setup>section .item{background-color:#fff;border:0;border-bottom:1px solid #eaeaea}.ccperson-setup>section .item>.approver,.ccperson-setup>section .item>.ccperson,.ccperson-setup>section .item>.coverer{display:inline-block;width:100%;position:relative}.ccperson-setup>section .item>.approver,.ccperson-setup>section .item>.ccperson{margin-top:10px}.ccperson-setup>section .item>.coverer{position:relative;margin-bottom:10px}.ccperson-setup>section .item>.coverer>.employee{margin-left:45px;width:calc(100% - 125px);padding-left:0}.ccperson-setup>section .item>.coverer.no-coverer .coverer-name{display:none}.ccperson-setup>section .item>.coverer.no-coverer .delete{display:none}.ccperson-setup>section .item>.coverer:not(.no-coverer) .coverer-empty{display:none}.ccperson-setup>section .item>.ccperson{position:relative;margin-bottom:10px}.ccperson-setup>section .item .edit,.ccperson-setup>section .item .employee{display:inline-block;vertical-align:middle;padding:5px 0 5px 15px}.ccperson-setup>section .item .sign{position:absolute;top:0;left:25px;width:15px;height:17px;border-left:1px dotted #555;border-bottom:1px dotted #555}.ccperson-setup>section .item .employee{width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccperson-setup>section .item .employee .description-sm{text-transform:lowercase}.ccperson-setup>section .item .employee .coverer-empty{color:#999}.ccperson-setup>section .item .delete{position:absolute;top:0;right:0;width:40px;height:100%;color:#be4141;border-left:1px solid #eaeaea;cursor:pointer}.ccperson-setup>section .item .delete>i{position:absolute;top:calc(50% - 8px);left:calc(50% - 6px)}.ccperson-setup>section .item .edit{position:absolute;top:0;right:40px;width:100%;height:100%;color:#999;text-align:center;padding:0;cursor:pointer}.ccperson-setup>section .item .edit>i{position:absolute;top:calc(50% - 8px);right:14px}.ccperson-setup>section .add-ccperson{margin:10px}.ccperson-setup>section .add-ccperson>a>i{font-size:20px;margin-right:3px;vertical-align:text-top}.workflow-status>.modal-header{border-radius:8px 8px 0 0}.workflow-status>.modal-header>.col1{display:inline-block;width:40px;text-align:center;vertical-align:middle}.workflow-status>.modal-header>.col2{display:inline-block;width:calc(100% - 50px);vertical-align:middle}.workflow-status>.modal-body{font-size:15px;margin-bottom:0}.workflow-status>.modal-body .item{border:0;border-bottom:1px solid #eaeaea;padding:10px 5px 10px 15px}.workflow-status>.modal-body .item.active{font-weight:700}.workflow-status>.modal-body .item:last-child{border-bottom:0}.workflow-status>.modal-body .item>.info>.col1{display:inline-block;width:calc(100% - 150px);vertical-align:top}.workflow-status>.modal-body .item>.info>.col2{display:inline-block;width:150px;vertical-align:top}.workflow-status>.modal-body .item>.remarks{font-size:11px;background-color:#4aa241;color:#fff;padding:3px 7px;border-radius:4px;margin-top:5px;margin-right:10px}.workflow-status>.modal-body .item.REJECT>.remarks{background-color:#bb202f}.workflow-status>.modal-body .form-info{border-top:1px solid #eaeaea;padding:10px 5px 10px 15px}@media only screen and (min-device-width:768px){.workflow-status-modal .modal-dialog{width:400px}.workflow-status>.modal-body{font-size:16px}.workflow-status>.modal-body .item>.info>.col1{width:calc(100% - 170px)}.workflow-status>.modal-body .item>.info>.col2{width:170px}.workflow-status>.modal-body .item>.remarks{font-size:13px}}.snap-content>section>div.change-password>section{height:calc(100% - 55px)}.change-password.single-page{height:100%}.change-password.single-page .header{color:#fff;background-color:#4a5c69;-webkit-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-moz-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-ms-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-o-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);box-shadow:0 8px 18px -8px rgba(0,0,0,.4)}.change-password>section{background-color:#fff!important}.change-password.single-page>section{background-color:transparent!important;padding-top:10px;overflow-y:auto;height:calc(100% - 55px)}.change-password>section form{padding:10px}.change-password>section .instruction{color:#a94442;font-size:16px;padding:10px;text-align:center}.change-password>section>.center-wrapper{display:block}@media only screen and (min-device-width:768px){.change-password.single-page>section{display:table;width:420px;margin:auto;padding-top:0}.change-password.single-page>section>.center-wrapper{display:table-cell}}.change-photo .profile-header{background-color:#4a5c69;padding:10px;text-align:center;border-radius:7px 7px 0 0}.change-photo div[ps-profile]{margin:5px auto 10px;border:4px solid #fff;box-sizing:content-box;-webkit-box-shadow:0 4px 11px 3px rgba(0,0,0,.4);-moz-box-shadow:0 4px 11px 3px rgba(0,0,0,.4);-ms-box-shadow:0 4px 11px 3px rgba(0,0,0,.4);-o-box-shadow:0 4px 11px 3px rgba(0,0,0,.4);box-shadow:0 4px 11px 3px rgba(0,0,0,.4)}.change-photo .name{color:#fff}.change-photo .last-update{font-size:11px;font-style:italic;color:#999}.change-photo .hr-notes{font-size:12px;color:#be4141;padding:10px 20px;border-bottom:1px solid #eaeaea}.change-photo .attach-action-group>.attach-action{display:inline-block;border-left:1px solid #eaeaea;width:50%;padding:15px 0;vertical-align:middle;text-align:center;color:#0d78aa;cursor:pointer}.change-photo .attach-action-group>.attach-action:first-child{border-left:0}.change-photo .attach-action-group>.attach-action>i{font-size:20px;vertical-align:middle}.change-photo .attach-action-group>.attach-action>.attach-action-text{font-size:12px;vertical-align:middle}.change-photo .attach-message{padding:15px}@media only screen and (min-device-width:768px){.change-photo-modal .modal-dialog{width:350px}.change-photo .last-update{font-size:13px}.change-photo .attach-action-group>.attach-action>.attach-action-text,.change-photo .hr-notes{font-size:14px}}.manage-password-list>.modal-body .item{padding:15px 15px 15px 20px}.manage-password-list>.modal-body .item:last-child{border-bottom:0}.manage-password-list>.modal-body .item>.col1{display:inline-block;vertical-align:middle;width:calc(100% - 20px)}.manage-password-list>.modal-body .item>.col2{display:inline-block;width:10px;font-size:10px;color:#4aa241}.manage-password-list .ps-list{margin-bottom:0!important}@media only screen and (min-device-width:768px){.manage-password-list-modal .modal-dialog{width:350px}}.snap-content>section>div.password-question>section{height:calc(100% - 55px)}.password-question.single-page{height:100%}.password-question.single-page .header{color:#fff;background-color:#4a5c69;-webkit-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-moz-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-ms-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-o-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);box-shadow:0 8px 18px -8px rgba(0,0,0,.4)}.password-question>section{background-color:#fff!important}.password-question.single-page>section{background-color:transparent!important;padding-top:10px;overflow-y:auto;height:calc(100% - 55px)}.password-question>section form{padding:10px}.password-question>section .message{color:#555;font-size:12px;margin-bottom:20px}.password-question>section>.center-wrapper{display:block}@media only screen and (min-device-width:768px){.password-question.single-page>section{display:table;width:420px;margin:auto;padding-top:0}.password-question.single-page>section>.center-wrapper{display:table-cell}.password-question>section .message{font-size:14px}}.profile>section{background-color:#fff!important}.profile>section .profile-header{background-color:#4a5c69;padding:10px;text-align:center}.profile>section div[ps-profile]{margin:5px auto 10px;border:4px solid #fff;box-sizing:content-box;-webkit-box-shadow:0 4px 11px 3px rgba(0,0,0,.4);-moz-box-shadow:0 4px 11px 3px rgba(0,0,0,.4);-ms-box-shadow:0 4px 11px 3px rgba(0,0,0,.4);-o-box-shadow:0 4px 11px 3px rgba(0,0,0,.4);box-shadow:0 4px 11px 3px rgba(0,0,0,.4)}.profile>section .name{color:#fff}.profile>section .last-update{font-size:11px;font-style:italic;color:#999}.profile>section .item{padding:15px 15px 15px 20px}.profile>section .item>.col1{display:inline-block;font-size:20px;width:20px;margin-right:10px;color:#4a5c69;vertical-align:middle}.profile>section .item>.col2{display:inline-block;width:calc(100% - 50px);vertical-align:middle}.profile>section .item>.col3{display:inline-block;width:15px;font-size:10px;color:#4aa241;vertical-align:middle}.profile>section .profile-footer{background-color:#fff;padding:10px 0}.profile>section .profile-footer .colx{display:inline-block;padding:5px 20px;width:50%}@media only screen and (min-device-width:768px){.profile>section .last-update{font-size:13px}}.header{display:table;background-color:#ddd;width:100%}.header>[class*=col]{display:table-cell;vertical-align:middle}.header>.title{display:table-cell;vertical-align:middle;padding:15px 0;width:100%}.header i{display:table-cell;vertical-align:middle;font-size:20px;text-align:center;padding:15px 5px;position:relative;cursor:pointer}.header i.u4a-chevron-left{padding:15px 9px}.header>[class*=col]:last-child>i:last-child{padding-right:10px}.header i>.badge{position:absolute;top:9px;right:0;padding:2px 4px;font-size:10px;border-radius:10px;background-color:#be4141}.header>[class*=col]:last-child>i:last-child>.badge{right:5px}@media only screen and (min-device-width:768px){.header i{font-size:24px;padding:15px 10px}.header>[class*=col]:last-child>i:last-child{padding-right:15px}.header>.title{padding-left:15px}.header>[class*=col]:last-child>i:last-child>.badge{right:10px}}ps-list{display:block;background-color:#fff;margin-bottom:calc(env(safe-area-inset-bottom,10px) + 10px)}ps-list>.item{border-bottom:1px solid #eaeaea}.item{display:block;background-color:#fff}.item.clickable{cursor:pointer}.item.active{background-color:#fffcb5;border-bottom:0}.item-divider{display:block;background-color:#555;color:#fff;font-size:12px;padding:5px 10px}@media only screen and (min-device-width:768px){.item-divider{font-size:14px}}.month-box-outline{border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:2px;border-radius:13px}.month-box{display:inline-block;background-color:#44535e;padding:5px 0;border-radius:10px;color:#ddd}.month-box>.month-name{font-size:20px;text-align:center;border-bottom:1px solid #37424b;padding:0 15px}.month-box>.year{font-size:14px;text-align:center;border-top:1px solid #5b6b76;padding:3px 15px 0}.validate-date table{table-layout:fixed;width:100%}.validate-date table thead{background-color:#4a5c69}.validate-date table thead>tr:first-child:before{border-radius:6px 0 0 0}.validate-date table thead>tr:first-child:after{border-radius:0 6px 0 0}.validate-date table thead>tr>th{padding:10px 0}.validate-date table[ng-switch-when=day] thead>tr:not(:first-child)>th{padding:0 0 10px}.validate-date table thead>tr>th strong{font-size:22px;font-weight:400}.validate-date table thead>tr>th>small{color:#bbb;font-weight:400}.validate-date table thead>tr>th .btn{color:#fff;background-color:transparent;font-size:20px}.validate-date table tbody>tr:after,.validate-date table tbody>tr:before,.validate-date table thead>tr:after,.validate-date table thead>tr:before{content:'';display:table-cell;width:10px}.validate-date table tbody:after,.validate-date table tbody:before{content:'';display:block;height:10px}.validate-date table[ng-switch-when=month] td,.validate-date table[ng-switch-when=year] td{padding:10px 2px}.validate-date .btn{border:1px solid transparent;padding:5px}.validate-date .btn.active,.validate-date .btn.focus,.validate-date .btn:active,.validate-date .btn:focus,.validate-date .btn:hover{box-shadow:none}.validate-date .btn-info.active{box-shadow:none;background-color:#20638f}.validate-date .btn>span.text-info{font-weight:700}.validate-date .text-info{color:#00c3e9}.validate-date .text-muted{color:#ddd}.validate-date .btn-info>span.text-info,.validate-date .btn-info>span.text-muted{font-weight:400;color:#fff}.validate-date .btn .glyphicon{font-family:u4a;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#4aa241;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.validate-date .btn .glyphicon-chevron-right:before{content:"\f054"}.validate-date .btn .glyphicon-chevron-left:before{content:"\f053"}.validate-date .action-bar>.action-today>i,.validate-date .action-bar>.action-today>span{color:#00c3e9}.validate-date .action-bar>.action-clear>i,.validate-date .action-bar>.action-clear>span{color:#be4141}.form-row,form[ps-form] .row{margin-left:0;margin-right:0}.form-row>[class^=form-col],form[ps-form] .row>.col-lg-1,form[ps-form] .row>.col-lg-10,form[ps-form] .row>.col-lg-11,form[ps-form] .row>.col-lg-12,form[ps-form] .row>.col-lg-2,form[ps-form] .row>.col-lg-3,form[ps-form] .row>.col-lg-4,form[ps-form] .row>.col-lg-5,form[ps-form] .row>.col-lg-6,form[ps-form] .row>.col-lg-7,form[ps-form] .row>.col-lg-8,form[ps-form] .row>.col-lg-9,form[ps-form] .row>.col-md-1,form[ps-form] .row>.col-md-10,form[ps-form] .row>.col-md-11,form[ps-form] .row>.col-md-12,form[ps-form] .row>.col-md-2,form[ps-form] .row>.col-md-3,form[ps-form] .row>.col-md-4,form[ps-form] .row>.col-md-5,form[ps-form] .row>.col-md-6,form[ps-form] .row>.col-md-7,form[ps-form] .row>.col-md-8,form[ps-form] .row>.col-md-9,form[ps-form] .row>.col-sm-1,form[ps-form] .row>.col-sm-10,form[ps-form] .row>.col-sm-11,form[ps-form] .row>.col-sm-12,form[ps-form] .row>.col-sm-2,form[ps-form] .row>.col-sm-3,form[ps-form] .row>.col-sm-4,form[ps-form] .row>.col-sm-5,form[ps-form] .row>.col-sm-6,form[ps-form] .row>.col-sm-7,form[ps-form] .row>.col-sm-8,form[ps-form] .row>.col-sm-9,form[ps-form] .row>.col-xs-1,form[ps-form] .row>.col-xs-10,form[ps-form] .row>.col-xs-11,form[ps-form] .row>.col-xs-12,form[ps-form] .row>.col-xs-2,form[ps-form] .row>.col-xs-3,form[ps-form] .row>.col-xs-4,form[ps-form] .row>.col-xs-5,form[ps-form] .row>.col-xs-6,form[ps-form] .row>.col-xs-7,form[ps-form] .row>.col-xs-8,form[ps-form] .row>.col-xs-9{padding-left:5px;padding-right:5px}.form-row>[class^=form-col]:first-child,form[ps-form] .row>.col-lg-10:first-child,form[ps-form] .row>.col-lg-11:first-child,form[ps-form] .row>.col-lg-12:first-child,form[ps-form] .row>.col-lg-1:first-child,form[ps-form] .row>.col-lg-2:first-child,form[ps-form] .row>.col-lg-3:first-child,form[ps-form] .row>.col-lg-4:first-child,form[ps-form] .row>.col-lg-5:first-child,form[ps-form] .row>.col-lg-6:first-child,form[ps-form] .row>.col-lg-7:first-child,form[ps-form] .row>.col-lg-8:first-child,form[ps-form] .row>.col-lg-9:first-child,form[ps-form] .row>.col-md-10:first-child,form[ps-form] .row>.col-md-11:first-child,form[ps-form] .row>.col-md-12:first-child,form[ps-form] .row>.col-md-1:first-child,form[ps-form] .row>.col-md-2:first-child,form[ps-form] .row>.col-md-3:first-child,form[ps-form] .row>.col-md-4:first-child,form[ps-form] .row>.col-md-5:first-child,form[ps-form] .row>.col-md-6:first-child,form[ps-form] .row>.col-md-7:first-child,form[ps-form] .row>.col-md-8:first-child,form[ps-form] .row>.col-md-9:first-child,form[ps-form] .row>.col-sm-10:first-child,form[ps-form] .row>.col-sm-11:first-child,form[ps-form] .row>.col-sm-12:first-child,form[ps-form] .row>.col-sm-1:first-child,form[ps-form] .row>.col-sm-2:first-child,form[ps-form] .row>.col-sm-3:first-child,form[ps-form] .row>.col-sm-4:first-child,form[ps-form] .row>.col-sm-5:first-child,form[ps-form] .row>.col-sm-6:first-child,form[ps-form] .row>.col-sm-7:first-child,form[ps-form] .row>.col-sm-8:first-child,form[ps-form] .row>.col-sm-9:first-child,form[ps-form] .row>.col-xs-10:first-child,form[ps-form] .row>.col-xs-11:first-child,form[ps-form] .row>.col-xs-12:first-child,form[ps-form] .row>.col-xs-1:first-child,form[ps-form] .row>.col-xs-2:first-child,form[ps-form] .row>.col-xs-3:first-child,form[ps-form] .row>.col-xs-4:first-child,form[ps-form] .row>.col-xs-5:first-child,form[ps-form] .row>.col-xs-6:first-child,form[ps-form] .row>.col-xs-7:first-child,form[ps-form] .row>.col-xs-8:first-child,form[ps-form] .row>.col-xs-9:first-child{padding-left:0}.form-row>[class^=form-col]:last-child,form[ps-form] .row>.col-lg-10:last-child,form[ps-form] .row>.col-lg-11:last-child,form[ps-form] .row>.col-lg-12:last-child,form[ps-form] .row>.col-lg-1:last-child,form[ps-form] .row>.col-lg-2:last-child,form[ps-form] .row>.col-lg-3:last-child,form[ps-form] .row>.col-lg-4:last-child,form[ps-form] .row>.col-lg-5:last-child,form[ps-form] .row>.col-lg-6:last-child,form[ps-form] .row>.col-lg-7:last-child,form[ps-form] .row>.col-lg-8:last-child,form[ps-form] .row>.col-lg-9:last-child,form[ps-form] .row>.col-md-10:last-child,form[ps-form] .row>.col-md-11:last-child,form[ps-form] .row>.col-md-12:last-child,form[ps-form] .row>.col-md-1:last-child,form[ps-form] .row>.col-md-2:last-child,form[ps-form] .row>.col-md-3:last-child,form[ps-form] .row>.col-md-4:last-child,form[ps-form] .row>.col-md-5:last-child,form[ps-form] .row>.col-md-6:last-child,form[ps-form] .row>.col-md-7:last-child,form[ps-form] .row>.col-md-8:last-child,form[ps-form] .row>.col-md-9:last-child,form[ps-form] .row>.col-sm-10:last-child,form[ps-form] .row>.col-sm-11:last-child,form[ps-form] .row>.col-sm-12:last-child,form[ps-form] .row>.col-sm-1:last-child,form[ps-form] .row>.col-sm-2:last-child,form[ps-form] .row>.col-sm-3:last-child,form[ps-form] .row>.col-sm-4:last-child,form[ps-form] .row>.col-sm-5:last-child,form[ps-form] .row>.col-sm-6:last-child,form[ps-form] .row>.col-sm-7:last-child,form[ps-form] .row>.col-sm-8:last-child,form[ps-form] .row>.col-sm-9:last-child,form[ps-form] .row>.col-xs-10:last-child,form[ps-form] .row>.col-xs-11:last-child,form[ps-form] .row>.col-xs-12:last-child,form[ps-form] .row>.col-xs-1:last-child,form[ps-form] .row>.col-xs-2:last-child,form[ps-form] .row>.col-xs-3:last-child,form[ps-form] .row>.col-xs-4:last-child,form[ps-form] .row>.col-xs-5:last-child,form[ps-form] .row>.col-xs-6:last-child,form[ps-form] .row>.col-xs-7:last-child,form[ps-form] .row>.col-xs-8:last-child,form[ps-form] .row>.col-xs-9:last-child{padding-right:0}.form-row{display:table;width:100%}.form-row>[class^=form-col]{display:table-cell;width:50%;vertical-align:bottom}.form-row>.form-col-1{width:8.33%}.form-row>.form-col-2{width:16.66%}.form-row>.form-col-3{width:25%}.form-row>.form-col-4{width:33.33%}.form-row>.form-col-5{width:41.66%}.form-row>.form-col-6{width:50%}.form-row>.form-col-7{width:58.33%}.form-row>.form-col-8{width:66.66%}.form-row>.form-col-9{width:75%}.form-row>.form-col-10{width:83.33%}.form-row>.form-col-11{width:91.66%}.form-row>.form-col-12{width:100%}label>i.u4a-exclamation-triangle{color:#c0392b;margin-left:3px}.protect-content{position:absolute;top:0;bottom:0;left:0;right:0}.protect-content>.protect-content-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fff;z-index:1099}.pull-to-refresh{position:relative;display:block;margin:-40px auto 0;padding:0;width:100%;height:40px;border-bottom:1px dashed #ccc;text-align:center;line-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pull-to-refresh>i{color:#4aa241}.fixed-header{position:absolute;top:0;z-index:30;visibility:hidden;opacity:0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}.fixed-header.show-header{visibility:visible;opacity:1}.remove-btn{display:inline-block;color:#be4141;padding:6px 9px;text-align:center;vertical-align:middle;white-space:nowrap}.has-remove-btn{display:inline-block;width:calc(100% - 38px)}.loader{position:absolute;top:0;bottom:0;left:0;right:0}.loader>.loader-text{display:table;width:100%;padding:10px;margin:auto auto;position:absolute;text-align:center;top:0;bottom:0;left:0;right:0;color:#4a5c69;font-size:15px;z-index:1101}.loader>.loader-text>span{padding-left:10px;vertical-align:top}.loader>.loader-text>.stop-option{margin-top:15px;padding-top:15px;border-top:1px solid #ddd;color:#555;opacity:1}.loader>.loader-text>.stop-option.ng-hide-animate{-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.loader>.loader-text>.stop-option.ng-hide{opacity:0}.loader>.loader-text>.stop-option>button{margin-top:10px}.loader>.loader-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,.6);z-index:1100}@media only screen and (min-device-width:768px){.loader>.loader-text{font-size:20px}}table[ps-table] tbody{background-color:#eaeaea;border-bottom:1px solid #ddd}table[ps-table] tbody tr td{border-top:1px solid #ddd;padding:8px 2px}table[ps-table] tbody tr td:first-child{padding-left:8px}table[ps-table] tbody tr td:last-child{padding-right:8px}table[ps-table] tbody tr.row1 td{padding-bottom:2px}table[ps-table] tbody tr.row2 td{border-top:0;padding-top:0}.ps-time{position:relative;width:110px}.ps-time>input{display:inline-block;padding-right:30px}.ps-time>i{cursor:pointer;font-size:25px;color:#aaa;margin-left:5px;position:absolute;top:6px;right:5px}.ps-time>i.next-day,.ps-time>i.prev-day{color:#09577b}.ps-time input[ng-readonly=true]+i{display:none;visibility:hidden}.leave-apply-confirm>.modal-body{margin-bottom:0}.leave-apply-confirm>.modal-body>.info{text-align:center;padding:25px 5px 15px}.leave-apply-confirm>.modal-body>.info>.leave-name{font-size:18px;font-weight:700}.leave-apply-confirm>.modal-body>.info>.conflict{color:#bb202f}.leave-apply-confirm>.modal-body>.info>.conflict>i{color:#ff8e1d}.leave-apply-confirm>.modal-body>.info>.date-range a{color:inherit}.leave-apply-confirm>.modal-body>.info>.date-range i.u4a-exclamation-triangle{color:#ff8e1d}.leave-apply-confirm>.modal-body>.leave-availability .table{margin-bottom:0}.leave-apply-confirm>.modal-body>.leave-availability.expanded>div{margin-bottom:-1px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.has-remarks>td{padding-bottom:5px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-date{width:50%}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-date .u4a-asterisk{font-size:9px;color:#be4141;vertical-align:top}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-time,.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-type{font-size:12px;vertical-align:baseline;width:33%}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-amount{text-align:right;font-weight:700;padding-right:3px;vertical-align:baseline}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-taken{font-size:12px;color:#555;padding-left:0;vertical-align:baseline;width:40px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row2{margin-top:15px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row2.has-conflict>td{padding-bottom:5px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row2>td{border-top:0;padding-top:0}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.remarks>div{font-size:11px;background-color:#133269;color:#fff;padding:3px 7px;border-radius:4px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.remarks>div.N{background-color:#be4141}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.remarks>div.Y{background-color:#4aa241}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody+tbody{border-top:0}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row3>td{padding:0;padding-bottom:8px;border:0;font-size:13px;color:#bb202f}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row3>td>.conflict{padding-left:10px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row3>td>.conflict>ps-plural{cursor:pointer}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row3>td table{margin-bottom:0;color:#555}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row3>td table>tbody{border-bottom:0}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row3>td table>tbody>tr>td{border-top:1px solid #eaeaea;border:0;padding:0;width:50%;vertical-align:top}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row3>td .table>tbody>tr>td.employee-name{padding-left:18px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr.row3>td .table>tbody>tr:first-child>td{padding-top:5px}.leave-apply-confirm>.modal-body>.leave-availability .legend{font-size:12px;background-color:#fffcb5;padding:5px 0 5px 8px;border-bottom:1px solid #ddd}.leave-apply-confirm>.modal-body>.leave-availability .legend>.u4a-asterisk{font-size:9px;color:#be4141;vertical-align:top;padding:0}@media only screen and (min-device-width:768px){.leave-apply-confirm-modal .modal-dialog{width:420px}.leave-apply-confirm>.modal-body>.info>.leave-name{font-size:20px}.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-taken,.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-time,.leave-apply-confirm>.modal-body>.leave-availability .table>tbody>tr>td.leave-type{font-size:14px}}.leave-apply-info>.modal-header i{display:inline-block;width:25px;vertical-align:middle}.leave-apply-info>.modal-header span{display:inline-block;width:calc(100% - 35px);vertical-align:middle}.leave-apply-info>.modal-body{margin-bottom:0}.leave-apply-info>.modal-body>.table{margin-top:-1px;margin-bottom:0}.leave-apply-info>.modal-body>.table>tbody{background-color:#fff;border-bottom:0}.leave-apply-info>.modal-body>.table>tbody>tr>td{border-top:1px solid #eaeaea}.leave-apply-info>.modal-body>.table>tbody>tr>td.leave-label{padding-left:30px;min-width:200px}.leave-apply-info>.modal-body>.table>tbody>tr>td.leave-amount{text-align:right;padding-right:0}.leave-apply-info>.modal-body>.table>tbody>tr>td.unit-type{font-size:12px;color:#555;width:70px;padding-left:5px;vertical-align:middle}@media only screen and (min-device-width:768px){.leave-apply-info-modal .modal-dialog{width:350px}.leave-apply-info>.modal-body>.table>tbody>tr>td.leave-label{padding-left:45px}}.leave-apply-list>.modal-body .item{padding:15px 15px 15px 20px}.leave-apply-list>.modal-body .item:last-child{border-bottom:0}.leave-apply-list>.modal-body .item>.col1{display:inline-block;vertical-align:middle;width:calc(100% - 20px)}.leave-apply-list>.modal-body .item>.col2{display:inline-block;width:10px;font-size:10px;color:#4aa241}.snap-content>section>div.leave-apply>section{height:calc(100% - 55px)}.leave-apply section{background-color:#fff!important}.leave-apply section form{min-height:100%;padding:10px;padding-top:15px}.leave-apply .submission-message{font-weight:700;color:#4aa241;text-align:center}.leave-apply .btn{margin-bottom:40px}@media only screen and (min-device-width:768px){.leave-apply-modal .modal-dialog{width:400px}.leave-apply section form{padding:20px}}.leave-calendar-setting>.modal-body{padding:0}.leave-calendar-setting>.modal-body .legend{border-radius:0;padding:4px 10px;margin:0;border-bottom:1px solid #eaeaea}.leave-calendar-setting>.modal-body .legend:last-child{border-bottom:0}.leave-calendar-setting>.modal-body .legend>.col1{display:inline-block;width:38px!important;height:38px;border-radius:50%;line-height:34px;border:2px solid transparent;text-align:center;margin:2px 10px 2px 3px;color:#333;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.leave-calendar-setting>.modal-body .legend>.col2{display:inline-block;width:calc(100% - 51px);vertical-align:middle;line-height:36px;font-size:14px}.leave-calendar-setting>.modal-body .legend>.col2>div.input-box{width:50px}.leave-calendar-setting>.modal-body .legend>.col2>div.input-box>input{text-align:center}.leave-calendar-setting>.modal-body .legend>.today{font-weight:700;color:#3994d5}.leave-calendar-setting>.modal-body .legend>.off-rest{color:#999}.leave-calendar-setting>.modal-body .legend>.holiday{color:#be4141;font-weight:700}.leave-calendar-setting>.modal-body .legend>.on-leave-A{border:2px solid #4aa241}.leave-calendar-setting>.modal-body .legend>.on-leave-P{border:2px solid #dd9e39}.leave-calendar-setting>.modal-body .legend>.on-leave-S{border:2px solid grey}.leave-calendar-setting>.modal-body .legend>.selected{background-color:#ccc}.leave-calendar-setting>.modal-body .legend>.leave-conflict-1>i::before{color:#4aa241}.leave-calendar-setting>.modal-body .legend>.leave-conflict-2>i::before{color:#f68d2e}.leave-calendar-setting>.modal-body .legend>.leave-conflict-3>i::before{color:#be4141}.leave-calendar-setting>.modal-body .divider{padding:10px 5px 5px 15px;background-color:#ddd;border-top:1px solid #bbb;border-bottom:1px solid #ccc;font-size:13px;color:#555;margin-top:-1px}.leave-calendar-setting>.modal-body form .legend>.col2>div{display:inline-block;width:20px;text-align:center}.leave-calendar-setting>.modal-body form .legend>.col2>div:first-child{text-align:left}.leave-calendar-setting>.modal-body form>.alert{margin:10px}.leave-calendar-setting>.modal-body .form-footer{padding:10px;text-align:center}.leave-calendar-setting>.modal-body .form-footer a{margin-left:5px}@media only screen and (min-device-width:768px){.leave-calendar-setting-modal .modal-dialog{width:420px}.leave-calendar-setting>.modal-body .divider{font-size:14px}}.leave-calendar>section{background-color:#fff!important}.leave-calendar table[ng-switch-when=day] td.on-leave-A>button{background-color:transparent;border:2px solid #4aa241}.leave-calendar table[ng-switch-when=day] td.on-leave-P>button{background-color:transparent;border:2px solid #dd9e39}.leave-calendar table[ng-switch-when=day] td.on-leave-S>button{background-color:transparent;border:2px solid grey}.leave-calendar table[ng-switch-when=day] td.off-rest>button{color:#999}.leave-calendar table[ng-switch-when=day] td.holiday>button{color:#be4141;font-weight:700}.leave-calendar table[ng-switch-when=day] td.leave-conflict-1>button>span::after{visibility:visible;color:#4aa241}.leave-calendar table[ng-switch-when=day] td.leave-conflict-2>button>span::after{visibility:visible;color:#f68d2e}.leave-calendar table[ng-switch-when=day] td.leave-conflict-3>button>span::after{visibility:visible;color:#be4141}.leave-calendar .calendar-detail>ps-list .item{position:relative}.leave-calendar .calendar-detail>ps-list .item>.info{position:relative;padding:8px 0 8px 10px}.leave-calendar .calendar-detail>ps-list div[ps-profile]{float:left;margin-top:5px}.leave-calendar .calendar-detail>ps-list .date-range,.leave-calendar .calendar-detail>ps-list .employee-name,.leave-calendar .calendar-detail>ps-list .leave-amount,.leave-calendar .calendar-detail>ps-list .leave-name{margin-left:58px;font-size:12px}.leave-calendar .calendar-detail>ps-list .employee-name{font-size:16px}.leave-calendar .calendar-detail>ps-list .date-range{color:#555}.leave-calendar .calendar-detail>ps-list .leave-amount{color:#ed6f19;text-transform:lowercase}.leave-calendar .calendar-detail>ps-list .arrow{width:30px;height:100%;position:absolute;top:0;right:0;padding:0 10px}.leave-calendar .calendar-detail>ps-list .arrow>i{color:#4aa241;position:absolute;top:calc(50% - 6px);font-size:10px}.fixed-header,.scroll-header{display:table;width:100%;padding:0}.fixed-header{top:10px;left:10px;width:calc(100% - 20px);-webkit-box-shadow:0 8px 18px -5px rgba(0,0,0,.6);-moz-box-shadow:0 8px 18px -5px rgba(0,0,0,.6);-ms-box-shadow:0 8px 18px -5px rgba(0,0,0,.6);-o-box-shadow:0 8px 18px -5px rgba(0,0,0,.6);box-shadow:0 8px 18px -5px rgba(0,0,0,.6)}.fixed-header>.col-date,.fixed-header>.col-icon,.fixed-header>.col-info,.scroll-header>.col-date,.scroll-header>.col-icon,.scroll-header>.col-info{display:table-cell;vertical-align:middle;padding:10px}.fixed-header>.col-icon,.scroll-header>.col-icon{background-color:#bbb;padding:10px 12px;text-align:center;width:36px}.fixed-header>.col-icon i,.scroll-header>.col-icon i{color:#555}.fixed-header>.col-date,.scroll-header>.col-date{padding-right:0;width:120px}.fixed-header>.col-info,.scroll-header>.col-info{padding-left:5px}@media only screen and (min-device-width:768px){.fixed-header>.col-date,.scroll-header>.col-date{width:150px}.leave-calendar .calendar-detail>ps-list .date-range,.leave-calendar .calendar-detail>ps-list .employee-name,.leave-calendar .calendar-detail>ps-list .leave-amount,.leave-calendar .calendar-detail>ps-list .leave-name{font-size:13px}.leave-calendar .calendar-detail>ps-list .employee-name{font-size:17px}.leave-calendar .calendar-detail>ps-list .arrow>i{font-size:11px}}.leave-conflict>.modal-body{margin-bottom:0}.leave-conflict>.modal-body>.info{text-align:center;padding:25px 5px 15px}.leave-conflict>.modal-body>.info>.leave-name{font-size:18px;font-weight:700}.leave-conflict>.modal-body>.info>.conflict{color:#bb202f}.leave-conflict>.modal-body>.info>.conflict>i{color:#ff8e1d}.leave-conflict>.modal-body .item{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:-1px;background-color:#eaeaea}.leave-conflict>.modal-body .item.no-conflict{padding-bottom:8px}.leave-conflict>.modal-body .item>.info>.col1{display:inline-block;width:138px;padding:8px 0 0 5px}.leave-conflict>.modal-body .item>.info>.col2{float:right;width:calc(100% - 138px);padding:8px 0 0 0}.leave-conflict>.modal-body .item>.info>.col2>.leave-info{display:table;table-layout:fixed;width:100%;height:22px}.leave-conflict>.modal-body .item>.info>.col2>.leave-info>div{display:table-cell;vertical-align:baseline}.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.leave-type,.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.time-range{font-size:12px;width:55%}.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.leave-amount{text-align:right;font-size:14px;font-weight:700;padding-right:3px}.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.leave-taken{font-size:12px;color:#555;padding-left:0;width:35px}.leave-conflict>.modal-body .item>.conflict{font-size:13px;color:#bb202f;padding:5px 10px;display:table;width:100%}.leave-conflict>.modal-body .item>.conflict>ps-plural{cursor:pointer}.leave-conflict>.modal-body .item .table{font-size:13px;color:#555;margin-bottom:0}.leave-conflict>.modal-body .item:last-child .table{margin-bottom:-1px}.leave-conflict>.modal-body .item .table>tbody{background-color:#eaeaea;border:0}.leave-conflict>.modal-body .item .table>tbody>tr>td{border-top:1px solid #eaeaea;border:0;padding:0;width:50%;vertical-align:top}.leave-conflict>.modal-body .item .table>tbody>tr>td.employee-name{padding-left:18px}.leave-conflict>.modal-body .item .table>tbody>tr:not(:first-child)>td i:before{content:''}.leave-conflict>.modal-body .item .table>tbody>tr:first-child>td{padding-top:2px}.leave-conflict>.modal-body .item .table>tbody>tr:last-child>td{padding-bottom:10px}@media only screen and (min-device-width:768px){.leave-conflict-modal .modal-dialog{width:420px}.leave-conflict>.modal-body>.info>.leave-name{font-size:20px}.leave-conflict>.modal-body .item .table,.leave-conflict>.modal-body .item>.conflict,.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.leave-taken,.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.leave-type,.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.time-range{font-size:14px}.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.leave-amount{font-size:16px}.leave-conflict>.modal-body .item>.info>.col1{width:200px}.leave-conflict>.modal-body .item>.info>.col2{width:calc(100% - 200px)}.leave-conflict>.modal-body .item>.info>.col2>.leave-info>.leave-taken{width:45px}}.leave-detail-cancel .modal-body-top{padding:25px 15px 20px}.leave-detail-cancel.message-hidden .modal-body-top{padding-bottom:0}.leave-detail-cancel.remarks-hidden .modal-body-top{padding-bottom:0;margin-bottom:-1px}.leave-detail-cancel.message-hidden.detail-hidden .modal-body-top,.leave-detail-cancel.remarks-hidden.detail-hidden .modal-body-top{padding-bottom:20px}.leave-detail-cancel .modal-body-top>.message{text-align:center}.leave-detail-cancel .modal-body-top>.leave-detail{margin:15px -15px 0}.leave-detail-cancel .modal-body-top>.leave-detail .item-divider>.leave-taken{color:#fff558;margin-left:5px}.leave-detail-cancel .modal-body-top>.leave-detail .item-divider>.u4a-chevron-down{color:#4aa241}.leave-detail-cancel .modal-body-top>.leave-detail .item-divider>.u4a-chevron-down::before{content:'\f077'}.leave-detail-cancel .modal-body-top>.leave-detail .item-divider.expanded>.u4a-chevron-down::before{content:'\f078'}.leave-detail-cancel .modal-body-top>.leave-detail .item-divider>.u4a-calendar{color:#bbb;margin-right:3px}.leave-detail-cancel .modal-body-top>.leave-detail .table{margin-bottom:0;background-color:#eaeaea}.leave-detail-cancel .modal-body-top>.leave-detail .table tr.has-lwe td{padding-bottom:2px}.leave-detail-cancel .modal-body-top>.leave-detail .table td.selection{width:40px}.leave-detail-cancel .modal-body-top>.leave-detail .table td.selection i{color:#999;top:calc(50% - 13px)}.leave-detail-cancel .modal-body-top>.leave-detail .table td.selection i.u4a-check-circle{color:#4aa241}.leave-detail-cancel .modal-body-top>.leave-detail .table td.leave-date{width:48%;font-size:14px}.leave-detail-cancel .modal-body-top>.leave-detail .table td.leave-date .u4a-asterisk{font-size:9px;color:#be4141;vertical-align:top}.leave-detail-cancel .modal-body-top>.leave-detail .table td.leave-type,.leave-detail-cancel .modal-body-top>.leave-detail .table td.time-range{font-size:12px;vertical-align:baseline;width:33%}.leave-detail-cancel .modal-body-top>.leave-detail .table td.leave-amount{text-align:right;font-weight:700;padding-right:3px;vertical-align:baseline}.leave-detail-cancel .modal-body-top>.leave-detail .table td.leave-taken{font-size:12px;color:#555;padding-left:0;vertical-align:baseline;width:40px}.leave-detail-cancel .modal-body-top>.leave-detail .table td.lwe{padding-top:0;border-top:0}.leave-detail-cancel .modal-body-top>.leave-detail .table td.lwe>div{font-size:11px;background-color:#4aa241;color:#fff;padding:3px 7px;border-radius:4px}.leave-detail-cancel .modal-body{padding:15px;padding-top:0;margin-bottom:0}.leave-detail-cancel.remarks-hidden .modal-body{padding:0}.leave-detail-cancel .modal-body>.form-group{margin-bottom:0}.leave-detail-cancel>form>.alert{margin:15px;margin-top:0}@media only screen and (min-device-width:768px){.leave-detail-cancel-modal .modal-dialog{width:400px}}.leave-detail-reject-confirm .modal-body{text-align:center;padding:25px 15px 20px}.leave-detail-reject-confirm .btn-xsm{font-size:13px}@media only screen and (min-device-width:768px){.leave-detail-reject-confirm-modal .modal-dialog{width:420px}.leave-detail-reject-confirm .btn-xsm{font-size:14px}}.snap-content>section>div.leave-detail>section{height:calc(100% - 52px);padding-bottom:20px}.leave-detail>.header i{color:#fff}.leave-detail>.header>.col2{padding:9px 5px 5px 0}.leave-detail>section{background-color:#fff!important}.leave-detail>section>.info{padding:10px}.leave-detail>section>.info>.col1{display:inline-block;vertical-align:middle}.leave-detail>section>.info>.col2{display:inline-block;margin-left:5px;vertical-align:middle;width:calc(100% - 60px)}.leave-detail>section>.info>.col2>.leave-name{font-size:12px}.leave-detail>section>.info>.col2>.leave-date{cursor:pointer}.leave-detail>section>.item-divider>.leave-taken{color:#fff558;margin-left:5px}.leave-detail>section>.item-divider>.u4a-chevron-down{color:#4aa241}.leave-detail>section>.item-divider>.u4a-chevron-down::before{content:'\f077'}.leave-detail>section>.item-divider.expanded>.u4a-chevron-down::before{content:'\f078'}.leave-detail>section>.item-divider>.u4a-calendar{color:#bbb;margin-right:3px}.leave-detail>section>.leave-dates>.table{margin-bottom:0;background-color:#eaeaea}.leave-detail>section>.leave-dates>.table tr.has-lwe td{padding-bottom:2px}.leave-detail>section>.leave-dates>.table td.leave-date{width:48%}.leave-detail>section>.leave-dates>.table td.leave-date .u4a-asterisk{font-size:9px;color:#be4141;vertical-align:top}.leave-detail>section>.leave-dates>.table td.table2{width:33%}.leave-detail>section>.leave-dates>.table td.leave-type,.leave-detail>section>.leave-dates>.table td.time-range{font-size:12px;vertical-align:baseline}.leave-detail>section>.leave-dates>.table td.leave-amount{text-align:right;font-weight:700;padding-right:3px;vertical-align:baseline}.leave-detail>section>.leave-dates>.table td.leave-taken{font-size:12px;color:#555;padding-left:0;vertical-align:baseline;width:40px}.leave-detail>section>.leave-dates>.table td.leave-break{font-size:11px;color:#555;padding-left:0;vertical-align:baseline;width:40px}.leave-detail>section>.leave-dates>.table td.lwe{padding-top:0;border-top:0}.leave-detail>section>.leave-dates>.table td.lwe>.lwe-items{font-size:11px;background-color:#4aa241;color:#fff;padding:3px 7px;border-radius:4px}.leave-detail>section>.leave-dates>.legend{font-size:12px;background-color:#fffcb5;padding:5px 0 5px 15px;border-bottom:1px solid #ddd}.leave-detail>section>.leave-dates>.legend>.u4a-asterisk{font-size:9px;color:#be4141;vertical-align:top;padding:0}.leave-detail>section>.extra-info{padding-top:15px}.leave-detail>section>.extra-info>.form-info{padding-left:15px;padding-right:5px}.leave-detail>section>.extra-info>.form-info>i.u4a-pencil{color:#999;cursor:pointer;padding:0 5px}.leave-detail>section>.footer,.leave-detail>section>.footer-approval{padding:0 15px}@media only screen and (min-device-width:768px){.leave-detail>section>.info>.col2>.leave-name{font-size:14px}.leave-detail>section>.leave-dates>.table td.leave-taken,.leave-detail>section>.leave-dates>.table td.leave-type,.leave-detail>section>.leave-dates>.table td.time-range{font-size:14px}}.leave-records>section .item{cursor:pointer}.leave-records>section .item>.info{position:relative}.leave-records>section .item>.info>.expandable{display:inline-block;width:calc(100% - 32px)}.leave-records>section .item>.info .col1{display:inline-block;width:60px;margin:12px 5px;text-align:center;vertical-align:middle}.leave-records>section .item>.info .col1>.status-name{font-size:11px;color:#555}.leave-records>section .item>.info .col2{display:inline-block;width:calc(100% - 80px);vertical-align:middle;padding:10px 0}.leave-records>section .item>.info .col3{width:32px;height:100%;position:absolute;top:0;right:0;padding:0 10px;background-color:#f2f2f2}.leave-records>section .item>.info .col3>i{color:#4aa241;position:absolute;top:calc(50% - 6px)}.leave-records>section .item>.info .col2>.date-range{font-size:12px;color:#555}.leave-records>section .item>.info .col2>.leave-taken{color:#ed6f19;font-size:12px}.leave-records>section .item>.extra-info{background-color:#eaeaea}.leave-records>section .item>.extra-info>.remarks{border-top:1px solid #eaeaea;padding:10px 10px 10px 20px;font-size:14px}.leave-records>section .item>.extra-info>.table{margin-bottom:0}.leave-records>section .item>.extra-info>.table td.leave-date{width:48%}.leave-records>section .item>.extra-info>.table td.leave-date .u4a-asterisk{font-size:9px;color:#be4141;vertical-align:top}.leave-records>section .item>.extra-info>.table td.table2{width:33%}.leave-records>section .item>.extra-info>.table td.leave-type,.leave-records>section .item>.extra-info>.table td.time-range{font-size:12px;vertical-align:baseline}.leave-records>section .item>.extra-info>.table td.leave-amount{text-align:right;font-weight:700;padding-right:3px;vertical-align:baseline}.leave-records>section .item>.extra-info>.table td.leave-taken{font-size:12px;color:#555;padding-left:0;vertical-align:baseline;width:40px}.leave-records>section .item>.extra-info>.table td.leave-break{font-size:11px;color:#555;padding-left:0;vertical-align:baseline;width:40px}.leave-records>section .item>.extra-info>.legend{font-size:12px;background-color:#fffcb5;padding:5px 0 5px 15px;border-bottom:1px solid #ddd}.leave-records>section .item>.extra-info>.legend>.u4a-asterisk{font-size:9px;color:#be4141;vertical-align:top;padding:0}@media only screen and (min-device-width:768px){.leave-records>section .item>.extra-info>.legend,.leave-records>section .item>.extra-info>.table td.leave-taken,.leave-records>section .item>.extra-info>.table td.leave-type,.leave-records>section .item>.extra-info>.table td.time-range,.leave-records>section .item>.info .col2>.date-range,.leave-records>section .item>.info .col2>.leave-taken{font-size:14px}.leave-records>section .item>.info .col1{margin:12px 10px}.leave-records>section .item>.info .col2{width:calc(100% - 90px)}}.leave-status>section>div.pull-to-refresh-content{background-color:#fff}.leave-status>section .item{cursor:pointer}.leave-status>section .item>.info .col1{display:inline-block;width:calc(100% - 198px);margin-left:15px;vertical-align:middle}.leave-status>section .item>.info .col1.hide-apply{width:calc(100% - 126px)}.leave-status>section .item>.info .col2{display:inline-block;width:100px;padding:10px 0;vertical-align:middle;text-align:center}.leave-status>section .item>.info .col2>.balance-label{font-size:12px;color:#555}.leave-status>section .item>.info .col2>.balance-amount{font-size:30px;line-height:1}.leave-status>section .item>.info .col2>.unit-type{font-size:12px;color:#555}.leave-status>section .item>.info .col3{display:inline-block;width:72px;vertical-align:middle}.leave-status>section .item>.extra-info{background-color:#eaeaea}.leave-status>section .item>.extra-info .table{margin-bottom:0}.leave-status>section .item>.extra-info .table td.leave-label{padding-left:30px;width:155px}.leave-status>section .item>.extra-info .table td.leave-amount{text-align:right;padding-right:0}.leave-status>section .item>.extra-info .table td.unit-type{font-size:12px;color:#555;vertical-align:middle;padding-left:7px;width:120px}@media only screen and (min-device-width:768px){.leave-status>section .item>.extra-info .table td.unit-type,.leave-status>section .item>.info .col2>.balance-label,.leave-status>section .item>.info .col2>.unit-type{font-size:14px}.leave-status>section .item>.info .col2>.balance-amount{font-size:32px}}.snap-content>section>div.leave-with-expiry-list>section{height:calc(100% - 55px)}.leave-with-expiry-list>.header>.title{text-align:right;padding-right:10px}.leave-with-expiry-list>.header>.title>label{margin-bottom:0}.leave-with-expiry-list>section{background-color:#fff!important}.leave-with-expiry-list-modal .leave-with-expiry-list>section{background-color:transparent!important}.leave-with-expiry-list>section .item{cursor:pointer}.leave-with-expiry-list>section .item.active{border-bottom:1px solid #ddd}.leave-with-expiry-list>section .item>.info{position:relative}.leave-with-expiry-list>section .item>.info .col1{vertical-align:middle;background-color:#fff;margin-right:65px}.leave-with-expiry-list>section .item>.info .col1 .selection{position:absolute;top:0;bottom:0;left:0;width:40px;padding:0 9px;font-size:26px}.leave-with-expiry-list>section .item>.info .col1 .selection i{color:#999;position:absolute;top:calc(50% - 13px)}.leave-with-expiry-list>section .item>.info .col1 .selection i.u4a-check-circle{color:#4aa241}.leave-with-expiry-list>section .item>.info .col1 .leave-info{padding:20px 5px 20px 0;vertical-align:middle;margin-left:40px}.leave-with-expiry-list>section .item>.info .col1 table{width:100%}.leave-with-expiry-list>section .item>.info .col1 .remarks{font-size:11px;background-color:#4aa241;color:#fff;padding:3px 7px;border-radius:4px;margin-top:5px}.leave-with-expiry-list>section .item>.info .col2{display:inline-block;position:absolute;top:0;bottom:0;right:0;width:65px;vertical-align:middle;border-left:1px solid #eaeaea}.leave-with-expiry-list>section .item>.info .col2 .balance{position:absolute;top:calc(50% - 32px);padding:0 10px}.leave-with-expiry-list>section .item>.info .col2 .balance-label{font-size:12px;color:#555;text-align:center}.leave-with-expiry-list>section .item>.info .col2 .balance-amount{font-size:30px;line-height:1;text-align:center}.leave-with-expiry-list>section .item>.info .col2 .unit-type{font-size:12px;color:#555;text-align:center}.leave-with-expiry-list>section .item>.extra-info{background-color:#eaeaea}.leave-with-expiry-list>section .item>.extra-info .table{margin-bottom:0}.leave-with-expiry-list>section .item>.extra-info .table td.leave-label{padding-left:40px;width:155px}.leave-with-expiry-list>section .item>.extra-info .table td.leave-amount{text-align:right;width:90px;padding-right:0}.leave-with-expiry-list>section .item>.extra-info .table td.unit-type{font-size:12px;color:#555;vertical-align:bottom}.leave-with-expiry-list>section .footer{padding:20px 10px}.leave-with-expiry-list>section .footer .alert{margin-bottom:20px}.leave-with-expiry-list>section .footer .alert.ng-hide-animate{-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.leave-with-expiry-list>section .footer .alert.ng-hide{opacity:0}.leave-with-expiry-list:not(.readonly)>section .item.ng-enter.ng-enter-active,.leave-with-expiry-list:not(.readonly)>section .item.ng-leave{overflow:hidden;max-height:400px}.leave-with-expiry-list:not(.readonly)>section .item.ng-enter,.leave-with-expiry-list:not(.readonly)>section .item.ng-leave.ng-leave-active{max-height:0}.leave-with-expiry-list:not(.readonly)>section .item.ng-enter{-webkit-transition:all 1.3s ease;-moz-transition:all 1.3s ease;-o-transition:all 1.3s ease;transition:all 1.3s ease}.leave-with-expiry-list:not(.readonly)>section .item.ng-leave{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.leave-with-expiry-list.readonly>section .item:last-child{border-bottom:0}.leave-with-expiry-list.readonly>section .item>.info .col1{background-color:transparent}.leave-with-expiry-list.readonly>section .item>.info .col1 .leave-info{margin-left:20px}.leave-with-expiry-list.readonly>section .item>.info .col2{border-left:0}.leave-with-expiry-list.readonly>section .item>.extra-info .table tbody{border-bottom:0}@media only screen and (min-device-width:768px){.leave-with-expiry-list-modal .modal-dialog{width:400px}.leave-with-expiry-list>section .item>.info .col1 .selection{font-size:28px}.leave-with-expiry-list>section .item>.info .col1 .remarks{font-size:13px}.leave-with-expiry-list>section .item>.extra-info .table td.unit-type,.leave-with-expiry-list>section .item>.info .col2 .balance-label,.leave-with-expiry-list>section .item>.info .col2 .unit-type{font-size:14px}.leave-with-expiry-list>section .item>.info .col2 .balance-amount{font-size:32px}.leave-with-expiry-list.readonly>section .item>.info .col2{width:75px}}.snap-content>section>div.change-payroll-password:not(.hide-header)>section{height:calc(100% - 55px)}.change-payroll-password>section{background-color:#fff!important}.change-payroll-password.hide-header ps-header{display:none;visibility:hidden}.change-payroll-password>section form{padding:10px}.change-payroll-password>section .instruction{color:#a94442;font-size:16px;padding:10px;text-align:center}.change-payroll-password>section>.center-wrapper{display:block}.payroll-login .modal-body{padding:15px;margin-bottom:0}.payroll-login .modal-body>.form-group{margin-bottom:0}.payroll-login>form>.alert{margin:15px;margin-bottom:0}@media only screen and (min-device-width:768px){.payroll-login-modal .modal-dialog{width:350px}}.payslip-list>section .list{background-color:#eaeaea}.payslip-list>section .item{cursor:pointer;position:relative}.payslip-list>section .item:first-child{margin-top:0}.payslip-list>section .item>.info{display:inline-block;width:100%;vertical-align:middle;padding:0}.payslip-list>section .item>.info>.col1{display:inline-block;width:calc(100% - 30px);vertical-align:middle;padding:15px 0 15px 20px}.payslip-list>section .item>.info>.col1>.net-pay{color:#ed6f19;font-size:12px}.payslip-list>section .item>.info>.col2{display:inline-block;width:30px;text-align:center;vertical-align:middle;padding:15px 0}.payslip-list>section .item>.info>.col2>i.u4a-chevron-down{color:#4aa241;font-size:12px}.payslip-list>section .item>.info>.col2>i.u4a-chevron-down::before{content:'\f077'}.payslip-list>section .item.active>.info>.col2>i.u4a-chevron-down::before{content:'\f078'}.payslip-list>section .item>.extra-info{background-color:#eaeaea}.payslip-list>section .item>.extra-info>.payment-summary{font-size:14px;width:100%;padding:10px 35px 10px 30px}.payslip-list>section .item>.extra-info>.payment-summary>.pay-item{width:100%;overflow:hidden;white-space:nowrap;color:grey;vertical-align:middle;line-height:1.7}.payslip-list>section .item>.extra-info>.payment-summary>.pay-item.line-separator:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.payslip-list>section .item>.extra-info>.payment-summary>.pay-item>.pay-item-value{float:right;color:#133269;vertical-align:middle}.payslip-list>section .item>.extra-info>.payment-summary>.line-separator{border:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:3px 0;margin:3px 0}.payslip-list>section .item>.extra-info>.action-bar .action-button{padding:0 6px 12px}.payslip-list>section .item>.extra-info>.action-bar .action-button:first-child{padding-left:12px}.payslip-list>section .item>.extra-info>.action-bar .action-button:last-child{padding-right:12px}.payslip-list>section .item:not(.has-pay-item)>.extra-info>.action-bar .action-button{padding-top:12px}.ytd-ir8a-list>section .list{background-color:#eaeaea}.ytd-ir8a-list>section .item{cursor:pointer;position:relative;margin-top:10px}.ytd-ir8a-list>section .item:first-child{margin-top:0}.ytd-ir8a-list>section .item>.info{display:inline-block;width:100%;vertical-align:middle;padding:15px 20px}.ytd-ir8a-list>section .item>.action-bar{color:#00c3e9}.ytd-ir8s-list>section .list{background-color:#eaeaea}.ytd-ir8s-list>section .item{cursor:pointer;position:relative;margin-top:10px}.ytd-ir8s-list>section .item:first-child{margin-top:0}.ytd-ir8s-list>section .item>.info{display:inline-block;width:100%;vertical-align:middle;padding:15px 20px}.ytd-ir8s-list>section .item>.action-bar{color:#00c3e9}.ytd-language-list>.modal-body .item{padding:15px 15px 15px 20px}.ytd-language-list>.modal-body .item:last-child{border-bottom:0}.ytd-language-list>.modal-body .item>.col1{display:inline-block;vertical-align:middle;width:calc(100% - 20px)}.ytd-language-list>.modal-body .item>.col2{display:inline-block;width:10px;font-size:10px;color:#4aa241}.ytd-list>section .list{background-color:#eaeaea}.ytd-list>section .item{cursor:pointer;position:relative}.ytd-list>section .item:first-child{margin-top:0}.ytd-list>section .item>.info{display:inline-block;width:100%;vertical-align:middle;padding:0}.ytd-list>section .item>.info>.col1{display:inline-block;width:calc(100% - 30px);vertical-align:middle;padding:15px 0 15px 20px}.ytd-list>section .item>.info>.col2{display:inline-block;width:30px;text-align:center;vertical-align:middle;padding:15px 0}.ytd-list>section .item>.info>.col2>i.u4a-chevron-down{color:#4aa241;font-size:12px}.ytd-list>section .item>.info>.col2>i.u4a-chevron-down::before{content:'\f077'}.ytd-list>section .item.active>.info>.col2>i.u4a-chevron-down::before{content:'\f078'}.ytd-list>section .item>.extra-info{background-color:#eaeaea}.ytd-list>section .item>.extra-info .ytd-item{display:table;width:calc(100% - 20px);margin-left:20px;position:relative}.ytd-list>section .item>.extra-info .ytd-item::before{content:'';border-left:1px dotted #555;display:inline-block;height:calc(100% - 1px)}.ytd-list>section .item>.extra-info .ytd-item:last-child::before{height:50%}.ytd-list>section .item>.extra-info .ytd-item::after{content:'';position:absolute;left:1px;top:50%;width:10px;border-bottom:1px dotted #555}.ytd-list>section .item>.extra-info .ytd-item>[class*=col]{display:table-cell;vertical-align:middle}.ytd-list>section .item>.extra-info .ytd-item>.ytd-item-caption{width:100%;padding:15px 0 15px 20px}.ytd-list>section .item>.extra-info .ytd-item>[class*=col]>i{display:table-cell;vertical-align:middle;font-size:20px;text-align:center;color:#00c3e9;padding:15px 7px;position:relative;cursor:pointer}.ytd-list>section .item>.extra-info .ytd-item>[class*=col]>i:last-child{padding-right:14px}.attach-option>.modal-body{margin-bottom:0}.attach-option>.modal-body>ul{display:block;list-style:none;padding-left:0;margin-bottom:0}.attach-option>.modal-body>ul.hasfile{margin-top:-1px}.attach-option>.modal-body>ul>li{border:1px solid #eaeaea;margin-top:-1px;position:relative}.attach-option>.modal-body>ul>li>.info{position:relative}.attach-option>.modal-body>ul>li>.info>.col1{display:inline-block;vertical-align:middle;width:calc(100% - 90px);padding:15px 15px 15px 20px;cursor:pointer}.attach-option>.modal-body>ul>li>.info>.col1>input{height:39px}.attach-option>.modal-body>ul>li>.info>.col1>.file-size{color:#555;font-size:12px}.attach-option>.modal-body>ul>li>.info>.col2,.attach-option>.modal-body>ul>li>.info>.col3{position:absolute;display:inline-block;width:45px;vertical-align:middle;padding:15px;height:100%;background-color:#f2f2f2;border-left:1px solid #eaeaea;cursor:pointer}.attach-option>.modal-body>ul>li>.info>.col2{left:calc(100% - 90px)}.attach-option>.modal-body>ul>li>.info>.col3{left:calc(100% - 45px)}.attach-option>.modal-body>ul>li>.info>.col2>i,.attach-option>.modal-body>ul>li>.info>.col3>i{position:absolute;top:calc(50% - 10px)}.attach-option>.modal-body>ul>li>.info>.col2>i{color:#555}.attach-option>.modal-body>ul>li>.info>.col2>i.u4a-check{color:#4aa241}.attach-option>.modal-body>ul>li>.info>.col3>i{color:#be4141}.attach-option>.modal-body>.attach-action-group>.attach-action{display:inline-block;border-left:1px solid #eaeaea;width:50%;padding:15px 0;vertical-align:middle;text-align:center;color:#0d78aa;cursor:pointer}.attach-option>.modal-body>.attach-action-group>.attach-action:first-child{border-left:0}.attach-option>.modal-body>.attach-action-group>.attach-action>i{font-size:20px;vertical-align:middle}.attach-option>.modal-body>.attach-action-group>.attach-action>.attach-action-text{font-size:12px;vertical-align:middle}.attach-option>.modal-body>.attach-action-group-ios>.attach-action{display:inline-block;border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;width:50%;padding:15px 0;vertical-align:middle;text-align:center;color:#0d78aa;cursor:pointer}.attach-option>.modal-body>.attach-action-group-ios>.attach-action:first-child{border-left:0}.attach-option>.modal-body>.attach-action-group-ios>.attach-action>i{font-size:20px;vertical-align:middle}.attach-option>.modal-body>.attach-action-group-ios>.attach-action>.attach-action-text{font-size:12px;vertical-align:middle}.attach-option>.modal-body>.attach-message{padding:15px}.attach-option>.modal-footer{margin-top:-1px}.attach-option>.modal-body>.attach-action-camera>.attach-action{display:inline-block;width:100%;padding:15px 0;vertical-align:middle;text-align:center;color:#0d78aa;cursor:pointer}.attach-option>.modal-body>.attach-action-camera>.attach-action>.attach-action-text{font-size:12px;vertical-align:middle}.attach-option>.modal-body>.attach-action-scan>.attach-action{display:inline-block;border-top:1px solid #eaeaea;width:100%;padding:15px 0;vertical-align:middle;text-align:center;color:#0d78aa;cursor:pointer}.attach-option>.modal-body>.attach-action-scan>.attach-action>.attach-action-text{font-size:12px;vertical-align:middle}.attach-option:not(.readonly):not(.starting)>.modal-body>ul>li.ng-enter.ng-enter-active,.attach-option:not(.readonly):not(.starting)>.modal-body>ul>li.ng-leave{overflow:hidden;max-height:53px}.attach-option:not(.readonly):not(.starting)>.modal-body>ul>li.ng-enter,.attach-option:not(.readonly):not(.starting)>.modal-body>ul>li.ng-leave.ng-leave-active{max-height:0}.attach-option:not(.readonly):not(.starting)>.modal-body>ul>li.ng-enter{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.attach-option:not(.readonly):not(.starting)>.modal-body>ul>li.ng-leave{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.attach-option.readonly>.modal-body>ul>li>.info>.col1{width:100%}.attach-option-modal .modal-dialog{margin-bottom:50px}@media only screen and (min-device-width:768px){.attach-option-modal .modal-dialog{width:350px}}.calendar{background-color:#fff!important}.calendar table{table-layout:fixed;width:100%}.calendar table thead>tr>th{padding:10px 0 0}.calendar table thead>tr>th strong{font-size:22px;font-weight:400}.calendar table thead>tr>th>small{font-weight:400;color:#000}.calendar table thead>tr>th .btn{background-color:transparent;font-size:20px;width:100%}.calendar table tbody>tr:after,.calendar table tbody>tr:before,.calendar table thead>tr:after,.calendar table thead>tr:before{content:'';display:table-cell;width:10px}.calendar table tbody:after,.calendar table tbody:before{content:'';display:block;height:10px}.calendar table[ng-switch-when=day] td{padding:2px}.calendar table[ng-switch-when=day] td>button{border-radius:50%;width:38px!important;height:38px;padding:0;min-width:inherit!important}.calendar table[ng-switch-when=day] td>button>span{position:relative}.calendar table[ng-switch-when=day] td>button>span::after{font-family:u4a;font-size:6px;display:block;content:'\f111';color:transparent;position:absolute;top:15px;left:calc(50% - 3px);visibility:hidden}body.ios .calendar table[ng-switch-when=day] td>button>span::after{top:16px;left:calc(50% - 2px)}.calendar table[ng-switch-when=month] td,.calendar table[ng-switch-when=year] td{padding:10px 2px}.calendar .btn{border:1px solid transparent;padding:5px;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.calendar .btn.active,.calendar .btn.focus,.calendar .btn:active,.calendar .btn:focus,.calendar .btn:hover{outline:0;box-shadow:none;background-color:inherit}.calendar .btn-info{box-shadow:none;color:#333;background:#ccc!important}.calendar .btn-default{color:#333}.calendar .btn>span.text-info{font-weight:700;color:#3994d5}.calendar .text-muted{color:#ddd}.calendar .btn .glyphicon{font-family:u4a;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#4aa241;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calendar .btn .glyphicon-chevron-right:before{content:"\f054"}.calendar .btn .glyphicon-chevron-left:before{content:"\f053"}@media only screen and (min-device-width:768px){body.ios .calendar table[ng-switch-when=day] td>button>span::after{top:18px}}.edit-remarks .modal-body-top{padding:25px 15px 20px}.edit-remarks.message-hidden .modal-body-top{padding-bottom:0}.edit-remarks .modal-body-top>.message{text-align:center}.edit-remarks .modal-body{padding:15px;padding-top:0;margin-bottom:0}.edit-remarks.remarks-hidden .modal-body{padding:0}.edit-remarks .modal-body>.form-group{margin-bottom:0}.edit-remarks>form>.alert{margin:15px;margin-top:0}@media only screen and (min-device-width:768px){.edit-remarks-modal .modal-dialog{width:400px}}.snap-content>section>div.employee-list>section{height:calc(100% - 69px)}.snap-content>section>div.employee-list>section.no-subheader{height:calc(100% - 55px)}.employee-list>.header>.title.no-employee .employee-name{display:none}.employee-list>.header>.title:not(.no-employee) .employee-empty{display:none}.employee-list>section>.search{margin:10px}.employee-list>section>.search>.form-control{display:inline-block;width:calc(100% - 50px)}.employee-list>section>.search>button{float:right}.employee-list>section .item{padding:15px}.employee-list>section .item.active{border-bottom:1px solid #eaeaea}.employee-list>section .item>.col1{display:inline-block;vertical-align:middle;width:calc(100% - 20px)}.employee-list>section .item>.col2{display:inline-block;width:10px;color:#4aa241;vertical-align:middle}.employee-list>section .item>.col2>i:before{content:''}.employee-list>section .item.active>.col2>i:before{content:'\f00c'}.preview-image>.modal-body{margin-bottom:0;padding:15px}body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.app-title>div.img-responsive{display:inline-block}div.color{width:100%;position:absolute;left:0}div.color.bottom{bottom:0}div.color.top{top:0}div.color span{display:block;width:12.5%;float:left;background-color:#292a79}div.color.thin span{height:3px}div.color.normal span{height:8px}div.color span:first-child{background:#afc836}div.color span:nth-child(2),div.color span:nth-child(3){background-color:#afc836}div.color span:nth-child(4),div.color span:nth-child(5),div.color span:nth-child(6),div.color span:nth-child(7),div.color span:nth-child(8){background-color:#afc836}.btn-google{color:#fff;background-color:#dd4b39}.btn-google:focus,.btn-google:hover{color:#fff;background-color:#b33e2f}.btn-facebook{color:#fff;background-color:#3b5998}.btn-facebook:focus,.btn-facebook:hover{color:#fff;background-color:#233f79}a{cursor:pointer}a:hover{text-decoration:none}.error-page{background-color:#e2e5ea;color:#5b5b5b}.error-page .title{font-size:24px;margin-bottom:10px}.error-page .message{font-size:18px}.empty{padding:24px;color:#999}input[type=date]::-webkit-date-and-time-value{text-align:left!important}.broadcast-popup{padding:30px;height:620px}*{box-sizing:border-box}.broadcast-popup .slideshow-container{max-width:768px;position:relative;margin:auto}.broadcast-popup .slideshow-container .mySlides .broadcastMsgHeader{max-width:500px;font-size:18px;font-weight:700}.broadcast-popup .slideshow-container .mySlides>.broadcastMsgDetail{max-width:500px;max-height:400px;overflow-y:scroll!important;height:400px}.broadcast-popup .prev,.next{cursor:pointer;position:absolute;top:40px;width:auto;height:100%;padding:20px;color:#fff;font-weight:700;font-size:16px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}.broadcast-popup .vertical-center{margin:0;position:absolute;opacity:.4;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.broadcast-popup .next{right:0;border-radius:3px 0 0 3px}.broadcast-popup .prev:hover,.next:hover{background-color:#f2f2f2;opacity:.3;color:#000}.broadcast-popup .text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}.broadcast-popup .numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}.broadcast-popup .dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.broadcast-popup>.modal-footer{padding:20px}.broadcast-popup>.modal-footer>.btn{padding:5px 10px;font-size:14px;line-height:1.5;border-radius:5px;min-width:100px;vertical-align:middle}.broadcast-popup .active,.dot:hover{background-color:#717171}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#f1f1f1}::-webkit-scrollbar-thumb:hover{background:#bbb}@media only screen and (min-device-width:768px){.broadcast-popup-modal .modal-dialog{width:350px}.broadcast-popup .prev,.next,.text{font-size:11px}}.broadcast>section .item>.info{position:relative}.broadcast>section .item>.info>.col1{display:inline-block;width:calc(100% - 32px);padding:8px 0 8px 10px}.broadcast>section ps-list .item>.info>.col2{display:inline-block;position:absolute;width:32px;height:100%;padding-left:0;text-align:center;background-color:#f2f2f2}.broadcast>section .item>.info>.col2>i{position:absolute;top:calc(50% - 10px);right:8px;color:#4aa241}.broadcastDetail{background-color:#fff;overflow-y:auto}.broadcastDetail>.broadcastMsgDetail{max-width:500px}.broadcastDetail>.broadcastMsgDetail .broadcastMsgHeader{font-size:18px;font-weight:700}.snap-content>section>div.login-2fa>section{height:calc(100% - 55px)}.login-2fa{height:100%;top:calc(env(safe-area-inset-top,44px) - 1px)!important;position:absolute}.login-2fa .header{color:#fff;background-color:#4a5c69;-webkit-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-moz-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-ms-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);-o-box-shadow:0 8px 18px -8px rgba(0,0,0,.4);box-shadow:0 8px 18px -8px rgba(0,0,0,.4)}.login-2fa>section{background-color:transparent!important;padding-top:10px;overflow-y:auto;height:calc(100% - 55px)}.login-2fa>section form{padding:10px}.login-2fa>section .instruction{color:#a94442;font-size:16px;padding:10px;text-align:center}.login-2fa>section>.center-wrapper{display:block}@media only screen and (min-device-width:768px){.login-2fa>section{display:table;width:420px;margin:auto;padding-top:0}.login-2fa>section>.center-wrapper{display:table-cell}}.login-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.login{display:table;margin:0 auto;padding:10px}.login .logo{padding:30px 40px;text-align:center}.login .version{text-align:center;font-size:11px;padding-top:5px}.login .appVersion{text-align:center;font-size:11px;padding-top:5px}.login .deviceID{text-align:center;font-size:10px;padding-top:5px}.login .statusCode{text-align:center;font-size:9px;padding-top:5px}.login .statusMessage{color:#c10606;text-align:center;font-size:9px;padding-top:5px}@media only screen and (min-device-width:768px){.login{background-color:#eaeaea}.login .logo{padding-bottom:60px}.login .login-window{margin:auto;border-radius:8px;background-color:#fff;border:1px solid #ddd;-webkit-box-shadow:2px 5px 10px 0 rgba(0,0,0,.4);-moz-box-shadow:2px 5px 10px 0 rgba(0,0,0,.4);-ms-box-shadow:2px 5px 10px 0 rgba(0,0,0,.4);-o-box-shadow:2px 5px 10px 0 rgba(0,0,0,.4);box-shadow:2px 5px 10px 0 rgba(0,0,0,.4)}.login .form-control{height:49px;padding:10px 16px;line-height:1.3333333;border-radius:6px}.login .btn{padding:10px 16px;font-size:20px;line-height:1.3333333;border-radius:6px;width:100%;margin-top:30px}.login .version{font-size:13px}}@media only screen and (min-device-width:768px) and (orientation:portrait){.login .login-window{width:550px;padding:120px 60px 80px}}@media only screen and (min-device-width:768px) and (orientation:landscape){.login .login-window{display:table;width:980px;height:600px;padding:80px 10px 60px}.login .logo{display:table-cell;width:3%;vertical-align:middle;border-right:1px solid #eaeaea;padding:0 60px 30px}.login .login-form{display:table-cell;width:2%;vertical-align:middle;padding:0 60px}}.snap-content>section>div.managenotification>section{height:calc(100% - 55px)}.managenotification>section{background-color:#fff!important}.managenotification>section>form{padding:10px}.styledtable{border-collapse:collapse;margin:10px 0 50px;width:95%}.styledtable td.slidelabel{padding:5px 20px 30px;vertical-align:central}.styledtable td.slidecheck{padding:5px 20px 30px;text-align:right;vertical-align:central}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.notification>.item-group .item-divider{display:table;width:100%;padding:10px;border-bottom:1px solid #777}.notification>.item-group .item-divider.expanded{border-bottom:1px solid transparent}.notification>.item-group .item-divider>.divider-title{display:table-cell;vertical-align:middle}.notification>.item-group .item-divider>.record-count{display:table-cell;color:#fff558}.notification>.item-group .item-divider>.record-count>.u4a-chevron-down{color:#4aa241}.notification>.item-group .item-divider>.record-count>.u4a-chevron-down::before{content:'\f077'}.notification>.item-group .item-divider.expanded>.record-count>.u4a-chevron-down::before{content:'\f078'}.notification>.item-group ps-list .item.highlighted{background-color:#ffb2b2}.notification>.item-group ps-list .item>.info{position:relative}.notification>.item-group ps-list .item>.info>.col1{display:inline-block;width:calc(100% - 32px);padding:8px 0 8px 10px}.notification>.item-group ps-list .item>.info>.col2{display:inline-block;position:absolute;width:32px;height:100%;padding-left:0;text-align:center;background-color:#f2f2f2}.notification>.item-group ps-list .item>.info>.col2>i{position:absolute;top:calc(50% - 10px);right:8px;color:#4aa241}.notification>.item-group ps-list div[ps-profile]{float:left;margin-top:5px}.notification>.item-group ps-list .date-range,.notification>.item-group ps-list .employee-name,.notification>.item-group ps-list .item-amount,.notification>.item-group ps-list .item-name{margin-left:58px;font-size:12px}.notification>.item-group ps-list .employee-name{font-size:16px}.notification>.item-group ps-list .date-range{color:#555}.notification>.item-group ps-list .item-amount{color:#ed6f19}.notification>.item-group ps-list .item.highlighted .item-amount{color:#a44e13}.notification>.item-group ps-list .cancellation{font-size:12px;color:#ed6f19;text-transform:lowercase}.notification>.item-group ps-list .leave-conflict{font-size:12px;color:#bb202f;text-transform:lowercase;padding:0 10px;margin-bottom:10px;cursor:pointer}.notification>.item-group ps-list .extra-info{background-color:#eaeaea;overflow:hidden}.notification>.item-group ps-list .extra-info>form{margin:10px 10px 0}.notification>.item-group ps-list .extra-info .remarks{font-size:13px;color:#555;padding:10px 10px 0 10px}.notification>.item-group ps-list .extra-info .action-group{margin:0 0 10px 0}.notification>.item-group ps-list .extra-info .form-group{margin-bottom:10px}@media only screen and (min-device-width:768px){.notification>.item-group ps-list .cancellation,.notification>.item-group ps-list .date-range,.notification>.item-group ps-list .item-amount,.notification>.item-group ps-list .item-name,.notification>.item-group ps-list .leave-conflict{font-size:14px}.notification>.item-group ps-list .employee-name{font-size:18px}.notification>.item-group ps-list .extra-info .remarks{font-size:15px}}.self-generate-otp{display:table;margin:0 auto;padding:10px}.self-generate-otp>section{background-color:#fff!important}.self-generate-otp>section .title{text-align:center;font-size:30px;padding-top:20px;margin-top:30px;margin-bottom:70px;font-weight:900}.self-generate-otp>section .form{background-color:#fff;padding:10px 0;margin-bottom:50px;text-align:center}.self-generate-otp>section .form>.u4a-user-shield{background-color:#fff;padding:10px 0;margin-bottom:10px;font-size:70px;text-align:center}.self-generate-otp>section>[class*=col]{display:table-cell;vertical-align:middle}.self-generate-otp i{display:table-cell;vertical-align:middle;font-size:20px;text-align:center;padding:15px 5px;position:relative;cursor:pointer}@media only screen and (min-device-width:768px){.self-generate-otp i{font-size:24px;padding:15px 10px}.self-generate-otp .btn{padding:10px 16px;font-size:20px;line-height:1.3333333;border-radius:6px;width:100%;margin-top:40px;margin-bottom:10px}}.snap-content>section>div.setting>section{height:calc(100% - 55px)}.setting>section{background-color:#fff!important}.setting>section>form{padding:10px}[class*=" u4a-"],[class^=u4a-]{font-family:u4a,sans-serif!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.u4a-search:before{content:"\f002"}.u4a-toa:before{content:"\e902"}.u4a-calculator:before{content:"\e901"}.u4a-user-shield:before{content:"\e900"}.u4a-users:before{content:"\e972"}.u4a-key:before{content:"\e98d"}.u4a-attachment:before{content:"\e9cd"}.u4a-info:before{content:"\ea0c"}.u4a-envelope-o:before{content:"\f003"}.u4a-th-large:before{content:"\f009"}.u4a-check:before{content:"\f00c"}.u4a-close:before{content:"\f00d"}.u4a-power-off:before{content:"\f011"}.u4a-cog:before{content:"\f013"}.u4a-camera:before{content:"\f030"}.u4a-image:before{content:"\f03e"}.u4a-document:before{content:"\f03f"}.u4a-pencil:before{content:"\f040"}.u4a-chevron-left:before{content:"\f053"}.u4a-chevron-right:before{content:"\f054"}.u4a-plus-circle:before{content:"\f055"}.u4a-minus-circle:before{content:"\f056"}.u4a-check-circle:before{content:"\f058"}.u4a-ignore-circle:before{content:"\f058"}.u4a-arrow-up:before{content:"\f062"}.u4a-arrow-down:before{content:"\f063"}.u4a-plus:before{content:"\f067"}.u4a-asterisk:before{content:"\f069"}.u4a-exclamation-triangle:before{content:"\f071"}.u4a-calendar:before{content:"\f073"}.u4a-chevron-up:before{content:"\f077"}.u4a-chevron-down:before{content:"\f078"}.u4a-bars:before{content:"\f0c9"}.u4a-rotate-left:before{content:"\f0e2"}.u4a-bell:before{content:"\f0f3"}.u4a-circle-o:before{content:"\f10c"}.u4a-circle:before{content:"\f111"}.u4a-question:before{content:"\f128"}.u4a-sort-alpha-asc:before{content:"\f15d"}.u4a-dot-circle-o:before{content:"\f192"}.u4a-file-pdf-o:before{content:"\f1c1"}.u4a-trash:before{content:"\f1f8"}.u4a-cc:before{content:"\f20a"}.u4a-account-circle:before{content:"\e600"}.u4a-today:before{content:"\e800"}.u4a-receipt:before{content:"u4a-receipt"}.u4a-eye:before{content:"\e9ce"}.u4a-eye-blocked:before{content:"\e9d1"}[class*=" u4custom-"],[class^=u4custom-]{font-family:u4custom,sans-serif!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.u4custom-eye:before{content:"\e9ce"}.u4custom-eye-blocked:before{content:"\e9d1"}