.material-icons.small,.material-icons-outlined.small{font-size:16px}.material-icons.medium,.material-icons-outlined.medium{font-size:18px}.payrollview .btn,.payrollview input.form-control{border-radius:0px}.payrollview .btn.active,.payrollview .btn:active,.payrollview .btn.dropdown-toggle{box-shadow:none}.payrollview .btn:not(.btn-icon){min-width:80px}.payrollview .btn.btn-default{border-color:#CDCED4}.payrollview .btn.btn-default,.payrollview .btn.btn-default:active,.payrollview .btn.btn-default.active{border-color:#CDCED4}.payrollview .btn.btn-primary{border-color:#017EFF}.payrollview .btn.btn-primary,.payrollview .btn.btn-primary:active,.payrollview .btn.btn-primary.active{background-color:#017EFF !important}.payrollview .btn.btn-iconed,.payrollview .btn.btn-icon{display:flex;align-items:center;justify-content:center}.payrollview .btn.btn-iconed i,.payrollview .btn.btn-icon i{flex:0 0 auto}.payrollview .btn.btn-icon{padding-left:0px;padding-right:0px}.payrollview .btn.btn-transparent{background:transparent}.payrollview-dropdown-menu,.payrollview .dropdown-menu{font-size:16px;border:0;cursor:pointer}.payrollview-dropdown-menu li span,.payrollview .dropdown-menu li span{margin-left:10px}.payrollview-dropdown-menu li span.header,.payrollview .dropdown-menu li span.header{font-weight:bold}.payrollview-dropdown-menu li.active a,.payrollview .dropdown-menu li.active a{color:#1B1B18;background-color:#F3F3F2}.payrollview-dropdown-menu>*+*:not(.divider),.payrollview .dropdown-menu>*+*:not(.divider){padding-top:5px}.payrollview-dropdown-menu a,.payrollview .dropdown-menu a{display:flex;align-items:center}.payrollview-dropdown-menu a:hover,.payrollview-dropdown-menu a:focus,.payrollview .dropdown-menu a:hover,.payrollview .dropdown-menu a:focus{background-color:#F3F3F2}.payrollview-dropdown-menu .submenu,.payrollview .dropdown-menu .submenu{padding:0px}.payrollview-dropdown-menu .submenu li,.payrollview .dropdown-menu .submenu li{list-style:none}.payrollview-dropdown-menu .submenu li a,.payrollview .dropdown-menu .submenu li a{display:block;padding:3px 40px;color:inherit}.payrollview-dropdown-menu .submenu li a:hover,.payrollview-dropdown-menu .submenu li a:focus,.payrollview .dropdown-menu .submenu li a:hover,.payrollview .dropdown-menu .submenu li a:focus{text-decoration:none;background-color:#F3F3F2}.payrollview-dropdown-menu .submenu>*+*:not(.divider),.payrollview .dropdown-menu .submenu>*+*:not(.divider){padding-top:5px}.payrollview .tooltip-wrapper{display:inline-block}.payrollview .text-primary{color:#017EFF}.payrollview .text-secondary{color:#6D6E83}.payrollview .text-disabled{color:#BFBFBF}.payrollview .text-success{color:#46A758}.payrollview .text-warning{color:#FFC107}.payrollview .form-control.ng-dirty,.payrollview textarea.ng-dirty{background-color:#FFF8E1}.payrollview .text-small{font-size:12px;font-weight:300}.payrollview textarea{border:1px solid #ccc}html.payroll-background,html.payroll-background body,html.payroll-background #ng-content{background:#fff}.payrollview{padding-bottom:100px;color:#1B1B18}.payrollview>.header{background-color:#FAFAFA;align-items:flex-end;margin:-20px;margin-bottom:0px;padding:30px}.payrollview .user-data{padding-top:30px}.payrollview .header{display:flex;flex-wrap:wrap}.payrollview .header label{text-transform:uppercase}.payrollview .header .btn-toolbar{margin:0px}.payrollview .header .btn{font:500 13px/18px inherit}.payrollview .header .btn .material-icons{line-height:18px}.payrollview .header .btn-group{margin-left:10px}.payrollview .header h1,.payrollview .header h2,.payrollview .header h3{margin:0px;font-weight:400}.payrollview .header .dropdown-menu{font-size:14px}@media (min-width: 1550px){.payrollview .header .btn-group{margin-left:20px}}@media (min-width: 1550px){.payrollview .header .margin-left-auto{margin-left:auto}}.payroll-table>thead{font-size:14px;background:#FAFAFA;color:#6D6E83}.payroll-table>thead>tr>th{border-bottom:1px solid #ddd;font-weight:normal;white-space:nowrap;vertical-align:middle}.payroll-correction-lines{padding:8px 0 32px 0}.payroll-correction-lines__heading{padding-left:8px}.payroll-correction-lines__table>thead>tr>th:not(.payroll-correction-lines__action-column){padding-left:20px}.payroll-correction-lines__table-row td{vertical-align:middle !important}.payroll-correction-lines__table-row:not(.payroll-correction-lines__table-row--active) input,.payroll-correction-lines__table-row:not(.payroll-correction-lines__table-row--active) select{border:0;box-shadow:none;background:none}.payroll-correction-lines__table-row:not(.payroll-correction-lines__table-row--active) select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.payroll-correction-lines__table-row--active td{background:#F1F7FA}.payroll-correction-lines__action-button{background:none;border:0;color:#3949AB;padding:0;display:flex;align-items:center}.payroll-correction-lines__approve-column div{display:flex;align-items:center}.payroll-correction-lines__approve-column i{cursor:pointer}.payroll-correction-lines__add-line{width:24px;height:24px}.payroll-correction-lines__display-value{font-size:14px;color:#555;padding-left:12px;display:inline-block}.payroll-correction-lines select[readonly]{pointer-events:none;touch-action:none}.table-payroll-details-edit{table-layout:fixed}.table-payroll-details-edit.sticky-header{top:50px;z-index:1001}.table-payroll-details-edit input.form-control{font-size:inherit;max-width:60px;margin-left:auto;box-shadow:none;-webkit-box-shadow:none;height:30px}.table-payroll-details-edit input[decimal]{padding:4px;text-align:right}.table-payroll-details-edit .period-col{border-left:4px solid transparent;width:260px}.table-payroll-details-edit .period-col.approved{border-left-color:#46A758}.table-payroll-details-edit .period-col.locked{border-left-color:#BFBFBF}.table-payroll-details-edit .piece-work-button{background:none;border:0;padding:0;display:flex;flex-flow:column;align-items:flex-end;width:60px;height:25px}.table-payroll-details-edit .piece-work-button.has-value{width:auto;height:auto}.table-payroll-details-edit .piece-work-button .text-secondary,.table-payroll-details-edit .piece-work-display .text-secondary{font-size:10px;padding-right:4px}.table-payroll-details-edit .piece-work-button>span,.table-payroll-details-edit .piece-work-display>span{display:flex;align-items:center;justify-content:space-between;width:100%}.table-payroll-details-edit .project-col{border-right:1px solid #ddd;width:250px;max-width:300px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-payroll-details-edit>thead>tr>th.apply-additions-col{width:41px;padding:0}.table-payroll-details-edit>thead>tr>th.apply-additions-col .btn{width:41px;height:41px;min-width:41px;padding:0}.table-payroll-details-edit>thead>tr>th.project-col>.project-header>span{display:inline-flex;align-items:center;cursor:pointer;margin-left:10px}.table-payroll-details-edit>thead>tr>th .header-with-batch{display:flex;align-items:center;justify-content:flex-end}.table-payroll-details-edit>thead>tr>th .header-with-batch>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.table-payroll-details-edit>thead>tr>th .header-with-batch i{cursor:pointer;margin-left:5px}.table-payroll-details-edit>thead>tr>th:not(.period-col):not(.project-col):not(.apply-additions-col){text-align:right;min-width:80px;max-width:120px;text-overflow:ellipsis;overflow:hidden;white-space:normal}.table-payroll-details-edit>tbody{background:#fff;font-size:16px}.table-payroll-details-edit>tbody+tbody{border-top:1px solid #ddd}.table-payroll-details-edit>tbody>tr>td:not(.period-col){vertical-align:middle}.table-payroll-details-edit>tbody>tr>td:not(.period-col):not(.project-col){text-align:right}.table-payroll-details-edit>tbody.wide-period{background-color:#FAFAFA}.table-payroll-details-edit>tbody.wide-period.week{background-color:#F7F7F7}.table-payroll-details-edit>tbody.wide-period.week:before{content:'';display:block;height:30px;background:#fff}.table-payroll-details-edit>tbody.wide-period.week ~ .week:before{content:none}.table-payroll-details-edit>tbody.wide-period .period-col{font-weight:bold;padding-top:17px}.table-payroll-details-edit>tbody.wide-period .wide-period-name{display:flex;align-items:center}.table-payroll-details-edit>tbody.wide-period .wide-period-name>i.material-icons{cursor:pointer;margin-left:5px}.table-payroll-details-edit>tbody.day.selectable:hover{background-color:#F3F3F2;cursor:pointer}.table-payroll-details-edit>tbody.day.selectable.editing{background-color:#F4F8FB}.table-payroll-details-edit>tbody payroll-value{display:flex;justify-content:flex-end;align-items:center}.table-payroll-details-edit>tbody payroll-value>label{position:relative;font-size:inherit;font-weight:inherit;display:flex;align-items:center;margin:0;width:100%}.table-payroll-details-edit>tbody payroll-value>label.editable,.table-payroll-details-edit>tbody payroll-value>label.editable>input.as-plain-text{cursor:pointer}.table-payroll-details-edit>tbody payroll-value>label>input.form-control{margin-right:-5px;margin-bottom:1px}.table-payroll-details-edit>tbody payroll-value>label>input.as-plain-text{border-color:transparent;background-color:transparent}.table-payroll-details-edit>tbody payroll-value>label>input ~ .kilometers-info{font-size:12px;white-space:nowrap;position:absolute;top:30px;right:-29px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.table-payroll-details-edit>tbody payroll-value>label ~ i.material-icons{margin-right:-29px;margin-left:5px}.table-payroll-details-edit>tbody .project-header{display:flex;align-items:center}.table-payroll-details-edit>tbody .project-header.with-addition{justify-content:space-between}.table-payroll-details-edit>tbody .project-header .project-info{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.table-payroll-details-edit>tbody .project-header .addition-button{flex:0 0 auto}.table-payroll-details-edit>tbody .project-header .project-addition{display:block;font-size:12px}.table-payroll-details-edit>tbody .project-header .project-addition-icon{align-self:flex-start;transform:rotate(90deg) scaleY(-1);margin-right:5px}.table-payroll-details-edit>tbody .project-header i.add-values{cursor:pointer}.table-payroll-details-edit>tbody .absence-project-info{display:block;font-size:12px}.table-payroll-details-edit td{height:60px}.table-payroll-details-edit .collapsable-header span{display:inline-flex;align-items:center;cursor:pointer}footer.save-cancel-footer{position:fixed;bottom:0;z-index:1100;background:#fff;text-align:left;padding:20px;animation:slideup 0.5s}footer.save-cancel-footer>.btn+.btn{padding-left:10px}footer.save-cancel-footer.ng-leave{animation:none}@keyframes slideup{from{bottom:-100px}to{bottom:0}}.day-summary-period{display:flex;align-items:flex-start}.day-summary-period>*+*{margin-left:5px}.day-summary-period i{cursor:pointer}.day-summary-period .day-summary-period-day-details{font-size:14px}.day-summary-period .day-summary-period-day-details .secondary-section{display:flex;align-items:center}.day-summary-period .day-summary-period-day-details .secondary-section button{margin:0 8px;background:none;border:0;padding:0}.day-summary-period .day-summary-period-day-details .secondary-section i{color:#ff5722}.day-summary-period .day-summary-period-day-details>span,.day-summary-period .day-summary-period-day-details a{display:block}.day-summary-period .day-summary-period-day-details>a{font-weight:bold;cursor:pointer}.day-summary-period>.comment-count{font-weight:bold;font-size:14px;line-height:14px;margin-left:2px}.day-summary-period>.comment-marked{position:relative}.day-summary-period>.comment-marked:after{display:block;position:absolute;content:'';width:0.5rem;height:0.5rem;right:-0.4rem;bottom:0rem;border-radius:100%;border:1px solid #ffffff;background:#F3671B}.sum-row.bold{font-weight:bold}.payrollview .user-data{font-size:16px}.payrollview .user-data .header{flex-direction:column}.user-data-header-row{display:flex;align-items:flex-start;margin-bottom:20px}.user-data-header-row>:first-child:not(.button-back){margin-left:44px}.user-data-header-row>.button-back{width:24px;margin-right:20px}.user-data-header-row>.prev-next-user.btn-group{margin-left:auto}.user-data-header-row>.user-data-tabs.btn-group{margin-right:20px}.user-data-header-row>.payroll-approve.btn-group{margin-left:auto}.user-name h3{padding-top:4px}.user-name div{color:var(--secondaryText);margin-top:4px;font-size:14px}.user-hours>.total-hours{margin-right:20px;font-weight:500}.user-hours span:not(.total-hours)+span:before{content:'/';margin:0px 10px}.user-data-correction-line{margin-bottom:16px;padding-left:12px}.btn.approve-split-btn+.btn.btn-icon{width:30px;border-left:1px solid white}.payroll-edit-spinner-wrapper{position:absolute;top:0;left:0;width:calc(100% - 30px);height:100%;display:flex;align-items:flex-start;justify-content:center;background:rgba(255,255,255,0.7);z-index:9999;padding-top:60px}.dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:var(--interaction);color:var(--interaction);box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.2s infinite linear;animation-delay:0.25s}.dot-pulse::before,.dot-pulse::after{content:"";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:var(--interaction);color:var(--interaction)}.dot-pulse::before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.2s infinite linear;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.2s infinite linear;animation-delay:0.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,100%{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,100%{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,100%{box-shadow:10014px 0 0 -5px}}.absence-modal.modal-body{max-height:80vh;overflow:auto}.absence-modal.modal-body .date-group{display:flex}.absence-modal.modal-body .date-group>div{flex:1 1 50%}.absence-modal.modal-body .timepicker{margin-left:16px}.absence-modal.modal-body .absence-period{border:1px solid #ddd;padding:0 16px 16px;margin-bottom:16px;overflow:auto}.absence-modal.modal-body .absence-period-controls{position:sticky;top:0;background:#fff;z-index:100;padding-top:16px}.absence-modal.modal-body .absence-period-controls>a{cursor:pointer}.absence-modal.modal-body .absence-period-controls .same-amount-input{display:inline-flex;align-items:center;font-weight:normal;white-space:nowrap}.absence-modal.modal-body .absence-period-controls .same-amount-input>span{margin-right:8px}.absence-modal.modal-body .absence-days-list{display:grid;grid-template-columns:repeat(7, 1fr);grid-gap:8px 8px;margin-top:8px}.absence-modal.modal-body .absence-days-list .week-number{grid-column-start:1;grid-column-end:8;padding:3px 0;font-weight:500}.absence-modal.modal-body .absence-days-list .weekday-name{color:#6D6E83;font-size:12px}.absence-modal.modal-body .absence-days-list .day-hours{font-weight:normal}.absence-modal.modal-body .absence-days-list .day-hours>span{color:#6D6E83;font-size:12px}.absence-modal.modal-body .absence-day{display:flex;align-items:center}.absence-modal.modal-body .absence-day div.checkbox{margin:0}.absence-modal.modal-body .absence-day>* ~ *{margin-left:16px}.absence-modal.modal-body input.day-hours-input.ng-invalid.ng-dirty{border:1px solid #EA555A;background:rgba(234,85,90,0.1)}.absence-modal.modal-body input.ui-state-error{border:1px solid #EA555A;background:rgba(234,85,90,0.1)}.absence-modal.modal-body .has-error>input{border:1px solid #EA555A;background:rgba(234,85,90,0.1)}.switch-input{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.switch{-webkit-appearance:none;-moz-appearance:none;-webkit-transition:0.4s all;transition:0.4s all;border-radius:50px;background:#bbb;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);width:36px;height:14px;outline:0;cursor:pointer;position:relative;-moz-user-select:none;-webkit-user-select:none;user-select:none;display:inline-block;top:3px}.switch-input:checked ~ .switch{background:#A1CFA3;box-shadow:inset 0 0 0 15px #A1CFA3;transition:0.25s all}.switch-input:disabled:checked ~ .switch{background:#D9EBDA;box-shadow:inset 0 0 0 15px #D9EBDA}.switch-input:disabled ~ .switch{background:#A2A1A1;box-shadow:inset 0 0 0 15px #A2A1A1}.switch-input:checked ~ .switch::before{transform:translate(18px, 0);background:#43A047}.switch-input:disabled:checked ~ .switch::before{background:#B3D9B5}.switch-input:disabled ~ .switch::before{background:#F1F1F1}.switch-input ~ .switch::before{content:"";transition:0.26s all;position:absolute;left:0px;top:-3px;bottom:2px;right:auto;transform:translate(0, 0);display:block;width:20px;height:20px;border-radius:40px;background:#fff}.switch-input.ng-dirty ~ .switch{box-shadow:0 0 1px 9px #FFF8E1}.switch-wrapper>.switch-input ~ .switch::before{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12),0 0 0 16px rgba(0,108,181,0)}.switch-wrapper>.switch-input:focus ~ .switch::before{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12),0 0 0 16px rgba(0,108,181,0),0 0 0 7px rgba(67,160,71,0.2)}.switch-wrapper:hover>.switch-input:not(:disabled) ~ .switch::before{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12),0 0 0 16px rgba(0,108,181,0),0 0 0 7px rgba(67,160,71,0.2)}.payrollview .popover{border:none;border-radius:0px;display:block;visibility:hidden;top:-9999px;left:-9999px;z-index:1000;padding:9px 14px;font-family:inherit;font-size:14px}.payrollview .popover.open{visibility:visible}.payrollview .popover-content{padding:0px}.payrollview .modal-window{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;z-index:9999;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,0.4)}.payrollview .modal-window-content{position:relative;background-color:#fff;margin:5% auto;padding:40px;width:40%;overflow:hidden;max-height:80%;animation:fadein 0.5s}body.modal-open{overflow:hidden;padding-right:15px}@keyframes fadein{from{opacity:0}to{opacity:1}}.date-interval-popover{max-width:400px}.date-interval-popover .content{display:flex;align-items:flex-end}.date-interval-popover .content>*+*{margin-left:20px}.date-interval-popover .content label{text-transform:none;display:block;margin:0px;font:400 12px/16px Roboto}.date-interval-popover .content input.form-control{min-width:100px;height:30px}.batch-edit-popover{max-width:400px}.batch-edit-popover h1{font-size:16px;color:#1B1B18;margin:0;white-space:normal}.batch-edit-popover .close-button{position:absolute;cursor:pointer;right:10px;top:10px}.batch-edit-popover .content{padding:20px}.batch-edit-popover .content .batch-value{display:flex;align-items:center;margin-top:10px}.batch-edit-popover .content .batch-value *:first-child{margin-right:10px}.batch-edit-popover input.form-control{display:inline-block;height:30px;margin-left:0}.change-log-modal{display:flex;flex-direction:column;min-height:30%;cursor:default}.change-log-modal .close-button{position:absolute;cursor:pointer;right:10px;top:10px}.change-log-modal h1{font-size:24px;color:#1B1B18;margin:0;margin-bottom:30px;font-weight:normal}.change-log-modal .change-log-list{flex:1 1 auto;overflow-y:auto}.change-log-modal .change-log-list i.fa-spinner{position:absolute;top:50%;left:50%}.change-log-modal .change-log-info{display:flex}.change-log-modal .change-log-info+.change-log-info{margin-top:20px}.change-log-modal .change-log-details{margin-left:20px}.change-log-modal .change-log-details>span{display:block;line-height:24px}.change-log-modal .change-log-details .change-log-name{font-weight:500}.change-log-modal .change-log-details .change-log-time{font-size:14px}.comment-popover h1{margin-top:0;font-size:14px;font-weight:400}.comment-popover h2{margin:0;font-size:14px}.comment-popover p.notice{display:flex;font-size:12px}.comment-popover p.notice>span{margin-left:10px}.comment-popover textarea.comment-text{resize:none;width:100%;padding:7px 9.5px 3px}.comment-popover .comment-data header{display:flex;align-items:center;margin-bottom:5px;margin-top:20px}.comment-popover .comment-data .date{font-size:10px;margin-left:10px;letter-spacing:1.2px}.comment-popover .comment-period{display:flex;align-items:flex-end;margin-bottom:20px}.comment-popover .comment-period>*+*{margin-left:20px}.comment-popover .comment-period label{text-transform:none;display:block;margin:0px;font:400 12px/16px Roboto}.comment-popover .comment-period input.form-control{min-width:100px;height:30px}.comment-popover .comment-period td{height:inherit}.payrollview .person-avatar{display:inline-block;text-align:center;white-space:nowrap;border-radius:50%;width:40px;height:40px;overflow:hidden}.payrollview .person-avatar span{color:#fff;font-weight:bold;line-height:40px;font-size:16px}.payrollview .person-avatar .avatar-initials{background-color:#017EFF}.payrollview .person-avatar .avatar-photo{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}