body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Lato!important}code{font-family:Lato,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.rt-resizable-header-content{font-weight:700}.blink_me{animation:blinker 2s linear infinite}button{outline:none!important}@keyframes blinker{50%{opacity:0}}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:nth-of-type(1){background:linear-gradient(to right,#385c78,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(to right,#325774,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(to right,#4a5369,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(to right,#744c55,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(to right,#9c4543,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(to right,#c33f31,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(to right,#da3b26,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{filter:blur(1px);float:left;width:1em;height:.25em;border-radius:50%;background:#e3dbd2}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@keyframes ball-l{0%,50%{transform:rotate(0) translate(0)}to{transform:rotate(50deg) translate(-2.5em)}}@keyframes ball-r{0%{transform:rotate(-50deg) translate(2.5em)}50%,to{transform:rotate(0) translate(0)}}@keyframes shadow-l-n{0%,50%{opacity:.5;transform:translate(0)}to{opacity:.125;transform:translate(-1.75em)}}@keyframes shadow-r-n{0%{opacity:.125;transform:translate(1.75em)}50%,to{opacity:.5;transform:translate(0)}}.react-spinner-loader-swing-l{animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg svg{transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@keyframes dash{to{stroke-dashoffset:136}}@keyframes rotate{to{transform:rotate(360deg)}}.react-spinner-loader-svg-calLoader{width:230px;height:230px;transform-origin:115px 115px;animation:1.4s linear infinite loader-spin}.react-spinner-loader-svg-cal-loader__path{animation:1.4s ease-in-out infinite loader-path}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.main-card{height:120px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.card-title{overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.card-subtitle{color:#a9a9a9;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.card-subtitle-content{color:#a9a9a9;font-weight:600;overflow:hidden;display:flex;align-items:center;gap:.5px;text-overflow:ellipsis}.star-icon{font-size:1.2rem;color:gold}.hidden{visibility:hidden}.card-value{font-family:Lato,sans-serif;font-weight:700;font-size:1.4rem}@media(min-width:600px){.card-value{font-size:1.6rem}}@media(min-width:960px){.card-value{font-size:2rem}}.retry-button{margin-left:4px;gap:5px;color:#a9a9a9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .3s ease}.retry-button:hover{color:#d3d3d3}.retry-button:active{transform:scale(.95)}.retry-text{font-size:1.4rem}.retry-icon{font-size:2rem}.machine-navigator-root{color:#a9a9a9;font-weight:600;margin-top:-10px}.machine-navigator-root-tv{color:#a9a9a9;font-weight:600;margin-top:-5px}.machine-navigator-content{display:flex;align-items:center}.machine-single{font-size:1.2rem;margin-top:1px}.machine-carousel{display:flex;align-items:center;width:100%;gap:8px}.nav-arrow-button{padding:0;flex-shrink:0}.machine-info{display:flex;align-items:center;overflow:hidden;white-space:nowrap;flex-grow:1;gap:4px}.machine-name{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;flex-shrink:1}.machine-counter{font-size:.9rem;font-weight:400;flex-shrink:0}.machine-placeholder{visibility:hidden}.header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin-top:-16px}.header-container-tv{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.header-title{font-family:Lato,sans-serif;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.dropdown-container{width:140px;flex-shrink:0}.carousel-wrapper{display:flex;align-items:center;margin-top:4px;margin-bottom:4px;margin-left:-8px;max-width:200px}.carousel-arrow-button{padding:0;min-width:auto;flex-shrink:0}.carousel-arrow-icon{font-size:1.25rem}@media(max-width:600px){.carousel-arrow-icon{font-size:1rem}.carousel-scroll-container{gap:3px}.carousel-option{padding:2px 6px;font-size:.6rem;min-height:20px}}.carousel-scroll-container{display:flex;overflow-x:auto;gap:6px;flex-grow:1;min-width:0;padding-bottom:1px;scroll-behavior:smooth;scrollbar-width:none}.carousel-scroll-container::-webkit-scrollbar{display:none}.carousel-option{border-radius:14px;padding:4px 10px;font-size:.7rem;min-height:24px;line-height:1;background-color:#e6f6ff;color:inherit;font-weight:500;white-space:nowrap;flex-shrink:0;min-width:-webkit-fit-content;min-width:fit-content;text-transform:none}.carousel-option:hover{background-color:#d1ebff}.carousel-option.selected{background-color:transparent;border-color:#1976d2;color:#1976d2;font-weight:700}.carousel-option.selected:hover{background-color:#1976d20a}.display-value-container{display:flex;align-items:center;font-family:Lato,sans-serif;font-weight:700;font-size:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;gap:5px}@media(max-width:960px){.display-value-container{font-size:1.75rem}}@media(max-width:600px){.display-value-container{font-size:1.5rem}}.machine-name{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}.retry-text{margin-left:4px;gap:5px;color:#a9a9a9;cursor:pointer;display:inline-flex;align-items:center;transition:transform .1s ease-in-out}.retry-text:hover{color:#d3d3d3}.retry-text:active{transform:scale(.95)}.retry-label{font-size:1.4rem}.bar-chart-container{display:flex;width:100%;justify-content:center;align-items:center;align-content:center;justify-items:center}.bar-chart-legend{width:25%}.custom-legend-container{max-width:100%;display:flex;flex-wrap:wrap;margin-top:5px}.custom-legend-item{display:flex;align-items:center;margin:0 10px;width:100%}.legend-color-box{display:inline-block;width:15px;height:15px;margin-right:5px;flex-shrink:0}.legend-text{font-size:14px;color:#333;word-break:break-word;white-space:normal;flex-grow:1}.widget-height{height:100%}.widget-heading{font-size:25px;font-weight:700;padding:0 8px}.graph-view-container{height:97%;width:100vw}.graph-view-height-padding{height:100%;padding:20px}.sub-graph-container{height:100%}.card-container{height:100%;border:2px solid #d1d1d1;display:flex;flex-direction:column}.card-content{flex:1 1;display:flex;flex-direction:column;padding:0!important}.card-heading{display:flex;justify-content:center;align-items:center;padding:10px}.card-heading-font{font-size:23px;font-weight:900}.card-heading-gap{margin-left:10px}.timeperiod-font{font-weight:900;color:green;font-size:23px}.graph-area{flex:1 1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2}.status-bar{display:flex;gap:16px;padding:8px 20px;margin:0 8px;background-color:#f6faff;width:100%;align-items:center;justify-content:space-between}.lane-container{display:flex;gap:10px;flex-shrink:0}.lane-option{font-size:18px;font-weight:700;padding:5px 10px;border-radius:25px}.server-down-message{color:#ff5733;font-size:20px;font-weight:700;text-align:center;letter-spacing:.5px;opacity:0;transform:translateY(20px);animation:fadeIn 1s ease-out forwards;display:flex;align-items:center;gap:5px}.server-down-message .refresh-button{background-color:#ff5733;color:#fff;margin-left:12px;font-size:14px;margin-right:12px;font-weight:700;cursor:pointer;border:none;border-radius:5px}.server-down-message .refresh-button:hover{background-color:#e04e2a}.live-container{display:flex;align-items:center;justify-content:center;background-color:#e0f7e9;border:2px solid #039e45;border-radius:20px;padding:8px 16px;width:-webkit-fit-content;width:fit-content;height:40px;gap:12px;box-shadow:0 4px 10px #00c8534d;transition:all .3s ease-in-out}.live-indicator{font-size:14px;color:#039e45;animation:blink 1.5s infinite}.live-text{color:#039e45;font-size:16px;font-weight:600;letter-spacing:1px}.live-count{font-size:16px;font-weight:600;background:linear-gradient(90deg,#039e45,#039e45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(-5px);animation:fadeInUp .5s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:.5}}.cards-container{width:100%;margin-top:0;margin-left:8px;margin-right:8px}.cards-content{width:100%;padding:10px;background-color:#f6faff}.tv-widget-container{min-height:200px;display:flex;align-items:center;justify-content:center;width:100%;height:55vh;margin-left:16px;margin-right:16px}.dot-container{margin-top:5px}.dot{width:10px;height:10px;border-radius:50%;margin:0 5px;cursor:pointer;transition:background-color .3s}.auto-play-box{display:flex;align-items:center;justify-content:center;background-color:green;border-radius:20px;padding:8px 16px;width:-webkit-fit-content;width:fit-content;height:40px}.auto-play-text{color:#fff;font-size:16px}.styles_formElement__MU2S7{min-width:90%}.styles_formElement__MU2S7>div{padding:.5rem!important}.styles_formElement__MU2S7>svg{position:absolute}.styles_renderElementBox__jJWZ3{flex:1 0 35%;margin-bottom:1.5rem}.styles_renderElementBox__jJWZ3:nth-last-child(1):nth-child(odd){flex:0 0 50%!important}.change-password-header{text-align:center;padding:16px 0;background-color:#87929e;position:relative}.change-password-close-btn{position:absolute;top:10px;right:10px;color:#fff;z-index:1000}.change-password-dialog-title{background-color:#f9f9f9;text-align:center;font-size:20px;padding:16px 0}.change-password-dialog-content{padding:20px;background-color:#f9f9f9;border-radius:10px}.change-password-dialog-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.change-password-button{text-transform:none;font-size:14px;font-weight:700;border-radius:8px;padding:6px 12px;background-color:#004081;min-width:-webkit-fit-content;min-width:fit-content;box-shadow:none;transition:background-color .3s ease}.change-password-button:hover{background-color:#036}.change-password-warning-message{font-size:12px;color:red;text-align:center;display:flex;justify-content:flex-start}.change-password-resend{text-transform:none;font-size:12px;font-weight:700;min-width:auto;transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}.change-password-resend:hover{text-decoration:underline;color:#0056b3}.scrollbar-container .ps__rail-y:hover>.ps__thumb-y,.scrollbar-container .ps__rail-y:focus>.ps__thumb-y,.scrollbar-container .ps__rail-y.ps--clicking .ps__thumb-y{background-color:#f5f5f5;width:5px}.scrollbar-container .ps__thumb-y{background-color:#f5f5f5;border-radius:6px;width:5px;right:0}.scrollbar-container.ps.ps--active-y>.ps__rail-y,.scrollbar-container>.ps.ps--active-y>.ps__rail-y{width:5px;background-color:transparent!important;z-index:999}.scrollbar-container.ps.ps--active-y>.ps__rail-y:hover,.scrollbar-container.ps.ps--active-y>.ps__rail-y.ps--clicking,.scrollbar-container>.ps.ps--active-y>.ps__rail-y:hover,.scrollbar-container>.ps.ps--active-y>.ps__rail-y.ps--clicking{width:5px;background-color:transparent}.scrollbar-container.ps.ps--scrolling-y>.ps__rail-y,.scrollbar-container.ps.ps--scrolling-x>.ps__rail-x,.scrollbar-container>.ps.ps--scrolling-y>.ps__rail-y,.scrollbar-container>.ps.ps--scrolling-x>.ps__rail-x{opacity:.4;background-color:transparent}.forgot-password-container{min-height:100vh;background:linear-gradient(to right,#2c2f74,#4b53ba);display:flex;justify-content:center;align-items:center;padding:16px}.forgot-password-card{padding:32px;max-width:450px;width:100%;border-radius:12px;text-align:center;background-color:#fff;box-shadow:0 4px 25px #0000004d}.forgot-password-logo{height:65px;margin-bottom:30px}.forgot-password-heading{font-weight:700;color:#1976d2;margin-bottom:30px}.email-box{display:flex;align-items:center;width:100%}.email-input{flex:5 1;min-width:0;background-color:#fff;border-radius:8px;margin-bottom:0}.change-button{text-transform:none;font-size:12px;font-weight:400;padding:0;min-height:auto;margin-left:10px;flex:1 1;min-width:0}.change-button:hover{text-decoration:underline;background-color:transparent}.otp-subtext{font-size:12px;margin-bottom:10px;justify-content:start}.error-message{font-size:12px;color:red;text-align:center;display:flex;justify-content:flex-start}.resend-container{display:flex;justify-content:flex-end;margin-right:35px}.resend-text{font-size:12px;margin-right:3px;margin-top:8px;color:var(--text-secondary-color)}.resend-button{text-transform:none;font-size:12px;font-weight:700;min-width:auto}.resend-button:hover{text-decoration:underline;color:#0056b3}.validate-container{display:flex;flex-direction:column;align-items:center}.validate-button{font-size:14px;font-weight:700;border-radius:8px;box-shadow:0 4px 10px #0000001a}.new-password-email{flex:5 1;min-width:0;background-color:#fff;border-radius:8px;margin-bottom:0}.new-password-change-btn{text-transform:none;font-size:12px;font-weight:400;padding:0;min-height:auto;margin-left:10px;flex:1 1;min-width:0}.new-password-change-btn:hover{text-decoration:underline;background-color:transparent}.new-password-heading{font-weight:700;color:#1976d2;margin-bottom:16px}.snackbar-alert{color:#fff;font-weight:700;border-radius:8px;padding:12px 16px;min-width:250px;box-shadow:0 4px 10px #0000004d}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}.scrollbar-container{position:relative;height:100%}