body{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,sans-serif;margin:0;min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.mainContainer{width:100%;clear:both;height:100%}header{background-color:#313131;display:flex;align-items:center;transition:.3s;height:80px}.title{display:flex;align-items:center;width:20vw;transition:.3s}.logo{width:90px;height:60px;background-image:url(../images/ACFLogo.svg);background-repeat:no-repeat;margin:5px;transition:.5s}.titleText{margin:0;float:right;color:#fff;position:relative;top:0;transition:.5s;text-align:center;font-size:30px}h2{padding:10px;text-align:center;margin:0}nav{margin-left:1vw;float:left;width:69vw;font-size:24px;position:relative}nav a{text-align:center;float:left;width:auto;height:37px;text-decoration:none;position:relative;background-color:#0da332;color:#fff;border-radius:5px;transition:.5s;padding:0 10px;margin-right:10px}.navDropDown,.userDropDown{display:none;position:absolute;top:80px;right:0;margin-left:auto;width:fit-content;width:-moz-fit-content;background-color:#313131;padding:0 8px;font-size:4vw}.navDropDown a,.userDropDown a{color:#fff;display:block;clear:both;border-top:#7c7c7c thin dashed}.navDropDown{left:15vw;right:unset}.navDisplayButton{display:none;color:#fff;border-radius:2px;padding:5px;transition:.2s}.navDisplayButton:hover{cursor:pointer;background-color:#4e4e4e;transition:.2s}.navUser{color:#fff;width:auto;float:right;margin-right:10px}.navUser img,.userDropDown img{width:25px;float:left;display:inline;filter:invert(100%)}.navUser p,.userDropDown p{margin-top:2px;margin-bottom:2px;float:Right;clear:both;color:#a9e7ff}.btnBack{margin:5px 20%;font-size:20px;float:left}.serverResult{margin-left:auto;margin-right:auto;margin-bottom:0;padding:5px 20px;position:relative;top:-5px;color:green;text-align:center;font-size:20px;background-color:#d2e2d2;border-radius:3px;display:inline;clear:both}.serverResultRed{margin-left:auto;margin-right:auto;margin-bottom:0;padding:5px 20px;color:maroon;text-align:center;font-size:20px;background-color:#ffc8c8;border-radius:3px}.footnote{text-align:center;font-size:20px}.form{margin-left:20%;margin-right:20%;margin-top:10px;margin-bottom:10px;background-color:#dadfd7;border-radius:10px;padding-left:20px;padding-bottom:20px;padding-right:20px;padding-top:5px;clear:both;transition:.5s;font-size:24px;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;height:90%}.formWide{margin-left:10%;margin-right:10%}.loginForm{margin-top:30px}.form h2{margin-top:10px;margin-bottom:0;margin-left:auto;margin-right:auto;text-align:center;align-content:center}.form h4{margin-top:30px;margin-bottom:10px;clear:both}.formSubheading{margin-top:4px;margin-bottom:2px}.login{display:inline-block}.loginResult{margin:0;margin-left:5px;color:red}.searchBar{font-size:18px;display:inline;flex-direction:row;margin-left:10%;margin-right:20px;margin-top:10px;width:30%;height:40px;background-image:url(../images/search.svg);background-repeat:no-repeat;background-size:25px;background-position-y:center;background-position-x:calc(100% - 10px)}.btnSearch{font-size:18px;margin-top:10px;padding:10px 15px}.btnSort{display:inline-block}.sortIcon{background-color:transparent;background-image:url(../images/sort.svg);background-repeat:no-repeat;background-size:25px;border:none;padding:10px 13px}.sortIcon:hover{filter:invert(50%);cursor:pointer}.labelTxt{width:25%;margin-top:3px;margin-right:10px;float:left;clear:both;display:inline}.checkBoxLabel{margin-left:5px;width:30%;display:inline-block}.input{float:left;font-size:24px;margin-top:3px;margin-bottom:2px}.inputText{float:left;font-size:24px;margin-top:3px;margin-bottom:2px;width:50%}.itemQty{width:60px;font-size:24px}.itemDecimal{width:75px;font-size:22px}.qtyFloatRight{margin-left:15px;display:inline}.itemList{width:auto;font-size:24px}.itemText{width:auto;font-size:24px}#boardSection{margin:0}#boardSection select{display:none;width:200px}.formeTypeCheckboxes{clear:both}.disclaimer{color:red;font-size:smaller;width:50%;float:right}.cbHalf{margin-top:10px;width:50%;float:left}input[type=file]{display:none;left:0}input[type=file]+label{margin-top:50px;background-color:#2ea853;padding:5px;border-radius:5px;color:#fff;width:auto;font-size:22px;transition:.3s}input[type=file]+label:hover{background-color:#41812d;transition:.3s;cursor:pointer}input[type=file]:hover{background-color:#c4c4c4;transition:.2s}.orderPresets{background-color:red}.fileDropZone{clear:both;width:60%;margin:0 auto;border:#b1dd6a 4px dashed;border-radius:17px;transition:.2s;text-align:center;background-image:url(../images/upload.svg);background-size:40px;background-repeat:no-repeat;background-position-x:center;justify-content:center;display:flex;flex-direction:column;align-items:center}.fileDropZone p{clear:both;padding:5px;margin:0;font-size:18px}.dropZoneActive{background-color:#d5f5c9;transition:.2s}.illegalFile{color:red}.removeItem{margin:0 10px;background-image:url(../images/trash.svg);background-repeat:no-repeat;background-size:25px;background-position-y:center;padding:5px 15px}.removeItem:hover{background-image:url(../images/trashOpen.svg);background-size:16px;cursor:pointer}.uploading{margin-right:10px;color:#a3a3a3}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.uploadingIcon{animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}input[type=checkbox]{width:21px;height:21px;margin-bottom:10px}.buttonGreen{margin:0 5px;width:auto;height:auto;border:#000 solid thin;border-radius:5px;color:#fff;font-size:24px;background-color:#00a900;display:inline-block;transition:.2s}.buttonGreen:hover{border-radius:10px;background-color:green;cursor:pointer;transition:.2s}.buttonRed{width:auto;height:auto;border:#000 solid thin;border-radius:5px;color:#fff;background-color:red;font-size:24px;display:inline-block;transition:.2s}.buttonRed:hover{border-radius:8px;background-color:#c60000;transition:.2s;cursor:pointer}.buttonRed a{color:#fff;text-decoration:none}.buttonYellow{margin:10px 0;width:auto;height:auto;border:#000 solid thin;border-radius:5px;color:#000;background-color:#f4cd60;font-size:24px;clear:both;float:left;transition:.2s}.buttonYellow:hover{border-radius:8px;background-color:#c4a44b;cursor:pointer;transition:.2s}.buttonDisabled{background-color:#a0a0a0;margin:0 5px;width:auto;height:auto;border:#000 solid thin;border-radius:5px;color:#fff;font-size:24px;pointer-events:none}#clear,#reset{float:right}.exteriorInput{float:right;clear:both}textarea{clear:both;float:left;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,sans-serif;font-size:18px;width:98%;resize:vertical}#formResult,.formHelp{margin-left:5px;margin-top:10px;margin-bottom:0;display:inline-block;color:red}.usernameHelp{clear:both;color:red;font-size:smaller}.formWarningArea{animation-name:fadeOut;border-radius:3px;animation-duration:5s;padding:5px 0;margin:5px 0}@keyframes fadeOut{0%{background-color:#fa9e9e}50%{background-color:#fa9e9e}100%{background-color:#fff}}fieldset{margin:15px 5px;border:thin #c4c4c4 solid;border-radius:5px;background-color:#fff}fieldset legend{padding-left:10px;padding-right:10px;border:thin #000 solid;border-radius:10px;background-color:#fff}.fileFormats{color:#c4c4c4;margin:0 auto;transition:.2s;font-size:16px}.fileFormats:hover{color:#505050;transition:.2s}.ComponentsNote{color:#505050;clear:both;margin:15px 0;font-size:20px}.inputLogin{width:99%;height:40px;margin:8px 0;float:left;font-size:20px}.changePWord{margin:7px 5px;float:right}.confirmationTxt{width:25%;margin-top:3px;margin-bottom:2px;margin-left:0;float:left;clear:both;font-weight:700}.confirmationData{position:relative;font-weight:400;margin:0;margin-left:25%;margin-top:3px;margin-bottom:2px}.confirmationNotes{border-radius:4px;background-color:#ebebeb;font-weight:400;margin-left:0;margin-top:3px;margin-bottom:2px;width:75%;display:inline-block}.itemsList{margin:0;padding-left:0;width:75%;display:inline-block}.fileList{margin:0;padding-left:0;float:left;width:75%}.fileList li{margin-bottom:3px;font-family:monospace;font-style:italic}.orderTables{margin-left:10%;margin-right:10%;width:80%;border-collapse:collapse;font-size:20px;transition:.3s;clear:both}.orderTables td{font-style:normal;font-weight:400;padding:5px}.tblRow-Tall{padding:10px 0}.tblGreenEven{background-color:#eefde5}.tblGreenOdd{background-color:#ccf3b6}.tblBlueEven{background-color:#e9f7ff}.tblBlueOdd{background-color:#bbe6ff}.tblRedEven{background-color:#fcdede}.tblRedOdd{background-color:#ffb0b0}.tblOrangeEven{background-color:#ffe6c6}.tblOrangeOdd{background-color:#ffcc8a}.tblGreyEven{background-color:#eee}.tblGreyOdd{background-color:#dadada}.tblGreyEven{background-color:#eee}.tblGreyOdd{background-color:#dadada}.tblPurpleEven{background-color:#f9e2ff}.tblPurpleOdd{background-color:#eac0fd}.tblEdit{width:80px;color:#fff;font-size:24px;text-align:center;border:#000 solid thin}.tblJobId{display:none}.tblNum{width:10%}.tblCAD{width:20%}.tblDate{width:15%}.tblYesNo{text-align:center}.tblYesNo img{height:fit-content;height:-moz-fit-content;width:25px}.tblRow{transition:.1s}.tblRow:hover{cursor:pointer;transition:.1s;background-color:#fffb0036}.jobCount{width:50%;margin:15px auto;padding:5px;text-align:center;border-radius:10px;clear:both;background-color:#ffe2bd}.jobCount p{font-size:30px;margin:2px}.number{padding:1px 3px;border-radius:30px;text-shadow:1px 0 0 #000,0 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000}.red{color:red}.orange{color:orange}.yellow{color:#ff0}.lime{color:#9fcd32}.green{color:#32cd32}footer{width:100%;min-height:30px;margin-top:auto;background-color:#767171;color:#fff;text-align:center}footer div{display:inline;float:left}.footerSide{width:25%;height:100%}.footerCentre{width:50%;padding:20px 0}.version{margin-right:10px;font-size:12px;float:right;height:100%;vertical-align:bottom}.viewOrder{margin:20px 20%;background-color:#ebebeb;border-radius:10px;clear:both;transition:.5s;font-size:24px;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif}.viewStatus{width:25%;float:right}.viewOrder_ItemName{margin-top:0;margin-bottom:10px;margin-left:0;margin-right:0}.viewOrder_ItemValue{margin-top:5px;margin-bottom:0;margin-right:0;margin-left:0}.viewOrderTable{width:100%;padding:20px;text-align:left;border-collapse:collapse}.viewOrder th{padding:10px 10px;width:30%}.viewOrder td{padding:10px 5px}.viewOrderTable tr:nth-child(2n+1){background-color:#e0e0e0}.newTabIcon{margin-left:10px;background-image:url(../images/newTab.svg);background-repeat:no-repeat;background-size:20px;background-position-y:40%;padding:5px 10px}.noShow{display:none}.orderThumbnail{display:block;margin-left:auto;margin-right:auto;border:thin solid grey;width:60%}.passwordMatch{float:left;font-size:20px;margin-top:10px;margin-left:15px;margin-bottom:0;color:#03af03}.passwordUnMatch{float:left;font-size:20px;margin-top:10px;margin-bottom:0;margin-left:15px;color:#f11e1e}.pwordDisclaimer{clear:both;font-size:16px;color:#949494}.accountManageMenu{margin-left:10%;margin-right:10%;width:80%;margin-top:10px}.accountManageHeader{margin-left:40%;text-align:center;float:left}.addUserBtn{text-align:center;text-decoration:none;background-color:#0da332;color:#fff;border-radius:5px;padding:5px 10px;float:right;margin-bottom:5px;margin-top:10px}.customerNote{font-size:20px;font-style:italic;margin:10px 0}.contactList{display:none;width:50%}.contactList li{width:50%}.contactSummary{margin-top:10px;font-style:italic;font-size:20px;padding-left:40px}.customerComponentsHalf{width:33%;float:left;margin-bottom:10px}.resetComponents{color:#000;background-color:#d1d1d1;border-radius:3px;font-size:18px;margin:5px}.help{margin:0 10px;background-image:url(../images/help.svg);background-repeat:no-repeat;background-size:20px;background-position-y:center;padding:5px 15px;transition:.2s;display:inline}.help:hover{filter:invert(30%);cursor:pointer;transition:.2s}.chart_large{width:45%;height:400px;margin:10px 2%;border:#e4e4e4 solid thin;border-radius:7px;float:left}.modalBg{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#5c5c5c;background-color:#00000066;transition:.5s}.modalContent{border-radius:15px;background-color:#fefefe;margin-top:100px;margin-left:auto;margin-right:auto;padding:10px;border:1px solid #888;transition:.5s}.modalContent-Large{width:75%}.modalContent-Medium{width:50%}.modalContent-Small{width:25%}.modalContent h3{text-align:center}.modalClose{color:#bbb;float:right;font-size:30px;font-weight:700;vertical-align:top}.modalClose:focus,.modalClose:hover{color:#000;text-decoration:none;cursor:pointer}.modalTable{border:medium solid #000;border-radius:5px;margin-left:auto;margin-right:auto;width:95%;border-collapse:collapse;font-size:20px;transition:.3s;margin-bottom:20px;clear:both}.modalTable td{border:#000 solid thin;font-style:normal;font-weight:400}.modalTableData{padding:5px}.modalTable th{background-color:#a8abc7;border:#000 solid thin}.modalTableInput{padding:5px;box-shadow:#b6b6b6 inset 3px 3px 3px;transition:.2s}.modalInput{width:100%;margin:0;padding:0;font-size:20px;border:0;background-color:transparent;transition:.2s}.modalTableInput:hover{background-color:#dbdbdb;transition:.2s}.modalMessage{margin-left:2.5%;font-size:20px;color:red;clear:both}.table-AlignCentre{text-align:center}.button-alignCentre{margin-left:auto;margin-right:auto}.ordersTooltip{display:inline-block;margin-left:auto;margin-right:auto;left:100px}.tooltipContainer{position:relative;display:inline-block;clear:both}.tooltipContainer .tooltipText{visibility:hidden;width:30vw;border-radius:10px;padding:5px;position:absolute;left:-15vw;border:solid 2px #9ddadff1}.tooltipBlue{background-color:#9ddadff1}.tooltipGrey{background-color:#e2e2e2f1}.tooltipContainer:hover .tooltipText{visibility:visible}.tooltipText ul{margin:2px;font-size:17px;text-align:left;padding-left:20px}.tooltipText p{padding:0 20px;margin:2px;font-size:17px;text-align:left}.tooltipText h4{margin-top:10px;margin-bottom:4px}.tooltip-bottom{top:150%}.tooltip-bottom::before{content:"";position:absolute;border-bottom:10px solid #9ddadff1;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;bottom:100%}.tooltip-top{bottom:130%}.tooltip-top::after{content:"";position:absolute;border-bottom:10px solid transparent;border-top:10px solid #9ddadff1;border-left:10px solid transparent;border-right:10px solid transparent;top:100%}.buttonPairCenter-left{display:inline-block;width:38%;margin:0 5%}.buttonPairCenter-right{display:inline-block;width:38%;margin:0 5%}@media (min-width:1500px) and (max-width:2000px){textarea{width:98%;transition:.5s}.viewOrder{margin-left:25%;margin-right:25%;transition:.5s}}@media (min-width:1080px) and (max-width:1499px){.titleText{font-size:25px}.customerComponentsHalf{width:50%;float:left;margin-bottom:10px}.form{margin-left:13%;margin-right:13%;transition:.5s}textarea{width:98%;transition:.5s}.navUser{width:16%}.checkBoxLabel{width:40%}.tooltipContainer .tooltipText{width:40vw;left:-20vw}.modalContent-Large{width:80%}}@media (min-width:721px) and (max-width:1080px){.labelTxt{width:35%;margin-left:0;margin-right:10px;float:left;transition:.3s}.title{width:15%;transition:.3s}.titleText{display:none}nav{width:65%}nav a{width:auto;transition:.5s}.navUser{width:20%}.orderTables{margin-left:5%;margin-right:5%;width:90%;font-size:18px;transition:.3s}.tblNum{width:5%}.tblEdit{width:60px;font-size:20px;margin-left:2%}.form{margin-left:10%;margin-right:10%;transition:.5s;font-size:22px}.fileFormats{font-size:16px;transition:.3s}.fileFormats:hover{font-size:16px;transition:.3s}.checkBoxLabel{width:60%}.tooltipContainer .tooltipText{width:40vw;left:-20vw}.customerComponentsHalf{width:50%;float:left;margin-bottom:10px}.modalContent-Large{width:90%}}@media (max-width:720px){.title{width:15%}.titleText{display:none}nav a{display:none}.navDisplayButton{display:unset}.navItem{display:inline-block}h2{font-size:8vw;padding:0}.navUser{padding:25px;display:block;background-image:url(/images/hamburgerMenu.svg);background-repeat:no-repeat;background-size:30px;background-position-y:center;background-position-x:center;border-radius:4px;float:right;cursor:pointer;filter:invert(100%);transition:.2s}.navUser:hover{background-color:#b1b1b1;transition:.2s}.navUser a,.navUser p{display:none}.userDropDown p{font-size:3vw}header a.icon{background:#000;display:block;position:absolute;right:0;top:0}.searchBar{background-image:none}.orderTables{margin-left:1%;margin-right:1%;width:98%;font-size:16px}.tblEdit{font-size:18px;width:45px;margin-left:1px}.form{margin-left:5%;margin-right:5%;font-size:22px;padding:2%}.formSubheading{font-size:4.5vw}fieldset{margin:15px 0;font-size:4.5vw;padding:2%}.customerComponentsHalf{width:90%;float:left;margin-bottom:10px}.input{width:55%;font-size:4.5vw}input[type=checkbox]{width:20px;height:20px;margin-bottom:10px}.labelTxt{width:35%;margin-right:10px;transition:.5s}.fileDropZone{width:95%}.fileFormats{font-size:18px}.checkBoxLabel{width:50%}.itemList{width:auto;font-size:4.5vw}.itemQty{width:10vw;font-size:4.5vw}.confirmationTxt{width:35%}.confirmationNotes,.itemsList{width:65%}.jobCount{width:90%}.jobCount p{font-size:6vw}.viewOrder{margin:20px 5%;font-size:4vw}.viewOrder th{padding:5px;width:20%}.viewOrder td{padding:10px 5px}.btnBack{margin:5px 5%}.buttonGreen,.buttonRed{font-size:4.1vw}.chart_large{width:96%;height:300px;margin:10px 2%}}@media only screen and (max-width:720px){.orderTables{margin-left:1%;margin-right:1%;width:98vw;max-width:98vw;font-size:4vw}.tblEdit{display:none}}.errorImg{content:"";background-repeat:no-repeat;background-image:url(/images/errorBox.jpg);background-size:1080px;background-position-x:center;width:100%;position:absolute;margin-left:auto;margin-right:auto;margin-top:100px;margin-bottom:1px;text-align:center}.errorTitle{width:auto;display:inline-block;text-align:center;margin:0 auto;padding:15px;background-color:#c5d9ec;border-radius:10px;font-size:40px;font-family:'Courier New',Courier,monospace;color:red;position:relative}.errorTitle:after{content:"";top:100%;left:45.5%;height:0;width:0;position:absolute;border:solid transparent;border-top:30px solid #c5d9ec;border-width:24px}.errorTxt{text-align:center;margin-top:450px;margin-bottom:0}.errorTxt p{margin-top:0;margin-bottom:2px;font-size:24px}.errorDesc{margin-top:40px;font-size:14px;color:#9e9e9e}