ul { margin: 0; padding: 0; list-style-type: none; display:block;} button{ outline: none; -webkit-appearance: none;} input[type=submit], input[type=button]{ -webkit-appearance: none;} select:disabled, input:disabled {cursor: not-allowed; } select option:disabled { color: #999; } textarea{resize: vertical;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;} *, :after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} a{ text-decoration: none;color: rgba(0,0,0,0.65); } a.underlined:hover{ text-decoration: underline; color: rgba(0,0,0,1); cursor: pointer;} a.d-inline-block {display:inline-block; position: relative;} a.d-inline-block + a.d-inline-block {margin-left: 10px} a.external-link i {position:absolute; top: 0; right: 0; padding: 10px; cursor: pointer;} .hoverThumbnail {position: relative;} .hoverThumbnail img {display: none; position: fixed; bottom: 10px; left: 10px; height: auto; margin-left: 10px; border: 1px solid #999; object-fit: contain; background: #000; z-index: 99;} .hoverThumbnail:hover img {display: block;} .table{ display: table; border-collapse: collapse; width: 100%;} .table-row{ display: table-row; } .table-cell{ display: table-cell; vertical-align: middle; } section, section .table, body, html, body.loginPage.swal2-height-auto{ height: 100%!important;} .colored-toast.swal2-icon-success { background-color: #91c46b !important; } .colored-toast.swal2-icon-warning { background-color: #f8bb86 !important; } .colored-toast.swal2-icon-error { background-color: #f88686 !important; } .colored-toast .swal2-title { color: white; } section.innerSection{ height: auto !important;} iframe{max-width: 100%;} body{ background: #FFF; color: rgba(0,0,0,0.65); font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 0; padding: 0;} .monospace{ font-family: monospace; text-wrap: wrap} .monospace.text-right{ text-align: right; } strong, th{text-rendering: optimizeLegibility;} .clear{ clear:both;} .selectMachine{ cursor: pointer;} .panel-body{padding: 15px; position: relative; } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{ display: table; content: " ";} .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both;} :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .relative{ position: relative;} .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap;} .btn:disabled { background-color: #cccccc;} .left{ float: left;} .right{ float: right;} .alignCenter{ text-align: center;} .hidden{ display: none; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;} .scanResult select{ min-width: 70px;} .scanResult .warning-icon i { color: #e77338; font-size: 18px; } .scanResult tr.unsupported { background-color: #d7634e; } .scanResult tr.collision { background-color: #e8cdae; } .dashboard section .tableView .scanResult table .admin-row td { border-top: 0; } .delete-btn, .info-btn { margin: 5px 1%; padding: 5px 10px; border: 1px dashed; background: none; cursor: pointer;border-color: #6e91cb; } .delete-btn.operationIcon { margin: 0; } .delete-btn { border-color: #e77338; } .delete-btn .label, .info-btn .label { margin-left: 10px; line-height: 35px; font-weight: bold; text-transform: uppercase; color: #6e91cb;} .delete-btn .label { color: #e77338; } .importPreset .delete-btn span, .downloadPresets .delete-btn span, .downloadPresetsRaw .delete-btn span { color: #e77338; } .accordion {float: left; width: 100%;} svg > g > g:last-child { pointer-events: none } /* fix google chart tooltip flickering */ .multi-select-button,.multi-select-menu{border:1px solid #aaa;box-shadow:0 1px 3px rgba(0,0,0,.2)} .multi-select-container{display:inline-block;position:relative;width:100%} .multi-select-menu{position:absolute;left:0;top:1.4em;float:left;background:#fff;margin:1em 0;padding:.4em 1em;display:none;z-index: 999} .multi-select-menu input{margin-right:.3em;vertical-align:.1em} .multi-select-button{display:inline-block;font-size:.875em;padding:.2em .6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:-.5em;background-color:#fff;border-radius:4px;cursor:default} .multi-select-button:after{content:"";position:absolute;display:inline-block;right:0;top:1.2em;width:0;height:0;border-style:solid;border-width:.4em .4em 0;border-color:#999 transparent transparent;margin-right:.4em} .form-group label.multi-select-menuitem,.multi-select-container--open .multi-select-menu{display:block; width: auto;} .multi-select-container--open .multi-select-button:after{border-width:0 .4em .4em;border-color:transparent transparent #999} .user-info {padding-top: 30px;margin: 30px auto;text-align: center} .user-info .user-img {width: 60px;margin: auto; position: relative} .user-info .user-img img {margin: auto; max-width: 60px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px} .user-info .user-img .likes-info {position: absolute;top: 21px;right: -8px;width: 18px;height: 18px;text-align: center;font-size: 9px;z-index: 100;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;color: #fff;background: #e77338;line-height: 18px;vertical-align: middle} .user-info h5.user-name-o {font-size: 14px;color: #fff;margin: 5px auto;text-align: center} .user-info p.profile-complete { font-size: 12px;color: grey;margin: 0 4px} .logo { margin: 0 0 30px;display: block;padding-top: 50px;text-align: center} .logo a img {max-width: 110px;margin: 5px 0 0} ul#mini-nav li.list-box select{margin: 0; padding: 6px 10px; color: #333; font-style: italic; background: #fff; border: none; width: 210px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; line-height: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} .dashboard section .table .table-cell.rightColumn span.dashboardNoInfoAvailable {width: 100%; display: block; margin: auto; text-align: center; padding-top: 20px;} .dashboard section .table .table-cell.content-cell .box30.Suggestions{ display: none;} section .table-cell{ vertical-align: middle; } .loginPage section .table-cell.logoBlock{ background: #1b2333; max-width: 45%; width: 45%; text-align: center; position: relative;} .loginPage section .table-cell.logoBlock footer{ position: absolute; bottom: 5%; left:0; width: 100%; color: #FFF;} .loginPage section form, .loginPage section h1 {width: 60%; margin: 0 auto;} .loginPage section h1 {font-weight: 300; font-size: 24px; text-align: center; margin-bottom: 25px; display: inline-block; width: 100%;} .loginPage section form p.inputBlock {position: relative; margin: 16px 0 24px 0; display: inline-block; width: 100%;} .loginPage section form p.inputBlock:before {left: 0; right: 0; bottom: 0; height: 1px; content: ""; position: absolute; transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.42);} .loginPage section form p .inputField{ font: inherit; width: 100%; border: 0; margin: 0; padding: 10px 0 13px; display: block; min-width: 0; box-sizing: content-box; background: none; vertical-align: middle; -webkit-tap-highlight-color: transparent;} .loginPage section .inputField ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: inherit; transition: 0.4s;} .loginPage section .inputField:focus ~ .focus-border, .loginPage section .inputField.has-content ~ .focus-border{width: 100%; transition: 0.4s;} .loginPage section .inputField ~ label{position: absolute; left: 0; width: 100%; top: 9px; color: inherit; transition: 0.3s; z-index: -1; letter-spacing: 0.5px;} .loginPage section .inputField:focus ~ label, .loginPage section .inputField.has-content ~ label{top: -16px; font-size: 12px; color: inherit; transition: 0.3s;} .loginPage section input[type=submit]{ width: 100%; background: #FFF; border: #007af5 1px solid; color: #007af5; padding: 16px 0; font-size: 18px; font-family: inherit;} .loginPage section input[type=submit]:disabled{ width: 100%; background: #FFF; border: gray 1px solid; color: gray; padding: 16px 0; font-size: 18px; font-family: inherit;} .loginPage section div.errors{ color: #ff5630; margin: 0 0 30px 0; font-size: 16px; text-align: center; font-weight: 700; line-height: 20px;} .dashboard{ background: #F4F4F8; color: #000;} .dashboard section .table .table-cell.menuColumn{ width: 15%; background: #262626; color: #FFF;position: fixed; vertical-align: top; padding: 0 0 0 0;} .dashboard section .table .table-cell.menuColumn{ position: fixed; left: -300px; top: 0; height: 100%; z-index: 10; width: 250px; overflow-y: auto;} .dashboard section .table .table-cell.menuColumn.minMenu{ width: 100px;} footer{ width: 100%; text-align: center; color: #262626;background: #F4F4F8; padding: 20px 0;} .dashboard section .table .table-cell.headerRow{ position: sticky; top: 0; z-index: 99;padding: 0 15px; background: #444; background: -moz-linear-gradient(top,#444 0,#464646 1%,#313131 16%,#404040 88%,#1d1d1d 100%); background: -webkit-linear-gradient(top,#444 0,#464646 1%,#313131 16%,#404040 88%,#1d1d1d 100%); background: linear-gradient(to bottom,#444 0,#464646 1%,#313131 16%,#404040 88%,#1d1d1d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#1d1d1d', GradientType=0 ); height: 60px; color: #FFF;} .dashboard section .table .table-cell.headerRow a{ color: #FFF; } .dashboard section .table .table-cell.headerRow h1{ float: left; font-weight: 300; font-size: 24px; margin: 0; line-height: 60px;margin-left: 15px;} .dashboard section .table .table-cell.headerRow .actions{ float: right; margin: 0;} .dashboard section .table .table-cell.headerRow .actions > ul{ margin: 12px 0;} .dashboard section .table .table-cell.headerRow .actions > ul > li{ float: left; margin-left: 15px; line-height: 18px;} .dashboard section .table .table-cell.headerRow .actions li a{ text-decoration: none; display: block;} .dashboard section .table .table-cell.headerRow .actions > ul > li > i, .dashboard section .table .table-cell.headerRow .actions ul > li a > i{color: #fff; font-size: 18px; text-shadow: 2px 0 2px #000; display: block; font-size: 20px; text-align: center;padding: 10px; float:left;} .dashboard section .table .table-cell.headerRow .actions li span{float:left;} .dashboard section .table .table-cell.headerRow .actions li span.userEmail{padding: 10px 0;} .dashboard section .table .table-cell.headerRow .actions li span span{float:right;} .dashboard section .table .table-cell.headerRow .actions li span span{float:right; position: relative;} .dashboard section .table .table-cell.headerRow .actions li span span.close:after{content: ""; position: absolute; top: -1px; left: -1px; background: #FFF; color: #000; border-radius: 50%; font-size: 9px; width: 12px; height: 12px;} .dashboard section .table .table-cell.headerRow .actions li:hover a i{color: #e77338;} .dashboard section .table .table-cell.content-cell{ padding: 10px 5px 5px 0; vertical-align: top;} .dashboard section .table .table-cell.content-cell .box{ margin: 0 0 0px 1%; margin-bottom: 13px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cfcfe0; box-shadow: 0 0 2px #fff; background: #FFF; float:left; width: 98%; height: 250px;} .dashboard section .table .table-cell.content-cell .box.CoinVault{ display: none;} .dashboard section .table .table-cell.content-cell .box.filterBlock{ min-height: 140px; height: auto;} .dashboard section .table .table-cell.content-cell .box.filterBlock form{ display: block; } .dashboard section .table .table-cell.content-cell .box.filterBlock form p, .dashboard section .table .table-cell.content-cell .box.filterBlock form .p{ display:inline-block; padding: 10px; vertical-align: top; margin: 0;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p.dateRange{ width: 350px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p label, .dashboard section .table .table-cell.content-cell .box.filterBlock form .p label{ width: 100%; display: block; margin: 0 0 10px 0;font-weight: 700; font-size: 14px; min-height: 19px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .p label strong{ width: 70%; font-size: 12px; line-height: 14px; float: left; } .dashboard section .table .table-cell.content-cell .box.filterBlock form p input[type=text], .dashboard section .table .table-cell.content-cell .box.filterBlock form p input[type=number], .dashboard section .table .table-cell.content-cell .box.filterBlock form p input[type=date], .dashboard section .table .table-cell.content-cell .box.filterBlock form p select{ border-radius: 0; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #bfbfbf; height: 40px; padding: 8px 12px; max-width: 300px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p select{ width: 230px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p .squared-check{ margin-top: 8px; float: none; display: inline-block;} .dashboard section .table .table-cell.content-cell .box.filterBlock.messageFilterBlock form p select{ width: 275px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p input[type="text"], .dashboard section .table .table-cell.content-cell .box.filterBlock form p input[type="number"], .dashboard section .table .table-cell.content-cell .box.filterBlock form p input[type="date"]{ width: 250px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p input[type=date]{ max-width: 155px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p input[type=submit]{ min-width: 50px;} .dashboard section .table .table-cell.content-cell .box.filterResult{ height: unset; max-height: unset;} .dashboard section .table .table-cell.content-cell .box.status7{ background-color: #efefef;} .dashboard section .table .table-cell.content-cell .box.status10{ background-color: red; color: #FFF;} .dashboard section .table .table-cell.content-cell .box.status10 .type{ border-color: #FFF;} .dashboard section .table .table-cell.content-cell .box.status10 .box-heading h4{color: #FFF;} .dashboard section .table .table-cell.content-cell .box.unlimitedHeight{ height: unset;} .dashboard section .table .table-cell.content-cell .box .box-heading{ position: relative; border: 0; border-bottom: 1px solid #dedeea; background: 0 0; box-shadow: inset 0 -2px 0 #f4f4f8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;padding: 10px 15px;} .dashboard section .table .table-cell.content-cell .box #LineQualityGauge, #LineQualityGauge{ width: 170px; margin: 0 auto;} .dashboard section .table .table-cell.content-cell .box #MachineWaterPressure{ width: 170px; margin: 0 auto;} .dashboard section .table .table-cell.content-cell .box #MachineWaterPressure * {text-rendering: optimizeLegibility; font-size:100%;} .dashboard section .table .table-cell.content-cell .box #MachineWaterPressure svg g g {font-size:0px;} .dashboard section .table .table-cell.content-cell .box .box-heading h4{ margin: 0; color: #0b1017; font-size: 16px; display: inline-block; font-weight: 600; width: 100%;} .dashboard section .table .table-cell.content-cell .box.box25 .box-heading h4{ width: 100%;} .dashboard section .table .table-cell.content-cell .box .box-heading.charts-box-heading h4{ position: relative; width: auto;} .dashboard section .table .table-cell.content-cell .box .box-heading.charts-box-heading .action-bar{ width: auto;} .dashboard section .table .table-cell.content-cell .box .box-heading.charts-box-heading .circle-icon{ width: 18px; height: 18px; font-size: 13px; line-height: 27px;} /* .dashboard section .table .table-cell.content-cell .box .box-heading h4 a{ color: #ffffff; float:right;} */ .dashboard section .table .table-cell.content-cell .box .box-heading h4 span{ float:right; font-size: 13px; text-transform: uppercase; } .dashboard section .table .table-cell.content-cell .box .box-heading h4 span.icon{ float:none; display: inline-block; margin-left: 10px; font-size: 16px; cursor: pointer;} .dashboard section .table .table-cell.content-cell .box .box-heading .btn{ position: absolute; right: 5px; top: 5px; font-size: 13px;} .dashboard section .table .table-cell.content-cell .box .box-heading .heading-under { display: flex; font-size: 11px; margin-top: 5px; column-gap: 5px; align-items: center;} .dashboard section .table .table-cell.content-cell .box .box-heading .heading-under > input[type=checkbox] { margin: 0;} .dashboard section .table .table-cell.content-cell .box .box-heading .heading-under > label { line-height: 1;} .dashboard section .table .table-cell.content-cell .box .box-heading h4 input[type=button]{ float:right; } .dashboard section .table .table-cell.content-cell .box .box-heading h4 input[type=checkbox]{ float:right; } .dashboard section .table .table-cell.content-cell .type{ margin: 50px 42px; width: 150px; height: 150px; border: 1px solid #666; border-radius: 50%; text-align: center; padding-top: 58px; line-height: 18px;} .dashboard section .table .table-cell.content-cell .type span{ font-size: 10px; font-weight: bold;} .dashboard section .table .table-cell.content-cell .type.type3, .dashboard section .table .table-cell.content-cell .type.type4, .dashboard section .table .table-cell.content-cell .type.type5, .dashboard section .table .table-cell.content-cell .type.type7, .dashboard section .table .table-cell.content-cell .type.type8, .dashboard section .table .table-cell.content-cell .type.type9, .dashboard section .table .table-cell.content-cell .type.type12, .dashboard section .table .table-cell.content-cell .type.type111, .dashboard section .table .table-cell.content-cell .type.type223, .dashboard section .table .table-cell.content-cell .type.type202, .dashboard section .table .table-cell.content-cell .type.type251{ border-radius: 0;} .dashboard section .table .table-cell.content-cell .box20{ height: 335px; float: none; display: inline-block; width: 240px;} .dashboard section .table .table-cell.content-cell .box20 .box-heading h4{ text-align: left;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4{ width: 170px; height: 250px; float: none; display: inline-block;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 .type{ margin: 25px 33px; width: 100px; height: 100px; line-height: 14px; padding-top: 32px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 .box-heading h4{ font-size: 13px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 .box-heading input[type=text]{ width: 60%; float: right;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 .box-heading input[type=checkbox]{ float: left;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 table.machineListDescription td{ font-size: 12px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5{ width: 140px; height: 230px; float: none; display: inline-block;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 .type{ margin: 25px 30px; width: 80px; height: 80px; line-height: 14px; font-size: 13px;padding-top: 26px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 .box-heading h4{ font-size: 13px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 table.machineListDescription td{ font-size: 12px;} .dashboard section .table .table-cell.content-cell .box20.boxMachinesMany{ width: 105px; height: 160px; float: none; display: inline-block;} .dashboard section .table .table-cell.content-cell .box20.boxMachinesMany .type{ margin: 15px 20px; width: 60px; height: 60px; line-height: 14px; font-size: 11px; padding-top: 14px;} .dashboard section .table .table-cell.content-cell .box20.boxMachinesMany .type span{ font-size: 8px;} .dashboard section .table .table-cell.content-cell .box20.boxMachinesMany .box-heading h4{ font-size: 10px;} .dashboard section .table .table-cell.content-cell .box20.boxMachinesMany .box-heading h4 .Node{ display: none;} .dashboard section .table .table-cell.content-cell .box20.boxMachinesMany table.machineListDescription { margin-top: 2px;margin-bottom: 0;} .dashboard section .table .table-cell.content-cell .box20.boxMachinesMany table.machineListDescription td{ font-size: 8px; padding-top: 0; padding-bottom: 0;} .dashboard section .table .table-cell.content-cell .box20.boxMachinesMany table.machineListDescription td .Generation{ display: none;} .dashboard section .table .table-cell.content-cell .box25{ width: 23.75% !important; overflow: hidden;} .dashboard section .table .table-cell.content-cell .box.inactiveTab .box-heading h4{ color: #bfbfd6;} .dashboard section .table .table-cell.content-cell .box30{ width: 32%; height: 370px; overflow: hidden;} .dashboard section .table .table-cell.content-cell .box70{ width: 65%; height: 370px; overflow: hidden;} .dashboard section .table .table-cell.content-cell .box100{ width: 98%; height: 370px;} .dashboard section .table .table-cell.content-cell .box50{ width: 48.5%; height: 420px;} .dashboard section .table .table-cell.content-cell .smallHeightBox{ height: 150px;} .dashboard section .table .table-cell.content-cell .lastBoxInRow{ margin-right: 0;} .dashboard section .table .table-cell.content-cell .box30 .table{ height: 305px !important;} .dashboard section .table .table-cell.content-cell .box30 .table-cell{ width: 33.33333%; border: 1px solid #cfcfe0;} .dashboard section .table .table-cell.content-cell .box30 .table-cell.table-cell-unused strong{ color: #919191;} .dashboard section .table .table-cell.content-cell .Summary .table-cell.table-cell-unused span{ color: #919191;} .dashboard section .table .table-cell.content-cell .box30 strong{ font-size: 24px; margin: 0; padding: 0;position: relative; width: 100%; display: inline-block; text-align: center;} .dashboard section .table .table-cell.content-cell .Summary span{ font-size: 12px; margin: 0; padding: 0;display: inline-block; text-align: center;width: 100%;} .dashboard section .table .table-cell.content-cell .box.UnlimitedHeight{ max-height: unset; height: auto;} .dashboard section .table .table-cell.content-cell .box.NoMargin{ margin: 0;} .dashboard section .table .table-cell.content-cell .machineStatus{ margin: 5px 2%; width: 96%; display: block; border: none; background: #F7F7F7; padding: 15px;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .table{ width: 100%; height: 160px !important;} .dashboard section .table .table-cell.content-cell .maintenanceBlock .table{ width: 100%; height: 160px !important;} .dashboard section .table .table-cell.content-cell .maintenanceBlock .table .table-cell{ text-align: center; vertical-align: middle; border: none; padding: 0;} .dashboard section .table .table-cell.content-cell .maintenanceBlock .table div#CycleDueGauge, .dashboard section .table .table-cell.content-cell .box30.maintenanceBlock .table div#HoursDueGauge{ display: inline-block;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .table .table-cell{ text-align: center; vertical-align: middle; border: none; padding: 0;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine{ height: 160px; width: 120px; border: 1px solid #666; border-radius: 5px; margin: 5px 2%; display:inline-block; } .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine.status10{ background: #DA3A22; color: #FFF;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine.status10 .type{ color: #FFF; border-color: #FFF;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine .type{ width: 90px; height: 90px; margin: 20px 15px; font-size: 13px; line-height: 14px; padding-top: 31px;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine .type span{ font-size: 10px; font-weight: bold;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine .progress .timeLeft{ top: 10px; right: 40px;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock #MachineTemperatureGauge { width: 160px; margin: 0; display:inline-block; } .dashboard section .table .table-cell.content-cell .scrollbar-inner{ max-height: 360px; padding: 0 15px;} .dashboard section .table .table-cell.content-cell .scrollbar-inner.UnlimitedHeight{ max-height: unset;} .dashboard section .table .table-cell.content-cell .scrollbar-inner.generalMachineInformation{ padding: 0px;} .dashboard section .table .table-cell.content-cell .scrollbar-inner.diagnosticsInfo{ padding: 0px;} .dashboard section .table .table-cell.content-cell .scrollbar-inner.buttonList{ padding: 0px;} .dashboard section .table .table-cell.content-cell .box table{ margin: 5px 2%; width: 96%; font-size: 13px; border-collapse: collapse;} .dashboard section .table .table-cell.content-cell .box .regularText p{ margin: 5px 2%; width: 96%; font-size: 13px;} .dashboard section .table .table-cell.content-cell .box.filterResult table{ table-layout: fixed;} .dashboard section .table .table-cell.content-cell .box.filterResult.xmlFilterResult table table{ margin: 0; table-layout: unset;} .dashboard section .table .table-cell.content-cell .box.filterResult.xmlFilterResult table td{ vertical-align: top; } .dashboard section .table .table-cell.content-cell .box.filterResult.xmlFilterResult table table th{ text-align: left;vertical-align: top;} .dashboard section .table .table-cell.content-cell .box.filterResult.errorFilterResult, .dashboard section .table .table-cell.content-cell .box.filterResult.serviceLogResult { max-width: 98vw;} .dashboard section .table .table-cell.content-cell .box.filterResult.errorFilterResult .panel-body, .dashboard section .table .table-cell.content-cell .box.filterResult.serviceLogResult .panel-body { overflow-x: auto; } .dashboard section .table .table-cell.content-cell .box.filterResult.errorFilterResult table, .dashboard section .table .table-cell.content-cell .box.filterResult.serviceLogResult table { table-layout: auto; } .dashboard section .table .table-cell.content-cell .box.filterResult.errorFilterResult table th, .dashboard section .table .table-cell.content-cell .box.filterResult.serviceLogResult table th{ text-align: left; vertical-align: top; padding: 5px; } .dashboard section .table .table-cell.content-cell .box.filterResult.errorFilterResult table td, .dashboard section .table .table-cell.content-cell .box.filterResult.serviceLogResult table td { width: auto; } .dashboard section .table .table-cell.content-cell .box.filterResult.xmlFilterResult table table td{ text-align: left;vertical-align: top; border: none;} .dashboard section .table .table-cell.content-cell .box.filterResult.xmlFilterResult table table table th{ font-weight: 400;} .dashboard section .table .table-cell.content-cell .box table td{ border-top: 1px solid #dedeea;padding: 5px 8px; line-height: 1.42857143; width: 50%;} .dashboard section .table .table-cell.content-cell .box table td i, .tableView td i{ display: inline-block; margin-left: 10px; color: #000; cursor: pointer;} .dashboard section .table .table-cell.content-cell .box table td.flex-cell{ display: flex; flex-direction: column; width: 100%; row-gap: 5px;} .dashboard section .table .table-cell.content-cell .box table.table-wrap{ table-layout: fixed;} .dashboard section .table .table-cell.content-cell .box table.table-wrap td{ word-wrap: break-word;} .dashboard section .table .table-cell.content-cell div.addUserContainer {display: flex; gap: 20px; flex-wrap: wrap;} .dashboard section .table .table-cell.content-cell div.addUserContainer .box {flex: 1;} .dashboard section .table .table-cell.content-cell div.usersList th.userManageActions .actions, .dashboard section .table .table-cell.content-cell div.usersList th.userManageActions .actions a, .dashboard section .table .table-cell.content-cell div.usersList td.userManageActions .actions a {margin-right: 10px; cursor: pointer} table td.selectMachine i { margin: auto;} .dashboard section .table .table-cell.content-cell .box .onnectedMachineSelect{ width: 100%; display: flex; column-gap: 10px; } /* .dashboard section .table .table-cell.content-cell .box table td i, .tableView td i .fa .fa-key{margin-left: 0px; color: white;} */ .keyButton{height:30px; border: none; background-color: unset; } .keyButton:not(.simple){background-color: #91c46b; border: 2px solid #76b448;} .ui-dialog .ui-corner-all .ui-widget .ui-widget-content .ui-front .ui-dialog-buttons .ui-draggable .ui-resizable{width:50%; max-width: 400px;} .dashboard section .table .table-cell.content-cell .box table td.center{ text-align: center;} .dashboard section .table .table-cell.content-cell .box table.machineListDescription td{ width: 100%; font-weight: 600; text-align: center; font-size: 14px;} .dashboard section .table .table-cell.content-cell .box .downloadManual{ cursor: pointer;} .message-wrapper { margin-bottom: 30px;} .serviceLogInfo .message-wrapper { margin: 5px 2%; width: 96% } /*.message-wrapper li:first-child { padding-top: 0;}*/ .message-wrapper li { padding: 15px 0 20px; border-bottom: 1px solid #ededed; } .empty-avatar { height: 36px; width: 36px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: 2px solid #e6e6e6; color: #fff; text-align: center; line-height: 34px; float: left; margin-right: 10px;} .empty-avatar.blue { background: #6e91cb; border: 2px solid #4875be;} .empty-avatar.green { background: #91c46b; border: 2px solid #76b448; } .empty-avatar.red { background: #e77338; border: 2px solid #bc4e17; } .empty-avatar.yellow{background:#FFD06B;border:2px solid #ffc852} .empty-avatar.pink{background:#F782AA;border:2px solid #f56a9a} .empty-avatar.gray{background:#666;border:2px solid #333} .empty-avatar.light{background:#f7f7f7;border:2px solid #bbb; color: #999;} .message-wrapper li a{color: #000; font-weight: 700; font-size: 13px; } .message-wrapper li a.subHead{font-weight: normal;text-decoration: none;color: rgba(0,0,0,0.65);} .message-wrapper li a.subHead:hover{text-decoration: underline;} .message-wrapper li span.date-time{color: grey; font-size: 11px; width: 80%; line-height: 13px; display: inline-block; } .message-wrapper li .body{display: block; color: #333; padding-top: 6px; font-size: 13px; line-height: 19px;} .message-wrapper li .body span{ font-weight: 600; color: #1a1a1a; } .nodeStatus{ position: relative; flex: 1; height: 20px; border: 1px solid #666; background: #999999; } .nodeStatus.transparent{ opacity: 20%; } .nodeStatus.active { background: #91c46b;} .nodeStatus span { position: absolute; top: -18px; left: 50%; transform: translateX(-6px); font-size: 12px; } .dashboard section .table .table-cell.content-cell .box .deviceNodeStatusBlock { border: 1px solid #666; border-radius: 10px; margin: 30px auto; padding: 20px; max-width: 450px; } .dashboard section .table .table-cell.content-cell .box .deviceNodeStatusBlock .statusBlockContainer { display: flex; justify-content: space-between; } .collapse-menu{ transition: all .3s ease-out; position: absolute; top: 12px; left: 12px; width: 30px; height: 30px; padding: 0; border: 0; color: #D0D0D0; background-color: #353535; text-align: left; z-index: 100; cursor: pointer; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;} .quick-menu{ position: relative;} .quickMenu{ float: left; margin-top:17px;} .quickMenu a{ float: left; margin-right: 5px; left: 0; top: 0;} .quickMenu a .menu-item{ float: right; line-height: 30px; font-size: 12px; margin-right: 20px;} .quickMenu a span.removeKey { float: left;margin-right: 5px; font-size: 12px; cursor: pointer;} .quickMenu a span.removeKey:after { content: "\ea0e"; font-family: icomoon!important; float: left; margin-top: 9px; color: #FFF;} .quickMenu a i{ margin-top: 3px;} .collapse-menu i{ display: block; font-size: 20px; text-align: center;} .collapse-menu:hover { color: #fff; text-shadow: 0 0 10px #000; opacity: 1;} /*.collapse-menu.mobileMenuToggle { display: none;}*/ .collapse-menu.mobileMenuToggle { display: block; position: relative; float:left; top: unset; left: unset;margin-top: 17px; margin-left: 0px; margin-right: 5px; } /*Gateway IP Test Switch button css*/ .switch {position: relative; display: inline-block; width: 60px; height: 34px;} .switch input { opacity: 0;width: 0;height: 0; } .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px; background-color: white;-webkit-transition: .4s; transition: .4s; } input:checked + .slider {background-color: #6bae2d; } input:focus + .slider {box-shadow: 0 0 1px #2196F3;} input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);} .slider.round {border-radius: 34px;width: 60px;position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;} .slider.round:before {border-radius: 50%; } footer .logo { width: 100%; display: inline-block; text-align: center; margin-top: 30px;} footer .logo img{ max-width:70%; height: auto;} .dashboard section .menuColumn nav{ margin-top: 50px; display: block; width: 100%; } .dashboard section .menuColumn nav li a{ display: block; padding: 10px 20px; color: #b3b3b3; line-height: 20px; font-size: 14px; border-bottom: 1px solid #363636; border-top: 1px solid #141414; position: relative;} .dashboard section .menuColumn nav li.quickAccess a{ width: 20px; display: inline-block; margin-right: 10px; line-height: 3px; border: none;} .dashboard section .menuColumn nav li.active a{ background: #6e91cb; background: -moz-linear-gradient(top,#6e91cb 0,#6487c1 1%,#395d98 16%,#3d64a5 54%,#24406f 100%); background: -webkit-linear-gradient(top,#6e91cb 0,#6487c1 1%,#395d98 16%,#3d64a5 54%,#24406f 100%); background: linear-gradient(to bottom,#6e91cb 0,#6487c1 1%,#395d98 16%,#3d64a5 54%,#24406f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e91cb', endColorstr='#24406f', GradientType=0 ); transition: all .3s ease-out; color: #fff; text-shadow: none;} .dashboard section .menuColumn nav li a i{ font-size: 20px; width: 20px; vertical-align: top; display: inline-block;} .dashboard section .menuColumn nav li a:hover{ color: #EAEAEA;} .dashboard section .menuColumn nav li a span.down-arrow{ transition: all .3s ease-out; position: absolute; right: 15px; top: 10px; font-size: 16px;} .dashboard section .menuColumn nav li a span.down-arrow:after{ content: "\ea44"; font-family: icomoon!important; position: absolute; top: 0; right: 0; color: grey;} .dashboard section .menuColumn nav li.active a span.down-arrow:after{ content: "\ea42"; font-family: icomoon!important; position: absolute; top: 0; right: 0; color: #FFF;} .dashboard section .menuColumn nav li a span.removeKey{ transition: all .3s ease-out; position: absolute; right: 15px; top: 10px; font-size: 16px;} .dashboard section .menuColumn nav li.active a span.removeKey:after{ content: "\ea0e"; font-family: icomoon!important; position: absolute; top: 0; right: 0; color: #FFF;} .dashboard section .menuColumn nav li a .menu-item{ padding-left: 15px; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out;} .dashboard section .menuColumn nav li ul.hidden{ display: none;} .dashboard section .menuColumn nav li ul.visible{ display: block !important;} .dashboard section .menuColumn nav li ul li{ min-height: 32px; line-height: 32px;} .dashboard section .menuColumn nav li ul li:hover, .dashboard section .menuColumn nav li ul li.active{ background-color: #333; text-shadow: none;} .dashboard section .menuColumn nav li.active ul li a, .dashboard section .menuColumn nav li.active ul li.active a, .dashboard section .menuColumn nav li ul li a, .dashboard section .menuColumn nav li ul li.active a{ padding: 7px 15px 7px 58px; font-size: 13px; border: 0;background: none;} .dashboard section .menuColumn nav li ul li.active a{ color: #fff; } .dashboard section .menuColumn.minMenu nav ul{ margin: 0 26px;} .dashboard section .menuColumn.minMenu nav ul li a{ padding: 10px 15px; border: 0;} .dashboard section .menuColumn.minMenu nav li a .menu-item, .dashboard section .menuColumn.minMenu nav li .down-arrow{ display: none;} .dashboard section .menuColumn.minMenu footer{ font-size: 10px; max-width: 90%;} .dashboard section .tableView{ padding: 20px; width: 100%;} .dashboard section .tableView table{ width: 100%; max-width: 100%; font-size: 13px; border-collapse: collapse; margin-top: 10px; float: left;} .dashboard section .tableView table th{ padding: 8px; line-height: 1.42857143;border-bottom: 2px solid #dedeea; text-align: left;border-top: 1px solid #dedeea;} .dashboard section .tableView table td{ border-top: 1px solid #dedeea;padding: 8px; line-height: 1.42857143; vertical-align: top;} .dashboard section .tableView table td.downloadManual{ cursor: pointer; } .dashboard section .tableView table tr.clickable-row, .dashboard section .tableView table td.clickable-row { cursor: pointer; } .dashboard section .tableView table tr:hover td:not(.disable-hover) { background-color: #ffc;} .dashboard section .tableView table td span.status{ background-color: #91c46b;display: inline-block; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; min-width: 100px} .dashboard section .tableView table td span.statusfalse, .dashboard section .tableView table td span.gatewayStatus{ background-color: #999999;} .dashboard section .tableView table td span.statustrue, .dashboard section .tableView table td span.statusRunning, .dashboard section .tableView table td span.statusWorking{ background-color: #91c46b;} .dashboard section .tableView table td span.status1{ background-color: #6bae2d;} .dashboard section .tableView table td span.status2, .dashboard section .tableView table td span.status3, .dashboard section .tableView table td span.status4, .dashboard section .tableView table td span.status14 { background-color: #6e91cb;} .dashboard section .tableView table td span.status4dropoff { background-color: #6ecbbb;} .dashboard section .tableView table td span.status5, .dashboard section .tableView table td span.status9{ background-color: #e77338;} .dashboard section .tableView table td span.status7{ background-color: #999999;} .dashboard section .tableView table td span.status7.manual{ background-color: #222;} .dashboard section .tableView table td span.status6{ background-color: #FFD06B;} .dashboard section .tableView table td span.status10{ background-color: red;} .dashboard section .tableView table td span.statusopl{ background-color: #030395;} div.singleMachineStatusOPL span {background-color: #030395;display: inline-block; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; min-width: 100px} div.OPLOverviewCount { text-align: center; margin: 20px 0; max-width: 100%; overflow: hidden; } div.OPLOverviewCount span { display: inline-block; text-align: center; } .dashboard section .table.gutter{ width: 99%; margin: 7px 0 7px 1%; float: left; table-layout: fixed;} .dashboard section .table.gutter .table-cell{ padding: 0 7px; } .dashboard section .table.gutter .table-cell:first-child{ padding-left: 0; } .dashboard section .table.gutter .table-cell:last-child{ padding-right: 0; } .dashboard section .table.gutter .table-cell .gutterBox{ height: 100px; border: none; background: #fff; text-align: center; } .dashboard section .table.gutter .table-cell.machineStatus .gutterBox{ background: #91c46b; color: #FFF; } .dashboard section .table.gutter .table-cell.machineStatus.status2 .gutterBox, .dashboard section .table.gutter .table-cell.machineStatus.status3 .gutterBox, .dashboard section .table.gutter .table-cell.machineStatus.status4 .gutterBox, .dashboard section .table.gutter .table-cell.machineStatus.status14 .gutterBox { background-color: #6e91cb;} .dashboard section .table.gutter .table-cell.machineStatus.status5 .gutterBox, .dashboard section .table.gutter .table-cell.machineStatus.status9 .gutterBox{ background-color: #e77338;} .dashboard section .table.gutter .table-cell.machineStatus.status7 .gutterBox{ background-color: #999999;} .dashboard section .table.gutter .table-cell.machineStatus.status6 .gutterBox{ background-color: #FFD06B;} .dashboard section .table.gutter .table-cell.machineStatus .gutterBox span.panel-heading{ color: #FFF; } .dashboard section .table.gutter .table-cell .gutterBox span.panel-heading{ line-height: 70px; width: 100%; font-size: 32px; color: #404040; height: 70px; display: inline-block; font-weight: 600;} .dashboard section .table.gutter .table-cell .gutterBox span.panel-dropdown{ width: 100%; font-size: 16px; color: #404040; line-height: 100px; font-weight: 600; display: inline-block;} .dashboard section .table.gutter .table-cell .gutterBox span.panel-footer{ padding: 0px 10px; border: none; margin-top: 0; color: #fff; font-size: 14px; width: 100%; display: inline-block; font-weight: 400; background: #e77338; height: 30px; line-height: 30px;} .dashboard section .table.gutter .table-cell ul{ display: none;} .dashboard section .table.gutter .table-cell .spacer-sm { padding: 15px;} .dashboard section .table.gutter .table-cell .panel{margin-bottom: 13px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cfcfe0; box-shadow: 0 0 2px #fff;} .dashboard section .table.gutter .table-cell .social-details .social-icon { height: 60px; width: 36px; margin-right: 10px;} .dashboard section .table.gutter .table-cell .pull-left { float: left!important;} .dashboard section .table.gutter .table-cell .social-details .social-icon .round-icon { border: 1px solid #e77338; height: 40px; width: 40px; text-align: center; margin: 10px 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .dashboard section .table.gutter .table-cell .social-details .social-icon .round-icon.green-icon { border: 1px solid #91c46b;} .dashboard section .table.gutter .table-cell .social-details .social-icon .round-icon i { font-size: 30px; line-height: 38px; vertical-align: middle; color: #e77338;} .dashboard section .table.gutter .table-cell .social-details .social-icon .round-icon.green-icon i { color: #91c46b;} .dashboard section .table.gutter .table-cell .social-details .social-num { margin-left: 10px;} .dashboard section .table.gutter .table-cell .social-details .social-num h4 { font-size: 24px; margin: 0 0 0 40px; padding: 0; position: relative;} .dashboard section .table.gutter .table-cell .social-details .social-num h4 .label { position: absolute; right: 0; top: 7px; min-width: 32px; font-size: 9px;background: #e77338;display: inline; padding: .2em .6em .3em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline;} .dashboard section .table.gutter .table-cell .social-details .social-num p { font-size: 12px; margin: 0 0 8px 40px; padding: 0;} .dashboard section .table.gutter .table-cell .social-details .social-num p span{ float:right;} .dashboard section .table.gutter .table-cell .progress{ overflow: hidden;} .progress { background-color: #cccccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;box-shadow: none; position: relative;} .progress .timeLeft{ position: absolute; right: 5px; top: -19px; font-size: 9px;background: #e77338;padding: .2em .6em .3em;font-weight: 700; line-height: 1; color: #fff;} .progress-sm { height: 6px;} .dashboard section .table.gutter .table-cell .social-details .social-num .progress { margin: 0 0 0 40px;} .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; } .progress-bar-danger { background-color: #e77338;} .progress-bar-info{background-color:#6e91cb} .progress-bar-warning{background-color:#FFD06B} .progress-bar-pink{background-color:#F782AA} .progress-md{height:10px} .progress-xs{height:3px} .progress-bar-success{background-color:#91c46b} .progress-bar-fb{background-color:#3B5998} .progress-bar-tw{background-color:#55ACEE} .progress-bar-linkedin{background-color:#007BB5} .progress-bar-gplus{background-color:#E02F2F} .dashboard section .machinesBlock, .dashboard section .devicesBlock { padding: 10px 1%; margin: 0px 1% 10px 1%; float:right; border-radius: 5px; background: #EBEBF2; width: 98%; text-align: left;border: 1px solid #cfcfe0;} .dashboard section .machinesBlock .inner, .dashboard section .devicesBlock .inner { max-width: 100vw; } .dashboard section .actionBlock{ padding: 10px 2%; margin: 0px 1% 10px 1%; float:right; border-radius: 5px; background: #EBEBF2; width: 98%; text-align: left;border: 1px solid #cfcfe0;} .dashboard section .actionBlock p{ float:left; margin-left: 15px;} .dashboard section .actionBlock label{ font-size: 14px;} .manualsFilterResult .btn { background-color: #6e91cb; border-color: #6e91cb; color: white; min-width: 80px; margin: 2px; cursor: pointer; border-radius: 0; overflow: hidden;} .manualsFilterResult .btn:hover { background-color: #5b83c4; border: 1px solid #5b83c4} table tr.ui-sortable-helper { display: table; } .ipTestVisualisation{width:170px;margin: 0 auto; position: relative;} .modal-dialog{ display: none; width: 800px; top: 10vh; position: fixed; min-height: 300px; max-height: 80vh; background: #FFF; z-index: 1000;} .modal-content{ position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; box-shadow: 0 5px 15px rgba(0,0,0,.5);width: 800px; min-height: 300px;} .modal-dialog .mCustomScrollBox{ max-height: 550px !important;} .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5;} .modal-header:hover {cursor: grab;} .modal-header .close { margin-top: -2px;float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;} .modal-header button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;} .modal-title { margin: 0; line-height: 1.42857143; font-size: 18px; font-weight: 500;} .modal-body { position: relative; padding: 15px; min-height: 200px; max-height: 60vh; overflow: auto;} .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;} .modal-dialog .modal-body table.modal-table { width: 100%; overflow: auto; } .modal-dialog .modal-body table.modal-table td { border-bottom: 1px solid #dedeea; width: 50%; padding: 5px 8px;} .modal-body .table td {border: 1px solid black; padding-left: 3px} .modal-body .table td.td-data-type {width: 0; padding-right: 20px;} .narrowForm{ width: 50%; float: left; margin-left: 15px;} .fullForm{ width: calc(100% - 30px); float: left; margin-left: 15px; margin-right: 15px;} .ui-accordion-content {display: grid; grid-template-columns: 1fr 1fr} .fullForm .accordion .ui-accordion-content .form-group label {display: inline;} .form-group { margin-bottom: 13px; float:left; width: 100%;} .form-group.NewBranch { display: none;} .form-group.advancedOption { display: none;} .form-group.rs485 { display: none;} .form-group.maytag { display: none;} .form-group label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; min-width: 80px; font-size: 14px;} .form-group .label { display: block; max-width: 100%; margin-bottom: 5px; font-weight: 700; min-width: 80px; font-size: 14px;} .form-group label span{ display: inline-block; margin: 5px; line-height: 13px; font-size: 13px; font-weight: normal; color: #666; } .form-group.toogleIp label{min-width:disabled;} .form-group fieldset { border: 1px solid #bfbfbf; padding: 8px; position: relative;} .form-group fieldset label, .form-group fieldset .label { font-weight: normal;} .dashboard section .table .table-cell.content-cell .form-group fieldset table td, .modal-dialog .modal-body .form-group fieldset table.modal-table td { text-align: center; border: none; width: auto; padding: unset;} .dashboard section .table .table-cell.content-cell .form-group fieldset table td input[type=checkbox], .modal-dialog .modal-body .form-group fieldset table td input[type=checkbox] { float: none; margin: unset; height: 16px; width: 16px;} .dashboard section .table .table-cell.content-cell .form-group input.timepicker, form .form-group input.timepicker { width: 70px; text-align: center; display: inline;} #CustomerReportTable > tbody > tr:first-of-type { background-color: #ececec; font-weight: 700; } #CustomerReportTable > tbody > tr.subHeaders { background-color: #f7f7f7; } #requestVendPriceChange .mCSB_container{ display: table !important; width: calc(100% - 60px); margin-left: 30px; table-layout: fixed;} #requestVendPriceChange .mCSB_container .table-row{ float: none;} #requestVendPriceChange .mCSB_container .table-cell{ display: table-cell} #requestVendPriceChange .mCSB_container .table-row .table-cell:first-child{ width: 35%;} .modalDivideLR {display: inline-block;} .modalLeft{width: 45%; float: left;} .modalRight{width: 45%; float:left; padding-left:30px;} .tickBlock {float: right; width: 70%;} .tickBox {float: left; width: calc(100% / 6);} .tickBox label{min-width: auto;} .form-group.afterAll{display:none;} .form-group input[type=checkbox], .form-group input[type=radio] { float: left; margin-right: 10px; } .form-control{ display: block; width: 100%; height: 22px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); font-family: 'Open Sans', sans-serif;} .form-control{ border-radius: 0; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #bfbfbf; height: 40px;padding: 8px 12px;} .form-control.short{ width: 40%; display: inline-block;} .form-control.veryShort{ width: 50px; display: inline-block;} .form-control.mediumShort{ width: 160px; display: inline-block;} .form-control.form-control-long { min-height: 200px; height: fit-content; } .form-control.disable-updown::-webkit-outer-spin-button, .form-control.disable-updown::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #DefaultCycleContainer.flexButtons, #ServiceCategoryContainer.flexButtons { display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; max-width: 300px;} #DefaultCycleContainer.flexButtons.wide { max-width: 500px; } #ServiceCategoryContainer.flexButtons.wide { max-width: unset; } .form-group .startProgramBtn { padding: 5px;} .form-group .startProgramBtn label {display: block; padding: 5px; position: relative; padding-left: 40px; min-height: 26px; min-width: unset; margin-bottom: 0; cursor: pointer;} .form-group .startProgramBtn label input {display: none;} .form-group .startProgramBtn label span {border: 1px solid #bbb; position: absolute; padding: 0 8px; overflow: hidden; line-height: 1.8; text-align: center; font-size: 10pt; left: 0; top: 50%; margin-top: -13px;} .form-group .startProgramBtn input:checked + span {background: #bbb; border-color: #bbb; color: #fff} .form-group.flexButtons .startProgramBtn { flex: 0 0 60px; padding: 0; } .form-group.flexButtons .startProgramBtn label { padding: 0; } .form-group.flexButtons .startProgramBtn label span { position: relative; display: block; width: 100%; top: 0; margin-top: 0;} .form-group.flexButtons.wide .startProgramBtn { flex: 0 0 47%; padding: 0; } .form-group.flexButtons.wide .startProgramBtn label { padding: 0; height: 100%; width: 100%; } .form-group.flexButtons.wide .startProgramBtn label span { position: relative; display: block; padding: 5px 8px; margin-top: 0; top: 0; height: 100%; text-align: left; } #ServiceCategoryContainer.form-group.flexButtons.wide .startProgramBtn { min-width: 100px; flex: auto; padding: 0;} #ServiceCategoryContainer.form-group.flexButtons.wide .startProgramBtn label span { margin: 0;} .form-group.numberSelect input { display: inline-block; max-width: 100px; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;} .form-group.numberSelect input::-webkit-outer-spin-button, .form-group.numberSelect input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .form-group.numberSelect span { display: inline-block; height: 40px; width: 30px; margin: 0; vertical-align: top; border: 1px solid #bfbfbf; border-right: none; text-align: center; font-size: 20px; font-weight: bold; line-height: 36px; cursor: pointer; user-select: none;} .form-group.numberSelect input + span { border-left: none; border-right: 1px solid #bfbfbf; margin: 0;} .commandDescription { font-size: 14px; margin: 20px 10px; } .commandDescription li { line-height: 23px; } .commandDescription li.selected { font-weight: bold; } .modal-body .time-group label:not(.noFloat) { float:left;} .modal-body .time-group .form-control.veryShort{ width: 80px; float:left;} .modal-body .time-group .form-control.mediumShort{ width: 160px; float:left;} .modal-body .time-group span{ float:left; margin: 0 10px; text-align: center; min-width: 20px;} .modal-body .form-control.veryShort{ width: 50px; display: inline-block;} .modal-body .form-control.mediumShort{ width: 80%; display: inline-block;} .modal-body .form-control+span{ margin-left: 5px; line-height: 38px;display: inline-block;} .modal-body div.grid { columns: 2;} .modal-body div.grid .permCategory {break-inside: avoid; } .modal-body div.grid .permCategory p:has(> strong) {margin: 0 0 5px 0; } .modal-body div.categoryPerms {margin-left: 10px; margin-bottom: 10px;} .modal-body div.categoryPerms p {margin: 0px; line-height: 2;} .btn{ border-radius: 0; position: relative; overflow: hidden; border: none; background-color: #6bae2d; color: #FFF; border-color: #6bae2d; cursor: pointer;} .btn.disabled{background-color: #ccc; cursor: default;} .btn+.btn{ margin-bottom: 0; margin-left: 5px;} .btn-danger{ background-color: #e77338; border-color: #e77338; color: #fff;} .btn-info{ background-color: #6e91cb; border-color: #6e91cb; color: #fff;} .btn-warning{ background-color: #FFD06B; border-color: #FFD06B;color: #fff;} .btn-cancel{ background-color: #FFF; border-color: #FFF;color: #000;} .btn-remove{ position: absolute; top: -16px; right: -5px; background-color: #FFF; border: 1px solid #cd6666; color: #cd6666; font-weight: bold; width: 30px; height: 30px; padding: 3px;} .addButton{ float:right; margin-right: 10px; height: 34px; padding: 6px 20px; margin-top: 4px; z-index: 1; } form.toggleEngineer { float: right; padding: 0 0 10px 0; text-align: right; margin-top: 4px; margin-right: 10px;} form.toggleEngineer input { background: transparent; color: #555; border: 1px solid #939393; font-weight: 500;} .modal-msg { display: none; padding: 10px; margin-bottom: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 13px;} .modal-msg .close{ float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;} .modal-msg-active{ display: block;} .alert-danger { color: #fff; background-color: #e77338; border-color: #e77338;} .alert-warning { color: #fff; background-color: #ff9800; border-color: #ff9800;} .alert-success { color: #fff; background-color: #91c46b; border-color: #91c46b;} .alert-info { color: #fff; background-color: #6e91cb; border-color: #6e91cb;} .buttonList{ margin: 15px; } .buttonList ul{ width: 100%; float:left;} .buttonList li{ float:left; font-size: 14px; cursor: pointer; border-top: 1px solid #dedeea; padding: 10px 8px; line-height: 1.42857143; width: 50%;} .buttonList li:nth-child(2n){ background: #f4f4f8; } .buttonList li:hover{ color: #4875be;} .loading{ background-color: rgba(230, 231, 232, 0.6); width: 100%; position: absolute; height: 100%; min-height: 100px; display: inline-block; left: 0; bottom: 0; z-index: 10;} .loading:after{ content: ""; background: url(images/loading-gif.gif) no-repeat center center; width: 100%; height: 100%; position: absolute; z-index: 15;left: 50%; top: 50%; transform: translate(-50%, -50%);} footer .copyright{ font-size: 12px; width: 100%; text-align: center;} .squared-check{ margin: 0;float: left; font-size: 14px; position: relative; width: 20px; height: 20px;} .squared-check input[type=checkbox] { visibility: hidden; width: 20px;} .squared-check label{ top: 2px; width: 18px; height: 18px; cursor: pointer; position: absolute; left: 0; background: #fff; border: 1px solid #6e91cb; display: inline-block; text-indent: -9999px;} .squared-check label:after { content: ''; width: 9px; height: 5px; position: absolute; top: 5px; left: 4px; border: 3px solid #6e91cb; border-top: none; border-right: none; background: 0 0; opacity: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .squared-check label:hover::after { opacity: .3;} .squared-check input[type=checkbox]:checked+label:after { opacity: 1;} div.table-options-bar { margin-top: 3px; margin-left: 10px; width: auto; } .action-bar { padding: 0 0 20px; position: relative; height: 36px; display: block; width: 100%;} .charts-box-heading .action-bar{ border: none; padding: 0; height: 30px; float: right; position: relative; top: -4px;} .action-bar ul li, .action-bar .ul .li{ position: relative; } .action-bar ul ul.dropDown, .action-bar .ul ul.dropDown, .table-options-bar .ul ul.dropDown { display: none; position: absolute; top: 35px; left: 0; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cfcfe0; box-shadow: 0 0 2px #fff; background: #FFF;margin: 5px 2%; width: 96%; font-size: 13px; width: 200px; z-index: 30;} .table-options-bar .ul ul.dropDown { right: 0px; left: unset;} .table-options-bar .ul ul.dropDown span { display: inline-block; width: 100%; text-align: center; } .action-bar ul li ul.dropDown li, .action-bar .ul .li ul.dropDown li, .table-options-bar .ul .li ul.dropDown li { border-top: 1px solid #dedeea; padding: 5px 8px; line-height: 1.42857143; cursor: pointer;} .action-bar ul li ul.dropDown li a, .action-bar .ul .li ul.dropDown li a { color: #000; } .action-bar > ul > li, .action-bar > .ul > .li { float: left; margin-right: 10px; font-size: 14px; line-height: 28px;} .circle-icon { width: 35px; height: 35px; text-align: center; line-height: 33px; border: 2px solid #bfbfd6; color: #bfbfd6; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; font-size: 18px; color: #91c46b; cursor: pointer; display: block; float: left; background: none;} .action-bar ul li .label, .action-bar .ul .li .label { line-height: 35px; margin-left: 10px; cursor: pointer;} .circle-icon.hidden { display: none;} .circle-icon.red { color: #e77338; border-color: #e77338;} .circle-icon.info { color: #6e91cb; border-color: #6e91cb;} .table-options-bar .sortIcon i {display: inline-block; height: 35px; font-size: 20px; line-height: 34px; width: 34px; text-align: center; border: 1px solid #939393; border-radius: 5px; } .action-bar .box .box-heading{ margin-bottom: 5px;} .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'icomoon'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .glyphicon-hammer:before {content: "\e997";} .glyphicon-cog:before {content: "\e995";} #plans,#plans ul,#plans ul li{margin:0;padding:0;list-style:none}#pricePlans{zoom:1;margin:0 auto}#pricePlans:after{content:'';display:table;clear:both}#pricePlans #plans .plan{background:#E8EFF7;float:left;width:100%;text-align:center;border-radius:5px;margin:0 0 20px}.planContainer .title h2{font-size:2.125em;font-weight:300;color:#66757f;margin:0;padding:.6em 0}.planContainer .price p,.planContainer .title h2.bestPlanTitle{background:#0084B4;color:#fff}.planContainer .price p{font-size:1.2em;font-weight:700;height:2.6em;line-height:2.6em;margin:0 0 1em}.planContainer .price p.bestPlanPrice{background:#D8E3EF;color:#0084B4}.planContainer .price p span{color:#FFD06B}.planContainer .options{margin-top:10em}.planContainer .options li{font-weight:700;color:#333;line-height:2.5}.planContainer .options li span{font-weight:400;color:#607896}.planContainer .button a{text-transform:uppercase;text-decoration:none;color:#333;font-weight:700;line-height:2.8em;border:1px solid #66757f;display:inline-block;width:80%;height:2.8em;margin:1.5em 0 1.8em}.planContainer .button a.bestPlanButton{color:#fff;background:#E24B46;border:1px solid #E24B46}#credits{text-align:center;font-size:.8em;font-style:italic;color:#777}#credits a{color:#404040}#credits a:hover{text-decoration:none}@media screen and (min-width:481px) and (max-width:768px){#pricePlans #plans .plan{width:49%;margin:0 2% 20px 0}#pricePlans #plans>li:nth-child(2n){margin-right:0}}@media screen and (min-width:769px) and (max-width:1024px){#pricePlans #plans .plan{width:49%;margin:0 2% 20px 0}#pricePlans #plans>li:nth-child(2n){margin-right:0}}@media screen and (min-width:1025px){#pricePlans{margin:0 auto}#pricePlans #plans .plan{width:24%;margin:0 1.33% 0 0;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s}#pricePlans #plans .plan:hover{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04)}#pricePlans #plans>li:last-child{margin-right:0}.planContainer .button a{-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s}.planContainer .button a:hover{background:#66757f;color:#fff}.planContainer .button a.bestPlanButton:hover{background:#66757f}} .noMargin > i {margin: 0 !important;} a.editLink.getMachineModelData {cursor: pointer; text-decoration: underline; color: green; } .gutter-10>[class^=" col-"], .gutter>[class^=col-] { padding-right: 7px!important; padding-left: 7px!important; } .well { min-height: 20px; padding: 20px; margin-bottom: 20px; background-color: #f4f4f8; border: 1px solid #dedeea; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; } .text-grey { color: #4d4d4d!important; } .text-success { color: #91c46b!important; } .text-danger { color: #e77338!important; } .text-info { color: #6e91cb!important; } span.text-danger { display: block; font-size: 11px; font-weight: bold; } .pricing .h3, .pricing h3 { font-size: 24px; font-weight: 500;padding: 0; margin-top: 20px; margin-bottom: 10px;line-height: 1.1; color: inherit;} .pricing .h2, .pricing h2 { font-size: 30px; margin: 0!important;font-weight: 500; padding: 0;} .pricing p { margin: 0 0 10px; line-height: 18px; color: #1a1a1a;font-size: 13px;} .pricing ul { margin: 0 0 10px; line-height: 18px; color: #1a1a1a;font-size: 13px;} .pricing ul li:before{ content: "- "} .graphFilter span{ float: left; width: 30%;} .graphFilter span label{ float: left; width: 70%; font-size: 14px;} .graphFilter span input{ float: right; margin-right: 25%;} .graphFilter input[type=button]{ float: right; margin-top: 10px;} .graphFilter select{ float: left; margin: 15px 0 20px 0;} .fakeDropdown{ border-radius: 0; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #bfbfbf; height: 40px; padding: 8px 12px; max-width: 300px; width: 230px; box-sizing: border-box; overflow: hidden; position: relative; z-index: 10; max-height: 300px; background: #FFF; font-size: 14px;} .fakeDropdown.expanded{ z-index: 11; position: absolute;} .fakeDropdown:after{ content: ""; position: absolute; right: 10px; top: 15px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 7px solid #000;} .fakeDropdown li{ width: 93%; float: left;overflow: hidden; margin-bottom: 10px;} .fakeDropdown.expanded li{ width: 93%; float: left;overflow: visible;} .fakeDropdown li span{ font-size: 11px;} .toCompareBox { margin: 0; float: right; width: 95px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .p label .toCompareBox label{ float: left; margin-bottom: 0; width: auto;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .p label .toCompareBox .squared-check label{ width: 100%;} .toCompareBox .squared-check{ float: right;} .driveDataBox .fakeDropdown, .graphFilter .fakeDropdown { float: left; width: 88% !important; position: relative; margin-top: 15px; max-width: unset;} .driveDataBox h2 { font-size: 18px;} .driveDataBox .fakeDropdown li, .graphFilter .fakeDropdown li{ line-height: 26px;} .driveDataBox input[type=button], .graphFilter input[type=button] { float: right; width: 10%!important; height: 40px; margin-top: 15px;} .driveDataBox.gaugeBox { float: left; width: 25%;} .driveDataBox.gaugeBox h2{ font-size: 14px; width: 100%;} .driveDataBox.gaugeBox .toCompareBox{ font-size: 13px; width: 100%;} .driveDataBox.gaugeBox .toCompareBox span, .driveDataBox.gaugeBox .toCompareBox label{ float: left;} .driveDataBox.gaugeBox .toCompareBox span { margin-left: 5px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .p{ min-width: 250px; max-width: 360px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .p .fakeDropdown input{ float:left; } .dashboard section .table .table-cell.content-cell .box.filterBlock form .p .fakeDropdown label{ font-weight: normal; float:left; width: calc(85% - 10px);white-space: nowrap; font-size: 13px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .p .fakeDropdown .squared-check{ margin-right: 10px; } .dashboard section .table .table-cell.content-cell .box.filterBlock form .p .fakeDropdown .squared-check label{ width: 100%;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .p .fakeDropdown label{ white-space: unset; line-height: 25px; margin-bottom: 0;} .gallery ul { margin: 0; padding: 0; list-style-type: none; } .gallery ul li { display: inline-block; width: 24%; float: left; margin-right: 1%;} .gallery a {transition: all .5s; display: block; border: 3px solid #E1E8ED; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; position: relative; opacity: 1; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto;} .gallery a i { top: 0; bottom: 0; left: 50%; right: 0; position: absolute; opacity: 0; font-size: 36px; margin-left: -18px; transition: all .5s; zoom: 1.5;} .gallery a .ftr { background: #F5F8FA; padding: 10px; color: #66757f; font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; } .sizing-box{ height: 26px; width: 67px;} .signal-bars { display: inline-block; float: right; cursor: pointer;} .signal-bars .bar { width: 14%; margin-left: 1%; min-height: 20%; display: inline-block;} .signal-bars .bar.first-bar { height: 20%; } .signal-bars .bar.second-bar { height: 40%; } .signal-bars .bar.third-bar { height: 60%; } .signal-bars .bar.fourth-bar { height: 80%; } .signal-bars .bar.fifth-bar { height: 99%; } .excelent .bar { background-color: #16a085; border: thin solid darken(#16a085, 7%);} .good .bar { background-color: #16a085; border: thin solid darken(#16a085, 7%);} .bad .bar { background-color: #e74c3c; border: thin solid darken(#e74c3c, 20%);} .ok .bar { background-color: #f1c40f; border: thin solid darken(#f1c40f, 7%);} .ping-result i {font-size: 16px;} .ping-result.ping-success i {color: #54b529;} .ping-result.ping-fail i {color: #f15e35;} .ping-result.ping-waiting i {color: #ccc;} .four-bars .bar.fifth-bar,.three-bars .bar.fifth-bar,.three-bars .bar.fourth-bar,.one-bar .bar:not(.first-bar),.two-bars .bar:not(.first-bar):not(.second-bar) { background-color: #fafafa; border: thin solid #f3f3f3;} .dashboard section .table .table-cell.content-cell .box30.notificationsBox{ position: absolute; top: 50px; margin-left: 0px; width: 420px; display: none; background: #FFF; z-index: 50;} .dashboard section .table .table-cell.content-cell .box30.errorsBox{ position: absolute; top: 50px; margin-left: 0px; width: 420px; display: none; background: #FFF; z-index: 50;} .dashboard section .table .table-cell.content-cell .box30.manualsBox{ position: absolute; top: 50px; margin-left: 0px; width: 420px; display: none; background: #FFF; z-index: 50;} .dashboard section .table .table-cell.content-cell .box30.serviceLogBox{ position: absolute; top: 50px; margin-left: 0px; width: 420px; display: none; background: #FFF; z-index: 50;} .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .open>.dropdown-menu{ display: block;} ul#mini-nav .dropdown-menu { padding: 0; min-width: 320px; float: left; position: absolute; right: 0!important; top: 42px; left: inherit; border: 1px solid #dedeea; border-top: 3px solid #dedeea; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none;} ul#mini-nav .dropdown-menu:before { content: ""; position: absolute; top: -12px; right: 10px; border-bottom: 10px solid #dedeea; border-right: 10px solid transparent;} ul#mini-nav .dropdown-header { background: #fdfdfe; padding: 10px 15px; color: #1C2939; font-size: 13px; font-weight: 600;} ul#mini-nav .scrollableNotifications { max-height: 300px; overflow: hidden;} ul#mini-nav li.list-box { position: relative; cursor: pointer; float: left; margin-left: 15px; text-align: center; line-height: 100%; vertical-align: middle;} ul#mini-nav li.list-box:first-child { margin-left:0;} ul#mini-nav li.list-box .info-label { position: absolute; top: -4px; right: -4px; color: #fff; font-size: 10px; text-align: center; line-height: 20px; width: 20px; height: 20px; -webkit-border-radius: 50% 50% 50% 0; -moz-border-radius: 50% 50% 50% 0; border-radius: 50% 50% 50% 0; display: none;} ul#mini-nav .dropdown-footer { border-top: 1px solid #f4f4f8; padding: 10px 15px; color: #1C2939; font-size: 11px;} ul#mini-nav .dropdown-footer a { color: #000; display: inline;} ul#mini-nav .dropdown-footer i { font-size: 12px; margin-left: 4px; vertical-align: middle; color: #91c46b;} ul.imp-notify li { padding: 10px; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -ms-transition: All .5s ease; -o-transition: All .5s ease; transition: All .5s ease; background: #fff; margin-bottom: 2px;} ul.imp-notify li .icon { float: left;} ul.imp-notify li .details { line-height: 18px; font-size: 11px; display: block; background: 0 0; border: none; width: auto; margin-left: 60px;} ul.imp-notify li .details strong {margin-right: 3px; font-size: 13px; display: block;} ul.imp-notify li .details span { display: block; color: #000;} .blue-bg { background: #6e91cb;} ul.imp-notify li:last-child { margin-bottom: 0;} ul.imp-notify li:hover { background: #fafafc; cursor: pointer;} .selectBox, .table-options-bar { position: relative; float: right; width: 220px; margin-top: 4px; margin-bottom: 10px; z-index: 10;} .selectBox select { width: 100%; height: 34px; padding: 0 12px; border: 1px solid #939393; background: transparent; } .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0;} #checkboxes { display: none; border: 1px #dadada solid; background: #FFF; position: absolute; max-height: 220px; width: 100%;} #checkboxes .drop-inner{ width: 100%; overflow: auto; max-height: 200px; display: block;} #checkboxes label { display: block; font-size: 13px; line-height: 16px;} #checkboxes label:hover { background-color: #1e90ff;} .hrefPositionLogin{text-align:center;padding-top:35px} .hrefPositionRegistration{text-align:center;padding-top:35px} .hrefPositionForgotPassword{text-align:center;padding-top:35px} .custom-combobox-input {border-radius: 0;box-shadow: none;-webkit-box-shadow: none;border: 1px solid #bfbfbf;padding: 8px 12px;max-width: 300px;height:40px} .ui-widget.ui-widget-content{background-color:#fff} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {background-color:white;height:40px;border-left:none;margin-top:-2px;} .input.custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left ui-autocomplete-input{border-right:none;} .maytagType{display:none} .maytagType.active{display:block} .rs485Only{ display:none;} .rs485Only.active{display:block;} .relayAdminPort{display:none;} .defaultPort{ display:none;} .defaultPort.active{display:block;} .secondaryIP {display:none;} .switchUser{ background: url(images/switch-user-icon-17.png) no-repeat; width: 26px; height: 26px; background-size: 26px 26px; margin-top: 6px;} ul#mini-nav li.list-box select#switchAccount{ display: none; position: absolute; right: 0; top: 35px; box-shadow: 1px 1px 5px #333;} ul#mini-nav li.list-box select#switchEndpoint{ display: none; position: absolute; right: 0; top: 35px; box-shadow: 1px 1px 5px #333;} ul#mini-nav li.list-box input#searchEngine{ display: none; position: absolute; right: 35px; top: 7px; height: 26px; border-radius: 15px; padding-left: 15px; z-index: 200; width: 204px; outline: none;} input#permsSearch{ margin-bottom: 10px; height: 26px; border-radius: 15px; padding-left: 15px; width: 204px;} #searchDiv{ position: absolute; width: 100%; left: 0; top: 60px; background: #FFF; z-index: 200; color: #000; text-align: center;} #searchDiv .output{ display: flex; max-height: 90vh; color: #000;justify-content: center; flex-direction: row;flex-wrap: wrap; padding: 0 20px; position: relative; box-shadow: 4px 0px 11px #000; overflow: auto;} #searchDiv .output.active{ min-height: 60vh; } #searchDiv .output div.column{ width: 300px; text-align: left; margin-right: 20px; padding-bottom: 20px;} #searchDiv .output div.column:last-child{ margin-right: 0px;} #searchDiv .output div.column p{ margin-top: 0; margin-bottom: 5px; border-bottom: 1px solid #cacaca;} #searchDiv .output div.column .scrollBlock{ max-height: 60vh; overflow-y: auto; display: block; width: 100%;} #searchDiv .output a{ color: #000; width: 100%; height: 100%; display: block; font-size: 14px; } #searchDiv .output a:hover{ background: #ffc; } #searchDiv .output a span{ color: #999; font-size: 12px; width: 100%; line-height: 12px; display: inline-block;top: -5px; position: relative;} .clear-cache:before{ content: ""; background: url(images/icons/refresh-64x64.png) no-repeat; width: 22px; height: 22px; display: block; background-size: 22px 22px; position: relative; top: -2px;} .presetImportBox, .presetDownloadBox{ display: none; margin: 20px 0 !important;} .presetImportBox.active, .presetDownloadBox.active { display: block;} .quantumModelInfoLink{color: blue; text-decoration: underline;} .btn-preset {margin-left: 5px !important; margin-bottom: 5px !important; text-wrap: wrap;} @media (min-width: 1200px){ .col-lg-4 { width: 33.33333333%;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {float: left; } } @media screen and (max-width: 1024px){ .loginPage{background: #1b2333;} .loginPage .table-cell{display: inline-block; width: 100%; padding: 5% 0;} .loginPage section .table-cell.logoBlock{ max-width: unset; width: 100%;} .loginPage section .table-cell.logoBlock img{ max-width: 80%; height: auto;} .loginPage .table-row{display: table-cell; vertical-align: middle;} .loginPage section h1, .loginPage section div:not(.errors) > p, .loginPage section div:not(.errors) > form > p { color: #FFF; } .loginPage section form p.inputBlock:before{ background-color: #FFF;} .loginPage section input[type=submit]{ color: #1b2333; border-color: #1b2333; padding: 9px 0; -webkit-appearance: none;} .loginPage section .inputField ~ label, .loginPage section form p .inputField, .loginPage section .inputField:focus ~ label, .loginPage section .inputField.has-content ~ label{ color: #FFF;} .dashboard section .table .table-cell.menuColumn{ position: fixed; left: -300px; top: 0; height: 100%; z-index: 10; width: 250px;} .dashboard section .table .table-cell.content-cell .box30{ width: 49%; height: 370px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p select{ width: 140px;} .hide840{ display: none;} .buttonList li{ width: 100%;} .modal-dialog {display: none; max-width: 90%; top: 10vh; position: fixed; min-height: 300px; max-height: 80vh; background: #FFF; z-index: 1000;} .modal-content{ width: 100%; height: 100%;} /* .modal-body{min-height: unset; max-height: 70%; min-height: 320px;} */ .selectBox{ display: none;} div.table-options-bar { margin-top: 0; } form.toggleEngineer { padding: 0; } .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine{ height: 140px; width: 110px; } .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine .type{ width: 70px; height: 70px; margin: 20px 18px; line-height: 14px; padding-top: 20px;} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine .type span{ font-size: 8px; letter-spacing: -0.3px} .dashboard section .table .table-cell.content-cell .MachineStatusBlock .MachineStatusMachine .progress .timeLeft{ top: 10px; right: 40px;} .dashboard section .table .table-cell.content-cell .box20{ width: 105px; height: 160px; float: none; display: inline-block;} .dashboard section .table .table-cell.content-cell .box20 .type{ margin: 15px 20px; width: 60px; height: 60px; line-height: 16px; font-size: 11px; padding-top: 15px;} .dashboard section .table .table-cell.content-cell .box20 .type span{ font-size: 8px;} .dashboard section .table .table-cell.content-cell .box20 .box-heading h4{ font-size: 10px;} .dashboard section .table .table-cell.content-cell .box20 .box-heading h4 .Node{ display: none;} .dashboard section .table .table-cell.content-cell .box20 table.machineListDescription { margin-top: 2px;margin-bottom: 0;} .dashboard section .table .table-cell.content-cell .box20 table.machineListDescription td{ font-size: 8px; padding-top: 0; padding-bottom: 0;} .dashboard section .table .table-cell.content-cell .box20 table.machineListDescription td .Generation{ display: none;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4{ width: 105px; height: 160px; float: none; display: inline-block;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 .type{ margin: 15px 20px; width: 60px; height: 60px; line-height: 60px; font-size: 11px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 .box-heading h4{ font-size: 10px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 .box-heading h4 .Node{ display: none;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 table.machineListDescription { margin-top: 2px;margin-bottom: 0;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 table.machineListDescription td{ font-size: 8px; padding-top: 0; padding-bottom: 0;} .dashboard section .table .table-cell.content-cell .box20.boxMachines4 table.machineListDescription td .Generation{ display: none;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5{ width: 105px; height: 160px; float: none; display: inline-block;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 .type{ margin: 15px 20px; width: 60px; height: 60px; line-height: 60px; font-size: 11px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 .box-heading h4{ font-size: 10px;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 .box-heading h4 .Node{ display: none;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 table.machineListDescription { margin-top: 2px;margin-bottom: 0;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 table.machineListDescription td{ font-size: 8px; padding-top: 0; padding-bottom: 0;} .dashboard section .table .table-cell.content-cell .box20.boxMachines5 table.machineListDescription td .Generation{ display: none;} /* .hrefPositionLogin a{color:white} */ .hrefPositionLogin a, .hrefPositionLogin span{color:white} .hrefPositionRegistration a, .hrefPositionRegistration span{color:white} .hrefPositionForgotPassword a{color:white} .action-bar a span{color:black} .modal-dialog .modal-header span{color:black} .reqField, .requiredFields span{color:#fff;font-size:15px} #password-strength-text{color:#fff} #password-strength-meter{background-color:dimgrey} } @media screen and (max-width: 640px){ .modal-dialog{ z-index: 150; position: fixed; width: 100vw; top: 0 !important; left: 0 !important; min-height: 100dvh !important; min-width: 100vw !important;} .modal-content{ display: flex; flex-direction: column; min-height: unset !important; max-height: 100dvh; height: 100dvh; min-width: 100vw; } .modal-content form {display: flex; flex-direction: column; flex: 1; overflow: hidden;} .modal-body{flex-grow: 1; min-height: unset !important; max-height: unset !important; overflow: scroll;} .modal-footer {position: static; bottom: 0; text-align: right; width: 100%; background: white;} .modal-header {flex: 0;} .modal-body div.grid { columns: 1;} .loginPage section h1{ font-size: 16px; margin: 0 10%; width: 80%; margin-bottom: 15px;} .loginPage section form p.inputBlock{ margin: 8px 0 16px 0;} .loginPage section form, .loginPage section h1{ margin: 0 10%; width: 80%;} .ui-accordion-content {display: grid; grid-template-columns: 1fr} .hide640{ display: none;} .dashboard section .table .table-cell.content-cell .box30{ width: 98%; height: auto;} .dashboard section .table .table-cell.content-cell .box50{ width: 98%; height: auto;} .dashboard section .table .table-cell.content-cell .box70{ width: 98%; height: auto;} .dashboard section .table .table-cell.content-cell div.addUserContainer { flex-direction: column; /* Stacks the boxes vertically on mobile */ } .dashboard section .table .table-cell.headerRow {padding: 0 8px;} .dashboard section .table .table-cell.headerRow h1{ display: none; font-size: 14px; line-height: 16px; margin-top: 8px; } /* .dashboard section .table .table-cell.headerRow .actions li{ display: none;} */ .dashboard section .table .table-cell.headerRow .actions li.logout{ display: block;} .delete-btn, .info-btn { width: 98%; } .modal-body label{ width: 90%; } .filterResult .panel-body{ padding: 0;} ul#mini-nav .dropdown-menu{ right: -50px !important;} ul#mini-nav .dropdown-menu:before{ right: 60px;} .dashboard section .table .table-cell.content-cell .box30.manualsBox{ left: -70px; max-width: 320px;} .dashboard section .table .table-cell.content-cell .box30.notificationsBox{ left: -115px; max-width: 320px;} .dashboard section .table .table-cell.content-cell .box30.errorsBox{ left: -80px; max-width: 320px;} .dashboard section .table .table-cell.content-cell .box30.serviceLogBox{ left: -100px; max-width: 320px;} ul#mini-nav li.list-box select{-moz-appearance:none; -webkit-appearance:none; appearance:none; width: 150px;background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px;} .dashboard section .table .table-cell.content-cell .box table tr:nth-child(2n) td{ background: none;} .xmlFilterResult table, .xmlFilterResult thead, .xmlFilterResult tbody, .xmlFilterResult th, .xmlFilterResult td, .xmlFilterResult tr { display: block; margin: 0;} .xmlFilterResult thead tr {position: absolute;top: -9999px;left: -9999px;} .xmlFilterResult tr { border: none;} .xmlFilterResult tr tr{ border: none;} .xmlFilterResult td, .xmlFilterResult th { border: none; border-bottom: 0; position: relative;width: 100%; font-size: 12px;} .xmlFilterResult td:before, .xmlFilterResult th:before { position: absolute; top: 6px; left: 6px;width: 45%; padding-right: 10px; white-space: nowrap; } .xmlFilterResult td.input, .dashboard section .table .table-cell.content-cell .box table tr:nth-child(2n) td.input{ background: #f4f4f8; } .xmlFilterResult td.output, .dashboard section .table .table-cell.content-cell .box table tr:nth-child(2n) td.output{ background: #FFF; } .xmlFilterResult td, .xmlFilterResult th{ width: 100% !important; padding: 2px 8px;} .dashboard section .table .table-cell.content-cell .box table{ width: 100%; margin-left: 0%; margin-right: 0%;} .action-bar ul li .label, .action-bar .ul .li .label{ display: none;} .action-bar ul li .delete-btn .label { display: inline-block; font-size: 12px; margin-left: 2px;} .errorFilterResult td, .errorFilterResult th, .serviceLogResult td, .serviceLogResult th { width: 100% !important; padding: 2px 8px;} .errorFilterResult table, .errorFilterResult thead, .errorFilterResult tbody, .errorFilterResult th, .errorFilterResult td, .errorFilterResult tr, .serviceLogResult table, .serviceLogResult thead, .serviceLogResult tbody, .serviceLogResult th, .serviceLogResult td, .serviceLogResult tr { display: block; margin: 0;} .errorFilterResult thead tr, .serviceLogResult thead tr {position: absolute;top: -9999px;left: -9999px;} .errorFilterResult tr, .serviceLogResult tr { border: none;} .errorFilterResult tbody tr:nth-child(2n), .serviceLogResult tbody tr:nth-child(2n) { background: #f4f4f8;} .errorFilterResult td, .errorFilterResult th, .serviceLogResult td, .serviceLogResult th { border: none; border-bottom: 0; position: relative;width: 100%; font-size: 12px; padding-left: 50% !important;} .errorFilterResult td.hide640, .errorFilterResult th.hide640, .serviceLogResult td.hide640, .serviceLogResult th.hide640 { display: none;} .errorFilterResult td:before, .errorFilterResult th:before, .serviceLogResult td:before, .serviceLogResult th:before { position: absolute; top: 6px; left: 6px;width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold;} .errorFilterResult td:before, .serviceLogResult td:before { content: attr(data-before); } .messageFilterResult td, .messageFilterResult th{ width: 100% !important; padding: 2px 8px;} .messageFilterResult table, .messageFilterResult thead, .messageFilterResult tbody, .messageFilterResult th, .messageFilterResult td, .messageFilterResult tr { display: block; margin: 0;} .messageFilterResult thead tr {position: absolute;top: -9999px;left: -9999px;} .messageFilterResult tr { border: none;} .messageFilterResult tbody tr:nth-child(2n) { background: #f4f4f8;} .messageFilterResult td, .messageFilterResult th { border: none; border-bottom: 0; position: relative;width: 100%; font-size: 12px; padding-left: 50% !important;} .messageFilterResult td.hide640, .messageFilterResult th.hide640 { display: none;} .messageFilterResult td:before, .messageFilterResult th:before { position: absolute; top: 6px; left: 6px;width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold;} .messageFilterResult td:nth-of-type(2):before { content: "Group: "; } .messageFilterResult td:nth-of-type(3):before { content: "Location: "; } .messageFilterResult td:nth-of-type(4):before { content: "Machine / EG: "; } .messageFilterResult td:nth-of-type(5):before { content: "Message: "; } .messageFilterResult td:nth-of-type(6):before { content: "Date"; } .manualsFilterResult td, .manualsFilterResult th{ width: 100% !important; padding: 2px 8px;} .manualsFilterResult table, .manualsFilterResult thead, .manualsFilterResult tbody, .manualsFilterResult th, .manualsFilterResult td, .manualsFilterResult tr { display: block; margin: 0;} .manualsFilterResult thead tr {position: absolute;top: -9999px;left: -9999px;} .manualsFilterResult tr { border: none;} .manualsFilterResult tbody tr:nth-child(2n) { background: #f4f4f8;} .manualsFilterResult td, .manualsFilterResult th { border: none; border-bottom: 0; position: relative;width: 100%; font-size: 12px; padding-left: 50% !important;} .manualsFilterResult td.hide640, .manualsFilterResult th.hide640 { display: none;} .manualsFilterResult td:before, .manualsFilterResult th:before { position: absolute; top: 6px; left: 6px;width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold;} .dashboard section .table .table-cell.content-cell .box.manualsFilterResult table td.center{text-align: left;} .manualsFilterResult td:nth-of-type(1):before { content: "Nr: "; } .manualsFilterResult td:nth-of-type(2):before { content: "Name: "; } .manualsFilterResult td:nth-of-type(3):before { content: "File: "; } .manualsFilterResult td:nth-of-type(4):before { content: "Download: "; } .collapse-menu.mobileMenuToggle{ margin-top: 4px;} .quickMenu{ margin-top: 4px;} .dashboard section .table .table-cell.headerRow .actions ul{ margin: 0;} .dashboard section .tableView table tr td:first-child{ width: 10%;} .dashboard section .tableView table tr td.exclamation-cell{min-width:70px; width: auto;} .dashboard section .tableView table td{ font-size: 11px;} .dashboard section .tableView table td span.status{ font-size: 11px;} .dashboard section .tableView .action-bar button#addMachineSubmit {padding: 0px; padding-inline: 0px; padding-block: 0px;} .graphFilter{ padding: 0 10px;} /* .graphFilter span{ float: left; width: 100%;} */ .graphFilter span label{ margin-top: 7px;} .graphFilter span input{ margin-top: 7px;} /* .graphFilter input[type=button]{ float: left;} */ .dashboard section .table .table-cell.content-cell .box.filterBlock form p, .dashboard section .table .table-cell.content-cell .box.filterBlock form .p{ width: 100%; min-height: 88px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .alignCenter{ text-align: left;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .checkboxBox .label{ width: auto; display: inline-block; margin-right: 15px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .submitBox label{ display: none;} .dashboard section .table .table-cell.content-cell .box.filterBlock form .shortHeight{ min-height: 40px;} .dashboard section .table .table-cell.content-cell .box.filterBlock form p select{ width: 100%;} .fakeDropdown{ width: calc(100% - 36px) !important; font-size: 14px;} .driveDataBox .fakeDropdown, .graphFilter .fakeDropdown { width: 75% !important;} .driveDataBox input[type=button], .graphFilter input[type=button]{ width: 20% !important;} .driveDataBox{ padding: 0 15px;} .driveDataBox h2{ font-size: 14px;} .toCompareBox{ margin: 5px 0; width: 100%; float: left; line-height: 15px; font-size: 14px;} .gallery ul li{ width: 100%; margin-right: 0;} .dashboard section .table .table-cell.headerRow .actions > ul > li, ul#mini-nav li.list-box{ margin-left: 0; } .quickMenu a .menu-item{ height: 20px; overflow:hidden; margin-right: 0;} .quickMenu a .menu-item, .dashboard section .menuColumn nav li a .menu-item{ color: #FFF;} .form-control.short{ width: 70%;} /* .modal-dialog{ top: 40px; height: calc(95vh - 40px); margin-top: 0; max-height: unset;} */ .form-group.flexButtons .startProgramBtn label span { font-size: 12px;} .presetsContainer {display: flex; flex-direction: column; float: left; gap: 10px; width: 100%; } } @media screen and (max-height: 640px){ .modal-dialog{ z-index: 150; position: fixed; width: 100vw; top: 0 !important; left: 0 !important; min-height: 100dvh !important; min-width: 100vw !important; } .modal-content{ display: flex; flex-direction: column; min-height: unset !important; max-height: 100dvh; height: 100dvh; min-width: 100vw; } .modal-content form {display: flex; flex-direction: column; flex: 1; overflow: hidden;} .modal-body{flex-grow: 1; min-height: unset !important; max-height: unset !important; overflow: scroll;} .modal-footer {position: static; bottom: 0; text-align: right; width: 100%; background: white;} .modal-header {flex: 0;} .dashboard section .table .table-cell.menuColumn{ min-height: 600px;} .dashboard section .table .table-cell.headerRow .actions li{ font-size: 13px;} .dashboard section .table .table-cell.headerRow h1{ font-size: 13px; line-height: 16px; margin-top: 11px; display: none;} .collapse-menu.mobileMenuToggle{ margin-top: 4px;} .quickMenu{ margin-top: 4px;} .dashboard section .table .table-cell.headerRow .actions > ul{ margin: 0;} .dashboard section .table .table-cell.content-cell .box table tr:nth-child(2n) td{ background: none;} .xmlFilterResult table, .xmlFilterResult thead, .xmlFilterResult tbody, .xmlFilterResult th, .xmlFilterResult td, .xmlFilterResult tr { display: block; margin: 0;} .xmlFilterResult thead tr {position: absolute;top: -9999px;left: -9999px;} .xmlFilterResult tr { border: none;} .xmlFilterResult tr tr{ border: none;} .xmlFilterResult td, .xmlFilterResult th { border: none; border-bottom: 0; position: relative;width: 100%; font-size: 12px;} .xmlFilterResult td:before, .xmlFilterResult th:before { position: absolute; top: 6px; left: 6px;width: 45%; padding-right: 10px; white-space: nowrap; } .xmlFilterResult td.input, .dashboard section .table .table-cell.content-cell .box table tr:nth-child(2n) td.input{ background: #f4f4f8; } .xmlFilterResult td.output, .dashboard section .table .table-cell.content-cell .box table tr:nth-child(2n) td.output{ background: #FFF; } .xmlFilterResult td, .xmlFilterResult th{ width: 100% !important; padding: 2px 8px;} .dashboard section .table .table-cell.content-cell .box table{ width: 100%; margin-left: 0%; margin-right: 0%;} .messageFilterResult td, .messageFilterResult th{ width: 100% !important; padding: 2px 8px;} .messageFilterResult table, .messageFilterResult thead, .messageFilterResult tbody, .messageFilterResult th, .messageFilterResult td, .messageFilterResult tr { display: block; margin: 0;} .messageFilterResult thead tr {position: absolute;top: -9999px;left: -9999px;} .messageFilterResult tr { border: none;} .messageFilterResult tbody tr:nth-child(2n) { background: #f4f4f8;} .messageFilterResult td, .messageFilterResult th { border: none; border-bottom: 0; position: relative;width: 100%; font-size: 12px; padding-left: 50% !important;} .messageFilterResult td.hide640, .messageFilterResult th.hide640 { display: none;} .messageFilterResult td:before, .messageFilterResult th:before { position: absolute; top: 6px; left: 6px;width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold;} .messageFilterResult td:nth-of-type(2):before { content: "Group: "; } .messageFilterResult td:nth-of-type(3):before { content: "Location: "; } .messageFilterResult td:nth-of-type(4):before { content: "Machine / EG: "; } .messageFilterResult td:nth-of-type(5):before { content: "Message: "; } .messageFilterResult td:nth-of-type(6):before { content: "Date"; } .dashboard section .tableView table th{ font-size: 12px;} .dashboard section .tableView table td span.status{ font-size: 10px;} .dashboard section .table .table-cell.menuColumn footer{ position: relative; margin: 20px 0 30px 0; bottom: unset; left: unset;} .dashboard section .table .table-cell.menuColumn{ height: auto;} .form-control.mediumShort{ max-width: 45%;} } @media print { header .actions, .menuColumn, .filterBlock, .toCompareBox, .cycleHistoryButton, .fakeDropdown { display: none; } }