html{height:100%;width:100%;}body{height:100%;overflow-x:hidden;width:100%;background-color:#f5f7fa;font-family:Calibri,Candara,Arial,sans-serif!important;}a{text-decoration:none!important;}.ckeditor{font-family:Calibri,Candara,Arial,sans-serif!important;}.main{display:flex;width:100%;min-height:100vh;min-width:0;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;}.content{margin-top:30px;}.navbar-static-side{background-color:#333;color:#fff;overflow-x:hidden;overflow-y:auto;}.sidebar{width:0;}.mini-navbar .sidebar{min-width:70px;max-width:70px;}.mini-navbar .navlabel{display:none;}.navlabel{display:none;}.nav-header{padding:10px;}.apptitle{display:none;}@media(min-width:768px){.apptitle{display:inline-block;font-size:1.2em;}}.logo{width:50px;border:3px solid #fff!important;}.navbar-static-side .fa,.navbar-static-side .fas{font-size:14pt;width:19px;margin-right:5px!important;}.navbar-static-side a{color:#fff;text-align:center;}.navbar-static-side a:hover{color:#030303;text-align:center;}@media(min-width:768px){.sidebar{min-width:180px;max-width:180px;}.sidebar-sticky .sidebar-content{height:100vh;position:fixed;top:0;left:0;}.navbar-static-side{transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}.navlabel{display:inline;}.mini-navbar .navlabel{display:none;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}.nav-header{padding:20px;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}.mini-navbar .nav-header{padding:10px;}.mini-navbar .navbar-static-side .fa,.mini-navbar .navbar-static-side .fas{font-size:14pt;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}.navbar-static-side .fa,.navbar-static-side .fas{font-size:11pt;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}.mini-navbar .navbar-static-side a{color:#fff;text-align:center;}.mini-navbar .navbar-static-side a:hover{color:#030303;text-align:center;}.navbar-static-side a{color:#fff;text-align:left;}.navbar-static-side a:hover{color:#030303;text-align:left;}.logo{width:70px;border:5px solid #fff!important;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}.mini-navbar .logo{width:50px;border:3px solid #fff!important;}}@media(min-width:768px){.nav-row{left:195px;z-index:800;}}.mini-navbar .nav-row{left:85px;}.minimalize-styl-2{padding:4px 12px;margin:10px 5px 5px 10px;font-size:14px;float:left;}.navbar-top-links li{display:inline-block;}.navbar{margin:0;}.navbar-header{display:inline;float:left;}.navbar-right{padding:5px;}.navbar-right .fa{font-size:1.2em;}.navbar-right li{padding-left:5px;padding-right:5px;}@media(min-width:768px){.navbar-right{float:right;margin-right:20px;}.navbar-header{display:inline;float:left;}}.btn-primary,.btn-primary:active,.btn-primary:visited{background-color:#333;border-color:#333;color:#fffff;background-image:none;}.btn-primary:hover{background-color:#fff;border-color:#333;color:#030303;background-image:none;}.btn-plain,.btn-plain:active,.btn-plain:visited{background-color:#fff;border-color:#fff;color:#000;background-image:none;}.btn-plain:hover{background-color:#333;border-color:#333;color:#fff;background-image:none;}.btn-grid{font-size:12pt!important;color:#808080!important;}.btn-grid .fa,.btn-grid .fas{font-size:12pt!important;color:#808080!important;padding:3px!important;}.top-buttons{padding-top:20px;text-align:right;}.dropdown li{display:block;}.wrapper{-webkit-box-align:stretch;align-items:stretch;display:-webkit-box;display:flex;width:100%;}.mini-navbar .page-wrapper{margin:0 0 0 70px;}@media(min-width:768px){.page-wrapper{margin:0 0 0 180px;min-height:1200px;padding:0 15px;position:relative;padding-top:50px;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}}.statusbar{background-color:#fff;padding:20px;}.white-bg{background-color:#fff;}.pad-tw{padding:20px;}.panelgrey{background-color:#f5f7fa;}.panelgreyform{background-color:#f5f7fa;}.inner{background-color:#f5f7fa;}.panelwhite{background-color:#fff;padding:0 10px 0 10px;border-top:1px solid #c2c3c3!important;border-bottom:1px solid #c2c3c3!important;}@media(min-width:768px){.panelgrey{background-color:#f5f7fa;padding:20px;}.panelgreyform{background-color:#f5f7fa;padding:0 20px;}.inner{margin-top:10px;padding:20px;background-color:#fff;}.panelwhite{background-color:#fff;padding:20px;border-top:1px solid #c2c3c3!important;border-bottom:1px solid #c2c3c3!important;}}.fieldtitle{font-weight:bold;}.responsivetable{overflow-x:auto;}.gridmain{border:0;}.gridmain tr{border:1px;border:1px solid #dbdbdb!important;background-color:#fff;}.gridmain th{padding:10px;background-color:#333;border:1px solid #333;color:#fff;font-weight:normal;font-size:1em;}.righttext{text-align:right!important;}.lefttext{text-align:left!important;}.centertext{text-align:center!important;}.gridmain td{border:0;padding:10px;}.gridmain .selected{background-color:#a7141d;color:#fff;}.gridmain .subtotal{font-size:2em;font-weight:bold;color:#030303;}.gridmain .title{font-size:14pt;color:#030303;}.gridmain .fa,.gridmain .fas{color:#333;padding:7px;font-size:14pt;}.noitems{margin-bottom:10px;}.gridmain .orderrow .buttons,.goodsreceived .buttons,.partreceived .buttons{position:absolute;width:800px;display:none;}.listviewitem .buttons{display:none;}.listviewhoverhide .button{display:inline;}.gridmain .orderrowhover .buttons,.listviewitemhover .buttons{position:absolute;width:800px;}.gridmain .orderrowhover .buttons .bubble,.listviewitemhover .buttons .bubble{position:absolute;top:10px;left:0;background-color:#333;color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:5px;width:auto;z-index:5000;}.pricediff{font-weight:bold;}.gridmain .orderrowhover .buttons .bubble .inner,.listviewitemhover.buttons .bubble .inner{padding:5px;background-color:transparent;}.gridmain .orderrowhover .buttons .bubble a,.listviewitemhover .buttons .bubble a{color:#fff;padding:0 5px;}.gridmain .orderrowhover .buttons .speech:after,.listviewitemhover .buttons .speech:after{content:" ";position:absolute;width:0;height:0;left:27px;top:-15px;border:8px solid;border-color:transparent transparent #333 transparent;}.reorder{color:#f5f7fa!important;background-color:#a7141d!important;padding:5px 10px;border-radius:5px;}.orderstatus{padding:5px 7px;border-radius:5px;text-align:center;display:inline-block;border:0;}.ordernew{color:#000;background-color:#9f3;}.orderplaced{color:#fff;background-color:#b63000;}.orderinprogress{background-color:#f96;color:#000;}.orderwaiting{color:#000;background-color:#ff6;}.ordercomplete{color:#000;background-color:#fff;}.ordercanceled{color:#006;background-color:#9cf;}.goodsreceived{color:#fff;background-color:#690!important;}.partreceived{background-color:#f96!important;color:#000;}.gridhover{background-color:#dbdbdb;color:#333;}.gridhover .buttons{display:block;}.readytoinvoice{color:#fff;background-color:#360;}.jobcardcomplete{background-color:#1762c8;color:#fff;}.warranty{color:#fff!important;background-color:#333;}.warranty:hover{color:#333!important;background-color:#fff;}.invoiced{background-color:#333;color:#fff;}.overdue{background-color:#b63000;color:#fff;}.addressitem{display:block;}@media(min-width:768px){.gridmain{border:0;}.gridmain tr{border:1px;border:1px solid #dbdbdb!important;}.gridmain th{padding:10px;background-color:#333;border:1px solid #333;color:#fff;font-weight:normal;font-size:1em;}.gridmain td{border:0;padding:10px;}.gridmain .selected{background-color:#a7141d;}.gridmain .gridsubtext,.gridmain .gridsubtext i{font-size:9pt;color:#808080;}.gridmain .subtotal,.subtotal{font-size:1em;font-weight:bold;}}@media(min-width:768px) and (min-width:1400px){.gridmain .subtotal,.subtotal{font-size:2em;font-weight:bold;}}@media(min-width:768px){.gridmain .title{font-size:14pt;color:#030303;}.gridmain .fa,.gridmain .fas{color:#333;padding:7px;font-size:14pt;}.noitems{margin-bottom:10px;}.gridmain .orderrow .buttons,.goodsreceived .buttons,.partreceived .buttons{position:absolute;width:800px;display:none;}.gridmain .orderrowhover .buttons,.listviewitem .buttons{position:absolute;width:800px;}.gridmain .orderrowhover .buttons .bubble,.listviewitem .buttons .bubble{position:absolute;top:10px;background-color:#333;color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:5px;width:auto;}.pricediff{font-weight:bold;}.gridmain .orderrowhover .buttons .bubble .inner,.listviewitem .buttons .bubble .inner{padding:5px;background-color:transparent;}.gridmain .orderrowhover .buttons .bubble a,.listviewitem .buttons .bubble a{color:#fff;padding:0 5px;}.gridmain .orderrowhover .buttons .speech:after,.listviewitem .buttons .speech:after{content:" ";position:absolute;width:0;height:0;left:27px;top:-15px;border:8px solid;border-color:transparent transparent #333 transparent;}.orderstatus{padding:5px 7px;border-radius:5px;text-align:center;display:inline-block;border:0;}}.filterlist{margin:0!important;}.filterlist label,.filterlist input{display:inline;padding:0 5px;}.modalbg{background-color:#fff;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2500;opacity:.5;}.modalform{position:absolute;z-index:2600;left:0;right:0;overflow-y:auto;top:0;background-color:#fff;box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333;-moz-box-shadow:0 0 10px #333;}.modalfixed{position:fixed!important;top:0;bottom:0;overflow:scroll;}.modalfixednoscroll{position:fixed!important;top:0;}.modalformfixed{position:absolute;top:0;right:0;left:0;bottom:0;margin:0;width:auto;overflow:scroll;}.modalform .inner,.modalfixed .inner{padding:10px 10px 10px 10px;background-color:#fff;}.modalform .closebutton,.modalformfixed .closebutton{position:absolute;right:20px;top:20px;z-index:2000;}.modalform .iframeprintpreview{position:absolute;diplay:table-row;left:25px;right:25px;top:130px;bottom:25px;}.modalform .iframeprintpreview iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;margin:0;padding:0;}@media(min-width:768px){.modalform{position:absolute;z-index:2600;width:600px;left:50%;margin-left:-300px;top:100px;background-color:#fff;box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333;-moz-box-shadow:0 0 10px #333;}.modalformfixed{position:fixed;top:20px;right:20px;left:20px;bottom:20px;margin:0;width:auto;overflow:scroll;}.modalform .inner,.modalfixed inner{padding:10px 40px 10px 40px;background-color:#fff;}.modalfixed{position:fixed!important;top:20px;bottom:20px;overflow:scroll;}.modalfixednoscroll{position:fixed!important;top:20px;}}.grid-comment{border:0;width:100%;}.grid-comment th{border:0;}.grid-comment tr{border:0;margin-bottom:10px;}.grid-comment td{border:0;}.grid-comment .note{border:1px #dbdbdb solid;padding:20px;padding-bottom:50px;position:relative;margin-bottom:20px;}.grid-comment .note .noteheader{font-size:14pt;margin-bottom:10px;}.grid-comment .note .notecomment{padding:10px;font-size:11pt;}.grid-comment .note .buttons{position:absolute;right:20px;bottom:10px;}div.servicehist{background-color:#fff;padding:10px;margin-bottom:10px;border:solid 1px #999;font-size:10pt;}.servicehist .title{color:#333;font-size:14pt;font-weight:bold;}.servicehist .details{float:right;}.servicehist .date{font-weight:bold;}.servicehist .buttons{border-top:1px solid #999;margin-top:10px;padding-top:5px;}.servicehist .buttons a,.servicehist .buttons a:link{text-decoration:underline;padding:0 5px 0 5px;}.servicehist .buttons a:hover{color:#333;text-decoration:none;}.nonsticky,.sticky{position:relative!important;left:auto;right:0;bottom:0;width:100%;z-index:999;background-color:#333;}@media(min-width:768px){.sticky{position:fixed!important;right:15px!important;top:80px!important;left:auto;bottom:auto;width:auto;background-color:transparent;z-index:1000;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}.nonsticky{position:relative!important;background-color:transparent;width:auto;}.mini-navbar .sticky{position:fixed!important;right:15px!important;top:80px!important;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}}div#totals{margin-right:10px;margin-top:10px;padding:10px;}div#totals .subtotal,div#totals .vat,div#totals .total{text-align:right;float:right;font-size:12pt;line-height:30px;display:inline-block;}div#totals .total{font-size:14pt;font-weight:bold;}#totals label{display:inline-block;padding-right:30px;font-size:12pt;font-weight:bold;text-align:right;float:none!important;line-height:30px;}div#newmessage{position:absolute;top:75px;right:10px;z-index:55;}div.messagecentre{position:fixed;bottom:40px;right:20px;color:#000;padding:30px 10px;background-color:#fff;z-index:2501;}.messagecentre .left{width:250px;position:absolute;top:80px;bottom:10px;left:0;border-right:1px solid #c3c3c3;overflow:scroll;}.messagecentre .messageuser{display:block;border-bottom:1px solid #c3c3c3;padding:10px;}.messagecentre .messageitem,.messagecentre .messageitemme{clear:both;max-width:300px;min-width:100px;}.messagecentre .messagebubble .message{color:#000;font-size:10pt;}.messagecentre .messagebubble .datesent{margin-top:5px;display:block;font-size:8pt;}.messagecentre .messageitemme{float:right;clear:both;text-align:right;}.messagecentre .messsageitem .user,.messagecentreme .messsageitem .user{display:block;margin-bottom:5px;}.messagecentre .messageuser .user{font-size:14pt;display:block;color:#333;}.messagecentre .messageuser .datesent{font-size:8pt;font-size:10pt;display:block;color:#333;}.messagecentre .right .reply{position:absolute;bottom:0;right:0;left:0;padding:10px;background-color:#c3c3c3;}.messagecentre .right .messagelist{overflow:scroll;position:absolute;top:0;left:0;right:0;bottom:30px;padding:10px;color:#333;}.messagecentre .newbutton{position:absolute;right:20px;top:50px;}.messagecentre .right .reply input[type=text]{width:90%;padding:5px;}.messagecentre .right .newmessage{position:absolute;bottom:0;right:0;left:0;padding:10px;background-color:#c3c3c3;}.messagecentre .right .newmessage input[type=text]{width:90%;padding:5px;}.messagecentre .right{position:absolute;top:80px;left:250px;right:0;bottom:0;color:#333;background-color:#c3c3c3;}.messagecentre .messageitem .bubble{position:relative;margin:20px auto;background-color:#fff;border:2px solid #666;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}.messagecentre .messageitem .bubble:before,.messagecentre .messageitem .bubble:after{content:" ";position:absolute;width:0;height:0;}.messagecentre .messageitem .speech:before{left:15px;top:-20px;border:10px solid;border-color:transparent transparent #666 #666;}.messagecentre .messageitem .speech:after{left:17px;top:-15px;border:8px solid;border-color:transparent transparent #fff #fff;}.messagecentre .messageitemme .bubble{position:relative;margin:20px auto;background-color:#9f3;border:2px solid #360;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}.messagecentre .messageitemme .bubble:before,.messagecentre .messageitemme .bubble:after{content:" ";position:absolute;width:0;height:0;}.messagecentre .messageitemme .bubble .delete,.messagecentre .messageitem .bubble .delete{display:none;}.messagecentre .messageitemme .bubble:hover .delete,.messagecentre .messageitem .bubble:hover .delete{display:inline;}.messagecentre .messageitemme .speech:before{right:15px;top:-20px;border:10px solid;border-color:transparent #360 #360 transparent;}.messagecentre .messageitemme .speech:after{right:17px;top:-15px;border:8px solid;border-color:transparent #9f3 #9f3 transparent;}.bubbleinner{padding:10px;}.notification{position:absolute;left:-150px;right:0;}.notificationcount{color:#fff;font-size:7pt;background-color:#b60003;border:solid 2px #fff;border-radius:100%;padding:2px 5px;font-weight:bold;text-align:center;position:absolute;top:-5px;right:-7px;}.notification .bubble{position:relative;margin:20px auto;background-color:#ffc;border:2px solid #f90;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}.notification .bubble:before,.notification .bubble:after{content:" ";position:absolute;width:0;height:0;}.notification .bubble .delete,.notification .bubble .delete{display:none;}.notification .bubble:hover .delete,.notification .bubble:hover .delete{display:inline;}.notification .speech:before{right:15px;top:-20px;border:10px solid;border-color:transparent #f90 #f90 transparent;}.notification .speech:after{right:17px;top:-15px;border:8px solid;border-color:transparent #ffc #ffc transparent;}.partaddcol{padding-right:5px;padding-left:5px;}.partaddcol .row{margin-right:-5px;margin-left:-5px;}.partaddcol .form-control{padding:5px;}.margin-top-5{margin-top:5px!important;}.container-print{max-width:938px;min-width:600px;min-height:1066px;background-color:#fff;position:relative;margin:30px auto;padding:40px;}.container-label{max-width:101.6mm;min-width:101.6mm;min-height:101.6mm;background-color:#fff;position:relative;margin:30px auto;padding:20px;}.container-label h2,.container-label h4{font-size:10pt;font-weight:bold;}.container-label .addressline{display:block;font-size:14pt!important;}.container-label .addressbox{border:2px solid #000;padding:10pt;}.container-label .fromlabel{font-size:10pt;}.container-label .labellogo{width:150px;}.container-label .labelorderref{margin-top:10px;display:block;text-align:right;font-size:10pt;}.gridprint{border:0;}.gridprint tr{border:1px;border:1px solid #dbdbdb!important;}.gridprint th{padding:10px;border:0;border-bottom:1px solid #333;font-weight:normal;font-size:1em;}.gridprint td{border:0;padding:10px;}.gridprint .selected{background-color:#a7141d;}.gridprint .subtotal{font-size:2em;font-weight:bold;color:#030303;}.gridprint .title{font-size:14pt;color:#030303;}.gridprint .fa,.gridprint .fas{color:#333;padding:7px;font-size:14pt;}table.extraparts{width:100%;}.extraparts td{padding:10px;height:30px;border:1px solid #f93;}.addressline{display:block;font-size:11pt;}.attachment{float:left;padding:20px;}.attachmentlink{padding:10px;text-align:center;}.attachment .fa,.attachment .fas,.attachment .far{font-size:2em!important;}.attachment .title{display:block;font-size:1.1em;}.attachment .buttons{display:none;}.attachmenthover .buttons{display:inline;width:50px;}.units{height:300px;overflow-y:auto;}.unititem{border:1px solid #b2b1b1;float:left;padding:10px;margin:10px;}.unititem .detail{display:block;}.unititem .unitname{color:#030303;font-size:1.3em;border-bottom:1px solid #b2b1b1;display:block;}.unititem .buttons{display:none;}.unititemhover .buttons{display:inline;width:100px;}.unitleft{float:left;padding:5px;}.unitright{float:left;}.detailspanel{background-color:#fff;padding:15px;}.detailspanel .header{border-bottom:1px solid #b2b1b1;padding-bottom:5px;margin-bottom:10px;}.detailspanel .title{font-size:1.3em;}.detailspanel .detail{display:block;}.detailsbutton{float:right;}.filter{display:block;}.filter-hidden{display:block!important;transition:all .1s;-webkit-transition:all .1s;-moz-transition:all .1s;}@media(min-width:768px){.filter{display:block;}.filtertoggle{display:none;}}.alertmargintop{margin-top:15px;}.ordertype{padding:10pt;font-size:12pt;}.branchrequest{background-color:#a7141d;color:#fff;border-radius:5px;}.barcode{font-family:BarCode;}.vbottom{display:inline-block;vertical-align:bottom;float:none;}.equal{display:flex;display:-webkit-flex;flex-wrap:wrap;}.vertical-align{display:flex;align-items:center;}.smallicon .fas{color:#333!important;font-size:16px!important;vertical-align:top;}.bigicon{font-size:1.5em;}.alerttext{font-size:1.5em;font-weight:bold;}.taskrow{margin-top:10px;margin-bottom:10px;margin-left:0!important;margin-right:0!important;background-color:#fff;padding:10px;font-size:12pt;border-radius:5px;}.unallocatedtotal{font-size:20pt;font-weight:bold;}.btn-green{color:#fff;background-color:#360;border-color:#360;}