@import"https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";.chartbar,.donut{position:absolute;top:.5rem;left:0;width:100%;height:100%;box-sizing:border-box;padding:.5rem}.chartbar .apexcharts-canvas,.chartbar .apexcharts-canvas>svg,.donut .apexcharts-canvas,.donut .apexcharts-canvas>svg{width:100%!important;height:100%!important}.chartbar .apexcharts-legend,.donut .apexcharts-legend{display:flex;flex-wrap:nowrap!important;justify-content:flex-start;align-items:center;position:absolute;top:0!important;right:0!important;background-color:#f1f1f1;width:fit-content;gap:1rem;padding:.5rem;height:2rem;border-radius:.5rem;box-sizing:border-box;overflow:hidden;left:unset!important}.chartbar foreignObject,.donut foreignObject{height:100%!important;width:100%!important;box-sizing:border-box}.donut{position:relative;padding:0}.donut .foreignObject{width:fit-content}.donut .apexcharts-legend{left:0!important;right:0!important;bottom:0!important;top:unset!important;box-sizing:border-box;padding:0!important;width:98%!important}.donut .apexcharts-legend .apexcharts-legend-series{gap:0!important;margin:0 0 0 -8px!important}.donut .apexcharts-graphical{width:100%!important;height:100%!important}.donut .apexcharts-graphical g>g{transform:scale(1) translate(0)}.welcome-dashbord-page{display:grid;width:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;grid-template-areas:"chart-overview chart-overview chart-overview" "orders-list operators-list new-tasks-per-machines";gap:.5rem;padding:.5rem;max-height:calc(100vh - 16rem)}.welcome-dashbord-page .welcome-dashboard-production-tasks-machines{display:flex;flex-direction:column;gap:.5rem}.welcome-dashbord-page .welcome-dashboard-production-tasks-machines .overview-machine-data{display:flex;padding:.5rem 1rem;background-color:#ddd;border-radius:.5rem;line-height:2rem;align-items:baseline;justify-content:space-between}.welcome-dashbord-page .welcome-dashboard-production-tasks-machines .overview-machine-data span{display:flex;font-size:2rem;font-weight:700;line-height:2rem;height:100%}.welcome-dashbord-page .default-groups{display:flex;flex-direction:column;box-sizing:border-box;background-color:#fff;border-radius:.5rem;width:100%;height:100%;filter:drop-shadow(0 0 2rem rgba(187,187,187,.5));padding:1rem}.welcome-dashbord-page .default-groups h2{margin:0 0 1rem}.welcome-dashbord-page .welcome-dashboard-production-chart-overview{grid-area:chart-overview;min-height:25.625rem}.welcome-dashbord-page .welcome-dashboard-production-orders-list,.welcome-dashbord-page .welcome-dashboard-production-operators-list{display:flex;flex-direction:column;overflow-y:scroll;width:100%;gap:.5rem}.welcome-dashbord-page .welcome-dashboard-production-orders-list .order-list-item,.welcome-dashbord-page .welcome-dashboard-production-orders-list .operators-list-item,.welcome-dashbord-page .welcome-dashboard-production-operators-list .order-list-item,.welcome-dashbord-page .welcome-dashboard-production-operators-list .operators-list-item{display:flex;flex-direction:column;padding:1rem;border-radius:.5rem;gap:.5rem;background-color:#ddd}.welcome-dashbord-page .welcome-dashboard-production-orders-list .order-list-item .operators-list-item-tags,.welcome-dashbord-page .welcome-dashboard-production-orders-list .operators-list-item .operators-list-item-tags,.welcome-dashbord-page .welcome-dashboard-production-operators-list .order-list-item .operators-list-item-tags,.welcome-dashbord-page .welcome-dashboard-production-operators-list .operators-list-item .operators-list-item-tags{position:absolute;right:1rem;font-size:.75rem;font-weight:900;padding:.25rem 1rem;background-color:#90ee90;color:#556b2f;border-radius:2rem}.welcome-dashbord-page .welcome-dashboard-production-orders-list .order-list-item h3,.welcome-dashbord-page .welcome-dashboard-production-orders-list .order-list-item h4,.welcome-dashbord-page .welcome-dashboard-production-orders-list .operators-list-item h3,.welcome-dashbord-page .welcome-dashboard-production-orders-list .operators-list-item h4,.welcome-dashbord-page .welcome-dashboard-production-operators-list .order-list-item h3,.welcome-dashbord-page .welcome-dashboard-production-operators-list .order-list-item h4,.welcome-dashbord-page .welcome-dashboard-production-operators-list .operators-list-item h3,.welcome-dashbord-page .welcome-dashboard-production-operators-list .operators-list-item h4{display:flex;margin:0}.dialogContainer{border-radius:1rem;border:1px solid #ccc;box-sizing:border-box;max-width:64rem;filter:drop-shadow(0 0 1rem rgba(0,0,0,.25))}.dialogContainer::backdrop{background-color:#fefefe80;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.dialogContainer .error-message{color:#e53935;font-size:.85rem;margin:0}.dialogContainer input{display:flex;padding:.25rem;border-radius:.25rem;border:solid 1px #ccc;height:2rem}.dialogContainer input.error{border:1px solid #e53935!important;box-shadow:0 0 4px #e5393580}.dialogContainer.forms-user .personal-data-container{display:flex;padding:1rem;gap:1rem;box-sizing:border-box;width:100%;justify-content:space-between}.dialogContainer.forms-user .personal-data-container .sex{background-image:url(/assets/male-user-rNUuEB1K.jpg);background-size:cover;background-position:center center;display:flex;width:25%;border:1px solid #ccc;box-sizing:border-box;border-radius:.5rem;justify-content:center;align-items:flex-end;padding-bottom:.5rem}.dialogContainer.forms-user .personal-data-container .personal-data-fields{display:flex;justify-content:flex-end;flex-wrap:wrap;width:75%;box-sizing:border-box;gap:.5rem}.dialogContainer.forms-user .personal-data-container .field-container{display:flex;box-sizing:border-box;flex-direction:column;width:calc(50% - 1rem);gap:.5rem;position:relative}.dialogContainer.forms-user .personal-data-secondary-container{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 1rem;padding:1rem;background-color:#ddd;border-radius:.5rem}.dialogContainer.forms-user .personal-data-secondary-container .title{width:100%;margin:0 0 1.5rem}.dialogContainer.forms-user .personal-data-secondary-container .field-container{flex:1;min-width:calc(50% - 1rem)}.dialogContainer.forms-user .personal-data-secondary-container .field-container.secondary{display:flex;gap:.5rem;flex-direction:column;width:calc(50% - 1rem)}.button-container{display:flex;gap:.5rem;padding:1rem;justify-content:flex-end}.switch{position:relative;display:inline-block;width:60px;height:1.5rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2196f3;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:1.3rem;width:1.3rem;left:6px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#f08080}input:focus+.slider{box-shadow:0 0 1px #f08080}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.primary-button{padding:.5rem 1rem;border-radius:.25rem;background-color:#1864ab;color:#fff;border:1px solid #1864ab;font-size:1rem}.secondary-button{padding:.5rem 1rem;border-radius:.25rem;background-color:transparent;color:#1864ab;border:1px solid #1864ab;font-size:1rem}.forms-dropdown{position:absolute;top:4.5rem;background-color:#fff;display:flex;box-sizing:border-box;padding:.25rem;flex-direction:column;border:solid 1px #ccc;border-radius:.5rem}.forms-dropdown button{display:flex;padding:.5rem;margin:.5rem;justify-content:flex-start;align-items:flex-start;width:100%;height:1.5rem;background:transparent;border:none;cursor:pointer}.roles-container{display:flex;width:calc(100% - 1.5rem)!important;position:relative;box-sizing:border-box}.roles-container .dropdown-container{box-sizing:border-box}.roles-container .dropdown-container input{display:flex;width:calc(100% - 1rem)!important;padding:.25rem .5rem}.roles-container .dropdown-forms-option{display:none;flex-direction:column;box-sizing:border-box;padding:.5rem;border:1px solid #ccc;position:absolute;background-color:#fff;border-radius:.25rem}.roles-container .dropdown-forms-option.visible{display:flex;overflow-y:scroll;max-height:6rem}.sex{background-image:url(/assets/male-user-rNUuEB1K.jpg);background-size:cover;background-position:center center;display:flex;width:25%;border:1px solid #ccc;box-sizing:border-box;border-radius:.5rem;justify-content:center;align-items:flex-end;padding-bottom:.5rem}html,body,#root{zoom:100%;width:100%;height:100%;padding:0;margin:0}.main-container{display:grid;box-sizing:border-box;position:relative;padding:0;width:100%;height:100%}.header{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;background-color:#f1f1f1}.header h1{font-size:1.5rem;line-height:1.5rem;font-weight:900;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize;color:#595858;margin:0}.header h2{font-size:1rem;line-height:1rem;font-weight:700;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize;color:#767272;margin:0}.tablet-buttons.main-menu,.tablet-buttons.square,.tablet-buttons.spacer{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;gap:.5rem;aspect-ratio:1/1;max-width:6rem;max-height:7rem;line-height:2rem}.tablet-buttons.main-menu svg,.tablet-buttons.square svg,.tablet-buttons.spacer svg{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;max-width:3rem}.tablet-buttons.main-menu:last-child,.tablet-buttons.square:last-child,.tablet-buttons.spacer:last-child{position:absolute;bottom:0;border-radius:0 0 0 1rem;width:100%}.tablet-buttons.main-menu:last-child:hover,.tablet-buttons.main-menu:last-child:active,.tablet-buttons.main-menu:last-child.active,.tablet-buttons.square:last-child:hover,.tablet-buttons.square:last-child:active,.tablet-buttons.square:last-child.active,.tablet-buttons.spacer:last-child:hover,.tablet-buttons.spacer:last-child:active,.tablet-buttons.spacer:last-child.active{border-radius:0 0 0 1rem}.tablet-buttons.main-menu:hover,.tablet-buttons.main-menu:active,.tablet-buttons.main-menu.active,.tablet-buttons.square:hover,.tablet-buttons.square:active,.tablet-buttons.square.active,.tablet-buttons.spacer:hover,.tablet-buttons.spacer:active,.tablet-buttons.spacer.active{border-radius:1rem 0 0 1rem;font-weight:800;border-right:none;line-height:2rem}.tablet-buttons{padding:.5rem;text-transform:capitalize;cursor:pointer}.tablet-buttons.responsive,.tablet-buttons.controls,.tablet-buttons.tasks{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:.5rem}.tablet-buttons.responsive svg,.tablet-buttons.controls svg,.tablet-buttons.tasks svg{width:64px;height:64px}.tablet-buttons.controls{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.tablet-buttons.controls svg{width:4rem;height:4rem}.tablet-buttons.primary{background-color:#5d7ce2;border:1px solid #5d7ce2;color:#f1f1f1;fill:#f1f1f1}.tablet-buttons.primary:hover,.tablet-buttons.primary:active{background-color:#698bff;border:1px solid #698bff}.tablet-buttons.secondary{background-color:transparent;border:1px solid #5d7ce2;color:#5d7ce2;fill:#5d7ce2}.tablet-buttons.secondary:hover,.tablet-buttons.secondary:active{border:1px solid #698bff;color:#698bff;fill:#698bff}.tablet-buttons.tertiary{background-color:transparent;border:1px solid transparent;color:#8b8383;fill:#8b8383}.tablet-buttons.tertiary:not(:nth-child(5)):hover,.tablet-buttons.tertiary:not(:nth-child(5)):active,.tablet-buttons.tertiary:not(:nth-child(5)).active,.tablet-buttons.tertiary:not(:nth-child(0)):hover,.tablet-buttons.tertiary:not(:nth-child(0)):active,.tablet-buttons.tertiary:not(:nth-child(0)).active{background-color:#f1f1f1;border:1px solid #f1f1f1;color:#5d7ce2;fill:#5d7ce2}.tablet-buttons.transparent{background-color:transparent;border:none;font-size:1rem;color:#698bff;margin-top:2rem}.tablet-buttons.timeline{background-color:#86a3ff;border:1px solid #86a3ff;color:#f1f1f1;fill:#f1f1f1;font-size:.75rem;font-weight:.75rem;margin:0;text-transform:capitalize}.tablet-buttons.timeline.active{background-color:#698bff}.main-menu{grid-area:menu;flex-basis:100%}.main-menu:first-child{max-height:64px;pointer-events:none}.main-menu.vertical{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;width:fit-content}.operator-dashboard-container{display:grid;box-sizing:border-box;position:relative;gap:.5rem;padding:1rem;grid-area:content;flex-basis:100%;overflow-y:hidden;background-color:#f1f1f1}.operator-dashboard-container .dashboard-lists{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.75rem;padding:1rem;border-radius:.75rem;width:100%;height:100%;background-color:#fff;overflow-y:scroll;overflow-x:hidden}.operator-dashboard-container .dashboard-lists h3{font-size:1rem;line-height:1rem;font-weight:700;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize;margin:.5rem 0;color:#8b8383}.operator-dashboard-container .dashboard-lists .summary{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:space-between;justify-content:flex-start;gap:.75rem;font-size:.75rem;font-weight:400;text-align:left;vertical-align:baseline;text-transform:capitalize;overflow-y:scroll;width:100%;height:100%}.operator-dashboard-container .dashboard-lists .summary span{font-size:1rem;line-height:1rem;font-weight:700;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize;padding:.25rem;margin:0}.operator-dashboard-container .dashboard-lists.operators-list-dashboard{grid-area:machine-summary}.operator-dashboard-container .dashboard-lists.operators-list-dashboard .user-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:1rem;flex-direction:row;width:100%;max-height:122px;padding:.75rem;border-radius:1rem;background-color:#e3e5fc}.operator-dashboard-container .dashboard-lists.operators-list-dashboard .content{width:100%}.operator-dashboard-container .dashboard-lists.task-list-dashboard{grid-area:machine-tasks}.operator-dashboard-container .dashboard-lists.task-list-dashboard .content{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:justify-content;justify-content:center;gap:.75rem;width:100%}.operator-dashboard-container .dashboard-lists.finished-orders{grid-area:machine-settings}.chart-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;background-color:#fff;grid-area:chart;overflow:hidden}.chart-container-2{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;background-color:#fff;grid-area:chart-2}.damaged-amount{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;padding:.5rem;background-color:#fadb92;border-radius:.5rem;justify-content:space-between}.damaged-amount-value{font-size:2rem;font-weight:800;text-align:right}.task-card{display:grid;box-sizing:border-box;position:relative;background-color:#dee0f4;width:100%;zoom:125%;border-radius:.5rem}.task-card.compact{zoom:100%!important;height:6rem}.task-card .task-card-info-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.75rem;padding:.5rem}.task-card .task-card-info-container .task-name{font-size:.75rem;font-weight:.75rem;font-weight:600;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize}.task-card .task-card-info-container .task-name .upper-case{text-transform:uppercase}.task-card .task-card-info-container .task-name{margin:0;white-space:nowrap}.task-card .task-card-info-container .task-name span{font-size:.75rem;font-weight:800;text-align:left;vertical-align:baseline;text-transform:capitalize}.task-card .task-card-info-container .task-detail{font-size:.75rem;font-weight:.75rem;text-transform:capitalize;margin:0}.task-card .task-overview-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.5rem;padding:.5rem;overflow:hidden;grid-area:content-2}.task-card .task-overview-container.active{align-items:flex-start}.task-card .task-overview-container p{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-end;padding:.5rem;margin:0;font-size:.75rem;font-weight:400;text-align:left;vertical-align:baseline;text-transform:capitalize;border-radius:.5rem;height:fit-content;background-color:#fff;width:100%;max-width:18rem}.task-card .task-overview-container p.task-timer span:last-child{font-size:.75rem;font-weight:800;text-align:left;vertical-align:baseline;text-transform:capitalize}.task-card .task-overview-container p.task-conclusion span:last-child{font-size:.75rem;font-weight:800;text-align:left;vertical-align:baseline;text-transform:capitalize}.task-card .fast-menu{display:none;grid-area:content-2;justify-self:flex-end}.task-card .fast-menu.visible{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:center;width:45%}.hub-status{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;padding:.25rem;width:fit-content;min-width:5rem;background-color:#e0d4d4}.hub-status.full{font-weight:800;line-height:.75rem;border-radius:2rem;padding:.25rem 1rem}.hub-status.small{position:absolute;right:.5rem;top:.5rem;min-width:1.5rem;min-height:1.5rem;border-radius:.25rem;clip-path:polygon(100% 0,0 0,100% 100%)}.hub-status.stopped,.hub-status.OFF{background-color:#ff7888;color:#ffc2c6}.hub-status.paused{background-color:#ffc2c6;color:#b50015}.hub-status.working,.hub-status.Funcionamento{background-color:#7993fe;color:#3c3fda}.timeline-container{grid-area:timeline;display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;border-radius:.5rem;background-color:#aebdff;width:100%}.timeline-container button{font-size:1.2rem;display:flex;align-items:center;justify-content:center;text-align:center;flex:1;white-space:nowrap;padding:.5rem .5rem .5rem 2rem;background-color:#444}.timeline-container button:not(:first-child){margin-left:-35px;padding-right:17px}.timeline-container button:last-child{border-radius:0 .25rem .25rem 0;padding:.5rem .5rem .5rem 2rem}.timeline-container button:first-child{border-radius:.25rem 0 0 .25rem;padding:.5rem}.timeline-container button:not(:last-child){clip-path:polygon(0 0,92% 0,100% 47%,92% 100%,0 100%)}ul{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:space-between;justify-content:flex-start;padding:0;margin:0;gap:.75rem;width:100%;list-style-type:none}ul.operators li{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-start;font-size:.75rem;font-weight:800;text-align:left;vertical-align:baseline;text-transform:capitalize;gap:.5rem;padding:.5rem;width:100%;border-radius:.5rem;background-color:#e3e5fc;color:#595858}ul.operators li .user-image{display:none;border:1px solid #B9B1B1;width:6rem;height:6rem;border-radius:.5rem}ul.operators li .user-data h4{margin:0}ul.operators li p{font-size:.75rem;font-weight:400;text-align:left;vertical-align:baseline;text-transform:capitalize;margin:.75rem 0}ul.operators li span{font-size:.75rem;font-weight:.75rem;font-weight:600;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize}ul.operators li span .upper-case{text-transform:uppercase}ul.operators li span{padding:.5rem;display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;border-radius:1rem;min-width:5rem;color:#455ca8;background-color:#e3e5fc}ul.summary li{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:800;text-align:left;vertical-align:baseline;text-transform:capitalize;color:#595858}ul.summary li span{font-size:.75rem;font-weight:.75rem;font-weight:600;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize}ul.summary li span .upper-case{text-transform:uppercase}ul.summary li span{padding:.5rem;display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;border-radius:1rem;min-width:5rem;color:#455ca8;background-color:#e3e5fc}.sites-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:.75rem;grid-area:content;flex-basis:100%;overflow-y:hidden;background-color:#f1f1f1}.sites-container .sites{display:grid;box-sizing:border-box;position:relative;gap:.25rem;height:60%;width:100%;overflow-y:scroll;overflow-x:hidden}.sites-container .sites-details{display:grid;box-sizing:border-box;position:relative;gap:.5rem;height:40%;width:100%}.sites-container .sites-details h2{font-size:1.25rem;line-height:1.25rem;font-weight:800;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize;height:100%;align-items:center}.tablet-buttons.card-type-2{display:flex;box-sizing:border-box;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:#5d7ce2;font-size:.75rem;font-weight:800;text-align:left;vertical-align:baseline;text-transform:capitalize;position:relative;border:none;border-radius:.5rem;background-color:#e3e5fc}.tablet-buttons.card-type-2 svg{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-end;justify-content:flex-end;height:3rem;width:3rem;fill:#5d7ce2}.tablet-buttons.card-type-2 .icon-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:flex-end;gap:1.25rem}.main-machine{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem;gap:1rem;width:12rem;height:fit-content;border:none;border-radius:.5rem;background-color:#dee0f4}.main-machine .machine{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;text-align:left;vertical-align:baseline;text-transform:capitalize;text-align:center;height:110px;width:100%;border:1px solid #e3e5fc;background-color:#e3e5fc;border-radius:.5rem;padding:.5rem;gap:1rem;color:#5d7ce2}.main-machine .machine svg{fill:#5d7ce2}.main-machine .tasks-to-complete-indicator,.main-machine .tasks-completed-indicator{display:flex;box-sizing:border-box;position:relative;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.6rem;padding:0;width:100%;height:30%}.main-machine .tasks-to-complete-indicator h4,.main-machine .tasks-completed-indicator h4{width:100%;text-align:left;margin:0;color:#767272}.main-machine .tasks-to-complete-indicator .indicator-tc,.main-machine .tasks-to-complete-indicator .indicator-c,.main-machine .tasks-completed-indicator .indicator-tc,.main-machine .tasks-completed-indicator .indicator-c{display:flex;box-sizing:border-box;position:relative;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:1px solid #aebdff;border-radius:.25rem}.main-machine .tasks-to-complete-indicator .indicator-c,.main-machine .tasks-completed-indicator .indicator-c{border:1px solid #86a3ff;background-color:#86a3ff}.sites-details-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:.75rem;grid-area:content;height:100%;max-height:60%;overflow-y:scroll;background-color:#f1f1f1}.container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1rem!important;border-radius:.5rem;height:100%;background-color:#fff;color:#595858}.container.grid{display:grid;width:100%;height:100%}.container .horizontal{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between}.container .vertical{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:space-between;justify-content:center}.container.no-padding{padding:0!important;gap:.5rem}.container{font-size:1rem;line-height:1rem;font-weight:700;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize;margin:0}.container p{height:100% M;font-size:3.5rem;margin:0}.machine-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:.75rem;grid-area:content;flex-basis:100%;overflow-y:scroll;background-color:#f1f1f1}.machine-list-container{display:grid;box-sizing:border-box;position:relative;gap:.5rem;padding:.5rem;overflow-y:scroll;overflow-x:hidden;flex-basis:100%}.tablet-buttons.card-type-1{display:grid;box-sizing:border-box;gap:.5rem;color:#3d3c3c;overflow:hidden;position:relative;border:none;border-radius:.5rem;flex-basis:100%;background-color:#fff}.machine-card-bottom{display:grid;box-sizing:border-box;position:relative;gap:.25rem;clip-path:polygon(64% 0%,100% 0%,100% 100%,64% 100%,0 100%,0 35%,54% 35%);left:-.5rem;bottom:-.5rem;padding:.5rem;overflow:hidden;width:calc(100% + 1rem);background-color:#d2c8c8;grid-template-columns:1fr 4.25rem;grid-template-rows:1fr 1rem;grid-template-areas:"task-info total-task-icon" "task-progress total-task-icon";border-radius:0 0 .5rem .5rem}.machine-card-bottom .machine-card-bottom-task-name{grid-area:task-info;justify-self:flex-start;align-self:flex-end;margin:0}.machine-card-bottom .machine-card-bottom-task-time{grid-area:task-info;justify-self:flex-end;align-self:flex-end;margin:0;font-size:1.25rem;line-height:1.25rem;font-weight:800}.machine-card-bottom .progress-bar-outer-container{grid-area:task-progress;max-height:.75rem;justify-content:center;align-self:flex-end}.machine-card-bottom .card-icon-container{grid-area:total-task-icon/total-task-icon/total-task-icon/total-task-icon}.machine-card-bottom.shadow{position:absolute;height:5rem;width:100%;left:0;bottom:.25rem;background-color:#d2c8c8}.machine-card-bottom.shadow.error,.machine-card-bottom.shadow.OFF{background-color:#ff7888}.machine-card-bottom.shadow.warning{background-color:#fae3af}.machine-card-bottom.shadow.working,.machine-card-bottom.shadow.Funcionamento{background-color:#86a3ff}.tablet-progress-bar-container{display:flex;flex-direction:column;flex:1;height:60%;gap:.25rem;align-self:flex-end}.tablet-progress-bar-container .tablet-information{display:flex;justify-content:space-between;margin:0;padding:0;flex-basis:75%;overflow:hidden;align-items:flex-end}.tablet-progress-bar-container .tablet-information .tablet-machine-progress{font-size:1rem;line-height:1rem;align-items:baseline;margin:0;padding:0}.tablet-progress-bar-container .tablet-information .tablet-machine-total{font-size:1.5rem;line-height:1rem;font-weight:900;align-items:baseline;margin:0;padding:0}.tablet-progress-bar-container .tablet-container-progress-bar{display:flex;flex-basis:75%;margin:0 0 0 1rem;padding:0;justify-content:flex-end;border-radius:50px;height:10px;overflow:hidden}.tablet-progress-bar-container .tablet-container-progress-bar.full{margin:0;flex-basis:25%}.tablet-progress-bar-container .tablet-container-progress-bar .tablet-outer-progress-bar{display:flex;position:relative;flex-basis:100%;background-color:#222}.tablet-progress-bar-container .tablet-container-progress-bar .tablet-outer-progress-bar.full{max-height:.75rem}.tablet-progress-bar-container .tablet-container-progress-bar .tablet-outer-progress-bar .tablet-inner-progress-bar{position:absolute;background-color:#977ef3;top:0;left:0;height:100%;width:100%;transform:scaleX(0);transform-origin:0 0}.card-icon-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;justify-self:flex-end;width:4rem;height:4rem;background-color:#e0d4d4;align-items:center;justify-content:center;border-radius:.5rem}.card-icon-container .tablet-text{margin:0}.card-icon-container .tablet-icon-number-title{font-size:.75rem}.card-icon-container .tablet-icon-number-detail{font-size:2rem;line-height:2rem;font-weight:900}.card-icon-container.graph{width:6rem;height:6rem;justify-self:flex-start}.machine-card-top{display:grid;box-sizing:border-box;position:relative;grid-template-columns:6rem 1fr .1fr;grid-template-rows:auto;grid-template-areas:"icon task minified-status" "icon material minified-status" "icon main-status minified-status";background-color:transparent}.machine-card-top .card-icon-container{grid-area:icon}.machine-card-top .task-id{font-size:1.5rem;font-weight:800;line-height:1rem;justify-self:flex-start;align-self:flex-end;margin:0;padding:.25rem;margin-left:.5rem}.machine-card-top .task-material{grid-area:material;font-size:1rem;font-weight:500;justify-self:flex-start;align-self:flex-start;margin:0;padding:.25rem;margin-left:.5rem}.machine-card-top .hub-status.full{grid-area:main-status;margin-left:.5rem}.machine-card-top .hub-status.small{grid-area:minified-status;top:unset;right:0}.task-list-container{display:grid;box-sizing:border-box;position:relative;gap:1rem;width:100%;overflow-y:scroll}.tablet-maquinas-view.machine-details{grid-area:subContent;display:grid;box-sizing:border-box;position:relative;gap:.5rem;width:100%;height:100%}.tablet-maquinas-view .control-display{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start}.tablet-maquinas-view .control-display h4{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:space-between;margin:1rem 0;width:100%}.tablet-maquinas-view .control-display .task-data-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:wrap;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%;flex:1}.tablet-maquinas-view .control-display .task-data-container hr{height:2px;width:100%;background-color:#000;margin:0}.tablet-maquinas-view .control-display .task-data-container .task-details{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:1rem 0;width:100%}.tablet-maquinas-view .task-data-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start}.tablet-maquinas-view .task-data-container p{font-size:1rem;line-height:1rem;font-weight:700;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize;font-weight:400;margin:0}.tablet-maquinas-view .task-data-container .task-details{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start}.tablet-maquinas-view .task-data-container .task-details .label{width:250px}.tablet-maquinas-view .task-data-container .value,.tablet-maquinas-view .task-data-container .tabletTimer,.tablet-maquinas-view .task-data-container .task-time{font-size:1.25rem;line-height:1.25rem;font-weight:800;display:flex;margin:.25rem 0;padding:0;text-transform:capitalize;margin:0}.tab-container{background-color:#fff;border-radius:.5rem;padding:.5rem}.tab-container .tab-header{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:center;max-height:3rem}.tab-container .tab-header button{height:100%;width:50%;background-color:#eee;color:#777;outline:none;border:none;text-align:center}.tab-container .tab-header button.active{background-color:#fff;color:#333}.machine-history{display:grid;box-sizing:border-box;position:relative;gap:.5rem}.machine-history .container{gap:.5rem;padding:.5rem!important}.machine-history .container h4{margin:0}.machine-history .container .content{background-color:#f1f1f1;width:100%;height:100%;border-radius:.5rem;margin:0}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.subContainer{display:grid;box-sizing:border-box;position:relative;gap:.75rem}.subContainer .menu-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:1rem;height:100%;overflow-y:scroll}.subContainer .menu-container button{display:flex;padding:3rem 1rem!important;text-transform:capitalize;font-size:1rem;gap:1rem;width:100%;height:4rem;justify-content:flex-start;align-items:center;padding:3.58096rem;border-radius:.5rem;border:none;background-color:#fff}.subContainer .menu-container .iconContainer svg{width:64px;height:64px}.subContainer .pdf-content{position:relative;display:grid;width:100%;height:100%;border:2px solid #e0e0e0;padding:0;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0;overflow-y:auto}.subContainer .pdf-menu{position:fixed;display:flex;flex-direction:column;gap:.5rem;top:250px;right:32px;z-index:5}.subContainer .pdf-menu button{border-radius:.5rem;background-color:#fff;width:5rem;height:5rem}.tablet-maquinas-view.machine-details{display:grid;box-sizing:border-box;position:relative;gap:.5rem;width:100%;height:100%}.tablet-maquinas-view.machine-details .machine-controls-container{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.5rem;grid-area:machine-menu}.dialog-container{position:absolute;border:none;background-color:transparent;height:max-content;width:100%;height:100%;opacity:1;transform-origin:top center;background-color:#fefefe80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-container[open]{position:absolute!important;margin:0;display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;z-index:5}.dialog-container::backdrop{backdrop-filter:blur(3rem);-webkit-backdrop-filter:blur(3rem);box-shadow:inset 0 4px 30px #fff;border:1px solid rgba(255,255,255,.75)}.dialog-container .inner-container{display:flex;box-sizing:border-box;flex-wrap:nowrap;flex-direction:column;align-items:space-between;justify-content:space-between;position:relative;width:100%;max-width:25rem;height:100%;max-height:27rem;background-color:#fff;padding:1rem;border-radius:.5rem}.dialog-container .inner-container .bottom-dialog{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:space-between;justify-content:space-between;gap:.75rem}.dialog-container .inner-container .keyboard{position:absolute;right:-95%}.dialog-container .inner-container .checkboxes{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem}.dialog-container .inner-container .checkboxes label{display:flex;align-items:center;flex:50%;gap:1rem;line-height:1.2rem}.dropdown-selected{display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem;border:1px solid #D2C8C8;border-radius:.5rem}.dropdown-list{position:absolute;display:flex;box-sizing:border-box;position:relative;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:.5rem;margin:.25rem;background-color:#fff;width:92%;left:.75rem;border-radius:.5rem;border:1px solid #D2C8C8}.keyboard{display:flex;box-sizing:border-box;position:relative;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.75rem;border-radius:1rem;position:absolute;width:350px;top:0;right:-90%}.keyboard button{font-size:3rem;line-height:3rem;font-weight:800;width:5rem;height:5rem;border-radius:.5rem;background-color:#eedfdf!important}.main-container{display:flex;box-sizing:border-box;gap:1rem}.main-container .order-list{position:fixed;display:flex;box-sizing:border-box;flex-direction:column;max-width:25%}.main-container .order-list .order-parent-accordion{display:flex;padding:.75rem 1rem;border-radius:.5rem;width:100%;gap:.5rem;box-sizing:border-box;border:.0625rem solid #bbb}.main-container .sites-list{display:flex;margin-left:25%;box-sizing:border-box;flex-wrap:wrap;gap:.5rem;width:75%}.main-container .sites-list .site-section{display:flex;align-items:flex-start;box-sizing:border-box;flex-direction:column;gap:1rem;border-radius:.5rem;flex-basis:calc(100% - .5rem);min-height:3rem;overflow:hidden;border:.0625rem solid #bbb}.main-container .sites-list .site-section .site-section-headers{background-color:#777;display:flex;width:100%}.main-container .sites-list .site-section .site-section-headers h1{display:flex;align-content:center;font-size:1rem;font-weight:900;text-transform:capitalize;color:#eee;flex-basis:100%;margin:0;padding:.5rem}.main-container .sites-list .site-section .site-machines{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:1rem;padding:.5rem}.main-container .sites-list .site-section .site-machines .machine-item{display:flex;position:relative;flex-direction:column;gap:.5rem;align-items:center;text-align:center;box-sizing:border-box;justify-content:center;min-width:11.5rem;padding:1rem;border:1px solid #eee;background-color:#ddd;border-radius:.5rem}.main-container .sites-list .site-section .site-machines .machine-item .card-icon{width:4rem;height:4rem}.order-list{display:flex;flex-direction:column;justify-content:flex-start}.order-list .order-parent-accordion{display:flex;flex-direction:column}.order-list .order-parent-accordion .order-parent-accordion-button-menu{display:flex;padding:0;border:none;font-size:.9rem}.order-list .order-parent-accordion .accordion-content{display:flex;font-size:.9rem}.card-icon{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background-color:#fff;width:100%;height:100%;max-width:5.5rem;max-height:5.5rem;padding:.5rem;border-radius:.25rem;overflow:hidden}.card-icon .icon-image,.card-icon .icon-image>svg{width:2.5rem;height:2.5rem}.card-icon .icon-text{margin:.25rem 0 -.5rem;font-size:.85rem;font-weight:500}.card-icon .icon-text.qty-indicator{margin:0;font-size:3rem;font-weight:900}.machine-container-floor{display:flex;flex-wrap:wrap;height:fit-content;flex:1;margin:0}.machine-container-floor .machine-container-title{display:flex;width:100%}.machine-container-floor .machine-container-content{display:flex;gap:.5rem;min-width:10%;height:max-content}.machine-container-floor .total-tasks{position:absolute;display:flex;padding:.25rem 1rem;top:.25rem;right:.5rem;background-color:#00f;color:#fff;border-radius:2rem}.sites-machines{display:flex;gap:1rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:Ubuntu}h1{margin-top:0;font-size:22px;line-height:28px;font-weight:lighter}sub{opacity:.4}