:root{--main-color: rgb(37,101,222);--main-color-light: rgba(37,101,222,.4);--secondary-color: #18203C;--order-status-E-colour: #E3583F;--order-status-E-text: white;--order-status-E-border: #666666;--order-status-R-colour: #E3583F;--order-status-R-text: white;--order-status-R-border: #666666;--order-status-A-colour: #666666;--order-status-A-text: white;--order-status-A-border: #666666;--order-status-M-colour: #666666;--order-status-M-text: white;--order-status-M-border: #666666;--order-status-C-colour: white;--order-status-C-text: #1FCC97;--order-status-C-border: #1FCC97;--order-held-colour: #C43053;--order-held-text: white;--job-status-A-colour: #1F5FD9;--job-status-C-colour: #989898}tr.__sys-st-D{color:#eee;background-color:red;font-style:italic}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}textarea{min-height:100px}h1,h2,h3,h4,h5,h6{margin:0}.error-message{min-height:40px;font-weight:700;color:red}.sopp-field-2-columns{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));grid-gap:15px}.sopp-field-2-columns>*{min-width:0}.sopp-field-3-columns{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));grid-gap:15px}.sopp-field-3-columns>*{min-width:0}.sopp-field-label{font-weight:500;color:#000000de;margin-top:20px}.sopp-field-label.nomargintop{margin-top:0}.sopp-field-label.spaced{margin-top:20px}.sopp-list-options{text-align:right}.sopp-list-options.large>*{margin-left:10px!important}.sopp-list-options:not(.large)>*{width:30px!important;min-width:30px!important}.sopp-order-blob{font-size:14px;width:24px;height:24px;color:#fff;display:inline-flex;justify-content:center;align-items:center;border:3px solid transparent}.sopp-order-blob .name{font-size:12px}.sopp-order-blob.tree-os{border-color:red}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-input{width:90%;max-width:600px;display:flex;align-items:center;padding-top:10px}.text-input .text-input-title{text-align:left;margin-right:20px}.text-input .text-input-field{flex:1;height:40px;line-height:40px;padding:0 10px;font-size:16px}.fully-centred{display:flex;align-items:center;justify-content:center}div.no-notch>div.MuiInputBase-root>fieldset.MuiOutlinedInput-notchedOutline>legend{display:none}.custom-tabs .custom-tab{color:#000}.custom-tabs .custom-tab.active{color:#00f}.mt-0{margin-top:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.mx-0{margin:0!important}.pt-0{padding-top:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.px-0{padding:0!important}.mt-5{margin-top:5px!important}.ml-5{margin-left:5px!important}.mr-5{margin-right:5px!important}.mb-5{margin-bottom:5px!important}.mx-5{margin:5px!important}.pt-5{padding-top:5px!important}.pl-5{padding-left:5px!important}.pr-5{padding-right:5px!important}.pb-5{padding-bottom:5px!important}.px-5{padding:5px!important}.mt-10{margin-top:10px!important}.ml-10{margin-left:10px!important}.mr-10{margin-right:10px!important}.mb-10{margin-bottom:10px!important}.mx-10{margin:10px!important}.pt-10{padding-top:10px!important}.pl-10{padding-left:10px!important}.pr-10{padding-right:10px!important}.pb-10{padding-bottom:10px!important}.px-10{padding:10px!important}.mt-15{margin-top:15px!important}.ml-15{margin-left:15px!important}.mr-15{margin-right:15px!important}.mb-15{margin-bottom:15px!important}.mx-15{margin:15px!important}.pt-15{padding-top:15px!important}.pl-15{padding-left:15px!important}.pr-15{padding-right:15px!important}.pb-15{padding-bottom:15px!important}.px-15{padding:15px!important}.mt-20{margin-top:20px!important}.ml-20{margin-left:20px!important}.mr-20{margin-right:20px!important}.mb-20{margin-bottom:20px!important}.mx-20{margin:20px!important}.pt-20{padding-top:20px!important}.pl-20{padding-left:20px!important}.pr-20{padding-right:20px!important}.pb-20{padding-bottom:20px!important}.px-20{padding:20px!important}.mt-25{margin-top:25px!important}.ml-25{margin-left:25px!important}.mr-25{margin-right:25px!important}.mb-25{margin-bottom:25px!important}.mx-25{margin:25px!important}.pt-25{padding-top:25px!important}.pl-25{padding-left:25px!important}.pr-25{padding-right:25px!important}.pb-25{padding-bottom:25px!important}.px-25{padding:25px!important}.mt-30{margin-top:30px!important}.ml-30{margin-left:30px!important}.mr-30{margin-right:30px!important}.mb-30{margin-bottom:30px!important}.mx-30{margin:30px!important}.pt-30{padding-top:30px!important}.pl-30{padding-left:30px!important}.pr-30{padding-right:30px!important}.pb-30{padding-bottom:30px!important}.px-30{padding:30px!important}.mt-40{margin-top:40px!important}.ml-40{margin-left:40px!important}.mr-40{margin-right:40px!important}.mb-40{margin-bottom:40px!important}.mx-40{margin:40px!important}.pt-40{padding-top:40px!important}.pl-40{padding-left:40px!important}.pr-40{padding-right:40px!important}.pb-40{padding-bottom:40px!important}.px-40{padding:40px!important}.mt-50{margin-top:50px!important}.ml-50{margin-left:50px!important}.mr-50{margin-right:50px!important}.mb-50{margin-bottom:50px!important}.mx-50{margin:50px!important}.pt-50{padding-top:50px!important}.pl-50{padding-left:50px!important}.pr-50{padding-right:50px!important}.pb-50{padding-bottom:50px!important}.px-50{padding:50px!important}.mt-60{margin-top:60px!important}.ml-60{margin-left:60px!important}.mr-60{margin-right:60px!important}.mb-60{margin-bottom:60px!important}.mx-60{margin:60px!important}.pt-60{padding-top:60px!important}.pl-60{padding-left:60px!important}.pr-60{padding-right:60px!important}.pb-60{padding-bottom:60px!important}.px-60{padding:60px!important}.mt-80{margin-top:80px!important}.ml-80{margin-left:80px!important}.mr-80{margin-right:80px!important}.mb-80{margin-bottom:80px!important}.mx-80{margin:80px!important}.pt-80{padding-top:80px!important}.pl-80{padding-left:80px!important}.pr-80{padding-right:80px!important}.pb-80{padding-bottom:80px!important}.px-80{padding:80px!important}.clickable{cursor:pointer}.clickable-ul{cursor:pointer;text-decoration:underline}.flex-centred{display:flex;justify-content:center;align-items:center}.flex-between{width:100%;display:flex;justify-content:space-between}.sopp-notes{margin-top:10px}.sopp-notes .dated{display:inline;font-size:90%;font-style:italic;margin-top:5px;border-top:1px solid #CCC}.sopp-columned-list{margin-top:10px;display:flex;flex-wrap:wrap}.sopp-columned-list .list-item-1{flex:1 0 100%}.sopp-columned-list .list-item{flex:1 0 300px}.sopp-columned-list .list-item-large{flex:1 0 400px}.fbs-field-block input,.fbs-field-block textarea,.fbs-field-block select{padding:10px;border:1px solid #BBB;border-radius:4px;max-width:100%;font-size:16px;line-height:20px;font-family:inherit}.fbs-field-block .field-prefix{position:absolute;width:18px;left:1px;top:1px;bottom:1px;display:flex;align-items:center;justify-content:center;color:#666;border-right:1px solid #BBB}.fbs-field-block .field-label{margin-top:15px;font-weight:500;color:#000000de}.fbs-field-block.nomargin .field-label{margin-top:0}.range-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:25px;place-items:center}.range-list .range-name{display:flex;width:100%;min-width:180px;max-width:280px;justify-content:center;align-items:center;text-align:center;color:#fff;background-color:var(--secondary-color);padding:10px;cursor:pointer;min-height:80px;border-radius:8px}.range-list .range-name.selected{background-color:var(--main-color)}.prod-unit-list{margin-top:40px;margin-bottom:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:45px;place-items:center}.prod-unit-list .prod-unit{border-radius:8px;width:180px;height:250px;border:2px solid #CCC;color:#000;text-align:center;cursor:pointer;display:flex;flex-direction:column}.prod-unit-list .prod-unit .name{padding:10px;height:80px;line-height:1.3}.prod-unit-list .prod-unit .image{flex:1;margin-top:15px;border-radius:0 0 8px 8px}.order-form{padding:20px}.order-form .order-header .header{color:#989898}.order-form .order-header .info{color:#5c5c5c}.order-form .order-header .order-header-1{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:3px solid lightgrey}.order-form .order-header .order-header-1 .stockist{flex:1}.order-form .nav-buttons{margin-top:10px;display:flex;justify-content:space-between}