:root{--body-color: #ffffff;--border-color: var(--main-color);--container-color: #f5f5f5;--main-color: #4880ff;--main-light-color: #82caff;--seleted-background-color: #3e57f9;--disabled-background-color: light-dark(rgba(239, 239, 239, .3), rgba(59, 59, 59, .3));--disabled-color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));--disabled-border-color: rgba(118, 118, 118, .3);--text-color: #000000;--inverse-text-color: #ffffff;--border-radius-small: 5px;--border-radius-medium: 10px;--font-small: .625rem;--font-medium: .75rem;--font-large: .875rem;--height: 1.25rem;--section-gap: 160px}*{box-sizing:border-box}*,*:before,*:after{margin:0}.main-form{min-height:100vh;display:flex;flex-direction:column}.main-header{background-color:var(--main-color);color:var(--inverse-text-color);height:40px;width:100%;padding:0}.nav-menu{color:var(--inverse-text-color);background-color:var(--main-color);padding:2px 4px;text-decoration:none}.nav-menu:hover{border-radius:var(--border-radius-small);color:var(--main-color);background-color:var(--body-color);padding:2px 4px}.navigation{background-color:var(--main-color);color:var(--text-foreground);padding:10px}.main{margin-top:2rem}.main-form-section{background-color:var(--container-color);border:solid 1px;border-color:var(--border-color);border-radius:var(--border-radius-medium);font-size:var(--font-medium);margin-left:auto;margin-right:auto;margin-top:2rem;padding:10px;width:80%}.main-form-section-borderless{background-color:var(--body-color);border:none;font-size:var(--font-medium);margin-left:auto;margin-right:auto;margin-top:2rem;padding:10px;width:80%}.tab-button{background-color:var(--main-color);border-radius:5px 5px 0 0;border:1px solid;border-color:var(--border-color);color:var(--inverse-text-color);cursor:pointer;height:28px;margin-bottom:-1px;margin-right:-1px;padding:6px 10px}.tab-button.active{color:var(--inverse-text-color);background-color:var(--seleted-background-color)}.tab-button:hover{background-color:var(--inverse-text-color);color:var(--main-color)}.tab{border:solid 1px;border-color:var(--border-color);border-bottom-left-radius:var(--border-radius-medium);border-bottom-right-radius:var(--border-radius-medium);border-top-left-radius:0;border-top-right-radius:var(--border-radius-medium);height:calc(100vh - 4rem - 138px);margin:none;padding:10px}.font-monospace{font-family:monospace}.font-bold{font-weight:700}.hrs-mins::-webkit-calendar-picker-indicator{background:none;display:none}.center-align{text-align:center}.clear{clear:both}.left-align{text-align:left}.left-flex{margin-right:auto}.right-align{text-align:right}.label{padding:3px}.label-white{background-color:#fff;padding:3px}.noborder{border:none!important}.input_error{background-color:#ffeae1!important;color:red!important}.footer{cursor:default;background-color:var(--disabled-background-color);color:var(--disabled-color)}.footer-original{cursor:default;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));color:light-dark(rgb(84,84,84),rgb(170,170,170))}.display-block{display:block}.display-inline-block{display:inline-block}.full-width{width:100%}a.router-link-active.router-link-exact-active.nav-menu{border-radius:var(--border-radius-small);color:var(--inverse-text-color);background-color:var(--seleted-background-color);padding:2px 4px}a:hover.house-link{color:var(--main-color);display:table-cell;font-size:1rem;text-decoration:none;vertical-align:middle}a.house-link,a:link.house-link,a:visited.house-link,a:active.house-link{color:var(--text-color);display:table-cell;font-size:1rem;font-weight:700;text-decoration:none;vertical-align:middle}body{background-color:var(--body-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-medium);line-height:1.6;margin:0;min-height:100vh;overflow:scroll;padding:0;text-align:center;vertical-align:top;white-space:nowrap;transition:color .5s,background-color .5s;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}footer{background-color:var(--main-color);color:var(--inverse-text-color);height:40px;margin-top:auto;padding:10px 0}input:disabled{cursor:default;background-color:var(--disabled-background-color);border:1px solid!important;color:var(--disabled-color);border-color:var(--disabled-border-color)}input:focus{background-color:#ff9;border:1px solid!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number],input[type=text]{padding-right:2px;text-align:end;outline:none}nav{background-color:var(--main-color);color:var(--inverse-text-color);font-size:var(--font-large);height:30px;padding:10px 10px 0}select{padding-left:2px;text-align:start}.h1-brick{display:table-cell;font-size:1rem;vertical-align:middle}.div-bricks{background-color:var(--container-color);display:table;height:100%;margin:0;min-height:100px;padding:0;width:100%;white-space:normal}.div-house-roof-container{color:#fff;font-size:1rem;font-weight:700;margin-left:auto;margin-right:auto;position:relative;text-align:center;width:600px}.div-house-roof{border-left:300px solid transparent;border-right:300px solid transparent;border-bottom:200px solid red;height:0px;margin-left:auto;margin-right:auto;width:0px}.house{align-items:center;background-color:#000;display:grid;grid-auto-rows:minmax(200px,auto);grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1px;justify-content:center;margin-left:auto;margin-right:auto;padding:1px;width:600px}.house-centered{position:absolute;top:70%;left:50%;text-align:center;transform:translate(-50%,-50%)}.charge-rate-container{background-color:var(--main-color);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:1px;padding:1px}.charge-rate-container>div{background-color:var(--container-color);padding:5px}.parameter-header{color:var(--text-color);width:100%;padding:10px 0}.parameter-input{display:inline-block;margin:0;padding:2px;text-align:left;width:150px}.parameter-input>input{font-size:var(--font-medium);height:var(--height);max-width:100px}.parameter-label{display:inline-block;margin:0;padding:2px;text-align:right;width:150px}.parameter-label>label{font-size:var(--font-medium);height:var(--height)}.rate-calculator{display:grid;grid-template-areas:"parameters1 parameters2" "rates rates";grid-template-columns:50% 50%;gap:0;margin-bottom:0;padding:0;width:800px}.rate-calculator>div{padding:0}.rate-calculator>div.parameters1{grid-area:parameters1}.rate-calculator>div.parameters2{grid-area:parameters2}.rate-calculator>div.rates{grid-area:rates;padding:10px 10px 0}.rate-cell>label{display:block;font-size:var(--font-medium);height:var(--height)}.rate-cell>input{font-size:var(--font-medium);height:var(--height);width:100%}.rate-container{border:1px solid;border-color:var(--main-color);border-radius:var(--border-radius-small);margin:10px 0;padding:0 10px 10px}.rate-header{color:var(--text-color);width:100%;padding:10px 0}.rate-selection{border:1px solid;border-color:var(--border-color);border-radius:var(--border-radius-small);margin:10px 0;padding:10px}.rate-selection>select{font-size:var(--font-medium);height:var(--height)}.rate-selection>label{font-size:var(--font-medium)}input.timesheet[type=button]{background:var(--main-color);color:var(--inverse-text-color);width:100px;height:25px;border:1px solid;border-color:var(--main-color);border-radius:var(--border-radius-small);cursor:pointer}input.timesheet[type=button]:hover{background-color:var(--seleted-background-color);color:var(--inverse-text-color);border:1px solid;border-color:var(--selected-background-color);border-radius:var(--border-radius-small)}.timesheet-grid{box-sizing:border-box;background-color:var(--container-color);border:solid 1px;border-color:var(--border-color);border-radius:var(--border-radius-small);display:grid;grid-template-areas:"hdr_1 hdr_2 hdr_3 hdr_4 hdr_5 hdr_6 hdr_7 hdr_8 hdr_9 hdr_10 hdr_11 hdr_12" "row_1_1 row_1_2 row_1_3 row_1_4 row_1_5 row_1_6 row_1_7 row_1_8 row_1_9 row_1_10 row_1_11 row_1_12" "row_2_1 row_2_2 row_2_3 row_2_4 row_2_5 row_2_6 row_2_7 row_2_8 row_2_9 row_2_10 row_2_11 row_2_12" "row_3_1 row_3_2 row_3_3 row_3_4 row_3_5 row_3_6 row_3_7 row_3_8 row_3_9 row_3_10 row_3_11 row_3_12" "row_4_1 row_4_2 row_4_3 row_4_4 row_4_5 row_4_6 row_4_7 row_4_8 row_4_9 row_4_10 row_4_11 row_4_12" "row_5_1 row_5_2 row_5_3 row_5_4 row_5_5 row_5_6 row_5_7 row_5_8 row_5_9 row_5_10 row_5_11 row_5_12" "row_6_1 row_6_2 row_6_3 row_6_4 row_6_5 row_6_6 row_6_7 row_6_8 row_6_9 row_6_10 row_6_11 row_6_12" "row_7_1 row_7_2 row_7_3 row_7_4 row_7_5 row_7_6 row_7_7 row_7_8 row_7_9 row_7_10 row_7_11 row_7_12" ". . ftr_3 ftr_3 ftr_5 ftr_6 ftr_7 ftr_8 ftr_9 ftr_10 ftr_11 .";grid-template-columns:40px 90px 75px 75px 75px 75px 75px 75px 75px 75px 75px 75px;grid-template-rows:60px 25px 25px 25px 25px 25px 25px 25px 25px;gap:1px;max-width:910px;margin:10px auto;overflow:hidden;padding:10px;justify-content:center}.timesheet-grid>div{border:solid 1px;border-color:var(--border-color)}.timesheet-grid>div>input{padding:3px}.timesheet-header{background-color:var(--main-color);color:var(--inverse-text-color)}.timesheet-footer{background-color:var(--disabled-background-color);color:var(--disabled-color)}.timesheet-bottom-align{height:60px;display:flex;justify-content:center;align-items:flex-end}.ftr_3{grid-area:ftr_3;text-align:right}.ftr_5{grid-area:ftr_5;text-align:right}.ftr_6{grid-area:ftr_6;text-align:right}.ftr_7{grid-area:ftr_7;text-align:right}.ftr_8{grid-area:ftr_8;text-align:right}.ftr_9{grid-area:ftr_9;text-align:right}.ftr_10{grid-area:ftr_10;text-align:right}.ftr_11{grid-area:ftr_11;text-align:right}.timesheet-client{background-color:var(--container-color);border:solid 1px;border-color:var(--border-color);border-radius:var(--border-radius-small);overflow:hidden;padding:10px;width:50%;text-align:left}.timesheet-temp{background-color:var(--container-color);border:solid 1px;border-color:var(--border-color);border-radius:var(--border-radius-small);overflow:hidden;padding:10px;width:50%;text-align:left;margin-right:10px}.timesheet-temp-client{background-color:var(--container-color);border:none;display:flex;justify-content:space-around;margin-left:auto;margin-right:auto}.timesheet-authorised{background-color:var(--container-color);border:solid 1px;border-color:var(--border-color);border-radius:var(--border-radius-small);color:#000;padding:10px;text-align:left;margin-bottom:10px;height:40px}.timesheet-buttons{background-color:var(--container-color);border:solid 1px;border-color:var(--border-color);border-radius:var(--border-radius-small);padding:10px;display:flex;justify-content:flex-end}.timesheet-error{background-color:#ffeae1;color:red;border:solid red 2px;border-radius:var(--border-radius-small);font-weight:400;padding:10px;text-align:left;margin-bottom:10px;font-size:1rem;height:80px}.main-section-clients{background-color:var(--body-color);border:none;font-size:var(--font-medium);height:100%;margin-left:auto;margin-right:auto;margin-top:2rem;padding:10px;overflow-x:auto;text-align:left;-webkit-user-select:none;user-select:none;width:80%}.yoti-main{height:calc(100vh - 4rem - 110px)}#reckoning-top-block{padding-right:5px}#reckoning-top-block img{height:60px;margin-bottom:5px;margin-top:5px}.main-invoice{font-family:Arial,Helvetica,sans-serif;margin-bottom:20px;margin-left:auto;margin-right:auto}.stylebutton{background-color:#2aabd2;border-radius:6px;border:1px solid #ccc;padding:4px;min-width:40px;color:#fff;font-weight:700;text-align:center}.invoice-page{font-size:10pt;width:210mm}.warning-message{color:red;line-height:15px;margin-bottom:15px;overflow:hidden;padding-left:10px;padding-right:10px;text-align:left;white-space:wrap}.invoice-page-header{line-height:15px}.invoice-page-header>div{height:100%;vertical-align:top;padding:10px;width:40%}.invoice-page-header>div:nth-child(3){width:19%}table.invoice-data{-fs-table-paginate:paginate;border:1px solid black;border-collapse:collapse;font-size:8pt;height:100%;page-break-inside:auto;width:100%}table.invoice-data thead{background-color:#cecbde;border:1px solid black;display:table-header-group}table.invoice-data tbody{display:table-row-group}table.invoice-data>tbody>tr{line-height:15px}table.invoice-data tfoot{display:table-footer-group}table.invoice-data>tbody>tr{page-break-inside:avoid;page-break-after:auto}table.invoice-data td{word-break:break-word}table.invoice-data>tbody>tr:nth-child(2n){background:#fff}table.invoice-data>tbody>tr:nth-child(odd){background:#e8f2fe}table.invoice-data td.text,table.invoice-data th.text{padding-left:5px;text-align:left}table.invoice-data td.numeric,table.invoice-data th.numeric{padding-right:5px;text-align:right}td.total-net{border-bottom:solid 1px black;border-left:solid 1px black;border-top:solid 1px black;padding-right:5px;text-align:right}td.total-vat{border-bottom:solid 1px black;border-right:solid 1px black;border-top:solid 1px black;padding-right:5px;text-align:right}td.invoice-total-label{font-size:12pt;font-weight:700;padding-right:5px;text-align:right}td.invoice-total{border-bottom:solid 1px black;border-right:solid 1px black;border-left:solid 1px black;font-size:12pt;padding-right:5px;text-align:right}td.invoice-column-spacer{width:5px}.table-footer-divider{background-color:#cecbde;border-bottom:solid 1px black;border-top:solid 1px black;height:8px}.table-footer-spacer{height:8px}#app{margin:0 auto;width:100%}