*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}blockquote{border-left:.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type=button],input[type=reset],input[type=submit]{border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:#0069d9;border-color:#0069d9}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:#0069d9}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:#0069d9}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:#0069d9}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:#0069d9}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:.3rem solid #0069d9;overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:.1rem solid #f4f5f6;margin:3rem 0}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],input:not([type]),textarea,select{-webkit-appearance:none;background-color:transparent;border:.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem .7rem;width:100%}input[type=color]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:#0069d9;outline:0}select{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%230069d9" d="M0,0l6,8l6-8"/></svg>')}select[multiple]{background:none;height:auto}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}.label-inline{display:inline-block;font-weight:400;margin-left:.5rem}.container{margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-40{margin-left:40%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-60{margin-left:60%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media (min-width: 40rem){.row{flex-direction:row}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:#0069d9;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{list-style:disc inside}.button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;display:block;overflow-x:auto;text-align:left;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}@media (min-width: 40rem){table{display:table;overflow-x:initial}}b,strong{font-weight:700}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:" ";display:table}.float-left{float:left}.float-right{float:right}h1{font-size:3.6rem;line-height:1.25}h2{font-size:2.8rem;line-height:1.3}h3{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h4{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h5{font-size:1.6rem;letter-spacing:0;line-height:1.4}h6{font-size:1.4rem;letter-spacing:0;line-height:1.2}pre{padding:1em}.container{margin:0 auto;max-width:80rem;padding:0 2rem;position:relative;width:100%}select{width:auto}.phx-hero{text-align:center;border-bottom:1px solid #e3e3e3;background:#eee;border-radius:6px;padding:3em 3em 1em;margin-bottom:3rem;font-weight:200;font-size:120%}.phx-hero input{background:#ffffff}.phx-logo{min-width:300px;margin:1rem;display:block}.phx-logo img{width:auto;display:block}header{width:100%;background:#fdfdfd;border-bottom:1px solid #eaeaea;margin-bottom:2rem}header section{align-items:center;display:flex;flex-direction:column;justify-content:space-between}header section :first-child{order:2}header section :last-child{order:1}header nav ul,header nav li{margin:0;padding:0;display:block;text-align:right;white-space:nowrap}header nav ul{margin:1rem;margin-top:0}header nav a{display:block}@media (min-width: 40rem){header section{flex-direction:row}header nav ul{margin:1rem}.phx-logo{flex-basis:527px;margin:2rem 1rem}}.alert{padding:5px;margin-bottom:20px;border:1px solid transparent;width:90%;border-radius:15px;text-align:center}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#bce8f1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-loading{cursor:wait}.phx-modal{opacity:1!important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.phx-modal-content{background-color:#fefefe;margin:15vh auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.disabled{pointer-events:none;cursor:not-allowed}.fade-in-scale{animation:.2s ease-in 0s normal forwards 1 fade-in-scale-keys}.fade-out-scale{animation:.2s ease-out 0s normal forwards 1 fade-out-scale-keys}.fade-in{animation:.2s ease-out 0s normal forwards 1 fade-in-keys}.fade-out{animation:.2s ease-out 0s normal forwards 1 fade-out-keys}.back-btn{display:flex;align-items:center;background-color:transparent;border:none;color:#f44336;padding:10px 20px;text-align:center;text-decoration:none;font-size:16px;border-radius:5px;cursor:pointer;transition:color .3s ease;box-shadow:0 0 8px transparent!important}.back-btn .material-icons{font-size:24px}.back-btn:focus{box-shadow:0 0 8px transparent!important;background-color:transparent!important;color:#e53935!important}.back-btn:hover{box-shadow:0 0 8px transparent!important;background-color:transparent!important;color:#e53935!important}.back-btn:active{color:#d32f2f!important}.main-card{display:flex;flex-direction:column;width:95%;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin-bottom:5%;border:2px solid}.gray-card{background-color:#f0f4fa!important}.header-component{width:auto!important;display:flex;flex-direction:row}.component-card{background-color:#fff;flex:1;display:flex;flex-direction:column;justify-content:space-between}.space-between-components{width:3%}.container-main{width:100%;padding-left:3%;padding-top:3%}.main-card>div{padding:2% 4% 1%}.left-items{justify-content:flex-end;gap:1%}.row{flex-direction:row;display:flex}.column{flex-direction:column;display:flex}.two-components{width:45%}.text-center{text-align:center}.text-wo-transform{text-transform:none!important}.text-wo-decoration{text-decoration:none!important}.content-center{display:flex;justify-content:center}.link-to{text-decoration:none;cursor:pointer}.button-middle{width:50%}.active-tab{font-weight:700}.font-size-large{font-size:130%!important}.font-size-large:focus{font-size:130%!important}.font-size-large:active,.font-size-large:hover{font-size:130%!important}.input-menu-readonly{width:100%;background-color:#fff;border:1px solid #ccc;padding:10px;font-size:1.5rem;font-weight:700;color:#000;border-radius:0!important;box-shadow:0 2px 4px #0000001a;pointer-events:none;text-align:left;box-sizing:border-box;text-align:center}.input-menu-readonly:focus{outline:none}.dropdown-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:96%;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;z-index:100;display:none;padding:10px 0;list-style:none;margin:5px 0 0;min-width:200px;right:1%}.dropdown-container.active .dropdown-menu{display:block}.menu-item{padding:10px 15px;font-size:17px;color:#333;text-decoration:none;transition:background-color .2s;display:flex;align-items:center}.header-link{font-size:1.4rem!important;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.header-link:hover{font-size:1.4rem!important;border-radius:4px}.h1-title{font-size:3rem;font-weight:700;color:#3d464b;padding-bottom:10px}.h2-title{font-weight:700;color:#3d464b;padding-bottom:10px}.h3-title{font-size:2rem;font-weight:100!important;color:#3d464b;padding-bottom:10px}.h4-title{font-weight:700;color:#3d464b;padding-bottom:10px}.main_menu{width:17%;padding:0 20px;display:none}.menu_container{display:flex;flex-direction:column}.icon_menu{font-size:2.3rem!important}.main_menu_link{text-decoration:none;display:flex;align-items:center;justify-content:space-between;width:100%}.main_submenu_link{text-decoration:none;align-items:right;display:flex}.text_icon_menu{font-size:1.4rem!important;padding-left:10px;flex-grow:1}.text_icon_submenu{font-size:1.3rem!important;padding-left:10px;flex-grow:1}.main_submenu_container{margin-left:20px;margin-top:10px;margin-bottom:10px}.is_main_menu{font-size:1.2rem;padding-left:10px;white-space:nowrap}.h1-title{font-size:3rem;color:#3d464b;font-weight:700;padding-bottom:10px}.text_icon_button{font-size:15px;font-weight:100}.disabled_icon{color:#000}.icon_button{font-size:3px}.font-size-small,.font-size-small:hover{font-size:small!important}.font-size-x-large,.font-size-x-large:hover{font-size:x-large!important}.font-size-large,.font-size-large:hover{font-size:large!important}.align-text-start{align-content:baseline}.align-text-center{align-content:center}.align-text-end{align-content:end}.text-white{color:#fff}.text-disabled{color:#202020}.button-default{border:1px solid #3E87CA;border-radius:6px}.button-wo-border{border:none;border-radius:6px}.link-to-button-default{display:inline-flex;height:40px;align-items:center;border:none;border-radius:6px;padding:8px 15px;cursor:pointer;text-decoration:none;gap:10px;transition:background-color .2s ease-in-out}.no-enter-text{white-space:nowrap}.below-2rem{margin-bottom:2rem}.text-color-nil-search{color:#939393}.container-card{width:100%;padding:35px}.center-h{display:flex;justify-content:center}.center-v{display:flex;align-items:center}.sections-container-card{display:flex;width:100%;height:50px}.section-container-card-color{background-color:#f0f5fb}.padding-left-35{padding-left:35px}.section-button{margin-top:15px;border:0px;background-color:transparent;color:#3e87ca;font-weight:500;text-transform:none;font-size:small;line-height:150%;width:fit-content;padding:0 10px}.section-button-active{border-bottom:3px solid #3E87CA}.file-input{outline:none;padding:4px;font-size:medium!important;width:calc(100vw - (var(--nav-width) + 33px))!important}.file-input:focus-within::file-selector-button,.file-input:focus::file-selector-button{outline:2px solid #3E87CA;outline-offset:2px}.file-input:before{top:16px}.file-input:after{top:14px}.file-input{position:relative}.file-input::file-selector-button{width:20%;font-size:15px;text-align:center}.file-input:before{position:absolute;pointer-events:none;left:10px;color:#000;padding-right:100px}.file-input:after{position:absolute;pointer-events:none;left:16px;height:20px;width:20px;font-size:15px}.file-input::file-selector-button{border-radius:4px;padding:0 16px;height:40px;cursor:pointer;background-color:#3e87ca80;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px #0000000d;margin-right:16px;transition:background-color .2s}.file-input::file-selector-button:hover{background-color:#3e87ca80}.file-input::file-selector-button:active{background-color:#3e87ca80}@media (max-width: 636px){.main_menu{width:100%!important;top:calc(-1 * var(--mobile-nav-height));height:var(--mobile-nav-height);position:absolute}header{margin-bottom:var(--mobile-nav-height)}.nav_item{width:unset}.toggle,.nav_text,.nav_title,.nav_br{display:none}.menu_container{display:unset}.payroll_receipt{width:100%;height:calc(100vh - 410px)}}.hr-1px{border:.5px solid}.hidden{visibility:hidden}.hidden-wo-space{display:none}.w-15{width:15%!important}.w-35{width:35%!important}.w-30{width:30%!important}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-80{width:80%!important}.w-100{width:100%!important}.h-fvh{height:100vh}.h-hvh{height:50vh}.table-body-white{background-color:#fff}.strong{font-family:SourceSansPro-Black}.font-weight-bold{font-weight:700}.space_between{justify-content:space-between;align-items:flex-start}.space_below{margin-bottom:1rem}.text_button_upload_payroll{font-size:14px;color:#fff}.width_div_space_between{width:auto!important}.go_right_grid{display:grid!important;justify-content:end}.go-right-flex{display:flex;justify-content:flex-end}.gap-10,.gap-5,.gap-15{gap:10px}.margin-0{margin:0}.padding-0{padding:0%}.padding-0-1rem{padding:0% 1rem}.button_upload_payroll{display:flex;width:fit-content;align-items:center;gap:8px;padding:5px 25px;border:none;border-radius:4px;text-decoration:none;font-size:14px;cursor:pointer;transition:background-color .3s ease}.button_upload_payroll:hover{background-color:#357abd}.button_upload_payroll .material-icons{font-size:20px}@keyframes fade-in-scale-keys{0%{scale:.95;opacity:0}to{scale:1;opacity:1}}@keyframes fade-out-scale-keys{0%{scale:1;opacity:1}to{scale:.95;opacity:0}}@keyframes fade-in-keys{0%{opacity:0}to{opacity:1}}@keyframes fade-out-keys{0%{opacity:1}to{opacity:0}}