@charset "utf-8";HTML, BODY {height:100%;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#000000;background:#ffffff;}a {color:white;font-weight:bold;text-decoration:none;}div#content p, div#content ul {line-height:20px;}DIV.inner, ul.inner {width:1040px;margin:0px auto;position:relative;overflow:hidden;} @media screen and (max-width:1040px) {DIV.inner, ul.inner {width:100%;min-width:320px;margin:0px auto;position:relative;overflow:hidden;}}a img {border:none;display:block;}a.icon-back {display:inline-block;padding:7px 10px 7px 25px;box-sizing:border-box;border:1px solid #cccccc;margin-right:10px;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url(/images/icons/back.png);background-repeat:no-repeat;background-position:left 5px center;background-size:auto 16px;}a.icon-new {display:inline-block;padding:7px 10px 7px 25px;box-sizing:border-box;border:1px solid #cccccc;margin-right:10px;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url(/images/icons/add.png);background-repeat:no-repeat;background-position:left 5px center;background-size:auto 16px;}a.icon-product {display:inline-block;padding:7px 10px 7px 25px;box-sizing:border-box;border:1px solid #cccccc;margin-right:10px;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url(/images/icons/product.png);background-repeat:no-repeat;background-position:left 5px center;background-size:auto 16px;}a.icon-money {display:inline-block;padding:7px 10px 7px 25px;box-sizing:border-box;border:1px solid #cccccc;margin-right:10px;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url(/images/icons/money.png);background-repeat:no-repeat;background-position:left 5px center;background-size:auto 16px;}a.icon-calendar {display:inline-block;padding:7px 10px 7px 25px;box-sizing:border-box;border:1px solid #cccccc;margin-right:10px;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url(/images/icons/calendar.png);background-repeat:no-repeat;background-position:left 5px center;background-size:auto 16px;}a.icon-download {display:inline-block;padding:7px 10px 7px 25px;box-sizing:border-box;border:1px solid #cccccc;margin-right:10px;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url(/images/icons/download.png);background-repeat:no-repeat;background-position:left 5px center;background-size:auto 16px;}a.icon-delete {display:inline-block;padding:7px 10px 7px 25px;box-sizing:border-box;border:1px solid #cccccc;margin-right:10px;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url(/images/icons/delete.png);background-repeat:no-repeat;background-position:left 5px center;background-size:auto 16px;}a.icon-navigation-next {display:inline-block;padding:0px 0px;width:18px;box-sizing:border-box;background-image:url(/images/icons/navigation-next.png);background-repeat:no-repeat;background-position:right center;background-size:auto 18px;text-indent:-9999999px;}a.icon-navigation-back {display:inline-block;padding:0px 0px;width:18px;box-sizing:border-box;background-image:url(/images/icons/navigation-back.png);background-repeat:no-repeat;background-position:left center;background-size:auto 18px;text-indent:-9999999px;}div.wrapper {overflow:hidden;}div#header {background:#ffffff;}div#header .inner {padding:15px 0px;}div#header .inner a {display:block;width:350px;max-width:80%;margin:0px auto;}div#header .inner a img {width:100%;height:auto;display:block;}div#header .inner a span {display:block;color:#e77628;margin:0px;text-align:center;font-size:27px;padding:5px 0px;}div#menu {background:#e77628;}div#menu .inner {padding-top:0px;padding-bottom:0px;}div#menu .inner ul {padding:0px;margin:0px;overflow:hidden;list-style-type:none;}div#menu .inner ul li {float:left;}div#menu .inner ul li a, div#menu .inner ul li span {color:#ffffff;padding:0px 10px;margin-right:5px;line-height:40px;display:block;font-weight:normal}div#menu .inner ul li a:hover, div#menu .inner ul li span {background-color:rgba(255,255,255,0.1);}div#menu .inner ul li span {font-weight:bold;}DIV.pagination {text-align:center;margin:0px 0px 10px 0px;padding:8px 0px;display:block;clear:both;border-top:1px dashed #cccccc;border-bottom:1px dashed #cccccc;}div#content {background:#ffffff;color:#000000;padding:20px 0px;font-size:16px;}div#content h1 {margin-top:0px;font-size:20px;color:#e77628;background:#e77628;color:#ffffff;padding:10px;}div#content h2 {font-size:18px;color:#e77628;padding-bottom:5px;margin-bottom:15px;border-bottom:2px solid #e77628;}div#content h3 {font-size:14px;}div#content h4 {font-size:12px;}div#content h5 {font-size:10px;}div#content img.alignRight, div#content img.alignLeft {max-width:320px;width:100%;height:auto;display:block;}div#content img.alignRight {float:right;padding:5px 0px 10px 10px;}div#content img.alignLeft {float:left;padding:5px 10px 10px 0px;}div#content a {color:#000000;} @media screen and (max-width:1040px) {div#content div.inner {width:calc(100% - 20px);min-width:300px;padding-left:10px;padding-right:10px;}} @media screen and (max-width:750px) {div#content img.alignRight, div#content img.alignLeft {float:none;padding:5px 0px 10px 0px;}div#content img {max-width:320px;height:auto;}} @media screen and (max-width:650px) {div#content img {max-width:100%;display:block;margin-top:5px;margin-bottom:5px;}div#content p {text-align:left !important;}} @media screen and (max-width:500px) {div#content img {float:none !important;margin:10px 0px !important;}}div.table {padding-bottom:15px;}div#content div.table .row {overflow:hidden;display:block;}div#content div.table .row:nth-of-type(even) {background:rgba(0,0,0,0.05);}div#content div.table .row.header {background:#e77628;color:#ffffff;font-weight:bold;}div#content div.table .row .cell {float:left;display:block;padding:7px 10px;box-sizing:border-box;}div#content div.table .row .cell {font-weight:normal;}div#mainMenu {text-align:center;}div#mainMenu a {display:inline-block;text-align:center;width:calc(33% - 30px);margin:15px;box-sizing:border-box;padding-top:200px;position:relative;background-color:rgba(0,0,0,0.02);background-size:auto 140px;}div#mainMenu a:nth-of-type(odd) {background:rgba(0,0,0,0.05);}div#mainMenu a span:before {content:" ";display:block;position:absolute;top:0px;left:0px;width:100%;height:100%}div#mainMenu a:hover span:before {-webkit-box-shadow:inset 8px 8px 34px 0px rgba(0,0,0,0.1);-moz-box-shadow:inset 8px 8px 34px 0px rgba(0,0,0,0.1);box-shadow:inset 8px 8px 34px 0px rgba(0,0,0,0.1);}div#mainMenu a span {display:block;text-align:center;line-height:32px;color:#ffffff;background:#e77628;}div#mainMenu a.employee {background-image:url(/images/menu/employee.png);background-repeat:no-repeat;background-position:center top 20px;}div#mainMenu a.location {background-image:url(/images/menu/location.png);background-repeat:no-repeat;background-position:center top 20px;}div#mainMenu a.product {background-image:url(/images/menu/product.png);background-repeat:no-repeat;background-position:center top 20px;}div#mainMenu a.payday {background-image:url(/images/menu/payday.png);background-repeat:no-repeat;background-position:center top 20px;}div#mainMenu a.admin {background-image:url(/images/menu/admin.png);background-repeat:no-repeat;background-position:center top 20px;} @media screen and (max-width:800px) {div#mainMenu a {width:calc(50% - 30px);}} @media screen and (max-width:500px) {div#mainMenu a {width:calc(70% - 30px);}}div.table.employeelist .row .cell:nth-of-type(1) {width:calc( 100% - 150px );}div.table.employeelist .row .cell:nth-of-type(2) {width:150px;}div.table.locationlist .row .cell:nth-of-type(1) {width:100%;}div.table.productlist .row .cell:nth-of-type(1) {width:calc( 100% - 150px );}div.table.productlist .row .cell:nth-of-type(2) {width:150px;}div.table.holidayrequestlist .row .cell:nth-of-type(1) {width:100px;}div.table.holidayrequestlist .row .cell:nth-of-type(2) {width:100px;}div.table.holidayrequestlist .row .cell:nth-of-type(3) {width:100px;}div.table.holidayrequestlist .row .cell:nth-of-type(4) {width:calc( 100% - 400px );}div.table.holidayrequestlist .row .cell:nth-of-type(5) {width:100px;text-align:center;}div.table.holidayrequestlist .row .cell:nth-of-type(5) a {display:inline-block;padding:0px 0px;width:18px;box-sizing:border-box;background-image:url(/images/icons/cancel.png);background-repeat:no-repeat;background-position:left center;background-size:auto 18px;text-indent:-9999999px;}div.table.employeeproductlist .row .cell:nth-of-type(1) {width:250px;}div.table.employeeproductlist .row .cell:nth-of-type(2) {width:calc( 100% - 660px );}div.table.employeeproductlist .row .cell:nth-of-type(3) {width:100px;}div.table.employeeproductlist .row .cell:nth-of-type(4) {width:100px;}div.table.employeeproductlist .row .cell:nth-of-type(5) {width:100px;}div.table.employeeproductlist .row .cell:nth-of-type(6) {width:100px;text-align:center;}div.table.employeeproductlist .row .cell:nth-of-type(6) a {display:inline-block;padding:0px 0px;width:18px;box-sizing:border-box;background-image:url(/images/icons/cancel.png);background-repeat:no-repeat;background-position:left center;background-size:auto 18px;text-indent:-9999999px;}div.table.employeeadvancelist .row .cell:nth-of-type(1) {width:calc( 100% - 150px - 150px );}div.table.employeeadvancelist .row .cell:nth-of-type(2) {width:150px;}div.table.employeeadvancelist .row .cell:nth-of-type(3) {width:150px;}form#productform .input-row:nth-of-type(2) {position:relative;}form#productform .input-row:nth-of-type(2) label {left:25px;}form#productform .input-row:nth-of-type(2):before {content:"£";position:absolute;top:0px;left:0px;line-height:47px;padding:0px 5px 0px 7px;background:#e77628;color:#ffffff;}form#productform .input-row:nth-of-type(2) input {padding-left:25px;}form#employeeform .input-row:nth-of-type(3) {position:relative;}form#employeeform .input-row:nth-of-type(3) label {left:25px;}form#employeeform .input-row:nth-of-type(3):before {content:"£";position:absolute;top:0px;left:0px;line-height:47px;padding:0px 5px 0px 7px;background:#e77628;color:#ffffff;}form#employeeform .input-row:nth-of-type(3) input {padding-left:25px;}form#employeeadvance .input-row:nth-of-type(3) {position:relative;}form#employeeadvance .input-row:nth-of-type(3) label {left:25px;}form#employeeadvance .input-row:nth-of-type(3):before {content:"£";position:absolute;top:0px;left:0px;line-height:47px;padding:0px 5px 0px 7px;background:#e77628;color:#ffffff;}form#employeeadvance .input-row:nth-of-type(3) input {padding-left:25px;}div.detailSet {padding:7px 10px;background:rgba(0,0,0,0.05);margin-bottom:15px;background:#e77628;color:#ffffff;}div.detailSet .row {overflow:hidden;}div.detailSet .row .label {float:left;width:200px;box-sizing:border-box;clear:none;line-height:30px;font-weight:bold;}div.detailSet .row .value {float:left;width:calc((100% - 200px) / 2);box-sizing:border-box;clear:none;padding-left:15px;line-height:30px;}div.deletionPopoverWrapper {position:fixed;height:100vh;width:100vw;top:0px;left:0px;box-sizing:border-box;background:rgba(0,0,0,0.6);z-index:99984;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center; justify-content:center;}div.deletionPopoverWrapper .middle {width:500px;box-sizing:border-box;border:1px solid #a9a8a8;background:#171717;color:#a9a8a8;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:40px;position:relative;}div.deletionPopoverWrapper .middle .close {display:block;height:20px;width:20px;position:absolute;top:12px;right:14px;cursor:pointer;background-image:url(/images/icons/close.png);background-size:contain;background-position:center;background-repeat:no-repeat;}div.deletionPopoverWrapper .middle h2 {margin:0px;padding:0px;padding-bottom:25px;text-align:center;}div.deletionPopoverWrapper .middle p.message {margin:0px;padding:0px;padding-bottom:25px;}div.deletionPopoverWrapper .middle .action {overflow:hidden;}div.deletionPopoverWrapper .middle .action .decline {box-sizing:border-box;border:1px solid #a9a8a8;background:#730000;color:#a9a8a8;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px 20px;display:inline-block;float:left;cursor:pointer;}div.deletionPopoverWrapper .middle .action .accept {box-sizing:border-box;border:1px solid #a9a8a8;background:#005604;color:#a9a8a8;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px 20px;display:inline-block;float:right;}div.deletionPopoverWrapper .middle .action .decline:hover, div.deletionPopoverWrapper .middle .action .accept:hover {-webkit-box-shadow:inset 0px 0px 20px 0px rgba(0,0,0,0.60);-moz-box-shadow:inset 0px 0px 20px 0px rgba(0,0,0,0.60);box-shadow:inset 0px 0px 20px 0px rgba(0,0,0,0.60);}h2.paddingtop15 {padding-top:15px;}div#popupConfirmation {position:fixed;top:0px;left:0px;width:100%;z-index:999999;text-align:center;color:#ffffff;background:#008000;border:2px solid #008000;line-height:32px;padding:0px 15px;-webkit-animation:seconds 1s forwards;animation:seconds 1s forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:3s;animation-delay:3s;} @keyframes seconds {0% {opacity:1;}100% {opacity:0;top:-100px; }}form {box-sizing:initial;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition-delay:9999s;-webkit-transition:color 9999s ease-out, background-color 9999s ease-out;}DIV.input-row, DIV.display-row {overflow:hidden;margin-bottom:7px;clear:both;}DIV.display-row {line-height:22px;}DIV.input-row label,DIV.display-row .label {display:block;font-weight:bold;padding-bottom:10px;}DIV.display-row .label {padding-top:0px;}DIV.input-row input[type=text], DIV.input-row input[type=number], DIV.input-row input[type=email], DIV.input-row input[type=password], DIV.display-row .data {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 15px;border:1px solid #d2d2d2;-webkit-appearance:none;-moz-appearance:none;font-size:16px;}DIV.input-row select {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:7px 15px 7px 11px;border:1px solid #d2d2d2;font-size:16px;}DIV.input-row input[type=file] {padding:0px;border:0px solid #d2d2d2;}DIV.display-row .data ul {list-style-type:none;padding:0px;margin:0px;}DIV.input-row input.chkBx {width:auto;}DIV.input-row textarea {font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:14px;width:100%;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:7px 15px;border:1px solid #d2d2d2;-webkit-appearance:none;-moz-appearance:none;}DIV.action-row {overflow:hidden;}DIV.action-row span {display:block;}DIV.input-row span.error,div.error,p.error {color:#b94a48;font-weight:bold;display:block;margin:0px;text-align:left;text-transform:uppercase;padding:10px 15px;border:1px solid #b94a48;background:#f2dede;margin-bottom:15px;}form div.input-row ul {overflow:hidden;margin:0;padding:0;list-style:none;}form div.input-row ul li {overflow:hidden;padding-right:4px;margin:0px 4px 6px 0px;}form div.input-row ul li label {display:inline;width:auto;}form .btn, div#content .formatAsButton {background:#e77628;padding:7px 0px;font-size:16px;line-height:20px;cursor:pointer;display:block;text-align:center;width:100%;margin:0px;color:#ffffff;border:0px solid #ffffff;box-sizing:border-box;font-weight:normal;}input#tandc {margin-left:28px;}div#acceptableEnc {height:0px;width:0px;position:absolute;left:-9999999px;top:-9999999px;} @media screen and (max-width:480px) {DIV.input-row label {text-align:left;}DIV.action-row,div.error {margin:8px 0px 8px 0px;}}div.input-row {overflow:hidden;position:relative;margin-bottom:0px;}div.input-row input[type=text], div.input-row input[type=email], div.input-row input[type=number], div.input-row input[type=password], div.input-row textarea {padding:15px 15px 5px 15px;border:0px;border-bottom:1px solid #cccccc;line-height:26px;font-size:16px;background-color:transparent;}div.input-row select {border:0px;border-bottom:1px solid #cccccc;cursor:pointer;padding-top:14px;padding-bottom:13px;}div.input-row label {position:absolute;top:15px;left:15px;font-weight:normal;-webkit-touch-callout:none;-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none;-ms-user-select:none;user-select:none;padding:0px;margin:0px;}div.input-row .data label {position:static;top:initial;left:initial;}div.input-row.focus label, div.input-row.forceFocus label {font-size:10px;top:1px;font-weight:bold;}div.input-row input:focus, div.input-row textarea:focus, div.input-row select:focus {border-color:#055a89;outline:none;}div.input-row input:disabled, div.input-row textarea:disabled, div.input-row select:disabled, div.input-row input:read-only, div.input-row textarea:read-only {background-color:rgba(0, 0, 0, 0.02);cursor:default;}input.btn {margin-top:14px;} @keyframes shake {10%, 90% {transform:translate3d(-1px, 0, 0);}20%, 80% {transform:translate3d(2px, 0, 0);}30%, 50%, 70% {transform:translate3d(-4px, 0, 0);}40%, 60% {transform:translate3d(4px, 0, 0);}}form.invalid {animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0, 0, 0);}form {box-sizing:initial;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition-delay:9999s;-webkit-transition:color 9999s ease-out, background-color 9999s ease-out;}DIV.input-row, DIV.display-row {overflow:hidden;margin-bottom:7px;clear:both;}DIV.display-row {line-height:22px;}DIV.input-row label,DIV.display-row .label {display:block;font-weight:bold;padding-bottom:10px;}DIV.display-row .label {padding-top:0px;}DIV.input-row input[type=text], DIV.input-row input[type=number], DIV.input-row input[type=email], DIV.input-row input[type=password], DIV.display-row .data {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 15px;border:1px solid #d2d2d2;-webkit-appearance:none;-moz-appearance:none;font-size:16px;}DIV.input-row select {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:7px 15px 7px 11px;border:1px solid #d2d2d2;font-size:16px;}DIV.input-row input[type=file] {padding:0px;border:0px solid #d2d2d2;}DIV.display-row .data ul {list-style-type:none;padding:0px;margin:0px;}DIV.input-row input.chkBx {width:auto;}DIV.input-row textarea {font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:14px;width:100%;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:7px 15px;border:1px solid #d2d2d2;-webkit-appearance:none;-moz-appearance:none;}DIV.action-row {overflow:hidden;}DIV.action-row span {display:block;}DIV.input-row span.error,div.error,p.error {color:#b94a48;font-weight:bold;display:block;margin:0px;text-align:left;text-transform:uppercase;padding:10px 15px;border:1px solid #b94a48;background:#f2dede;margin-bottom:15px;}form div.input-row ul {overflow:hidden;margin:0;padding:0;list-style:none;}form div.input-row ul li {overflow:hidden;padding-right:4px;margin:0px 4px 6px 0px;}form div.input-row ul li label {display:inline;width:auto;}form .btn, div#content .formatAsButton {background:#e77628;padding:7px 0px;font-size:16px;line-height:20px;cursor:pointer;display:block;text-align:center;width:100%;margin:0px;color:#ffffff;border:0px solid #ffffff;box-sizing:border-box;font-weight:normal;}input#tandc {margin-left:28px;}div#acceptableEnc {height:0px;width:0px;position:absolute;left:-9999999px;top:-9999999px;} @media screen and (max-width:480px) {DIV.input-row label {text-align:left;}DIV.action-row,div.error {margin:8px 0px 8px 0px;}}