@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);:root{--primary-colour:#3c8dbc;--sidebar-primary:#222d32;--sidebar-title:#1a2226;--sidebar-active:#1e282c;--sidebar-text:#b8c7ce;--background-colour:#ecf0f5;--green:#00a65a;--green-dark:#008548;--red:#dd4b39;--orange:#f59342;--header-height:56px;--sidebar-width:240px;--footer-height:44px}@font-face{font-family:'regplate';src:url("uk79rgat-webfont.eot");src:url("../webfonts/uk79rgat-webfont.eot?#iefix") format("embedded-opentype"),url("../webfonts/uk79rgat-webfont.woff") format("woff"),url("../webfonts/uk79rgat-webfont.ttf") format("truetype"),url("../webfonts/uk79rgat-webfont.svg#uk79regathin") format("svg");font-weight:normal;font-style:normal}*{margin:0;margin-bottom:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;background:var(--background-colour)}a{color:inherit;text-decoration:none}.action-group{margin:1rem 0;position:absolute;right:0;top:30px}.action-group a.action{display:inline-block;padding-right:1rem;background:var(--green);color:white;z-index:1;cursor:pointer}.action-group a.action::before{content:'+';font-weight:bold;line-height:16px;margin-right:1rem;background:var(--green-dark);font-size:1.5rem;padding:12px 14px;vertical-align:sub;display:inline-block}.action-group a.action:hover{background:var(--green-dark)}p.lastupdate{height:40px;align-content:center}#header{height:var(--header-height);display:flex;background:var(--primary-colour);color:white;position:sticky;top:0;z-index:99}#header h2{width:var(--sidebar-width);background:rgba(0,0,0,0.25);color:white;align-content:center;text-align:center;font-weight:500;margin-right:auto}#header h2 span{font-weight:800}#header ul{list-style:none}#header ul li{height:100%;display:inline-block}#header ul li a{height:100%;display:inline-block;padding:0 1rem;align-content:center}#header ul li a:hover{background:var(--primary-colour)}#page-wrap{display:flex}#page-wrap #sidebar{width:var(--sidebar-width);background:var(--sidebar-primary);color:var(--sidebar-text);font-size:14px;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));transition:margin 0.5s ease-in-out, width 0.5s ease-in-out;overflow:auto;margin-left:0;z-index:99;flex-shrink:0}#page-wrap #sidebar ul{list-style-type:none;width:var(--sidebar-width);transition:width 0.5s ease-in-out}#page-wrap #sidebar ul li.title{background:var(--sidebar-title);padding:0.75rem 1rem}#page-wrap #sidebar ul li a{display:inline-block;padding:0.75rem 1rem;width:100%;border-left:3px solid var(--sidebar-primary)}#page-wrap #sidebar ul li a i{margin-right:0.5rem}#page-wrap #sidebar ul li.active a,#page-wrap #sidebar ul li a:hover{background:var(--sidebar-active);border-left:3px solid var(--primary-colour);color:white}#page-wrap #sidebar.hidden{margin-left:calc(-1 * var(--sidebar-width))}#page-wrap #content-wrap{flex-grow:1;display:flex;flex-direction:column}#page-wrap #content-wrap #content{margin:1rem;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 2rem);overflow:auto;position:relative}#page-wrap #content-wrap #content h2{margin-bottom:1rem}#page-wrap #footer{margin-top:auto;padding:0.75rem;background:white;height:var(--footer-height)}body:has(#login){background:url("/assets/images/login-page.jpg");background-size:cover;background-position:center center;display:flex;height:100vh}#login{max-width:400px;margin:0.5rem auto;background:rgba(0,0,0,0.75);padding:1rem;width:100%;max-width:500px;align-self:center}#login form{display:flex;flex-direction:column;gap:0.75rem}#login form i{align-self:center;padding:1rem;font-size:3rem;color:white}#login form input{padding:0.75rem}#login form input[type="submit"]{color:white;background:var(--sidebar-primary);border:none;padding:1rem;cursor:pointer}table.dashboard{width:100% !important;min-width:725px;background:white;border-top:3px solid var(--primary-colour);border-spacing:0}table.dashboard thead{font-weight:bold}table.dashboard thead tr th{padding:0.5rem;text-align:left;cursor:pointer}table.dashboard thead tr th:last-of-type{text-align:center}table.dashboard tbody tr td{padding:0.5rem;border-top:1px solid #f4f4f4}table.dashboard tbody tr td .reg{font-family:'regplate';background:#F7E408;border:1px solid #000;border-radius:3px;display:inline-block;width:120px;font-size:1.25rem;text-align:center}table.dashboard tbody tr td .button{padding:0.25rem 0.5rem;background:var(--primary-colour);border-radius:3px;color:white;font-size:14px;cursor:pointer;display:inline-block;text-align:center}table.dashboard tbody tr td .button.red{background:var(--red)}table.dashboard tbody tr td .button.green{background:var(--green)}table.dashboard tbody tr td .button.orange{background:var(--orange)}table.dashboard tbody tr td:last-of-type{text-align:center}table.dashboard tbody tr:hover{background:#f5f5f5}table.garage .button{width:84px}table.garage .fa-trash{cursor:pointer}table.garage .fa-trash:hover{color:var(--red)}table.garage .fa-file{opacity:0.1}table.garage .fa-file.exists{opacity:1;cursor:pointer}#datatable_wrapper .dt-search input{font-family:'regplate';border:1px solid #000;background:#F7E408;color:#000;padding:3px;border-radius:3px;font-size:1.25rem;padding:0.5rem;max-width:50%;height:40px}#datatable_wrapper .dt-search label:after{content:'\f002';font-family:'Font Awesome 7 Pro';margin-left:-30px;position:absolute;margin-top:9px;font-size:1.25rem;font-weight:bold}#datatable_wrapper table{margin:1rem 0}#datatable_wrapper .my-footer{display:flex;flex-direction:column-reverse;gap:1rem;text-align:center}#datatable_wrapper .my-footer .dt-paging-button{padding:0.5rem;margin:2px;border:none;background:var(--primary-colour);color:white;cursor:pointer}#datatable_wrapper .my-footer .dt-paging-button.current{background:var(--sidebar-primary)}#datatable_wrapper .my-footer .dt-paging-button.disabled{cursor:not-allowed}#status{position:fixed;top:0;left:var(--sidebar-width);width:100%;padding:1rem;color:white;display:none;z-index:9999;align-content:center}#status.fail{background:#A00;height:var(--header-height)}#status.success{background:#008548;height:var(--header-height)}.create-invoice{width:100%;max-width:210mm;min-width:180mm;aspect-ratio:0.7072;margin:0 auto;background:white;padding:3rem;box-shadow:0px 0px 20px -10px rgba(0,0,0,0.5);font-size:14px}.create-invoice input{padding:0.1rem;border:none}.create-invoice .title{display:flex}.create-invoice .title h1{font-weight:normal;font-size:2.5rem;flex-grow:1}.create-invoice .title h2{font-weight:normal;font-size:2.5rem;text-transform:uppercase}.create-invoice .address{display:flex;flex-direction:row;gap:1rem;margin-top:1rem}.create-invoice .address .customer,.create-invoice .address .self{display:flex;flex-direction:column;flex-basis:40%;gap:1px}.create-invoice .address .self{margin-left:auto}.create-invoice .address .self input{color:black;text-align:right}.create-invoice .address .self input:last-of-type{margin-top:0.5rem}.create-invoice .date{margin:1.5rem 0}.create-invoice .date label{display:flex;margin:0.5rem 0}.create-invoice .date label input{width:80%;margin-left:auto}.create-invoice table{width:100%;border-collapse:collapse;margin-bottom:1rem}.create-invoice table th{font-weight:normal;background:#f2f2f2;padding:0.4rem}.create-invoice table input{width:100%;padding:0.4rem;text-align:inherit}.create-invoice table,.create-invoice th,.create-invoice td{border:1px solid #000;text-align:center}.create-invoice table.info input{text-transform:uppercase}.create-invoice table.items td:nth-of-type(1){width:60%;text-align:left}.create-invoice table.items td:nth-of-type(2),.create-invoice table.items td:nth-of-type(3),.create-invoice table.items td:nth-of-type(4){width:13.333%}.create-invoice table.description td{padding:0.5rem;text-align:left;line-height:1.4rem}.create-invoice table.description textarea{width:100%;border:none;resize:vertical;line-height:1.4rem;font-family:inherit;font-size:14px}.create-invoice table.description textarea:focus{outline:0}.create-invoice table.acc td{padding:0.4rem;letter-spacing:12.5%}.create-invoice .total{border-bottom:1px solid #000;text-align:right;font-size:1.5rem;padding-bottom:0.5rem}.create-invoice .total input{font-size:1.5rem;padding:0.5rem;text-align:right}.create-invoice .buttons{position:absolute}.create-invoice .buttons input{padding:0.5rem;cursor:pointer;border:1px solid #666;border-radius:3px;margin-right:4px}.create-invoice.view .buttons{display:none}.create-invoice.view input{pointer-events:none}.create-invoice.view input::placeholder{opacity:0}#modal{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:none}#modal .inner{position:relative;background:white;margin:calc(var(--header-height) + 1rem) auto;padding:3rem;max-width:650px;width:100%;height:fit-content}#modal .inner i.fa-xmark{position:absolute;top:1rem;right:1rem;cursor:pointer;font-size:1.5rem}#modal form label{display:flex;margin:8px 0;align-items:baseline}#modal form label span{flex:0 0 20%}#modal form label select,#modal form label input[type="text"]{width:100%;padding:8px;border:1px solid var(--primary-colour);background:white}#modal form input[type="button"]{margin-top:0.5rem;padding:0.5rem 1rem;color:white;background:var(--green);border:none;cursor:pointer}#modal form input[type="button"]:hover{background:var(--green-dark)}@media only screen and (max-width: 1023px){#page-wrap{flex-direction:column}#page-wrap #sidebar{position:fixed;margin-left:calc(-1 * var(--sidebar-width))}#page-wrap #sidebar.visible{width:var(--sidebar-width);margin-left:0}}@media only screen and (max-width: 600px){#status{left:0;text-align:center;font-size:0.9rem}.action-group{position:unset}}@media only screen and (max-width: 400px){#page-wrap #sidebar.visible{width:100%}#page-wrap #sidebar.visible ul{width:100%}}