﻿.fo-production-panel-container{background-color:#041221;padding:1em;}.fo-production-panel-container .fo-production-panel{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr repeat(2,.5fr) repeat(2,1fr) .5fr;grid-column-gap:15px;grid-row-gap:15px;}.fo-production-panel-container .fo-production-panel div{justify-content:center;align-items:center;text-align:center;display:grid;padding:2em .5em;border-radius:1em;color:#fff;background-color:#12202d;}.fo-production-panel-container .fo-production-panel em{font-size:7vh;}.fo-production-panel-container .fo-production-panel h1{font-size:10vh;line-height:1;margin:0;}.fo-production-panel-container .fo-production-panel h2{font-size:7vh;line-height:1;margin:0;}.fo-production-panel-container .fo-production-panel h3{font-size:5vh;line-height:1;margin:0;}.fo-production-panel-container .fo-production-panel h4{font-size:4vh;line-height:1;margin:0;}.fo-production-panel-container .fo-production-panel h5,.fo-production-panel-container .fo-production-panel li{font-size:3vh;line-height:1.2;margin:0;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-quality{color:#12202d;background-color:#f3c;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-cls{color:#12202d;background-color:#ffd03c;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-dfab{color:#12202d;background-color:#f60;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-success{color:#12202d;background-color:#51a868;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-warning{color:#ffd03c;background-color:#12202d;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-error{color:#12202d;background-color:#e43946;}.fo-production-panel-container .fo-production-panel .fo-production-panel-success{color:#51a868;}.fo-production-panel-container .fo-production-panel .fo-production-panel-error{color:#e43946;}.fo-production-panel-container .fo-production-panel .fo-production-panel-dfab{color:#f60;}.fo-production-panel-container .fo-production-panel .fo-production-panel-cls{color:#ffd03c;}.fo-production-panel-container .fo-production-panel .fo-production-panel-quality{color:#f3c;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-1{grid-area:1/1/2/2;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-2{grid-area:1/2/2/3;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-3{grid-area:1/3/2/4;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-4{grid-area:1/4/2/5;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-5{grid-area:1/5/2/6;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-6{grid-area:1/6/2/8;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-7{grid-area:2/1/3/2;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-8{grid-area:3/1/4/2;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-9{grid-area:2/2/3/3;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-10{grid-area:3/2/4/3;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-11{grid-area:2/3/4/4;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-12{grid-area:2/4/4/5;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-13{grid-area:2/5/4/6;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-14{grid-area:2/6/4/7;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-15{grid-area:2/7/4/8;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-16{grid-area:4/1/6/4;justify-content:start;align-items:baseline;text-align:left;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-17{grid-area:4/4/5/6;justify-content:start;align-items:baseline;text-align:left;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-18{grid-area:5/4/6/6;justify-content:start;align-items:baseline;text-align:left;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-19{grid-area:4/6/5/7;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-20{grid-area:4/7/5/8;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-21{grid-area:5/6/6/8;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-22{grid-area:6/1/7/8;padding:2px 1em;justify-content:space-between;position:relative;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-22 .fo-logo-ford-otosan-white{width:30vh;}.fo-production-panel-container .fo-production-panel .fo-production-panel-box-22 .fo-production-panel-app-name{font-size:3vh;position:absolute;right:2em;}@media screen and (min-width:2160px){.fo-production-panel-container{height:100%;}.fo-production-panel-container .fo-production-panel div{border-radius:3em;padding:4em 3em;}}.fo-conveyor-container{padding:1em;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;}.fo-conveyor-container::before{content:"";font-size:8rem;font-weight:100;font-style:normal;}.fo-conveyor-container .fo-conveyor-row{display:inline-flex;margin:0;width:100%;}.fo-conveyor-container .fo-conveyor{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-gray-10);text-align:center;padding:1.2em .8em;margin:.2em;border-radius:5px;position:relative;}.fo-conveyor-container .fo-conveyor .fo-conveyor-body .fo-conveyor-name h4{margin:0;font-size:1.1em;}.fo-conveyor-container .fo-conveyor .fo-conveyor-body .fo-conveyor-weight{background-color:none;border:1px solid var(--color-gray-10);color:var(--color-gray-10);padding:.2em .5em;border-radius:5px;}.fo-conveyor-container .fo-conveyor .fo-conveyor-body .fo-conveyor-weight h5{margin:0;display:inline;margin-right:5px;font-size:1em;}.fo-conveyor-container .fo-conveyor .fo-conveyor-footer{align-items:center;width:100%;border-top:1px solid var(--color-white);padding-top:.5em;margin-top:.5em;}.fo-conveyor-container .fo-conveyor .fo-conveyor-footer .fo-conveyor-metrics .fo-conveyor-metrics-list{display:flex;justify-content:space-between;list-style:none;text-align:left;padding:0;margin:0;}.fo-conveyor-container .fo-conveyor .fo-conveyor-footer .fo-conveyor-metrics .fo-conveyor-metrics-list h5{margin:.5em 0 0 0;line-height:0;font-size:1.1em;}.fo-conveyor-container .fo-conveyor .fo-conveyor-footer .fo-conveyor-trucks-status{text-align:center;font-size:1.5em;}.fo-conveyor-container .fo-conveyor .fo-conveyor-footer .fo-conveyor-trucks-status-online{color:var(--color-success);}.fo-conveyor-container .fo-conveyor .fo-conveyor-footer .fo-conveyor-trucks-status-offline{color:var(--color-gray-60);}.fo-conveyor-container .fo-conveyor-horizontal{width:300px;height:100px;position:relative;}.fo-conveyor-container .fo-conveyor-horizontal .fo-conveyor-body{display:flex;justify-content:space-between;align-items:center;width:100%;}.fo-conveyor-container .fo-conveyor-vertical{height:250px;width:100px;position:relative;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-body{display:block;width:100%;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-body .fo-conveyor-name{margin-bottom:5px;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-body .fo-conveyor-type{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-gray-10);padding:.2em .5em;border-radius:5px;margin-bottom:5px;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-body .fo-conveyor-type strong{display:block;margin:0;font-size:.9em;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-body .fo-conveyor-type small{font-size:.7em;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-footer{align-items:center;width:100%;border-top:0;padding-top:0;margin-top:5px;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-footer .fo-conveyor-metrics{margin-top:1em;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-footer .fo-conveyor-metrics .fo-conveyor-metrics-list{display:block;list-style:none;text-align:left;padding:0;margin:0;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-footer .fo-conveyor-metrics .fo-conveyor-metrics-list li{margin:1.2em 0;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-footer .fo-conveyor-metrics .fo-conveyor-metrics-list li:first-child{margin:0;}.fo-conveyor-container .fo-conveyor-vertical .fo-conveyor-footer .fo-conveyor-metrics .fo-conveyor-metrics-list h5{margin:.5em 0 0 0;line-height:0;}.fo-conveyor-container .fo-conveyor-stopped{background-color:var(--color-primary-light);border:1px solid var(--color-primary);}.fo-conveyor-container .fo-conveyor-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);}.fo-conveyor-container .fo-conveyor-error{background-color:var(--color-error-light);border:1px solid var(--color-error);animation-name:conveyor-error;animation-duration:4s;animation-iteration-count:infinite;}.fo-conveyor-container .fo-conveyor-table{position:absolute;right:25%;left:25%;top:5%;padding:1em;}@keyframes conveyor-error{0%{background-color:var(--color-error-light);}50%{background-color:#d9958f;}100%{background-color:var(--color-error-light);}}@-webkit-keyframes bg-scrolling-reverse{100%{background-position:50px 50px;}}@-moz-keyframes bg-scrolling-reverse{100%{background-position:50px 50px;}}@-o-keyframes bg-scrolling-reverse{100%{background-position:50px 50px;}}@keyframes bg-scrolling-reverse{100%{background-position:50px 50px;}}@-webkit-keyframes bg-scrolling{0%{background-position:50px 50px;}}@-moz-keyframes bg-scrolling{0%{background-position:50px 50px;}}@-o-keyframes bg-scrolling{0%{background-position:50px 50px;}}@keyframes bg-scrolling{0%{background-position:50px 50px;}}.fo-tire-house-container{overflow:auto;padding:2em 0;}.fo-tire-house-container table{border:0;}.fo-tire-house-container table tr td{border:0;padding:2px;}.fo-tire-house-container table tr td .fo-tire-house-top-box{background-color:var(--color-primary-light);color:var(--color-gray-20);padding:4px 8px;margin:0;border-radius:5px;text-align:center;height:40px;max-width:60px;}.fo-tire-house-container table tr td .fo-tire-house-top-box h5{margin:0;padding:0;font-size:1em;}.fo-tire-house-container table tr td .fo-tire-house-top-box span{margin:0;padding:0;font-size:.8em;color:var(--color-gray-40);}.fo-tire-house-container table tr td .fo-tire-house-conveyor-badge{padding:4px;border-radius:5px;background-color:var(--color-gray-80);color:var(--color-gray-20);}.fo-tire-house-container table tr td .fo-tire-house-conveyor-badge h5{margin:0;padding:0;font-size:.8em;}.fo-tire-house-container table tr td .fo-tire-house-conveyor-badge span{font-size:.7em;color:var(--color-gray-40);}.fo-tire-house-container table tr td .fo-tire-house-station{background:var(--color-white);border:2px solid var(--color-primary-light);border-radius:5px;min-width:190px;}.fo-tire-house-container table tr td .fo-tire-house-station .fo-tire-house-station-body{padding:8px;display:flex;flex-direction:column;}.fo-tire-house-container table tr td .fo-tire-house-station .fo-tire-house-station-body h4{font-size:1em;margin:0;border-bottom:1px solid var(--color-gray-90);padding-bottom:2px;margin-bottom:2px;}.fo-tire-house-container table tr .fo-tire-house-conveyor-title{background-color:var(--color-gray-90);}.fo-tire-house-container table tr .fo-tire-house-conveyor-title .fo-tire-house-conveyor-station{background-color:var(--color-primary-light);color:var(--color-gray-40);padding:6px 2px;text-align:center;font-size:16px;height:40px;border-radius:5px;}.fo-tire-house-container table tr .fo-tire-house-conveyor-title .fo-tire-house-conveyor-station h4{margin:0;padding:0;}.fo-tire-house-container table tr .fo-tire-house-conveyor-h{vertical-align:top;min-width:50px;background-color:var(--color-gray-90);}.fo-tire-house-container table tr .fo-tire-house-conveyor-h .fo-tire-house-conveyor{height:50px;width:100%;display:flex;align-items:center;justify-content:center;}.fo-tire-house-container table tr .fo-tire-house-conveyor-v{background-color:var(--color-gray-90);width:50px;max-width:50px;position:relative;}.fo-tire-house-container table tr .fo-tire-house-conveyor-v .fo-tire-house-conveyor{display:flex;align-items:center;justify-content:center;text-align:center;}.fo-tire-house-container table tr .fo-tire-house-conveyor-column{height:120px;}.fo-tire-house-container .fo-tire-house-top{width:100%;}.fo-tire-house-container .fo-tire-house-top .fo-tire-house-top-box{background-color:var(--color-primary);padding:6px 12px;margin:0 2px;border-radius:5px;color:var(--color-white);text-align:center;}.fo-tire-house-container .fo-tire-house-top .fo-tire-house-top-box h5{margin:0;padding:0;}.fo-tire-house-container .fo-tire-house-top .fo-tire-house-top-rms{display:inline-flex;}.fo-tire-house-container .fo-tire-house-top .fo-tire-house-top-rfg{display:inline-flex;}.fo-tire-house-container .fo-tire-house-top .fo-tire-house-top-rso{display:inline-flex;}.fo-tire-house-container .fo-tire-house-top .fo-tire-house-top-awsr1{display:inline-flex;}.fo-tire-house-container .fo-tire-house-top .fo-tire-house-top-awsr2{display:inline-flex;}