<<<<<<< HEAD .devices-info-tab{--table-gutter:200px}@media only screen and (min-width:1366px)and (max-width:1919px){.devices-info-tab{--table-gutter:226px}}@media only screen and (min-width:1920px){.devices-info-tab{--table-gutter:234px}}.devices-info-tab .post-header-right{background:#fff;padding:0 10px 10px 10px}.devices-info-tab .search-bar{position:relative;padding-right:4px;margin-left:12px;width:180px}.devices-info-tab .search-bar input{background:#f2f3f4;border-radius:8px;border:0 solid #dcdfe6;color:#000!important;width:180px}.devices-info-tab .search-bar img{width:16px;position:absolute;bottom:0;right:0;margin:6px}.devices-info-tab .pagination-bar{background:#fff;padding-top:10px!important;padding-bottom:10px!important}.devices-info-tab .er-button.el-button--text{padding:0}.devices-info-tab .er-button.el-button--text span.material-icons-round{font-size:14px;color:#979797}@media only screen and (min-width:1366px)and (max-width:1919px){.devices-info-tab .er-button.el-button--text span.material-icons-round{font-size:16px}}@media only screen and (min-width:1920px){.devices-info-tab .er-button.el-button--text span.material-icons-round{font-size:20px}}.devices-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:16px}@media only screen and (min-width:1366px)and (max-width:1919px){.devices-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:20px}}@media only screen and (min-width:1920px){.devices-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:24px}}.devices-info-tab .hightlightforActivetag{color:#0a2463;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.devices-info-tab .loading_class{min-height:79vh;width:100%;padding:0;margin:0;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.devices-info-tab .loading_class{min-height:82vh}}@media only screen and (min-width:1920px){.devices-info-tab .loading_class{min-height:85vh}}.gateways-info-tab{--table-gutter:210px}@media only screen and (min-width:1366px)and (max-width:1919px){.gateways-info-tab{--table-gutter:250px}}@media only screen and (min-width:1920px){.gateways-info-tab{--table-gutter:266px}}.gateways-info-tab .post-header-right{background:#fff;padding:0 10px 10px 10px}.gateways-info-tab .el-button{padding:0}.gateways-info-tab .table-container .el-tag--dark{height:unset;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 7px;background-color:#f2f0f9!important;border-color:#f2f0f9;border-radius:25px;font-size:12px;color:#0a2463;margin-top:2px;margin-right:2px}@media only screen and (min-width:1366px)and (max-width:1919px){.gateways-info-tab .table-container .el-tag--dark{font-size:14px}}@media only screen and (min-width:1920px){.gateways-info-tab .table-container .el-tag--dark{font-size:16px}}.gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close{background-color:#0a2463;font-size:11px;top:0}@media only screen and (min-width:1366px)and (max-width:1919px){.gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close{font-size:13px}}@media only screen and (min-width:1920px){.gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close{font-size:16px}}@media only screen and (min-width:1366px)and (max-width:1919px){.gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close{height:19px;width:19px;line-height:19px}}@media only screen and (min-width:1920px){.gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close{height:21px;width:21px;line-height:21px}}.gateways-info-tab .communication-status-icon{font-size:14px}@media only screen and (min-width:1366px)and (max-width:1919px){.gateways-info-tab .communication-status-icon{font-size:16px}}@media only screen and (min-width:1920px){.gateways-info-tab .communication-status-icon{font-size:20px}}.gateways-info-tab .legend{margin-top:10px}.gateways-info-tab .legend,.gateways-info-tab .legend .legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.gateways-info-tab .legend .legend-item{padding-left:10px;padding-right:10px}.gateways-info-tab .legend .legend-item .legend-title{padding-left:5px;opacity:.4;font-weight:700;font-size:12px}@media only screen and (min-width:1366px)and (max-width:1919px){.gateways-info-tab .legend .legend-item .legend-title{font-size:14px}}@media only screen and (min-width:1920px){.gateways-info-tab .legend .legend-item .legend-title{font-size:16px}}.gateways-info-tab #gateway-info-table td:nth-child(5) .cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gateways-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:16px}@media only screen and (min-width:1366px)and (max-width:1919px){.gateways-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:20px}}@media only screen and (min-width:1920px){.gateways-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round{font-size:24px}}.gateways-info-tab .loading_class{min-height:79vh;width:100%;padding:0;margin:0;background-color:#fff;text-align:center}@media only screen and (min-width:1366px)and (max-width:1919px){.gateways-info-tab .loading_class{min-height:82vh}}@media only screen and (min-width:1920px){.gateways-info-tab .loading_class{min-height:85vh}}.tooltip{display:block!important;z-index:10000;font-size:.5rem}@media screen and (max-width:1440px){.tooltip{font-size:.8rem}}.tooltip .tooltip-inner{background:#508ff4;color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#508ff4;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);box-shadow:0 5px 30px rgba(0,0,0,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;-webkit-transition:opacity .15s,visibility .15s;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;-webkit-transition:opacity .15s;transition:opacity .15s}.resources-view .el-menu--horizontal.type-tab{width:100%;margin-bottom:5px}.resources-view .el-menu--horizontal.type-tab>.el-menu-item{line-height:35px;height:35px}.resources-view .el-card__body{padding:0} ======= .devices-info-tab { --table-gutter: 200px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .devices-info-tab { --table-gutter: 226px; } } @media only screen and (min-width: 1920px) { .devices-info-tab { --table-gutter: 234px; } } .devices-info-tab .post-header-right { background: #fff; padding: 0 10px 10px 10px; } .devices-info-tab .search-bar { position: relative; padding-right: 4px; margin-left: 12px; width: 180px; } .devices-info-tab .search-bar input { background: #f2f3f4; border-radius: 8px; border: 0 solid #dcdfe6; color: #000 !important; width: 180px; } .devices-info-tab .search-bar img { width: 16px; position: absolute; bottom: 0; right: 0; margin: 6px; } .devices-info-tab .pagination-bar { background: #fff; padding-top: 10px !important; padding-bottom: 10px !important; } .devices-info-tab .er-button.el-button--text { padding: 0; } .devices-info-tab .er-button.el-button--text span.material-icons-round { font-size: 14px; color: #979797; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .devices-info-tab .er-button.el-button--text span.material-icons-round { font-size: 16px; } } @media only screen and (min-width: 1920px) { .devices-info-tab .er-button.el-button--text span.material-icons-round { font-size: 20px; } } .devices-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 16px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .devices-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 20px; } } @media only screen and (min-width: 1920px) { .devices-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 24px; } } .devices-info-tab .hightlightforActivetag { color: #0a2463; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .devices-info-tab .loading_class { min-height: 79vh; width: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .devices-info-tab .loading_class { min-height: 82vh; } } @media only screen and (min-width: 1920px) { .devices-info-tab .loading_class { min-height: 85vh; } } .gateways-info-tab { --table-gutter: 210px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .gateways-info-tab { --table-gutter: 250px; } } @media only screen and (min-width: 1920px) { .gateways-info-tab { --table-gutter: 266px; } } .gateways-info-tab .post-header-right { background: #fff; padding: 0 10px 10px 10px; } .gateways-info-tab .el-button { padding: 0; } .gateways-info-tab .table-container .el-tag--dark { height: unset; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 7px; background-color: #f2f0f9 !important; border-color: #f2f0f9; border-radius: 25px; font-size: 12px; color: #0a2463; margin-top: 2px; margin-right: 2px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .gateways-info-tab .table-container .el-tag--dark { font-size: 14px; } } @media only screen and (min-width: 1920px) { .gateways-info-tab .table-container .el-tag--dark { font-size: 16px; } } .gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close { background-color: #0a2463; font-size: 11px; top: 0; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close { font-size: 13px; } } @media only screen and (min-width: 1920px) { .gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close { font-size: 16px; } } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close { height: 19px; width: 19px; line-height: 19px; } } @media only screen and (min-width: 1920px) { .gateways-info-tab .table-container .el-tag--dark .el-tag__close.el-icon-close { height: 21px; width: 21px; line-height: 21px; } } .gateways-info-tab .communication-status-icon { font-size: 14px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .gateways-info-tab .communication-status-icon { font-size: 16px; } } @media only screen and (min-width: 1920px) { .gateways-info-tab .communication-status-icon { font-size: 20px; } } .gateways-info-tab .legend { margin-top: 10px; } .gateways-info-tab .legend, .gateways-info-tab .legend .legend-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .gateways-info-tab .legend .legend-item { padding-left: 10px; padding-right: 10px; } .gateways-info-tab .legend .legend-item .legend-title { padding-left: 5px; opacity: 0.4; font-weight: 700; font-size: 12px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .gateways-info-tab .legend .legend-item .legend-title { font-size: 14px; } } @media only screen and (min-width: 1920px) { .gateways-info-tab .legend .legend-item .legend-title { font-size: 16px; } } .gateways-info-tab #gateway-info-table td:nth-child(5) .cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gateways-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 16px; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .gateways-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 20px; } } @media only screen and (min-width: 1920px) { .gateways-info-tab .er-button.er-button--refresh.el-button--text.er-button--icon span.material-icons-round { font-size: 24px; } } .gateways-info-tab .loading_class { min-height: 79vh; width: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center; } @media only screen and (min-width: 1366px) and (max-width: 1919px) { .gateways-info-tab .loading_class { min-height: 82vh; } } @media only screen and (min-width: 1920px) { .gateways-info-tab .loading_class { min-height: 85vh; } } .tooltip { display: block !important; z-index: 10000; font-size: 0.5rem; } @media screen and (max-width: 1440px) { .tooltip { font-size: 0.8rem; } } .tooltip .tooltip-inner { background: #508ff4; color: #fff; border-radius: 16px; padding: 5px 10px 4px; } .tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #508ff4; z-index: 1; } .tooltip[x-placement^="top"] { margin-bottom: 5px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0 5px 5px 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"] { margin-left: 5px; } .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip[x-placement^="left"] { margin-right: 5px; } .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip.popover .popover-inner { background: #f9f9f9; color: #000; padding: 24px; border-radius: 5px; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .tooltip.popover .popover-arrow { border-color: #f9f9f9; } .tooltip[aria-hidden="true"] { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.15s, visibility 0.15s; transition: opacity 0.15s, visibility 0.15s; } .tooltip[aria-hidden="false"] { visibility: visible; opacity: 1; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } .resources-view .el-menu--horizontal.type-tab { width: 100%; margin-bottom: 5px; } .resources-view .el-menu--horizontal.type-tab > .el-menu-item { line-height: 35px; height: 35px; } .resources-view .el-card__body { padding: 0; } >>>>>>> e3e3b39a8456ce624c95ac31e95c0aadd30519c6