*{margin:0;padding:0;border:0;box-sizing:border-box;font-size:inherit;font-family:montserrat,sans-serif;color:inherit;text-align:inherit;text-decoration:inherit;font-weight:400;list-style:none;outline:0;-webkit-user-select:none;user-select:none}body:has(#dialog),body:has(.dialog){overflow:hidden}#dialog,.dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.32);padding:100px;display:flex;justify-content:center;align-items:center}#dialog .wrapper,.dialog .wrapper{background:#fff;border-radius:6pt;padding:24px;width:500px;box-shadow:rgba(0,0,0,.19)0 10px 20px,rgba(0,0,0,.23)0 6px 6px}#dialog .wrapper .question,.dialog .wrapper .question{font-size:18px;font-weight:600;margin-bottom:12px}#dialog .wrapper .buttons,.dialog .wrapper .buttons{margin-top:20px;display:flex;gap:16px;justify-content:flex-end}#dialog .wrapper .buttons button,.dialog .wrapper .buttons button{min-width:120px;text-align:center}error-page{text-align:center;display:flex;align-items:center;justify-content:center;width:100%;margin-top:100px}error-page h1{font-size:120px;font-weight:600}error-page h2{font-size:30px;font-weight:600}error-page p{margin-top:16px;color:#575757}error-page #buttons{display:flex;margin-top:32px;justify-content:center;gap:16px}@font-face{font-family:montserrat;src:url(/fonts/Montserrat[wght].ttf)format("truetype")}@font-face{font-family:material icons;font-style:normal;font-weight:400;src:local("MaterialIcons-Regular"),url(/iconfont/MaterialIcons-Regular.ttf)format("truetype")}mdi-icon{font-family:material icons;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;user-select:none!important}mdi-icon{line-height:1}html{height:100%;font-family:sans-serif;font-size:16px;background:#009864;color:#000}html body{background:#f5f5f5;min-height:100vh}main.container{padding-bottom:40px!important}.profilePicPlaceholder{background-color:#fff;color:#009864;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.profilePic,profile-pic{background-color:#fff;width:40px;height:40px;border-radius:50%}.container{max-width:1200px;margin:0 auto;padding:0 25px}button{background:#009864;color:#fff;border:none;padding:0 20px;border-radius:6pt;cursor:pointer;height:42px;transition:background .2s,color .2s,border .2s;display:flex;align-items:center;justify-content:center;gap:8px}button[disabled]{opacity:.3;pointer-events:none}button.icon{width:42px;min-width:42px;padding:0;display:inline-flex;align-items:center;justify-content:center}button:hover{background:#007f53}button.variant,button[variant]{background:#fff;color:#009864;border:3px solid #009864}button.variant:hover,button[variant]:hover{background:#009864;color:#fff}button:focus{outline:2px solid rgba(0,152,100,.5)}input[type=number]::-webkit-inner-spin-button{display:none}input[type=text],input[type=number],input[type=datetime-local],input[type=time],select,textarea{resize:vertical;width:100%;padding:10px;background:#f5f5f5;border-radius:6pt;background:#fff;transition:outline-color .2s;outline:1px solid #eaeaea}input[type=text]:read-only:not(select),input[type=number]:read-only:not(select),input[type=datetime-local]:read-only:not(select),input[type=time]:read-only:not(select),select:read-only:not(select),textarea:read-only:not(select){outline:none;padding:0}input[type=text]:hover,input[type=number]:hover,input[type=datetime-local]:hover,input[type=time]:hover,select:hover,textarea:hover{outline-color:#575757}input[type=text]:focus,input[type=number]:focus,input[type=datetime-local]:focus,input[type=time]:focus,select:focus,textarea:focus{outline-color:#009864;outline-width:3px}input[type=text]:invalid,input[type=number]:invalid,input[type=datetime-local]:invalid,input[type=time]:invalid,select:invalid,textarea:invalid{outline-color:red}hr{display:block;margin-block-start:.5em;margin-block-end:.5em;margin-inline-start:auto;margin-inline-end:auto;color:#e8e8e8;unicode-bidi:isolate;overflow:hidden;border-style:solid;border-top-width:1px;border-bottom-width:0}.cut-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}loading-spinner{width:100%;height:300px;display:flex;justify-content:center;align-items:center}loading-spinner:after{content:"";width:48px;height:48px;border:5px solid #009864;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}loading-spinner[small]{height:auto}loading-spinner[small]:after{width:24px;height:24px;border:3px solid #fff;border-bottom-color:transparent}.card{background-color:#fff;border-radius:6pt;padding:24px;box-shadow:rgba(0,0,0,.1)0 1px 2px}.error-message{padding:16px;border-radius:6pt;margin:20px 0;display:flex;gap:10px;align-items:center}custom-checkbox{font-size:16.5px;cursor:pointer}custom-checkbox[disabled]{display:inline;opacity:.6;pointer-events:none}custom-checkbox .checkbox{position:relative;padding-left:35px;cursor:pointer}custom-checkbox input{opacity:0;cursor:pointer;height:0;width:0}custom-checkbox .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:2px solid #575757}custom-checkbox .checkbox:hover input~.checkmark{background-color:#f5f5f5}custom-checkbox .checkmark:after{content:"";position:absolute;display:none}custom-checkbox .checkbox input:checked~.checkmark:after{display:block}custom-checkbox .checkbox .checkmark:after{left:5px;top:0;width:4px;height:12px;border:solid #009864;border-width:0 2px 2px 0;transform:rotate(45deg)}nav-bar{display:block;margin-bottom:25px;background:#009864;color:#fff}nav-bar.invisible{display:none}nav-bar .container{display:flex}nav-bar .container router-link{display:block;padding:15px}nav-bar .container #logo{height:30px;vertical-align:middle}nav-bar #login-section{margin-left:auto;align-self:center;display:flex;gap:10px;align-items:center}nav-barplaceholder{background-color:#fff;color:#009864;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}.breadcrumbs{display:flex;gap:8px;color:#575757;align-items:center;padding-bottom:8px}.breadcrumbs a.currentBreadcrumb{color:#999;pointer-events:none}.breadcrumbs mdi-icon{font-size:18px}#instructionsEditor{background-color:#fff;border-radius:6pt;padding:24px;box-shadow:rgba(0,0,0,.1)0 1px 2px}#instructionsEditor *{-webkit-user-select:text;user-select:text}#instructionsEditor #mainData #topRow{display:flex;justify-content:space-between;align-items:flex-start}#instructionsEditor #mainData #topRow #rightSide,#instructionsEditor #mainData #topRow #buttons{display:flex;gap:10px;align-items:center}#instructionsEditor #mainData .row{display:flex;align-items:center;margin-bottom:20px;gap:24px}#instructionsEditor #mainData .field{flex:0 1 100%}#instructionsEditor #mainData .field:nth-of-type(2){border-left:1px solid #ddd;padding-left:24px}#instructionsEditor #mainData .title{font-weight:600}#instructionsEditor #mainData .contentWithUnit{margin-top:8px;display:flex;align-items:center;gap:8px}#instructionsEditor #mainData .content{color:#575757;margin-top:8px}#instructionsEditor #mainData .content label{padding-left:8px}#instructionsEditor #mainData #mixItemCodeWrapper{display:flex;align-items:center;gap:4px;margin-bottom:8px;font-family:monospace;font-size:1.1em;color:#575757}#instructionsEditor #mainData #mixTitle{margin:0;font-weight:700;font-size:1.25em}#instructionsEditor #mainData #mixDescription{margin-top:8px;color:#575757;font-size:.875em}#instructionsEditor #mainData #mixMixingType,#instructionsEditor #mainData #mixProductionLine{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:12px}#instructionsEditor #mainData #mixMixingType label,#instructionsEditor #mainData #mixProductionLine label{display:flex;align-items:center;gap:12px;accent-color:#009864}#instructionsEditor #mainData #mixMixingType label input,#instructionsEditor #mainData #mixProductionLine label input{transform:scale(1.15)}#instructionsEditor #mainData [contenteditable=true]{border:1px solid #ccc;padding:8px;border-radius:6pt;background:#fff}#instructionsEditor hr{margin:0 -24px}#instructionsEditor .sectionHeader{display:flex;justify-content:space-between;align-items:center;margin:25px 0}#instructionsEditor .sectionHeader h2{font-weight:700;font-size:1.25em}#instructionsEditor .sectionHeader #addComponentBtn{cursor:pointer;font-size:1.5em}#instructionsEditor #componentsTable,#instructionsEditor #checkboxesTable{margin-top:10px;margin-bottom:20px;width:100%;border-collapse:collapse}#instructionsEditor #componentsTable th,#instructionsEditor #checkboxesTable th{font-weight:700}#instructionsEditor #componentsTable tr:not(:last-child),#instructionsEditor #checkboxesTable tr:not(:last-child){border-bottom:1px solid #eee}#instructionsEditor #componentsTable td,#instructionsEditor #componentsTable th,#instructionsEditor #checkboxesTable td,#instructionsEditor #checkboxesTable th{padding:10px}#instructionsEditor #componentsTable td.amount,#instructionsEditor #componentsTable th.amount,#instructionsEditor #checkboxesTable td.amount,#instructionsEditor #checkboxesTable th.amount{text-align:right;width:200px}#instructionsEditor #componentsTable td.amount div,#instructionsEditor #componentsTable th.amount div,#instructionsEditor #checkboxesTable td.amount div,#instructionsEditor #checkboxesTable th.amount div{display:flex;align-items:center;justify-content:flex-end;gap:5px}#instructionsEditor #componentsTable td.actions,#instructionsEditor #componentsTable th.actions,#instructionsEditor #checkboxesTable td.actions,#instructionsEditor #checkboxesTable th.actions{width:120px}#instructionsEditor #componentsTable td.actions div,#instructionsEditor #componentsTable th.actions div,#instructionsEditor #checkboxesTable td.actions div,#instructionsEditor #checkboxesTable th.actions div{display:flex;gap:10px;justify-content:flex-end}#instructionsEditor #componentsTable td.actions div mdi-icon,#instructionsEditor #componentsTable th.actions div mdi-icon,#instructionsEditor #checkboxesTable td.actions div mdi-icon,#instructionsEditor #checkboxesTable th.actions div mdi-icon{cursor:pointer}#instructionsEditor #componentsTable td.actions div mdi-icon.disabled,#instructionsEditor #componentsTable th.actions div mdi-icon.disabled,#instructionsEditor #checkboxesTable td.actions div mdi-icon.disabled,#instructionsEditor #checkboxesTable th.actions div mdi-icon.disabled{cursor:not-allowed;color:#ccc}#instructionsEditor #componentsTable td.itemCode,#instructionsEditor #componentsTable th.itemCode,#instructionsEditor #checkboxesTable td.itemCode,#instructionsEditor #checkboxesTable th.itemCode{width:200px}#instructionsEditor #componentsTable td.itemCode input,#instructionsEditor #componentsTable th.itemCode input,#instructionsEditor #checkboxesTable td.itemCode input,#instructionsEditor #checkboxesTable th.itemCode input{font-family:monospace}#instructionsEditor #componentsTable td.title>div,#instructionsEditor #componentsTable th.title>div,#instructionsEditor #checkboxesTable td.title>div,#instructionsEditor #checkboxesTable th.title>div{display:flex;align-items:center}#mixersContainer{background-color:#fff;border-radius:6pt;padding:24px;box-shadow:rgba(0,0,0,.1)0 1px 2px}#mixersContainer .userWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:15px}#mixersContainer h1{font-weight:700;font-size:20px;margin-bottom:8px}#mixersContainer p{font-size:15px;margin-top:0;margin-bottom:20px;color:#575757}#mixersContainer .profilePicPlaceholder{background-color:#f5f5f5}#mixersContainer .add-mixer-button{cursor:pointer;background-color:initial;color:#575757;height:auto}#mixersContainer .add-mixer-button:hover{background-color:#fff}#mixersContainer .add-mixer-button:focus{outline:none}mixer-card>div,user-card>div,.add-mixer-button{border-radius:6pt;border:1px solid #f5f5f5;padding:8px;display:flex;align-items:center;gap:20px}mixer-card>div .name,user-card>div .name,.add-mixer-button .name{font-size:17px;font-weight:600}mixer-card>div .mail,user-card>div .mail,.add-mixer-button .mail{font-size:14px;color:#575757}mixer-card>div button,user-card>div button,.add-mixer-button button{margin-left:auto;flex-shrink:0}#addMixerDropdown{appearance:base-select;background:#fff;box-shadow:rgba(0,0,0,.1)0 14px 12px -10px;border:1px solid #f5f5f5;border-top:none;border-radius:0 0 6pt 6pt;top:100px}#addMixerDropdown hr{color:#f5f5f5}#addMixerDropdown .flex{display:flex}#addMixerDropdown input{margin:8px 16px 3px}#addMixerDropdown #mixerSearchResults{max-height:320px;overflow-y:auto;padding:0 16px;padding-top:8px}#addMixerDropdown mixer-card>div,#addMixerDropdown user-card>div{border:none}[popover]{animation:fadeIn .1s ease-in;transform-origin:top}@keyframes fadeIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}#searchBar{margin-bottom:20px}#searchBar #firstRow{display:flex;gap:20px}#searchBar #addNew{font-weight:600;text-wrap:nowrap}#searchBar #searchText{font-size:14px;color:#aaa;margin:8px 12px}#mixesList{margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));width:100%}#mixesList .mix-list-item{display:block;flex-wrap:nowrap;border-radius:6pt;padding:25px 20px;border:1px solid rgba(0,0,0,5%);box-shadow:rgba(0,0,0,.1)0 1px 2px;background:#fff;cursor:pointer}#mixesList .mix-list-item:hover{background:rgba(255,255,255,.3)}#mixesList .mix-list-item>div{display:flex}#mixesList .mix-list-item>div span{font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#mixesList .mix-list-item>div div{margin-left:auto;display:inline;font-size:15px;font-family:monospace}#mixesList .mix-list-item>span{display:block;margin-top:10px;font-size:14px;color:#575757}#mixingJobPage{height:100vh;width:100%;background:#fff;overflow:hidden;display:flex;flex-direction:column}#mixingJobPage.visible{display:flex;flex-direction:column}#mixingJobPage #topBar{flex-grow:0;background:#009864;color:#fff;font-weight:300;padding:0 1em}#mixingJobPage #topBar>div{height:48px;display:flex;align-items:center}#mixingJobPage #topBar>div .buttons{display:flex;gap:10px;margin-left:auto}#mixingJobPage #topBar>div h2{font-size:20px;line-height:48px;display:flex;gap:10px;font-weight:600}#mixingJobPage #componentsContainer{flex-grow:1;display:flex;overflow:hidden}#mixingJobPage #componentsContainer #componentsList{flex-basis:30%;overflow:auto}#mixingJobPage #componentsContainer #componentsList ul{height:100%}#mixingJobPage #componentsContainer #componentsList ul li{padding:2em 0;cursor:pointer;border:0 solid #f5f5f5;border-width:2px 0 0;text-align:center;display:flex;flex-direction:column;justify-content:center;border-left:15px solid #575757}#mixingJobPage #componentsContainer #componentsList ul li:first-of-type{border-top-width:0}#mixingJobPage #componentsContainer #componentsList ul li.selected{background:#f5f5f5;border-left-color:#000}#mixingJobPage #componentsContainer #componentsList ul li.selected h2{font-weight:bolder}#mixingJobPage #componentsContainer #componentsList ul li.done{border-left-color:#009864}#mixingJobPage #componentsContainer #componentsList ul li.needs-completion{border-left-color:red}#mixingJobPage #componentsContainer #currentComponent{padding:25px;flex-basis:75%;flex-shrink:1;border:0 solid #f5f5f5;border-width:0 0 0 2px;overflow-y:auto;justify-content:space-between;display:flex;flex-direction:column;align-items:center}#mixingJobPage #componentsContainer #currentComponent>*{width:100%}#mixingJobPage #componentsContainer #currentComponent h1{font-size:48px;margin-bottom:20px}#mixingJobPage #componentsContainer #currentComponent h2{font-size:72px;display:flex;flex-wrap:nowrap}#mixingJobPage #componentsContainer #currentComponent #quantitySection{width:800px;margin-top:40px;min-height:110px;display:flex;border:5px solid #009864;border-radius:100px;height:auto;justify-content:space-around;overflow:hidden;background:#009864}#mixingJobPage #componentsContainer #currentComponent #quantitySection>*{display:flex;align-items:center;justify-content:center;background:#fff}#mixingJobPage #componentsContainer #currentComponent #quantitySection #quantityDisplay{font-size:50px;width:100%}#mixingJobPage #componentsContainer #currentComponent #quantitySection #quantityDisplay #unit{font-size:.4em;margin-left:10px}#mixingJobPage #componentsContainer #currentComponent #quantitySection #quantityDisplay #quantity{text-align:center;outline:none}#mixingJobPage #componentsContainer #currentComponent #quantitySection .button{min-width:140px;position:relative}#mixingJobPage #componentsContainer #currentComponent #quantitySection .button mdi-icon{font-size:50px}#mixingJobPage #componentsContainer #currentComponent #quantitySection .button mdi-icon:nth-of-type(2){margin-left:-15px}#mixingJobPage #componentsContainer #currentComponent #quantitySection .button div{position:absolute;bottom:5px;width:100%;text-align:center;font-size:14px}#mixingJobPage #componentsContainer #currentComponent #quantitySection #plus10,#mixingJobPage #componentsContainer #currentComponent #quantitySection #minus10{background:#009864;color:#fff}#mixingJobPage #componentsContainer #currentComponent #numbersDiv{display:flex}#mixingJobPage #componentsContainer #currentComponent #numbersDiv #quantityHelper,#mixingJobPage #componentsContainer #currentComponent #numbersDiv #scaleDisplay{flex:0 1 100%}#mixingJobPage #componentsContainer #currentComponent #numbersDiv #quantityHelper p,#mixingJobPage #componentsContainer #currentComponent #numbersDiv #scaleDisplay p{padding:1em;margin:0;text-align:center}#mixingJobPage #componentsContainer #currentComponent #numbersDiv #quantityHelper p:first-of-type,#mixingJobPage #componentsContainer #currentComponent #numbersDiv #scaleDisplay p:first-of-type{font-size:72px;padding:1em 1em 0}#mixingJobPage #componentsContainer #currentComponent #currentComponentButtons{display:flex;gap:20px;flex-grow:1;max-height:60px;justify-content:center;align-items:center}#mixingJobPage #componentsContainer #currentComponent #currentComponentButtons button{height:60px;width:240px}#mixingJobPage #statusBar{flex-grow:0;background:#f5f5f5;display:flex;gap:16px;justify-content:center}#mixingJobPage #statusBar b{font-weight:600}#mixingJobPage #statusBar div{display:flex;gap:48px}#mixingJobPage #statusBar div{display:flex;gap:16px;line-height:48px}#mixingJobPage #statusBar div i{display:block}#binSelector{border-collapse:collapse}#binSelector th,#binSelector td{line-height:2em;padding:0 1em}#binSelector thead tr{background:#009864;color:#fff}#binSelector tbody tr:nth-of-type(odd){background:rgba(0,152,100,5%)}#binSelector tbody tr:nth-of-type(even){background:rgba(0,152,100,.15)}#binSelector tbody tr:hover{background:rgba(0,152,100,.3)}#binSelector tbody tr.selected{box-shadow:#009864 0 0 0 2px inset}mixing-jobs #mixingPage{display:flex;flex-direction:column;gap:24px}mixing-jobs h2{font-size:20px;font-weight:600}mixing-jobs .new-mixing-job-card{display:flex;align-items:center;justify-content:center;background:rgba(0,152,100,.1);border:2px dashed #009864;border-radius:6pt;cursor:pointer;outline:none;height:100%;width:100%}mixing-jobs .new-mixing-job-card>div{display:flex;align-items:center;gap:20px;color:#009864;font-size:16px;font-weight:600;padding:24px 0}mixing-jobs .new-mixing-job-card>div div{font-size:20px;font-weight:700}mixing-jobs .new-mixing-job-card>div div mdi-icon{font-size:30px}mixing-jobs #runningJobsList{display:grid;gap:24px 16px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}mixing-jobs #runningJobsList .card{position:relative;padding:20px}mixing-jobs #runningJobsList .header{display:flex;align-items:center;gap:16px}mixing-jobs #runningJobsList .header .duration{margin-left:auto}mixing-jobs #runningJobsList .participants{margin-top:4px;color:#575757}mixing-jobs #runningJobsList .actions{margin-top:12px;display:flex;justify-content:space-between}mixing-jobs #runningJobsList .production-line-badge{position:absolute;width:fit-content;border-radius:6pt 6pt 0 0;background:#fff;box-shadow:rgba(0,0,0,.1)0 -2px 2px -2px;z-index:1;color:#009864;font-weight:600;font-size:14px;top:-16px;left:0;padding:4px 20px}mixing-jobs .finishedJobsCard h2{margin-bottom:16px}mixing-jobs table{width:100%;border-collapse:collapse}mixing-jobs table thead tr{height:auto;border-bottom:1px solid #eee}mixing-jobs table thead tr th{font-weight:600;padding-bottom:8px}mixing-jobs table thead tr th.duration{text-align:right}mixing-jobs table tr{height:50px}mixing-jobs table tr:not(:last-child){border-bottom:1px solid #eee}mixing-jobs table tr .production-line,mixing-jobs table tr .participants{text-align:center;width:60px}mixing-jobs table tr .title{font-weight:600}mixing-jobs table tr td.duration{text-align:right;font-family:monospace}mixing-jobs table .actions{width:0}mixing-jobs table .actions .action-buttons{margin-left:16px;display:flex;gap:8px}#selectMixDropdown{appearance:base-select;background:#fff;box-shadow:rgba(0,0,0,.1)0 14px 12px -10px;border:1px solid #f5f5f5;border-top:none;border-radius:0 0 6pt 6pt;top:100px}#selectMixDropdown .flex{display:flex}#selectMixDropdown input{margin:16px 16px 3px}#selectMixDropdown #mixSearchResults{max-height:320px;overflow-y:auto;padding:0 16px;padding-top:8px}#selectMixDropdown #mixSearchResults .mix-search-result{display:flex;align-items:center;padding:8px 0}#selectMixDropdown #mixSearchResults .mix-search-result .mix-info{display:flex;align-items:center;gap:12px}#selectMixDropdown #mixSearchResults .mix-search-result .mix-info .mix-production-line{font-size:14px;color:#009864;background:rgba(0,152,100,.1);border-radius:6pt;padding:2px 6px}#selectMixDropdown #mixSearchResults .mix-search-result .mix-info .mix-title{font-size:16px;font-weight:600}#selectMixDropdown #mixSearchResults .mix-search-result .buttons{margin-left:auto;display:flex;gap:8px}#mixingSummaryPage .title{font-weight:600}#mixingSummaryPage #mainData{gap:16px}#mixingSummaryPage #mainData .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#mixingSummaryPage #mainData .header .leftSide h1{margin:0;font-weight:700;font-size:1.25em}#mixingSummaryPage #mainData .header .leftSide div{margin-top:8px;color:#575757;font-size:.875em}#mixingSummaryPage #mainData .row{display:flex;align-items:center;margin-bottom:20px;gap:24px}#mixingSummaryPage #mainData .row .field{flex:0 1 100%}#mixingSummaryPage #mainData .row .field .content{margin-top:8px}#mixingSummaryPage #mainData textarea{font-size:.875em}#mixingSummaryPage #mainData .users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#mixingSummaryPage #mainData .users-header #select-user-button{cursor:pointer;height:40px;gap:20px}#mixingSummaryPage #mainData #addMixerDropdown{appearance:base-select;background:#fff;box-shadow:rgba(0,0,0,.1)0 1px 2px;border:1px solid #f5f5f5;border-top:none;border-radius:6pt;padding-top:8px}#mixingSummaryPage #mainData #mixersWrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:15px}#mixingSummaryPage hr{margin:20px -24px}#mixingSummaryPage #componentsWrapper table{width:100%;margin-top:10px;margin-bottom:20px;width:100%;border-collapse:collapse}#mixingSummaryPage #componentsWrapper table th{font-weight:700}#mixingSummaryPage #componentsWrapper table tr:not(:last-child){border-bottom:1px solid #eee}#mixingSummaryPage #componentsWrapper table td,#mixingSummaryPage #componentsWrapper table th{padding:10px 0}#mixingSummaryPage #componentsWrapper table td.amount,#mixingSummaryPage #componentsWrapper table th.amount{text-align:right;width:200px}#mixingSummaryPage #checkboxesWrapper{display:flex;flex-direction:column;gap:10px}#mixingSummaryPage #checkboxesWrapper custom-checkbox{padding:20px;border:1px solid #eaeaea;border-radius:6pt}#mixingSummaryPage #finishButtonWrapper{display:flex;justify-content:flex-end;margin-top:20px}#mixingSummaryPage #finishButtonWrapper button{width:290px}html{scrollbar-gutter:stable}body:has(production-planner) .container{max-width:1920px}production-planner #calendar{display:grid;grid-template-areas:"pl1" "pl4" "pl2"}production-planner.showProductionLineToggles .productionLineToggles{display:flex!important}production-planner .productionLineToggleBtn{position:relative}production-planner .productionLineToggleBtn .productionLineToggles{position:absolute;z-index:40;top:35px;left:0;color:red;background:#fff;display:none;padding:8px;border-radius:8px;gap:8px;flex-direction:column;background:#fff;width:min-content;box-shadow:rgba(0,0,0,.19)0 10px 20px,rgba(0,0,0,.23)0 6px 6px}production-planner .productionLineToggleBtn .productionLineToggles .toggle{display:flex;align-items:center;cursor:pointer!important;height:30px}production-planner .productionLineToggleBtn .productionLineToggles .toggle.pl1{border-color:rgba(0,146,83,.12);background:#009253;color:#fff;font-weight:600}production-planner .productionLineToggleBtn .productionLineToggles .toggle.pl1.inactive{background:rgba(0,146,83,.12);color:#009253;font-weight:600}production-planner .productionLineToggleBtn .productionLineToggles .toggle.pl2{border-color:rgba(229,75,75,.12);background:#e54b4b;color:#fff;font-weight:600}production-planner .productionLineToggleBtn .productionLineToggles .toggle.pl2.inactive{background:rgba(229,75,75,.12);color:#e54b4b;font-weight:600}production-planner .productionLineToggleBtn .productionLineToggles .toggle.pl4{border-color:rgba(34,116,165,.12);background:#2274a5;color:#fff;font-weight:600}production-planner .productionLineToggleBtn .productionLineToggles .toggle.pl4.inactive{background:rgba(34,116,165,.12);color:#2274a5;font-weight:600}production-planner:not(.editMode) *{cursor:unset!important}production-planner.horizontal production-job:has(+production-job){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}production-planner.horizontal production-job:has(+production-job)+production-job{border-top-left-radius:0!important;border-top-right-radius:0!important}production-planner.vertical.triple.dayOnlyView .allPlsContainer .content{grid-template-rows:20px 900px 15px;grid-template-columns:1fr;grid-template-areas:"corner ." "days ."}production-planner.vertical.triple .allPlsContainer{background:0 0}production-planner.vertical.triple .allPlsContainer .content{grid-template-rows:20px repeat(7,180px)15px;border:2px solid #009864;border-radius:6px}production-planner.vertical.triple .allPlsContainer .dayHeaderContainer{flex-direction:row!important;align-items:start!important;justify-content:space-between;padding:0!important}production-planner.vertical.triple .allPlsContainer .dayHeaderContainer .dayHeaderContent{width:100%;display:flex;flex-direction:column;align-items:center}production-planner.vertical.triple .allPlsContainer .dayHeaderContainer .plLabels{display:flex;writing-mode:vertical-lr;text-orientation:revert;grid-row:span 19;cursor:pointer!important;height:100%}production-planner.vertical.triple .allPlsContainer .dayHeaderContainer .plLabels .plLabel{flex:0 1 100%;color:#fff;padding:8px 2px 2px;font-size:12px}production-planner.vertical.triple .allPlsContainer .dayHeaderContainer .plLabels .plLabel.pl1{background:#009253}production-planner.vertical.triple .allPlsContainer .dayHeaderContainer .plLabels .plLabel.pl2{background:#e54b4b}production-planner.vertical.triple .allPlsContainer .dayHeaderContainer .plLabels .plLabel.pl4{background:#2274a5}production-planner.vertical.triple .allPlsContainer .allPlDayContainer{grid-column:span 18;display:flex;flex-direction:column;position:relative}production-planner.vertical.triple .allPlsContainer .allPlDayContainer .timeIndicator{position:absolute;width:2px;height:calc(100% + 4px);background:red;top:-5px;z-index:10}production-planner.vertical.triple .allPlsContainer .allPlDayContainer .timeIndicator::before{content:"";position:absolute;top:-1px;left:-3px;width:8px;height:8px;background:red;border-radius:50%}production-planner.vertical.triple .allPlsContainer .allPlDayContainer .dayContainer{width:max-content;flex:0 1 100%;overflow:hidden}production-planner.vertical.triple .allPlsContainer .allPlDayContainer .dayContainer.pl1 production-job{border-color:rgba(0,146,83,.12);background:rgba(0,146,83,.12);color:#009253;font-weight:600}production-planner.vertical.triple .allPlsContainer .allPlDayContainer .dayContainer.pl2 production-job{border-color:rgba(229,75,75,.12);background:rgba(229,75,75,.12);color:#e54b4b;font-weight:600}production-planner.vertical.triple .allPlsContainer .allPlDayContainer .dayContainer.pl4 production-job{border-color:rgba(34,116,165,.12);background:rgba(34,116,165,.12);color:#2274a5;font-weight:600}production-planner.vertical.dayOnlyView .productionLineContainer .content{grid-template-rows:20px 300px 15px;grid-template-columns:1fr;grid-template-areas:"corner ." "days ."}production-planner.vertical .productionLineContainer{flex-direction:column}production-planner.vertical .productionLineContainer .content{grid-template-columns:140px 1fr;grid-template-rows:20px repeat(7,60px)15px;grid-template-areas:"corner ." "days ." "days ." "days ." "days ." "days ." "days ." "days ."}production-planner.vertical .productionLineContainer h1{grid-column:span 19;grid-row:unset;writing-mode:horizontal-tb;text-orientation:initial;padding:2px 6px!important;font-size:14px}production-planner.vertical .productionLineContainer .times{grid-area:times;grid-row:unset!important;grid-column:span 18;grid-template-columns:subgrid}production-planner.vertical .productionLineContainer .times .timeSlot span{display:block;padding-top:2px}production-planner.vertical .productionLineContainer .times .timeSlot .hourBorder{position:absolute;top:0;border-left:1px solid #f5f5f5;height:2e3px;width:1px}production-planner.vertical .productionLineContainer #daysHeader{grid-area:days;grid-column:unset;border-right:1px solid #f5f5f5}production-planner.vertical .productionLineContainer #daysHeader .dayBorder{border-top:1px solid #f5f5f5;position:absolute;width:1e4px;height:100%}production-planner.vertical .productionLineContainer .jobsContainer{display:grid;grid-template-rows:subgrid;grid-template-columns:repeat(18,100px);grid-row:span 9;grid-column:span 1;overflow-x:auto;overflow-y:hidden}production-planner.vertical .productionLineContainer .dayContainer{grid-column:span 18;grid-row:unset;display:flex;flex-direction:row}production-planner.vertical .productionLineContainer .dayContainer .timeIndicator{position:absolute;width:2px;height:calc(100% + 4px);background:red;top:-5px;z-index:10}production-planner.vertical .productionLineContainer .dayContainer .timeIndicator::before{content:"";position:absolute;top:-1px;left:-3px;width:8px;height:8px;background:red;border-radius:50%}production-planner.vertical .productionLineContainer .dayContainer production-job{height:calc(100% - 4px)}production-planner.vertical .productionLineContainer .dayContainer production-job:has(+production-job){border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}production-planner.vertical .productionLineContainer .dayContainer production-job+production-job{border-top-left-radius:0;border-bottom-left-radius:0}production-planner.vertical .productionLineContainer .dayContainer production-job .jobContent{min-width:inherit;height:100%}production-planner.vertical .productionLineContainer .dayContainer production-job .jobContent .resizeHandle{cursor:col-resize}production-planner.vertical .productionLineContainer .dayContainer production-job:not(.resizing) .jobContent:hover{z-index:20;min-width:fit-content;min-height:0;font-size:12px!important;line-height:normal!important;padding:4px!important;background:#fff}production-planner.vertical .productionLineContainer .dayContainer production-job:not(.resizing) .jobContent:hover mdi-icon{font-size:16px!important;line-height:normal!important}production-planner.vertical .productionLineContainer .dayContainer production-job.size-2 .jobContent{font-size:12px!important;line-height:normal!important;padding:4px!important;gap:0}production-planner.vertical .productionLineContainer .dayContainer production-job.size-2 .jobContent mdi-icon{font-size:0}production-planner.vertical .productionLineContainer.collapsed .content{display:none}production-planner.dayOnlyView .productionLineContainer .content{grid-template-columns:40px 1fr;grid-template-areas:"corner days"}production-planner .productionLineContainer{margin-bottom:10px;overflow:hidden;background:#fff;border-radius:8px;display:flex}production-planner .productionLineContainer[data-production-line="1"]{grid-area:pl1;border:2px solid #009253;background:#009253}production-planner .productionLineContainer[data-production-line="1"] h1{padding:10px 0;color:#fff}production-planner .productionLineContainer[data-production-line="2"]{grid-area:pl2;border:2px solid #e54b4b;background:#e54b4b}production-planner .productionLineContainer[data-production-line="2"] h1{padding:10px 0;color:#fff}production-planner .productionLineContainer[data-production-line="4"]{grid-area:pl4;border:2px solid #2274a5;background:#2274a5}production-planner .productionLineContainer[data-production-line="4"] h1{padding:10px 0;color:#fff}production-planner .productionLineContainer .content{display:grid;grid-template-columns:40px repeat(7,calc((100% - 40px)/7));grid-template-areas:"corner days days days days days days days";background:#fff;width:100%;height:100%;overflow:hidden}production-planner .productionLineContainer h1{display:block;writing-mode:vertical-lr;text-orientation:revert;grid-row:span 19;cursor:pointer!important}production-planner .productionLineContainer .times{grid-row:span 18;font-size:12px;display:grid;grid-template-rows:subgrid}production-planner .productionLineContainer .times .timeSlot{position:relative}production-planner .productionLineContainer .times .timeSlot span{padding-left:4px}production-planner .productionLineContainer .times .timeSlot .hourBorder{position:absolute;top:0;border-top:1px solid #f5f5f5;width:2e3px}production-planner .productionLineContainer #corner{grid-column:span 2;grid-area:corner}production-planner .productionLineContainer #daysHeader{grid-area:days;grid-column:span 7;display:grid;grid-template-rows:subgrid;grid-template-columns:subgrid}production-planner .productionLineContainer #daysHeader>div{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:8px}production-planner .productionLineContainer #daysHeader>div .weekday{font-weight:600;margin-top:8px;z-index:2;line-height:20px}production-planner .productionLineContainer #daysHeader>div .date{z-index:2}production-planner .productionLineContainer #daysHeader>div .dayBorder{border-left:1px solid #f5f5f5;position:absolute;height:1e4px;width:100%}production-planner .productionLineContainer #daysHeader>div .dayBorder.holiday{background:rgba(0,152,100,.1)}production-planner .productionLineContainer.collapsed .jobsContainer{display:none}production-planner .productionLineContainer .jobsContainer{grid-area:jobs;display:grid;grid-template-columns:subgrid;grid-template-rows:repeat(18,50px);grid-row:span 18;grid-column:span 8}production-planner .productionLineContainer .dayContainer{position:relative;grid-row:span 18;cursor:copy;display:flex;flex-direction:column}production-planner .productionLineContainer .dayContainer .timeIndicator{position:absolute;height:2px;width:100%;background:red;left:-5px}production-planner .productionLineContainer .dayContainer .timeIndicator::before{content:"";position:absolute;top:-3px;left:-1px;width:8px;height:8px;background:red;border-radius:50%}production-planner .productionLineContainer .dayContainer production-job{background:#fff;border:1px solid #009864;font-size:12px;width:calc(100% - 8px);box-shadow:rgba(0,0,0,.1)0 1px 2px;min-height:0;min-width:0;interpolate-size:allow-keywords;display:block;cursor:grab;border-radius:6px;position:relative;z-index:10;flex-shrink:0}production-planner .productionLineContainer .dayContainer production-job.readonly{cursor:default!important}production-planner .productionLineContainer .dayContainer production-job.running{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(0,152,100,.7)}70%{box-shadow:0 0 0 10px rgba(0,152,100,0)}100%{box-shadow:0 0 rgba(0,152,100,0)}}production-planner .productionLineContainer .dayContainer production-job:hover{z-index:20}production-planner .productionLineContainer .dayContainer production-job:not(.resizing) .jobContent:hover{min-height:fit-content;font-size:12px!important;line-height:normal!important;padding:4px!important;background:#fff;box-shadow:rgba(0,0,0,.2)0 4px 8px;z-index:20}production-planner .productionLineContainer .dayContainer production-job:not(.resizing) .jobContent:hover mdi-icon{font-size:16px!important;line-height:normal!important}production-planner .productionLineContainer .dayContainer production-job .jobContent{transition:min-height .2s ease-in-out,min-width .2s ease-in-out,font-size .2s ease-in-out,line-height .2s ease-in-out,padding .2s ease-in-out,background-color .1s linear;padding:4px;height:inherit;overflow:hidden}production-planner .productionLineContainer .dayContainer production-job .jobContent .resizeHandle{overflow:hidden;position:absolute;bottom:1px;right:1px;width:16px;height:16px;cursor:row-resize}production-planner .productionLineContainer .dayContainer production-job .jobContent .resizeHandle div:first-child{position:absolute;width:20px;height:20px;border:1px solid #aaa;rotate:45deg;translate:9px 9px;pointer-events:none}production-planner .productionLineContainer .dayContainer production-job .jobContent .resizeHandle div:nth-child(2){position:absolute;width:100%;height:100%;border:1px solid #aaa;rotate:45deg;translate:12px 12px;pointer-events:none}production-planner .productionLineContainer .dayContainer production-job.dragging{opacity:.5;cursor:move}production-planner .productionLineContainer .dayContainer production-job .jobUnit{text-transform:capitalize}production-planner .productionLineContainer .dayContainer production-job .topRow{display:flex;justify-content:space-between;gap:4px}production-planner .productionLineContainer .dayContainer production-job .topRow .title{font-weight:600}production-planner .productionLineContainer .dayContainer production-job .topRow .corner{display:flex}production-planner .productionLineContainer .dayContainer production-job .topRow mdi-icon{margin-top:-1px;font-size:15px;transition:font-size .2s ease-in-out,line-height .2s ease-in-out;cursor:no-drop}production-planner .productionLineContainer .dayContainer production-job.size-1 .jobContent{font-size:8px;line-height:7px;padding:0 4px}production-planner .productionLineContainer .dayContainer production-job.size-1 .jobContent mdi-icon{font-size:8px;line-height:8px}production-planner .productionLineContainer .dayContainer production-job.size-2 .jobContent{font-size:10px;line-height:12px;padding:0 4px}production-planner .productionLineContainer .dayContainer production-job.size-2 .jobContent mdi-icon{font-size:14px;line-height:12px}production-planner .productionLineContainer .dayContainer production-job .bottomRow{display:flex;justify-content:space-between;gap:8px;text-wrap:nowrap}production-planner .productionLineContainer .dayContainer production-job .hidden{display:none}production-planner .productionLineContainer .dayContainer production-job loading-spinner{width:15px;height:15px}production-planner .productionLineContainer .dayContainer production-job loading-spinner::after{border-color:#000 #000 transparent #000!important;width:15px;height:15px}production-planner job-list-view .productionLines{display:grid;grid-row:span 8;grid-column:span 1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:subgrid;column-gap:12px}production-planner job-list-view .productionLines .productionLineContainer{display:grid;grid-row:span 8;grid-template-columns:subgrid;grid-template-rows:subgrid}production-planner job-list-view .productionLines .productionLineContainer.pl1{border:2px solid #009253}production-planner job-list-view .productionLines .productionLineContainer.pl1 h2{padding:8px;background:#009253;color:#fff}production-planner job-list-view .productionLines .productionLineContainer.pl2{border:2px solid #e54b4b}production-planner job-list-view .productionLines .productionLineContainer.pl2 h2{padding:8px;background:#e54b4b;color:#fff}production-planner job-list-view .productionLines .productionLineContainer.pl4{border:2px solid #2274a5}production-planner job-list-view .productionLines .productionLineContainer.pl4 h2{padding:8px;background:#2274a5;color:#fff}production-planner job-list-view .productionLines .productionLineContainer .dayList{display:flex;flex-direction:column}production-planner job-list-view .productionLines .productionLineContainer .dayList.holiday{background:rgba(0,152,100,.1)}production-planner job-list-view .productionLines .productionLineContainer .dayList h3{font-size:14px;font-weight:600;border-top:1px solid #ddd;padding:12px 12px 0}production-planner job-list-view .productionLines .productionLineContainer .dayList .dayContainer{display:flex;flex-direction:column;gap:8px;grid-row:unset;height:100%;padding:12px}production-planner job-list-view .productionLines .productionLineContainer .dayList .dayContainer production-job{width:100%!important;margin:0!important;height:fit-content!important}production-planner job-list-view .productionLines .productionLineContainer .dayList .dayContainer production-job .jobContent{background:0 0!important;box-shadow:none!important}production-planner job-list-view .productionLines .productionLineContainer .dayList .dayContainer production-job .jobContent .resizeHandle{display:none}#createProductionJobDialog{position:relative}#createProductionJobDialog h2{font-size:20px;font-weight:700}#createProductionJobDialog label{display:block;margin:4px 0;font-weight:600}#createProductionJobDialog #productSelect{width:100%}#createProductionJobDialog #productSelection{margin-top:16px}#createProductionJobDialog #productSelectDropdown{appearance:base-select;background:#fff;box-shadow:rgba(0,0,0,.1)0 1px 2px;border:1px solid #f5f5f5;border-top:none;border-radius:6pt;padding-top:8px}#createProductionJobDialog #productSelectDropdown hr{color:#f5f5f5}#createProductionJobDialog #productSelectDropdown .flex{display:flex}#createProductionJobDialog #productSelectDropdown input{margin:8px 16px 3px}#createProductionJobDialog #productSelectDropdown #productSearchResults{max-height:320px;overflow-y:auto;padding:8px 0 0}#createProductionJobDialog #productSelectDropdown product-card{display:block;padding:0 16px;cursor:pointer}#createProductionJobDialog #productSelectDropdown product-card .content{border-bottom:1px solid #f5f5f5}#createProductionJobDialog #productSelectDropdown product-card:hover{background-color:#f5f5f5}product-card{display:flex;gap:8px}product-card .content{width:100%;height:50px;display:flex;flex-direction:column;justify-content:center}product-card .topRow{display:flex;justify-content:space-between}product-card .title{font-weight:600}product-card .itemCode{font-family:monospace;font-size:1.1em;color:#575757}product-card .unit{text-transform:capitalize}.light-menu{display:flex;gap:1px;margin-bottom:8px;justify-content:space-around}.light-menu .prevButton{border-radius:6px 0 0 6px}.light-menu .nextButton{border-radius:0 6px 6px 0}.light-menu .captionText{grid-column:2;justify-self:center;height:100%;display:flex;align-items:center}.light-menu .buttons{display:flex;padding:5px 0;gap:8px;margin-right:16px;grid-column:3;justify-self:end}.light-menu .buttons button{background-color:#008e5d;cursor:pointer!important;height:35px}.light-menu .buttons button:hover{background-color:#007f53}.light-menu .buttons button mdi-icon{font-size:22px}.light-menu .buttonGroup{border-radius:6px;overflow:hidden}.light-menu .buttonGroup button{border-radius:0}.light-menu .buttonGroup button.active{background-color:#007f53}.light-menu>div{background-color:#009864;color:#fff;text-align:center;flex:0 0 200px;justify-content:center;display:flex;align-items:center}.light-menu>div:hover:not(.light-menu>div:nth-of-type(2)){background-color:#007f53;cursor:pointer}.light-menu>div:nth-of-type(2){flex-grow:1;display:grid;grid-template-columns:1fr auto 1fr}start-page #startPageWelcome{margin-bottom:20px}start-page #startPageWelcome h1{font-weight:700;font-size:24px;margin-bottom:12px}start-page #startPageLinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}start-page #startPageLinks .startPageLink{background-color:#fff;border-radius:6pt;padding:25px 20px;border:1px solid rgba(0,0,0,5%);box-shadow:rgba(0,0,0,.1)0 1px 2px;display:flex;gap:15px;flex-direction:column;align-items:center}start-page #startPageLinks .startPageLink .linkTitle{font-weight:600}start-page #startPageLinks .startPageLink mdi-icon{font-size:48px;color:#009864}start-page #startPageLinks .startPageLink:hover{background:rgba(255,255,255,.3)}