body{margin:0;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#004876;font-size:1rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.rowoverlay{position:absolute;top:0;left:0;z-index:1;bottom:0;right:0;height:400px}h3{color:#b1b3b3;font-size:1rem;border-bottom:1px solid #e5e5e5;margin-bottom:1%}h3:after{content:"…";float:right}.main-page-heading{font-weight:300;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal}.mg-auto{margin-top:auto;margin-bottom:auto}.main-page-heading .bold{font-weight:900}.mg-top-7{margin-top:7%}.mg-top-4{margin-top:3%}.mg-top-6{margin-top:6.25%}.mg-top-8{margin-top:7%}.mg-top-20{margin-top:21%}.mg-top-35{margin-top:35%}.mg-top-50{margin-top:50px}.mg-top-95{margin-top:10%}.mg-top-49{margin-top:49px}.mg-left-2{margin-left:2%}.mg-left-15{margin-left:15%}.mg-left-16{margin-left:20%}.mg-left-21{margin-left:21%}.mg-left-3{margin-left:6.5%}.mg-left-6{margin-left:6%}.mg-left-23{margin-left:23%}.mg-left-46{margin-left:46%}.mg-left-220{margin-left:126px}.mg-left-3{margin-left:3%}.mg-bottom-2{margin-bottom:2%}.pd-left-4{padding-left:4%}.pd-top-50{padding-top:50px}.pd-right-20{padding-right:10%}.pd-right-9{padding-right:18%}.pd-right-4{padding-right:4%}.pd-top-2{padding-top:2%}.pd-top-3{padding-top:3.5%}.pd-top-5{padding-top:5%}.pd-top-15{padding-top:15%}.satellite{height:173px;object-fit:contain;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.line-4-to-dashboard{background:-webkit-linear-gradient(top left,transparent calc(50% - 1px),#ff9e1b calc(50% - 1px),#ff9e1b 50%,transparent 0);background:linear-gradient(to bottom right,transparent calc(50% - 1px),#ff9e1b calc(50% - 1px),#ff9e1b 50%,transparent 0);height:75%;width:100%;margin:auto;right:70%}.svg-lines-from-satellite{stroke:#ff9e1b;stroke-width:1px}.svg-lines-from-homip{stroke:#b1b3b3;stroke-width:1px}.line-5-separator{border-left:1px solid #979797;height:809px;margin-left:36%;margin-top:5%}.line-6-horizontal{border-left:1px solid #b1b3b3;-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute}.line-6-horizontal.line-pc{margin-left:90%}.plc-padding{padding-left:0!important;padding-right:0!important}.oval-green{background-color:#59d196}.oval-green,.oval-red{width:28px;height:28px;border-radius:45%;border:2px solid #fff;position:relative}.oval-red{background-color:#f54f44}.oval-grey{width:8px;height:8px;background-color:#b1b3b3;border-radius:50%}.figure-title{padding-top:5%}.figure-title,.figure-title-more{height:1rem;font-size:.875rem;font-weight:300;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:center}.figure-title-more{color:#b1b3b3;padding-top:12%}.navigation div{left:86%}.navigation p{padding-top:31%}.shaft_power div{left:86%}.shaft_power p{padding-top:45%}.ams div{left:86%}.ams p{padding-top:34%}.speed_log div{left:86%}.speed_log p{padding-top:35%}.hcg div{left:86%}.hcg p{padding-top:31%}.customer img{margin:auto;text-align:center;padding-top:32%;padding-bottom:32%}.customer p{padding-top:30%}.hoppe-service img{margin:auto;text-align:center;padding-top:24%;padding-bottom:24%}.data-quality p,.hoppe-service p{padding-top:10%}iframe{display:block;width:100%;padding:2.5%;border-radius:3%;background-color:#bfd1dd;border:1px solid #004876}.dashboard-boarder{width:93%}.dashboard-header-text{font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#828282}.dashboard-header-text .normal{font-size:.625rem;font-weight:300}.dashboard-header-text .bold{font-size:1.188rem;font-weight:700}.dashboard-header-rectangle{box-shadow:0 0 4px 0 rgba(74,74,74,.25);background-color:#fff}.hoppe-logo{text-align:right}.hoppe-logo img{width:33%}.event-log{height:169px;overflow:scroll;font-size:.56rem;overflow-x:hidden}.rectangle{border-radius:20%;box-shadow:0 0 4px 0 rgba(74,74,74,.5);border:1px solid #004876;background-color:#fff}.rectangle-more{border-radius:20%;border:1px solid #e5e5e5;background-color:#fff}@media (min-width:992px){.connector-height{height:7%}.main-page-heading{font-size:1.5rem}.image{width:100%}.rectangle-center{display:flex}.rectangle-center img{margin:auto;text-align:center}.mg-top-8{margin-top:12%}.rectangle.speed_log img{width:48%;padding-bottom:28%;padding-top:28%;margin:auto;text-align:center}.sensor-button-ams,.sensor-button-hcg,.sensor-button-navigation,.sensor-button-shaft_power,.sensor-button-speed_log{width:95%}.mg-left-13{margin-left:13%}.mg-left-3{margin-left:0}.rectangle{width:100%}.rectangle.shaft_power img{width:48%;padding-bottom:35%;padding-top:35%;margin:auto;text-align:center}.rectangle.navigation img{width:48%;padding-bottom:22%;padding-top:22%;margin:auto;text-align:center}.rectangle.ams img{width:48%;padding-bottom:30%;padding-top:30%;margin:auto;text-align:center}.rectangle.navigation{width:100%}.rectangle-disabled.customer img,.rectangle-disabled.data-quality img,.rectangle-disabled.hoppe-service img{width:48%}.rectangle.hcg img{width:48%;padding:21% 14%;margin:auto;text-align:center}.figure-title{font-size:.75rem}.homip-image{width:100%}.satellite .image{width:80%}.ships .image{width:53%}.mg-left-220{margin-left:0}.line-6-horizontal{border-left:1px solid #b1b3b3;height:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute}.rectangle-more{width:100%;height:95%}.rectangle-disabled{display:flex;margin-left:0;border-radius:20%;background-color:#fff;border:1px solid #b1b3b3}.rectangle-disabled.hoppe-service{margin-left:0}.rectangle.data-quality img{width:81%;margin:auto;text-align:center;padding-top:9%;padding-bottom:9%}.line-5-separator{height:660px;margin-top:0}.dashboard-boarder{width:100%}.mg-left-16{margin-left:3%}.oval-green,.oval-red{position:absolute;top:0;left:67%;z-index:1;bottom:0;right:0;width:20%;height:18%}}@media (min-width:1400px){.oval-green,.oval-red{left:73%}.figure-title{font-size:1rem}}@media (min-width:1919px){.rectangle{width:100%}.oval-green,.oval-red{width:21%;height:21%}.rectangle.hcg{padding-bottom:7%}.rectangle-more{height:75%;padding-top:88%;padding-left:29%}.rectangle-disabled{border-radius:16px;background-color:#fff;border:1px solid #b1b3b3;padding-bottom:0;padding-top:0}.line-6-horizontal{height:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-left:49%}.line-6-horizontal.line-pc{margin-left:90%}.line-7-homip-sensor{height:30px;right:42%}.homip-image{width:100%}.main-page-heading{font-size:2.3rem}.dashboard-header-text .normal{font-size:1.125rem;font-weight:300}.dashboard-header-text .bold{font-size:1.69rem;font-weight:700}h3{color:#b1b3b3;font-size:1.3rem;border-bottom:2px solid #e5e5e5;padding-bottom:.5%}.event-log{height:270px;overflow:scroll;font-size:.875rem;overflow-x:hidden}.rectangle.hcg img{width:18%;padding-right:0;padding-left:0}}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Sensor_menu__1ZzSE{position:absolute;bottom:100%;left:-50px}.Sensor_container__2SZ9j{position:relative}.Sensor_item__1ak8U{text-align:center;margin:20px 0;border-radius:16px;box-shadow:0 0 4px 0 rgba(74,74,74,.5);border:1px solid #004876;background-color:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:5%}.Sensor_item__1ak8U:after{content:"";float:right;width:21px;height:21px;border-radius:50%;border:2px solid #fff;background-color:#f54f44;margin-right:-22px;vertical-align:middle}.Sensor_blur__3RS9T{position:fixed;width:50%;height:50%;bottom:0;left:0;background-color:hsla(0,0%,100%,.8)}@media (min-width:992px){.Sensor_item__1ak8U{font-size:.75rem}}@media (min-width:1500px){.Sensor_item__1ak8U{font-size:1rem}}.CurrentSignalQuality_container__1fxO5{display:flex;justify-content:space-around;margin-top:6%}.CurrentSignalQuality_indicator__1vbR4{height:100px;width:90px;margin:5%}.CurrentSignalQuality_value__1p1cc{font-size:15px;font-weight:700;text-align:center}.CurrentSignalQuality_value__1p1cc.CurrentSignalQuality_good__1dxfT{color:#59d196}.CurrentSignalQuality_value__1p1cc.CurrentSignalQuality_medium__VII01{color:#f8ad1a}.CurrentSignalQuality_value__1p1cc.CurrentSignalQuality_bad__16KVH{color:#f54f44}.CurrentSignalQuality_label__3ZRI2{color:#b1b3b3;font-size:10px}.EventLog_listItem__2KMo1{border-radius:0;margin-bottom:5px;border:none;background-color:#f0f0f0;color:#828282;font-weight:lighter;padding-left:4%;padding-right:5%}.EventLog_listItem__2KMo1[data-status=open]{color:#fff;background-color:#f54f44}.EventLog_listItem__2KMo1[data-status=open] .EventLog_status__2jdIN{color:#fff}.EventLog_listItem__2KMo1[data-status=open] .EventLog_status__2jdIN:after{background-color:#fff}.EventLog_listItem__2KMo1[data-status=fixing] .EventLog_status__2jdIN{color:#f8ad1a}.EventLog_listItem__2KMo1[data-status=fixing] .EventLog_status__2jdIN:after{background-color:#f8ad1a}.EventLog_status__2jdIN{text-transform:uppercase;color:#59d196}.EventLog_status__2jdIN:after{display:inline-block;vertical-align:0;content:" ";margin-left:5px;width:12px;height:12px;background-color:#59d196;border-radius:50%}h1{font-size:27px;font-weight:300;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal}form{color:#fff;font-size:18px}.ContactForm_customInput__3M8u3{background-color:transparent;color:#ff9e1b;border:none;border-bottom:1px solid #fff;padding:5px 15px;outline:none}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:text-indent .4s ease .4s;transition:text-indent .4s ease .4s;text-indent:-100%;opacity:1}.ContactForm_btnSend__2f6ur{background-color:#ff9e1b;font-size:18px;border-radius:0;border-color:#ff9e1b;color:#fff}.ContactForm_checkbox__1g7Zs,.ContactForm_radio__s3mYI{padding-left:20px}.ContactForm_checkbox__1g7Zs Label,.ContactForm_radio__s3mYI label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}.ContactForm_radio__s3mYI label:before{margin-top:5%;content:"";display:inline-block;position:absolute;width:20px;height:20px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:50%;background-color:#004876;-webkit-transition:border .15s ease-in-out;transition:border .15s ease-in-out}.ContactForm_radio__s3mYI label:after{margin-top:5%;display:inline-block;position:absolute;content:" ";width:14px;height:14px;left:3px;top:3px;margin-left:-20px;background-color:#555;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);transition:transform .1s cubic-bezier(.8,-.33,.2,1.33);transition:transform .1s cubic-bezier(.8,-.33,.2,1.33),-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33)}.ContactForm_radio__s3mYI input[type=radio]{opacity:0;z-index:1}.ContactForm_radio__s3mYI input[type=radio]:focus+label:before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ContactForm_radio__s3mYI input[type=radio]:checked+label:after{-webkit-transform:scale(1);transform:scale(1)}.ContactForm_radio__s3mYI input[type=radio]:disabled+label{opacity:.65}.ContactForm_radio__s3mYI input[type=radio]:disabled+label:before{cursor:not-allowed}.ContactForm_customRadio__2pN6j input[type=radio]+label:after{background-color:#ff9e1b;border-radius:50%}.ContactForm_customRadio__2pN6j input[type=radio]:checked+label:before{border-color:#fff;border-radius:50%}.ContactForm_checkbox__1g7Zs{padding-left:20px}.ContactForm_checkbox__1g7Zs label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}.ContactForm_checkbox__1g7Zs label:before{margin-top:1.2%;content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;background-color:#004876;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}.ContactForm_checkbox__1g7Zs label:after{display:inline-block;position:absolute;width:16px;height:16px;left:0;top:0;margin-left:-20px;padding-left:3px;padding-top:1px;font-size:11px;color:#555}.ContactForm_checkbox__1g7Zs input[type=checkbox],.ContactForm_checkbox__1g7Zs input[type=radio]{opacity:0;z-index:1}.ContactForm_checkbox__1g7Zs input[type=checkbox]:focus+label:before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ContactForm_checkboxWarning__2WUOC input[type=checkbox]:checked+label:before{background-color:#f0ad4e;border-color:#f0ad4e}input[type=checkbox] .ContactForm_styled__vhuBc:checked+label:after,input[type=checkbox] .ContactForm_styled__vhuBc:checked+label:before,input[type=radio] .ContactForm_styled__vhuBc:checked+label:after,input[type=radio] .ContactForm_styled__vhuBc:checked+label:before{color:#fff}
/*# sourceMappingURL=main.5f5f8bf0.chunk.css.map */