html,body,#root{height:100%;margin:0;padding:0;overflow-y:hidden}html{height:-webkit-fill-available}body{font-family:Mundial Narrow,DM Sans,sans-serif;height:-webkit-fill-available;background-color:var(--background-color);color:var(--text-color);margin:0;background:var(--light-tertiary-color);padding-bottom:env(safe-area-inset-bottom)}h1{text-align:center;color:var(--primary-color)}h2{color:var(--primary-color);margin-bottom:10px}p{color:var(--text-color);margin:10px 0}button{border:none}.theme-toggle{display:flex;align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;margin-left:2%;font-size:1rem}.theme-toggle-text{margin-left:10px;display:none;font-size:1rem;font-family:Mundial Narrow,DM Sans,sans-serif}input[type=datetime-local]{color:var(--text-color)}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);color:var(--text-color)}@media (max-width: 768px){html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{min-width:none;height:100dvh;font-family:Mundial Narrow,DM Sans,sans-serif}}:root{--white: #ffffff;--gray: #d9d9d9;--black: #000000;--green: #1EBA1E;--red: #CE0F0B;--font-family: "DM Sans", sans-serif;--sidebar-width-collapsed: 90px;--sidebar-width-expanded: 250px;--turno-0: rgba(54, 162, 235, .7);--turno-1: #3498db;--turno-2: #2ecc71;--turno-3: #e74c3c;--turno-5: #800080;--sts-produzindo: rgb(79, 179, 79);--sts-parada: rgb(189, 83, 83);--sts-desconectada: grey;--efc-OEE: #3572EF;--efc-disp: rgba(31, 119, 180, .7);--efc-perf: rgba(8, 48, 107, .7);--efc-qual: rgba(1, 23, 58, .7);--ene-fp: #df5b99;--ene-cor: #11aae7;--ene-ten: #582ccf;--just-cat0: #991010;--just-cat1: #6E18EA;--just-cat2: #E5176B;--just-cat3: #ff9900;--just-cat4: #FF5B1A;--just-cat5: #16B2A3;--efc-boa: var(--green);--efc-ruim: var(--just-cat0);--efc-media: #f9d606;--efc-null: grey;--sts-rolo: #2626ff;--sts-fio: #ffb226;--sts-op: #ffff00;--sts-fio-elast: #02faee;--sts-manut: #b002fa;--sts-default: #fc6b03;--efc-real: var(--efc-OEE);--efc-prevista: var(--efc-media);--efc-progress-bar-in: rgba(173, 173, 173, .774);--efc-progress-bar-ext: rgba(0, 0, 0, .616)}body{--primary-color: #1174f6;--secondary-color: #050c9a;--dark-secondary-color: #01276b;--tertiary-color: #01276B;--active-link-color: #3572ef;--light-tertiary-color: #ECECEC;--background-color: #ECECEC;--text-color: #000114;--link-color: #1c1b3f;--header-color: #d2d1d8;--botao-ativo-color: #3572ef;--menu-color: #3b3b57;--background-color-mobile: #f4f4f4;--fundo-icone: #D2D1D8}body[data-theme=dark]{--primary-color: #050c9a;--secondary-color: #1174f6;--dark-secondary-color: #01276b;--tertiary-color: #050c9a;--active-link-color: #3572ef;--light-tertiary-color: #3B3B57;--background-color: #000125;--text-color: #f4f4f4;--link-color: #f4f4f4;--header-color: #000000;--botao-ativo-color: #3572ef;--menu-color: #3572ef;--background-color-mobile: #000125;--fundo-icone: #1C1B3F}*{box-sizing:border-box}.app{position:relative;width:100vw;height:100vh}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-left:80px;transition:width .3s;background-color:var(--background-color)}@media (max-width: 768px){.main{padding-left:0;height:91vh}}.mainContainer{background-color:#fff;display:flex;height:100%;justify-content:center;align-items:center}.loginForm{height:350px;min-width:250px;width:350px;display:flex;align-items:flex-start;flex-direction:column;background-color:#fff;border-radius:20px;padding:20px;box-shadow:10px 10px 40px #0006;gap:10%}.titleContainer{display:flex;flex-direction:column;font-size:64px;font-weight:bolder;align-items:center;justify-content:center}.resultContainer,.historyItem{flex-direction:row;display:flex;width:400px;align-items:center;justify-content:space-between}.historyContainer{flex-direction:column;display:flex;height:200px;align-items:center;flex-grow:5;justify-content:flex-start}.buttonContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px}.inputContainer{height:20%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.inputContainer>.errorLabel{color:var(--red);font-size:12px}.inputBox{height:100%;width:100%;font-size:large;border-radius:8px;border:1px solid grey;padding-left:8px}.submitLogin[type=submit]{margin:0;padding:0;height:20%;width:100%;border-radius:8px;font-size:large;color:#fff;background-color:#000}.spin{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;height:10%;width:10%;top:50%;left:50%;transform:translate(-50%,-50%)}.refresh-button{position:absolute;display:flex;align-items:center;justify-content:center;top:200%;left:50%;transform:translate(-50%,-50%);background-color:var(--primary-color);color:#fff;border-radius:12px;padding:10px}.content{display:flex;align-items:flex-start;justify-content:center;margin:1% 0%;width:94%;height:100%;border-radius:10px;background-color:var(--header-color);overflow-y:auto;box-shadow:0 4px 6px #0006;overflow-x:hidden}.TVLayout .content{width:98%}@media (max-width: 768px){.content{margin-top:2vh}}.profileContainer{position:relative;height:57px;width:auto;border-style:solid;border-radius:10px;border-width:1px;border-color:var(--link-color);background-color:var(--light-tertiary-color);color:var(--link-color);display:flex;padding:0 1%;justify-content:flex-start;align-items:center}.dropdown-menu{position:absolute;background-color:var(--light-tertiary-color);display:flex;flex-direction:column;align-items:center;width:200px;right:10%;top:120%;border:1px solid;border-radius:8px;z-index:1000}.dropdown-menu-item{background-color:var(--fundo-icone);display:flex;justify-content:center;align-items:center;min-height:40px;width:80%;border-radius:8px;margin-top:2%;margin-bottom:2%}.icons{color:var(--link-color)}.table-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,11.5%);grid-gap:1%;color:#fff;width:100%;height:100%}.table-container#dados-producao{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,20%);font-size:80%;text-align:center;grid-gap:0}.grid-justificativas{display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--secondary-color);font-weight:700;color:#fff;border-radius:8px;border:1px solid}.grid-justificativas#dadosProducaoOP{background-color:transparent;border:var(--text-color) solid .5px;color:var(--text-color);border-radius:0}.justification-option{padding:10px 20px;font-size:16px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s;min-width:150px;text-align:center;margin:10px}.celula-justificativa{text-align:center;width:100%;height:100%;background-color:#fff;font-weight:400;color:#000;border:1px solid;border-radius:8px;padding:2% 1%;margin:0}.celula-justificativa#dadosProducaoOP{background-color:transparent;color:var(--text-color);border:var(--text-color) solid .5px;border-radius:0;height:100%;width:100%;padding:0}#dados-producao .celula-justificativa{display:flex;justify-content:center;align-items:center;font-size:110%}.group-selection-button{margin:10px;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;border:1px solid #ccc}.option-0{background-color:var(--just-cat0);color:#fff}.option-0.transparency{background-color:#9910104d}.option-1{background-color:var(--just-cat1);color:#fff}.option-1.transparency{background-color:#6e18ea4d}.option-2{background-color:var(--just-cat2);color:#000}.option-2.transparency{background-color:#e5176b4d}.option-3{background-color:var(--just-cat3);color:#000}.option-3.transparency{background-color:#ff99004d}.option-4{background-color:var(--just-cat4);color:#fff}.option-4.transparency{background-color:#ff5b1a4d}.option-5{background-color:var(--just-cat5);color:#fff}.option-5.transparency{background-color:#16b2a34d}.option-gray{color:#ff0;background-color:gray;margin:0}.detalhes-solicitacao-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.data-area{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:98%;padding:1%;border:1px solid;border-radius:8px;margin:1% 0}.data-area label{font-size:small;margin:0}.data-area strong{margin:auto 0}.botao-serie-dados{position:relative;-webkit-transition-duration:.4s;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer}.botao-serie-dados:after{content:"";background:#00000080;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.botao-serie-dados:active:after{padding:0;margin:0;opacity:1;transition:0s}.button-blink{animation:blink-animation 1s infinite}.custom-tooltip{background:var(--background-color);border:2px solid #ddd;border-radius:5px;font-family:Helvetica Neue,Arial,sans-serif;text-align:center;overflow:hidden;box-shadow:0 4px 6px #0000001a;min-width:150px;z-index:9999!important}.custom-tooltip .tooltip-dia{background:var(--header-color);border-bottom:.1px solid #ddd;color:var(--text-color);font-weight:400;padding:8px;text-align:center;font-size:12px}.custom-tooltip .tooltip-conteudo{padding:8px;color:var(--text-color);font-size:12px;line-height:1.5}.custom-tooltip .tooltip-conteudo .tooltip-item{display:flex;align-items:center;margin-bottom:4px}.custom-tooltip .tooltip-conteudo .legend-marker{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.apexcharts-tooltip{border:none!important;box-shadow:none!important;padding:0!important}@keyframes blink-animation{0%,to{background-color:#3383c4}50%{background-color:#00d5ff}}.tela-op{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:0px;grid-row-gap:0px;width:100%;height:100%;gap:10px}.inicia-op{grid-area:1 / 1 / 2 / 2}.setup-op{grid-area:2 / 1 / 3 / 2}.produzir-op{grid-area:3 / 1 / 4 / 2}.finalizar-op{grid-area:4 / 1 / 5 / 2}.slctd-sku{grid-area:1 / 2 / 2 / 3}.img-sku{grid-area:2 / 2 / 4 / 3}.apontamentos{grid-area:4 / 3 / 5 / 4}.select-op{grid-area:1 / 3 / 2 / 4}.qtd-a-produzida{grid-area:2 / 3 / 3 / 4}.qtd-produzida{grid-area:3 / 3 / 4 / 4}.qtd-pessoas{grid-area:4 / 2 / 5 / 3}._container-nav-bar_1dnys_1{display:flex;justify-content:space-between;align-items:center;background-color:var(--header-color);width:100%;height:12%;border-bottom:1px solid;padding-left:1%;padding-right:1%}._menuHamburguer_1dnys_13{display:none}._menuList_1dnys_16{position:absolute;min-width:220px;padding:2%;right:0;display:block;background-color:var(--header-color);height:76.3%;margin-top:3.5vh;z-index:999;border-top-left-radius:12px;border-end-start-radius:12px;border:1px solid var(--text-color)}._hide-on-mobile_1dnys_32{display:block}@media (orientation: portrait){._menuHamburguer_1dnys_13{display:block}._hide-on-mobile_1dnys_32{display:none}}._menuOptions_q8egs_1{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;max-width:calc(96% - 141px)}._popup-editar-dados-maquina_162ux_1{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}._style-input-with-label_162ux_8{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}._container_162ux_15{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:.3fr 1fr .3fr .3fr 0fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"title-maquina title-maquina title-maquina" "travas-da-maquina travas-da-maquina travas-da-maquina" "velocidade-maquina velocidade-maquina velocidade-maquina" "config-msg config-msg config-msg" "envia-config envia-config envia-config"}._container_162ux_15 select{width:100%;height:100%;margin:0;font-size:14px!important}._container_162ux_15 label{font-size:14px}._style-input-with-label_162ux_8>input{margin:0;width:100%;font-size:14px;padding:5px .76em!important;height:auto!important}._style-input-with-label_162ux_8>span{display:flex}._container_162ux_15>div{margin-top:.5%;border:1px solid var(--text-color);padding:1%;border-radius:12px}._travas-da-maquina_162ux_54{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.2fr 1.4fr 1.4fr;grid-auto-flow:row;grid-template-areas:"title-travas title-travas" "tempo-troca-opr tempo-maq-parada" "hab-op trava-sem-op";grid-area:travas-da-maquina;width:100%;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--text-color);border-radius:12px}._title-travas_162ux_72{font-size:16px;grid-area:title-travas}._tempo-troca-opr_162ux_77{grid-area:tempo-troca-opr}._tempo-maq-parada_162ux_81{grid-area:tempo-maq-parada}._hab-op_162ux_85{grid-area:hab-op}._trava-sem-op_162ux_89{grid-area:trava-sem-op}._title-maquina_162ux_93{display:grid;grid-template-columns:.4fr 2.2fr .4fr;grid-template-rows:.1fr 1fr;gap:5px;grid-auto-flow:row;grid-template-areas:"title title title" "id nome numero";grid-area:title-maquina;margin-top:0!important}._title_162ux_72{font-size:16px;grid-area:title}._id_162ux_111{grid-area:id}._nome_162ux_115{grid-area:nome}._numero_162ux_119{grid-area:numero}._velocidade-maquina_162ux_123{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:.1fr 1fr;gap:5px;grid-auto-flow:row;grid-template-areas:"title-velocidades title-velocidades title-velocidades title-velocidades" "vel-prev-fixa vel-area-2 vel-area-3 vel-area-4";grid-area:velocidade-maquina}._title-velocidades_162ux_135{font-size:16px;grid-area:title-velocidades}._vel-prev-fixa_162ux_140{grid-area:vel-prev-fixa}._vel-area-2_162ux_144{grid-area:vel-area-2}._vel-area-3_162ux_148{grid-area:vel-area-3}._vel-area-4_162ux_152{grid-area:vel-area-4}._config-msg_162ux_156{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:.1fr 1.8fr;gap:5px;grid-auto-flow:row;grid-template-areas:"config-msg-title config-msg-title config-msg-title" "tmp-msg-maq-parada . .";grid-area:config-msg}._config-msg-title_162ux_168{font-size:16px;grid-area:config-msg-title}._tmp-msg-maq-parada_162ux_173{grid-area:tmp-msg-maq-parada}._envia-config_162ux_177{grid-area:envia-config;width:100%;margin-top:2%;border:none!important;padding:0!important;display:flex;flex-direction:row-reverse!important;justify-content:space-between}._container-graphs_vqi37_1{width:49.9%;height:100%;padding:1%;border:1px solid;background-color:var(--light-tertiary-color);border-radius:12px}._container-paradas_vqi37_9{display:flex;justify-content:space-between;align-items:center;width:96%;height:85%}@media (orientation: portrait){._container-graphs_vqi37_1{width:100%;height:49.5%}._container-paradas_vqi37_9{flex-direction:column}}