table.dash-stats.full-width{width:100%}table.dash-stats{border:1px solid var(--main-color-light);max-width:1200px;margin:0 auto}table.dash-stats thead tr{color:#fff;background-color:#18203c;height:35px}table.dash-stats thead th{text-align:center;vertical-align:top;padding-left:4px;font-weight:400}table.dash-stats td{text-align:center;padding-left:4px}table.dash-stats td+td{border-left:1px solid var(--main-color-light)}table.dash-stats select{border-radius:2px;margin-bottom:4px;padding:3px 5px}.custom-view-field{width:100%;min-width:150px;max-width:300px;display:inline-block}.custom-view-field.display-edit{background-color:#f2f2f2;border:1px solid #00000042;border-radius:4px;height:43px;margin-top:5px;padding:0 10px}.custom-view-field.display-edit .value{line-height:43px}.custom-view-field.display-view{color:#2565de}.custom-view-field.display-view-fullwidth{color:#2565de;align-items:center;width:100%;max-width:100%;display:flex}.fbs-table-iterator table{border-collapse:collapse;border:1px solid var(--main-color);width:100%}.fbs-table-iterator table th,.fbs-table-iterator table td{border-left:1px solid var(--main-color);padding:8px}.fbs-table-iterator table th{text-align:left;background-color:var(--main-color-light);border-bottom:2px solid var(--main-color);font-weight:500}.fbs-table-iterator table td{vertical-align:middle;border:1px solid #eee}.fbs-table-iterator .remove-button{color:#c00;cursor:pointer;background:0 0;border:1px solid #c00;padding:4px 8px}.fbs-table-iterator .add-button{color:#fff;cursor:pointer;background:#1976d2;border:none;margin-top:8px;padding:6px 12px}.custom-tabs{margin-top:10px;margin-bottom:20px;display:flex}.custom-tabs .custom-tab{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;color:#666;border-bottom:5px solid #f8f9fb;flex:1;padding-bottom:10px}.custom-tabs .custom-tab.active{color:#000;border-bottom:5px solid #2565de}.custom-tabs .custom-tab.lone{text-align:left}.custom-tabs .custom-tab.lefted{text-align:left;flex:0;min-width:250px}.custom-tab-content{min-height:35vh}.custom-tab-content.padded{padding:0 10px 10px}table.item-history{border-collapse:collapse;border:none;width:100%;max-width:1400px}table.item-history th{background-color:var(--main-color-light);border-bottom:2px solid #000;font-weight:500}table.item-history th,table.item-history td{text-align:left;vertical-align:top;border-left:1px solid #000;padding:5px}table.item-history tr{border-bottom:1px solid #ddd}table.item-history th:first-child,table.item-history td:first-child{border-left:none}table.item-history .ith-dt{width:110px}table.item-history .ith-action{width:180px}table.item-history .ith-ord{width:140px}table.item-history .ith-tree{width:250px}table.item-history .ith-settlement{width:120px}.ref-data-selection{grid-template-columns:repeat(auto-fit,minmax(250px,auto));justify-content:center;gap:35px;width:100%;margin-top:50px;display:grid}.ref-data-selection>div{-webkit-user-select:none;user-select:none;border:1px solid gray;border-radius:8px;max-width:250px;padding:10px}.ref-data-selection>div.selected{color:#fff;background-color:green}.ref-images-display{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;gap:25px;width:100%;margin-bottom:50px;display:grid}.ref-images-display>img{width:auto;max-height:200px;margin:0 auto}.ref-categories{gap:10px;display:grid}.ref-categories.cols-1{grid-template-columns:1fr}.ref-categories.cols-2{grid-template-columns:repeat(2,1fr)}.ref-categories.cols-2>:nth-child(odd){border-right:4px solid #000}@media (width<=700px){.ref-categories.cols-2{grid-template-columns:1fr}.ref-categories.cols-2>:nth-child(odd){border-right:none}}.order-admin-ribbon{flex-wrap:wrap;min-height:50px;display:flex}.order-admin-ribbon>div{cursor:pointer;color:#ddd;background:var(--secondary-color);border-radius:4px;align-items:center;width:170px;height:35px;margin:0 40px 10px 0;padding-left:10px;line-height:35px;display:flex}.order-admin-ribbon>div:hover{color:#fff;background:var(--main-color)}.invoices-list .stockist-name{margin-top:25px;font-size:115%;font-weight:700}.invoices-list .orders-list{margin-top:10px;margin-left:20px;font-size:90%}.invoices-list.valid-sage-id .stockist-name,.invoices-list.valid-sage-id .stockist-info{color:green}.invoices-list.no-sage-id .stockist-name,.invoices-list.no-sage-id .stockist-info{color:red}.context-menu{cursor:pointer;text-align:left;background-color:#fff;border:1px solid gray;position:absolute}.context-menu>div{color:#000;padding:3px 10px}.context-menu>div.is-selected:after{content:" ✔"}.context-menu>div.is-disabled{color:gray}.context-menu>div.menu-section{border-top:1px solid gray;margin-top:5px;padding-top:1px;font-size:80%}.context-menu>div:not(.menu-section):not(.is-disabled):not(.is-selected):hover{background-color:var(--main-color-light);font-weight:700}.order-tile{background-color:#fff;flex-direction:column;width:100%;max-width:200px;margin:6px 4px;font-size:14px;display:flex;overflow:hidden}.order-tile .order-header{text-align:center;color:#fff;background-color:#6d80c5;border:1px solid #7d7d7d;border-radius:6px 6px 0 0;min-height:24px;font-weight:700;line-height:24px;display:flex}.order-tile .order-header .order-type{border-right:1px solid #000;width:30px}.order-tile .order-header .order-no{flex:1}.order-tile .info{border:1px solid #7d7d7d;border-top-width:0;border-radius:0 0 6px 6px;flex-direction:column;flex:1;font-size:90%;display:flex;box-shadow:0 3px 6px #00000029}.order-tile .info .saddle-sizing{flex:1;padding:1px 3px;display:flex}.order-tile .info .saddle-sizing .model-name{text-align:left;flex:1}.order-tile .info .saddle-sizing .other-info{text-align:right;width:40px}.order-tile .info .stockist{text-align:left;margin-top:2px;padding:1px 3px;font-size:90%}.order-tile .info .stage{border-top:1px solid #7d7d7d;justify-content:space-between;align-items:baseline;height:20px;display:flex}.order-tile .info .stage .stage-left{border-right:1px solid #7d7d7d;border-radius:0 0 0 3px;width:20px}.order-tile .info .stage .team-name{padding:0 3px}.order-tile .info .stage .stage-right{text-align:center;border-left:1px solid #7d7d7d;border-radius:0 0 3px;width:20px}.order-tile .info .stage .stage-right.status-A{color:var(--order-status-A-text);background-color:var(--order-status-A-colour)}.order-tile .info .stage .stage-right.status-M{color:var(--order-status-M-text);background-color:var(--order-status-M-colour)}.order-tile.held .ord-no{border-width:3px 3px 0;border-color:#c43053!important}.order-tile.held .info{border-width:0 3px 3px;border-color:#c43053!important}.order-tile.info-section .ord-no{color:#fff;background-color:#aaa;border:1px solid #000;border-radius:6px 6px 0 0}.order-tile.info-section .info{border-color:#000}.order-tile.info-section .info p{margin:0}.order-tile.status-R .ord-no{color:var(--order-status-R-text);background-color:var(--order-status-R-colour);border-color:var(--order-status-R-border)}.order-tile.status-R .info,.order-tile.status-R .stage{border-color:var(--order-status-R-border)}.order-tile.status-A .ord-no{color:var(--order-status-A-text);background-color:var(--order-status-A-colour);border-color:var(--order-status-A-border)}.order-tile.status-A .info,.order-tile.status-A .stage{border-color:var(--order-status-A-border)}.order-tile.status-M .ord-no{color:var(--order-status-M-text);background-color:var(--order-status-M-colour);border-color:var(--order-status-M-border)}.order-tile.status-M .info,.order-tile.status-M .stage{border-color:var(--order-status-M-border)}.order-tile.status-C .ord-no{color:var(--order-status-C-text);background-color:var(--order-status-C-colour);border-color:var(--order-status-C-border)}.order-tile.status-C .info,.order-tile.status-C .stage{border-color:var(--order-status-C-border)}.job-block{background-color:#fff;border:3px solid #fff;border-radius:10px;min-height:60px;margin:10px 0;box-shadow:0 3px 6px #00000029}.job-block.drop-hover{border-color:green}.job-block .job-prints{color:#fff;background-color:#666;border:1px solid #666;border-radius:4px;height:12px;font-size:10px;line-height:10px;position:relative}.job-block .job-prints .job-prints-popup{z-index:999;color:#000;text-align:left;background-color:#fff;border:1px solid #aaa;width:100%;min-height:100px;padding:0 5px;font-size:12px;line-height:14px;position:absolute;top:16px;left:0}.job-block .job-header{height:26px;position:relative}.job-block .job-header .job-assigned-to{text-align:left;min-width:100px;height:23px;line-height:23px;position:absolute;top:2px;left:6px}.job-block .job-header .job-no{justify-content:flex-end;align-items:center;min-width:100px;height:23px;line-height:23px;display:flex;position:absolute;top:2px;right:6px}.job-block .job-header .job-no .contents-compressed{transition:all .2s ease-in-out;transform:rotate(0)}.job-block .job-header .job-no .contents-uncompressed{transition:all .2s ease-in-out;transform:rotate(180deg)}.job-block .job-ident-new{color:#eee;text-transform:uppercase;min-height:60px;font-weight:700;line-height:60px}.job-block .job-orders{flex-direction:column;align-items:center;display:flex}.job-block .job-orders .compressed{justify-content:space-around;width:100%;margin:2px 0;display:flex}.job-block.status-P{border-color:var(--job-status-P-colour)}.job-block.status-S{border-color:var(--job-status-S-colour)}.job-block.status-C{border-color:var(--job-status-C-colour)}.job-block .job-revenue{border-top:1px solid #000;justify-content:space-between;width:100%;margin-top:3px;font-size:80%;display:flex}.job-block .job-revenue .revenue-value{color:green;font-weight:700}.jobs-schedule-week{background-color:var(--main-color-light);text-align:center;border-radius:16px;flex:0 0 216px;height:95%;margin:10px 5px;padding:10px}.jobs-schedule-week .no{font-size:120%;font-weight:700}.jobs-schedule-week .revenue{font-size:110%}.jobs-schedule-week .dates{margin-top:6px}.jobs-schedule-week .jobs-container .job-holiday-info{background-color:#fff;border-radius:6px;margin-top:10px;margin-bottom:20px;font-size:14px;box-shadow:0 3px 6px #00000029}.jobs-schedule-week .jobs-container .job-holiday-info .info-banner{text-align:center;background-color:#eee;border-radius:6px 6px 0 0;justify-content:space-between;padding:3px;font-size:90%;font-weight:700;display:flex}.jobs-schedule-week .jobs-container .job-holiday-info .info-banner .contents-compressed{transition:all .2s ease-in-out;transform:rotate(0)}.jobs-schedule-week .jobs-container .job-holiday-info .info-banner .contents-uncompressed{transition:all .2s ease-in-out;transform:rotate(180deg)}.jobs-schedule-week .jobs-container .job-holiday-info .info-block{text-align:left;background-color:#eee;border-radius:0 0 6px 6px;padding:0 4px;font-size:90%}.options-ribbon{display:flex}.options-ribbon .option{text-align:center;cursor:pointer;border:1px solid var(--main-color-light);background-color:#fff;min-width:80px;margin-left:4px;margin-right:4px;padding:2px 5px;font-size:90%}.options-ribbon .option.on{color:#fff;background-color:green}.options-ribbon .option.clear{color:#fff;background-color:red;min-width:20px}.order-schedule-container{flex-direction:column;min-height:250px;display:flex}.order-schedule-container .order-picker{z-index:1;flex:0 0 100px;width:calc(95vw - 240px);padding:5px 10px}.order-schedule-container .order-picker.docked{position:fixed;top:105px;left:245px;right:10px}.order-schedule-container .order-picker .title-bar{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:8px 8px 0 0;justify-content:space-between;padding:2px 5px;display:flex}.order-schedule-container .order-picker .title-bar .picker-title{color:#111}.order-schedule-container .order-picker .title-bar .locker{margin-left:5px}.order-schedule-container .order-picker .title-bar .locker.on{color:green}.order-schedule-container .order-picker .title-bar .locker.off{color:red}.order-schedule-container .order-picker .order-items{background-color:#eee;border:1px solid #ccc;border-radius:0 0 8px 8px;flex-wrap:wrap;min-height:50px;padding:5px 0;display:flex}.order-schedule-container .week-picker .weeks{flex-wrap:nowrap;flex:1;margin-top:20px;display:flex}.order-schedule-container .week-picker .weeks.docked{margin-top:180px}.order-schedule-container .schedule-key{justify-content:space-between;width:calc(95vw - 240px);padding:5px 10px;font-size:14px;display:flex}.order-schedule-container .schedule-key .heading{padding-right:10px}.order-schedule-container .schedule-key .team-item{flex:1}.order-schedule-container .schedule-key .team-item .name{margin-left:5px;display:inline-block}.order-schedule-container .status-key{width:calc(95vw - 240px);padding:5px 10px;font-size:14px;display:flex}.order-schedule-container .status-key .heading{padding-right:10px}.order-schedule-container .status-key .status-item{margin-right:20px}.order-schedule-container .status-key .status-item .name{margin-left:5px;display:inline-block}.states{justify-content:center;line-height:60px;display:flex}.states .state{margin-left:30px}.states .state-number{margin-left:10px;font-size:135%;font-weight:700}.searcher-bar{background-color:#2565de;justify-content:right;align-items:center;height:50px;padding:5px;display:flex;position:absolute;inset:48px 0 100px}.searcher-input{outline:none;width:200px;height:34px;margin-left:5px;padding-left:5px;font-size:20px}.searcher-select{outline:none;width:300px;height:34px;font-size:20px}.searcher-button{text-align:center;cursor:pointer;border:1px solid #fff;border-radius:2px;min-width:90px;height:34px;padding:0 5px;line-height:34px}.searcher-button.active{background-color:green}.searcher-button.busy{background-color:red}.searcher-output{background-color:#2565de;max-height:50vh;padding-bottom:15px;position:absolute;top:98px;left:0;right:0;overflow-y:auto}.searcher-output-orders{border-collapse:collapse;width:100%}.searcher-output-orders th,.searcher-output-orders td{text-align:left;color:#eee}.searcher-output-orders th{z-index:1;background-color:#000;position:sticky;top:0}.searcher-output-orders td:first-child{width:90px}.searcher-output-orders td:nth-child(2){width:80px}.searcher-output-orders td:nth-child(3),.searcher-output-orders td:nth-child(4){width:70px}.searcher-output-orders td:nth-child(5){width:350px}.searcher-output-orders td:nth-child(7){width:220px}.searcher-output-orders td:nth-child(8){width:115px}.searcher-output-orders td:nth-child(9),.searcher-output-orders td:nth-child(10){width:65px}.searcher-output-tracking{border-collapse:collapse;width:100%}.searcher-output-tracking th,.searcher-output-tracking td{text-align:left;color:#eee}.searcher-output-tracking th{z-index:1;background-color:#000;position:sticky;top:0}.searcher-output-tracking td:first-child,.searcher-output-tracking td:nth-child(2){width:90px}.searcher-output-tracking td:nth-child(3){width:80px}.searcher-output-tracking td:nth-child(4){width:350px}.searcher-output-tracking td:nth-child(6),.searcher-output-tracking td:nth-child(7){width:220px}.searcher-output-tracking td:nth-child(8){width:110px}.order-adder-bar{background-color:#2565de;justify-content:right;align-items:center;height:50px;padding:5px;display:flex;position:absolute;inset:48px 0 100px}.order-adder-bar .adder-option{border:1px solid #fff;margin:0 30px;padding:3px 10px}table.data-table{border:1px solid var(--main-color-light);width:100%;max-width:1200px;margin:0 auto}table.data-table tr{height:35px}table.data-table thead>tr{color:#fff;background-color:#18203c}table.data-table th{text-align:center;padding-left:4px;font-weight:400}table.data-table td{text-align:center;vertical-align:top;padding-left:4px}table.data-table.align-left th,table.data-table.align-left td{text-align:left}table.selector-table{table-layout:fixed;border:1px solid var(--main-color-light);width:100%;max-width:1400px}table.selector-table tr{cursor:pointer;height:35px}table.selector-table tr.selected{color:#fff;background-color:#006400}table.selector-table thead>tr{color:#fff;z-index:1;background-color:#18203c;position:sticky;top:0}table.selector-table th{text-align:center;padding-left:4px;font-weight:400}table.selector-table td{text-align:center;padding-left:4px}table.selector-table.align-left th,table.selector-table.align-left td{text-align:left}.team-step-status-W{color:#fff;background-color:red}.team-step-status-R{color:#fff;background-color:#00f}.team-step-status-H{color:#fff;background-color:red}.team-step-status-S,.team-step-status-1,.team-step-status-2,.team-step-status-3{color:#fff;background-color:orange}.team-step-status-C{color:#fff;background-color:green}.team-step-buttons{justify-content:space-around;width:100%;display:flex}.team-step-buttons.column{flex-direction:column}.team-step-buttons.column .option{width:100%;height:60px;margin:10px auto;line-height:60px}.team-step-buttons .option{text-align:center;color:#fff;background-color:#aaa;border:2px solid #0000;border-radius:8px;width:150px;height:50px;font-size:20px;line-height:50px}.team-step-buttons .option.ticked.status-W{background-color:red}.team-step-buttons .option.ticked.status-R{background-color:#00f}.team-step-buttons .option.ticked.status-H{background-color:red}.team-step-buttons .option.ticked.status-S,.team-step-buttons .option.ticked.status-1,.team-step-buttons .option.ticked.status-2,.team-step-buttons .option.ticked.status-3{background-color:orange}.team-step-buttons .option.ticked.status-C{background-color:green}.team-step-buttons .option:not(.ticked):hover{cursor:pointer}.team-step-buttons .option:not(.ticked):hover.status-W{background-color:red}.team-step-buttons .option:not(.ticked):hover.status-R{background-color:#00f}.team-step-buttons .option:not(.ticked):hover.status-H{background-color:red}.team-step-buttons .option:not(.ticked):hover.status-S,.team-step-buttons .option:not(.ticked):hover.status-1,.team-step-buttons .option:not(.ticked):hover.status-2,.team-step-buttons .option:not(.ticked):hover.status-3{background-color:orange}.team-step-buttons .option:not(.ticked):hover.status-C{background-color:green}:root{--main-color:#2565de;--main-color-light:#2565de66;--secondary-color:#18203c;--order-status-E-colour:#e3583f;--order-status-E-text:white;--order-status-E-border:#666;--order-status-R-colour:#e3583f;--order-status-R-text:white;--order-status-R-border:#666;--order-status-A-colour:#666;--order-status-A-text:white;--order-status-A-border:#666;--order-status-M-colour:#666;--order-status-M-text:white;--order-status-M-border:#666;--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}html{scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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{color:red;min-height:40px;font-weight:700}.sopp-field-2-columns{grid-template-columns:repeat(2,minmax(260px,1fr));gap:15px;margin-top:10px;display:grid}.sopp-field-2-columns>*{min-width:0}.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{color:#fff;border:3px solid #0000;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:inline-flex}.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{align-items:center;width:90%;max-width:600px;padding-top:10px;display:flex}.text-input .text-input-title{text-align:left;margin-right:20px}.text-input .text-input-field{flex:1;height:40px;padding:0 10px;font-size:16px;line-height:40px}.fully-centred{justify-content:center;align-items:center;display:flex}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}.italics{font-style:italic}.striked{color:red;text-decoration:line-through}.clickable{cursor:pointer}.clickable-ul{cursor:pointer;text-decoration:underline}.flex-centred{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;width:100%;display:flex}.sopp-notes{margin-top:10px}.sopp-notes .dated{border-top:1px solid #ccc;margin-top:5px;font-size:90%;font-style:italic;display:inline}.sopp-field-columns{grid-template-columns:repeat(3,minmax(260px,1fr));gap:15px;margin-top:10px;display:grid}.sopp-field-columns>div{min-width:0}.sopp-field-3-columns{grid-template-columns:repeat(3,minmax(260px,1fr));gap:15px;margin-top:10px;display:grid}.sopp-field-3-columns>*{min-width:0}.sopp-field-label{color:#000000de;margin-top:20px;font-weight:500}.sopp-field-label.nomargintop{margin-top:0}.sopp-field-label.spaced{margin-top:20px}.sopp-columned-list{flex-wrap:wrap;margin-top:10px;display:flex}.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{border:1px solid #bbb;border-radius:4px;max-width:100%;padding:10px;font-family:inherit;font-size:16px;line-height:20px}.fbs-field-block .field-prefix{color:#666;border-right:1px solid #bbb;justify-content:center;align-items:center;width:18px;display:flex;position:absolute;top:1px;bottom:1px;left:1px}.fbs-field-block .field-label{color:#000000de;margin-top:15px;font-weight:500}.fbs-field-block.nomargin .field-label{margin-top:0}.RaTabbedForm-errorTabButton{color:red!important;font-weight:700!important;text-decoration:underline!important}.range-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));place-items:center;gap:25px;display:grid}.range-list .range-name{text-align:center;color:#fff;background-color:var(--secondary-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:180px;max-width:280px;min-height:80px;padding:10px;display:flex}.range-list .range-name.selected{background-color:var(--main-color)}.prod-unit-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));place-items:center;gap:45px;margin-top:40px;margin-bottom:40px;display:grid}.prod-unit-list .prod-unit{color:#000;text-align:center;cursor:pointer;border:2px solid #ccc;border-radius:8px;flex-direction:column;width:180px;height:250px;display:flex}.prod-unit-list .prod-unit .name{height:80px;padding:10px;line-height:1.3}.prod-unit-list .prod-unit .image{border-radius:0 0 8px 8px;flex:1;margin-top:15px}.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{border-bottom:3px solid #d3d3d3;justify-content:space-between;padding-bottom:5px;display:flex}.order-form .order-header .order-header-1 .stockist{flex:1}.order-form .nav-buttons{justify-content:space-between;margin-top:10px;display:flex}