@import url(font.css);
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%;
    min-width: 1325px
}

body {
    font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
    position: relative;
    min-width: 1325px;
    min-height: 100%;
    font-size: 13px;
    line-height: 1.5384616;
    color: #3F4254;
    background-color: #F2F3F7;
    margin: 0;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.loading {
    position: fixed;
    top: 0;
    background: #000;
    opacity: .3;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.loading .spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999
}

.container {
    margin: 0 auto;
    width: 1285px
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.footer:after,
.footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.panel-body:after,
.panel-body:before {
    content: " ";
    display: table
}

.container-fluid:after,
.container:after,
.form-horizontal .form-group:after,
.footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after {
    clear: both
}

.form-control:focus {
    outline: 0;
    border: 1px solid #3699FF
}

input::placeholder {
    font-weight: 500
}

input {
    vertical-align: middle;
    border: 1px solid #EBEDF3
}

a {
    color: #3699FF;
    text-decoration: none;
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.5384616;
    letter-spacing: -.015em;
    margin: 10px 0
}

h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #999
}

h1 {
    font-size: 25px
}

h2 {
    font-size: 23px
}

h3 {
    font-size: 21px
}

h4 {
    font-size: 19px
}

h5 {
    font-size: 17px
}

h6 {
    font-size: 15px
}

p {
    margin: 0 0 10px
}

button,
input,
select,
textarea {
    font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0
}

.menu-bar {
	text-align: center;
	margin: 20px auto;
}

.menu-bar button {
	width: 100px;
	border-color: #fff;
}

.menu-bar button.on {
	color: #fff;
	background-color: #00bcd4;

}

img {
    vertical-align: middle;
    border: 0
}

.color-success {
    color: #1BC5BD
}

.color-primary {
    color: #2196f3
}

.color-info {
    color: #00bcd4
}

.color-warning {
    color: #FFA800
}

.color-danger {
    color: #F64E60
}

.color-default {
    color: #777
}

.text-underline {
    text-decoration: underline
}

.hide-text {
    display: none
}

.btn {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
	color: #999;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s
}

.btn-icon {
    padding: 2px 7px
}

.btn-icon i {
    font-size: 14px;
    padding-top: 4px;
}

.btn-block {
    display: block;
    width: 100%
}

.btn-primary {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3
}

.btn-primary:hover {
    color: #fff;
    background-color: #0c7cd5;
    border-color: #0b76cc
}

.btn-light-primary {
    color: #3699FF;
    background-color: #E1F0FF;
    border-color: transparent
}

.btn-light-primary:hover {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3
}

.btn-info {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4
}

.btn-info:hover {
    color: #fff;
    background-color: #008fa1;
    border-color: #008fa1
}

.btn-light-normal {
    color: #fff;
    background-color: #1BC5BD;
    border-color: transparent
}

.btn-light-info {
    color: #1BC5BD;
    background-color: #C9F7F5;
    border-color: transparent
}

.btn-light-info:hover {
    color: #fff;
    background-color: #1BC5BD;
    border-color: transparent
}

.btn-warning {
    color: #fff;
    background-color: #FFA800;
    border-color: #FFA800
}

.btn-warning:hover {
    color: #fff;
    background-color: #EE9D01;
    border-color: #EE9D01
}

.btn-danger {
    color: #fff;
    background-color: #F64E60;
    border-color: #F64E60
}

.btn-danger:hover {
    color: #fff;
    background-color: #EE2D41;
    border-color: #EE2D41
}

.btn-light-danger {
    color: #F64E60;
    background-color: #FFE2E5;
    border-color: transparent
}

.btn-light-danger:hover {
    color: #fff;
    background-color: #F64E60;
    border-color: transparent
}

.label-light-primary {
    color: #3699FF;
    background-color: #E1F0FF
}

.label-light-success {
    color: #1BC5BD;
    background-color: #C9F7F5
}

.label-light-warning {
    color: #FFA800;
    background-color: #FFF4DE
}

.label-light-danger {
    color: #F64E60;
    background-color: #FFE2E5
}

.label-light-info {
    color: #8950FC;
    background-color: #EEE5FF
}

.alarm-label-green {
    background: #1BC5BD !important;
    color: #fff;
    font-weight: 600
}

.alarm-label-red {
    background: #F64E60 !important;
    color: #fff;
    font-weight: 600
}

.text-muted {
    color: #999
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.position-left {
    margin-right: 7px
}

.position-right {
    margin-left: 7px
}

.display-block {
    display: block;
    margin-top: 3px
}

.weight-600 {
    font-weight: 600 !important
}

.weight-700 {
    font-weight: 700 !important
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 9px 15px;
    font-weight: 600;
    font-size: 15px
}

.navbar {
    position: relative;
    height: 50px;
    background-color: #3699FF
}

.navbar .container {
    margin: 0 auto;
    width: 1285px;
    height: 50px;
    padding-top: 2px
}

.navbar-header {
    float: left;
    min-width: 150px
}

.navbar-collapse {
    width: auto
}

.navbar-collapse.collapse {
    height: 50px !important;
    overflow: visible !important
}

.navbar-brand>img {
    height: 40px;
    width: auto;
    margin-top: 3px
}

.navbar-right {
    float: right !important;
    margin-right: 0;
    margin-top: 5px
}

.navbar-nav {
    display: inline-block;
    text-align: left;
    margin-left: 10px
}

.navbar-nav>li {
    float: left
}

.navbar-nav>li.active {
    background-color: #F2F3F7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease
}

.navbar-nav>li.has-sub.active {
    background-color: #fff;
}

.nav-main {
    margin-top: 13px;
	margin-left: 15px;
}

.nav-main>li {
    margin-right: 10px
}

.nav-main>li:last-child {
    margin-right: 0
}

.nav-main>li>a {
    padding: 13px 19px
}

.nav-main>li.active>a {
    color: #3699FF !important;
    opacity: 1
}

.navbar-inverse .navbar-nav>.open>a {
    background-color: rgba(0, 0, 0, .15);
    color: #fff
}

.navbar-right .dropdown-menu {
    left: auto;
    right: 0
}

.navbar-nav>li>a {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border-radius: 5px;
    opacity: .8;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s
}

.navbar-nav>li>a:hover {
    opacity: 1;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s
}

.navbar-right>li>a {
    font-size: 13px
}

.navbar-right>li>a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s
}

.navbar-bottom {
    height: 50px;
    background-color: #fff
}

.navbar-bottom .container {
    height: 50px;
    padding-top: 14px
}

.navbar-bottom .menu-nav {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.navbar-bottom .menu-nav>li {
    float: left;
    padding: 0 5px
}

.navbar-bottom .menu-nav>li:first-child {
    padding-left: 0
}

.navbar-bottom .menu-nav>li>a {
    padding: 7px 15px;
    font-weight: 600;
    font-size: 14px;
    color: #7E8299
}

.navbar-bottom .menu-nav>li>a:hover {
    color: #3699FF
}

.navbar-bottom .menu-nav>li.active>a {
    background-color: #F3F6F9;
    color: #3699FF;
    border-radius: 5px
}

.footer {
    position: relative;
    padding-bottom: 20px;
    margin: 0 auto;
    width: 605px
}

.footer img {
    float: left;
    width: 100px;
    height: auto;
    margin-right: 20px
}

.footer div {
    float: left
}

.caret {
    font-style: normal;
    font-weight: 400;
    border: 0;
    margin: 0;
    width: auto;
    height: auto;
    text-align: center;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle
}

.caret i {
    display: block;
    font-size: 14px;
    width: 17px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.page-header {
    margin: 0;
    padding: 0
}

.page-header-content {
    position: relative;
    background-color: inherit;
    padding: 0
}

.page-title {
    padding: 10px 0;
    display: block;
    position: relative
}

.page-title h4 {
    display: inline-block
}

.page-title ul {
    list-style: none;
    display: inline-block;
    padding: 0
}

.page-title ul li {
    display: inline-block
}

.page-title ul li:after {
    display: inline-block;
    content: " ";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #D1D3E0;
    margin-left: 5px;
    vertical-align: middle
}

.page-title ul li:last-child:after {
    display: none
}

.page-title ul li a {
    color: #B5B5C3;
    font-weight: 600
}

.page-title ul li.active a,
.page-title ul li a:hover {
    color: #3699FF !important
}

.heading-elements {
    background-color: inherit;
    position: absolute;
    top: 50%;
    right: 20px;
    height: 36px;
    margin-top: -18px
}

.page-container {
    width: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
    padding: 0;
    padding-bottom: 60px
}

.page-content {
    display: table-row
}

.content-wrapper {
    width: 100%;
    display: table-cell;
    vertical-align: top
}

.panel {
    color: #333;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 30px 0 rgba(82, 63, 105, .05);
    box-shadow: 0 0 30px 0 rgba(82, 63, 105, .05)
}

.panel.first {
    margin-top: 20px
}

.panel-body {
    position: relative;
    padding: 20px 25px
}

.panel-left,
.panel-inner-left {
    float: left;
    width: 49%;
    margin-right: 1%
}

.panel-right,
.panel-inner-right {
    float: left;
    width: 49%;
    margin-left: 1%
}

.content-group {
    margin-bottom: 20px !important
}

.form-group {
    margin-bottom: 20px;
    position: relative
}

.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.form-control[disabled] {
    cursor: not-allowed;
    background-color: #F3F6F9;
    opacity: 1
}

.form-control[readonly] {
    background-color: #F3F6F9
}

.form-control-icon {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    display: block;
    width: 38px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #333;
    z-index: 3;
    pointer-events: none
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #333;
    text-align: center;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    border-radius: 3px
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 4px;
    font-weight: 400
}

.table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 2px solid #EBEDF3
}

.table>thead>tr>th {
    padding: 5px 3px;
    border: 1px solid #EBEDF3;
    background: #F3F6F9;
    vertical-align: middle;
    font-weight: 700;
    text-align: center
}

.table>tbody>tr>td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #EBEDF3;
    font-size: 13px;
    padding: 5px 0
}

.scrolltop {
    display: none;
    width: 36px;
    height: 36px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    cursor: pointer;
    z-index: 100;
    background-color: #3699FF;
    -webkit-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);
    box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);
    opacity: .5;
    border-radius: 5px;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s
}

.scrolltop:hover {
    opacity: 1;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s
}

.scrolltop i {
    padding: 10px;
    color: #fff;
    font-size: 19px
}

.accordion {
    margin-right: 40px
}

.accordion:after {
    font-family: icomoon;
    content: "\e9b8";
    font-size: 13px;
    color: #3F4254;
    float: left;
    margin-right: 5px;
    margin-top: 6px
}

.accordion.active {
    color: #3699FF
}

.accordion.active:after {
    font-family: icomoon;
    content: "\e9b7";
    color: #3699FF
}

@keyframes animation-spinner {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.birds-eyes-view .node-wrap {
	position: relative;
}

.birds-eyes-view .node-wrap .title {
	font-size: 20px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: -5px;
    text-align: center;
}

.birds-eyes-view .node-wrap .title.linkfail {
	color : #F64E60;
	text-decoration : line-through;
	text-decoration-color : #000;
}

.birds-eyes-view .node-wrap .unit-wrap {
	position: absolute;
	font-size: 10px;
}

.birds-eyes-view .node-wrap .node {
	width: 44.5%;
	height: 151px;
	margin-top: 32px;
	border: 1px solid #d0d0d0;
}

.birds-eyes-view .node-wrap .node.left {
	float: left;
}

.birds-eyes-view .node-wrap .node.right {
	float: right;
}

.birds-eyes-view .node-wrap .gradient {
	background: #e9e9e9;
    background: -moz-linear-gradient(#fff, #d1d1d1);
    background: -webkit-linear-gradient(#fff, #d1d1d1);
    background: -o-linear-gradient(#fff, #d1d1d1);
    background: -ms-linear-gradient(#fff, #d1d1d1);
    background: linear-gradient(#fff, #d1d1d1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#d1d1d1');
	width: 5%;
    height: 149px;
}

.birds-eyes-view .node-wrap .gradient.left, .birds-eyes-view .node-wrap .gradient.right {
	float: left;
}

.birds-eyes-view .node-wrap .gradient.left span {
	display: block;
    width: 60%;
    height: 13px;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #fafafa;
    border-radius: 3px;
	margin: 35% 30% 0 10%;
}

.birds-eyes-view .node-wrap .gradient.right span {
	display: block;
    width: 60%;
    height: 13px;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #fafafa;
    border-radius: 3px;
	margin: 35% 10% 0 30%;
}

.birds-eyes-view .node-wrap .middle {
	border: 2px solid #EBEDF3;
	border-left-width: 4px;
	border-right-width: 4px;
	width: 45%;
	vertical-align: middle;
	position: relative;
}

.birds-eyes-view .node-wrap .middle.left, .birds-eyes-view .node-wrap .middle.right {
	float: left;
}

.birds-eyes-view .node-wrap .middle .fan-wrap {
	position: absolute;
    top: 40%;
    left: 7px;
}

.birds-eyes-view .node-wrap .middle .fan-wrap .fan {
	font-size: 15px;
    border: 2px solid #EBEDF3;
    padding: 2px 4px;
}

.birds-eyes-view .node-wrap .middle .fan-wrap .fan.green {
	color: #1BC5BD !important;
}

.birds-eyes-view .node-wrap .middle .fan-wrap .fan.red {
	color: #F64E60 !important;
}

.birds-eyes-view .node-wrap .middle .mimo-wrap {
	position: absolute;
    top: -38px;
    left: 108px;
    height: 34px;
    width: 129px;
    text-align: center;
    line-height: 18px;
}

.birds-eyes-view .node-wrap .middle .mimo-wrap span {
	float: left;
    display: block;
    width: 62px;
    height: 20px;
    padding: 0px 0;
    margin: 0 1px;
}

.birds-eyes-view .node-wrap .middle .mimo-wrap .division {
	width: 62px;
    text-align: center;
    font-weight: bold;
}

.birds-eyes-view .node-wrap .middle .sec {
	position: absolute;
    top: -20px;
    left: 21%;
    width: 13%;
    font-size: 12px;
    text-align: center;
}

.birds-eyes-view .node-wrap .middle div input {
	position: absolute;
    top: 41%;
	left: 10%;
	height: 18px;
	width: 30px;
    padding: 3px 5px;
	text-align: center;
}

.birds-eyes-view .node-wrap .middle table {
	float: right;
	width: 83%;
	border-collapse: collapse;
    border-spacing: 0;
    border: 2px solid #EBEDF3;
	border-top: 0;
    border-bottom: 0;
	/*margin-right: 20px;*/
}

.birds-eyes-view .node-wrap .middle table .alarm {
    background: #00bcd4;
	color: #fff !important;
}

.birds-eyes-view .node-wrap .middle table tr.selected {
	border: 2px solid #1BC5BD;
}

.birds-eyes-view .node-wrap .middle table>tbody>tr>td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #EBEDF3;
    font-size: 12px;
    padding: 5px 0;
}

.birds-eyes-view .node-wrap .middle table>tbody>tr>td.link {
    font-weight: bold;
	cursor: pointer;
}

.birds-eyes-view .node-wrap .middle table>tbody>tr>td.text {
    width: 65px;
}

.birds-eyes-view .node-wrap .middle table>tbody>tr>td.text.yellow {
    background: #FFA800 !important;
    color: #fff;
}

.birds-eyes-view .node-wrap .middle table>tbody>tr>td.text.red {
    background: #F64E60 !important;
    color: #fff;
}

.birds-eyes-view .node-wrap .detail {
	position: relative;
	text-align: center;
	font-size: 13px;
	margin-top: 10px;
}

.birds-eyes-view .node-wrap.three-band .node {
	height: 95px;
}

.birds-eyes-view .node-wrap.three-band .gradient {
    height: 93px;
}

.birds-eyes-view .node-wrap.three-band .gradient.left span {
	margin: 6% 30% 0 10%;
}

.birds-eyes-view .node-wrap.three-band .gradient.right span {
	margin: 6% 10% 0 30%;
}

/*
.birds-eyes-view .node-wrap.three-band .sec {
	top: 29%;
}
*/

.birds-eyes-view .node-wrap.four-band .node {
	height: 125px;
}

.birds-eyes-view .node-wrap.four-band .gradient {
    height: 123px;
}

.birds-eyes-view .node-wrap.four-band .gradient.left span {
	margin: 22% 30% 0 10%;
}

.birds-eyes-view .node-wrap.four-band .gradient.right span {
	margin: 22% 10% 0 30%;
}


/* sjlee add 20240801 */
.birds-eyes-view .node-wrap.five-band .node {
	height: 155px;
}

.birds-eyes-view .node-wrap.five-band .gradient {
    height: 153px;
}

.birds-eyes-view .node-wrap.five-band .gradient.left span {
	margin: 42% 30% 0 10%;
}

.birds-eyes-view .node-wrap.five-band .gradient.right span {
	margin: 42% 10% 0 30%;
}


/* sjlee add */
.birds-eyes-view .node-wrap.two-band .node {
	height: 66px;
}

.birds-eyes-view .node-wrap.two-band .gradient {
    height: 64px;
}
.birds-eyes-view .node-wrap.two-band .gradient.left span {
	margin: 26% 30% 0 10%;
}

.birds-eyes-view .node-wrap.two-band .gradient.right span {
	margin: 26% 10% 0 30%;
}

/* end */



.birds-eyes-view .node-wrap.six-band .node {
	height: 185px;
}

.birds-eyes-view .node-wrap.six-band .gradient {
    height: 183px;
}

.birds-eyes-view .node-wrap.six-band .gradient.left span {
	margin: 50% 30% 0 10%;
}

.birds-eyes-view .node-wrap.six-band .gradient.right span {
	margin: 50% 10% 0 30%;
}
/*
.birds-eyes-view .node-wrap.six-band .sec {
	top: 37%;
}
*/
.birds-eyes-view .node-wrap.one-band .node {
	height: 62px;
}

.birds-eyes-view .node-wrap.one-band .gradient {
    height: 60px;
}

.birds-eyes-view .node-wrap.one-band .middle table>tbody>tr>td {
    padding: 18px 0;
}
/*
.birds-eyes-view .node-wrap.one-band .middle .sec {
	top: 15%;
}
*/
.birds-eyes-view .node-wrap .detail input {
	width: 40px;
	height: 20px;
    padding: 3px 5px;
	text-align: center;
	border: 1px solid #ddd;
}

.birds-eyes-view .node-wrap .cable {
	position: relative;
	text-align: center;
	margin: 0 auto;
	height: 16px;
}

.birds-eyes-view .node-wrap .cable .line {
    background: #EBEDF3;
	color: #EBEDF3;
    position: absolute;
}

.birds-eyes-view .node-wrap .cable.gray .line {
    background: #ddd;
	color: #ddd;
}

.birds-eyes-view .node-wrap .cable.yellow .line {
    background: #FFA800;
	color: #FFA800;
}

.birds-eyes-view .node-wrap .cable.red .line {
    background: #F64E60;
	color: #F64E60;
}

.birds-eyes-view .node-wrap .cable .line.left {
    height: 45px;
    width: 4px;
    left: 271px;
    top: -31px;
}

.birds-eyes-view .node-wrap .cable .line.center {
    height: 4px;
    width: 686px;
    left: 273px;
    top: 10px;
}

.birds-eyes-view .node-wrap .cable .line.right {
    height: 45px;
    width: 4px;
    right: 273px;
    top: -31px;
}

.birds-eyes-view .node-wrap .cable .line.circle {
    background: none !important;
	top: -3px;
    left: 610px;
}

.birds-eyes-view .node-wrap .thermometer {
    position: relative;
    font-size: 40px;
	color: #1BC5BD;
}

.birds-eyes-view .node-wrap .thermometer .left {
    position: absolute;
    left: 184px;
    top: -42px;
    text-align: center;
	line-height: 10px;
}

.birds-eyes-view .node-wrap .thermometer .right {
    position: absolute;
    right: 184px;
    top: -42px;
	text-align: center;
	line-height: 10px;
}

.birds-eyes-view .node-wrap .thermometer .left.red {
	color: #F64E60; !important
}

.birds-eyes-view .node-wrap .thermometer .right.red {
	color: #F64E60; !important
}

.birds-eyes-view .node-wrap .thermometer .left i {
    margin-right: 10px;
}

.birds-eyes-view .node-wrap .thermometer .right i {
	margin-left: 10px;
}

.birds-eyes-view .node-wrap .thermometer .left input, .birds-eyes-view .node-wrap .thermometer .right input {
    display: inline-block;
	width: 45px;
	height: 20px;
    padding: 3px 5px;
	margin-top: -6px;
    text-align: center;
}

.status-config.fdd .cwdm-wrap .cwdm-button {
	text-align: center;
}

.status-config.fdd .cwdm-wrap .cwdm {
	width: 35%;
}

.status-config.fdd .cwdm-wrap .cwdm.left {
	float: left;
}

.status-config.fdd .cwdm-wrap .cwdm.center {
	width: 30%;
	float: left;
}

.status-config.fdd .cwdm-wrap .cwdm.right {
	float: right;
}

.status-config.fdd .cwdm-wrap .cwdm input {
	width: 40px;
    height: 20px;
    padding: 3px 5px;
    text-align: center;
    border: 1px solid #ddd;
	font-size: 10px;
}

.status-config.fdd .cwdm-wrap .cwdm input.red {
	background-color: #F64E60;
	color: #fff;
}

.status-config.fdd .cwdm-wrap .cwdm input.yellow {
	background-color: #FFA800;
	color: #fff;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap {
	float: left;
	width: 38%;
	position: relative;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dbm-line {
	text-align: right;
	margin-top: 13px;
    margin-bottom: 21px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dbm-line .dbm {
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	font-size: 10px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dbm-line .dbm input.red {
	background-color: #F64E60;
	color: #fff;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dbm-line .dbm input.yellow {
	background-color: #FFA800;
	color: #fff;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dbm-line .dbm .name {
	font-size: 13px;
	font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-sec {
	position: absolute;
    text-align: center;
    font-size: 10px;
    top: 13px;
    left: 0px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-sec.second {
	top: 135px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-sec.third {
    bottom: 205px;
	top: unset;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-sec.bottom {
    bottom: 82px;
	top: unset;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-sec .name {
	font-size: 13px;
    font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-max {
	position: absolute;
    top: 73px;
}
.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-max.second {
	position: absolute;
    top: 194px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-max .name {
	font-size: 13px;
    font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-max .dbm {
	font-size: 10px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .sel-mimo {
	position: absolute;
    top: 290px;
}
.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .sel-mimo .name {
	font-size: 13px;
    font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-mimoa {
	position: absolute;
    text-align: center;
    font-size: 10px;
    top: 56px;
    left: 40px;
    font-size: 13px;
	font-weight: bold;
	color: #FFA800;
}

.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-mimob {
	position: absolute;
    text-align: center;
    font-size: 10px;
    top: 176px;
    left: 40px;
    font-size: 13px;
	font-weight: bold;
	color: #FFA800;
}


/*
.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-mimo .mimoa {
	top: 65px;
    font-size: 13px;
	font-weight: bold;
}
.status-config.fdd .cwdm-wrap .cwdm.left .dbm-wrap .dl-mimo .mimob {
	top: 200px;
    font-size: 13px;
	font-weight: bold;
}
*/

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap {
	float: right;
	border: 5px solid #EBEDF3;
	width: 62%;
	height: 275px;
	border-radius: 20px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line {
	position: relative;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .dpx {
	display: block;
    width: 20%;
    height: 84px;
    text-align: center;
    padding-top: 25px;
	background: #F3F6F9;
    border: 5px solid #EBEDF3;
	font-weight: bold;
	float: left;
	margin-top: 26px;
	margin-left: -5px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .dpx .dot {
	float: left;
    width: 15px;
    height: 15px;
    background: #F3F6F9;
    border: 5px solid #EBEDF3;
    margin-left: -15px;
    margin-top: 2px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .circualtor {
	position: absolute;
    top: 53px;
    left: 32px;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    background: #E1F0FF;
    border: 1px solid #3699FF;
    font-weight: 500;
    border-radius: 50%;
    font-size: 16px;
    padding-top: 4px;
    color: #3699FF;
    z-index: 2;
}

.status-config.fdd.tdds .cwdm-wrap .cwdm.left .interface-wrap .interface-line .circualtor {
	display: none;
}
.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .circualtor .dot {
	float: left;
    width: 15px;
    height: 15px;
    background: #F3F6F9;
    border: 5px solid #EBEDF3;
    margin-left: -48px;
    margin-top: 4px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .circualtor .dot-line {
	position: absolute;
    height: 3px;
    width: 32px;
    top: 14px;
    left: -33px;
    background: #3699FF;
    z-index: 1;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line {
	float: right;
    position: relative;
    width: 80%;
    height: 41px;
    margin-top: 20px;
}


.status-config.fdd.tdds .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line {
	width: 98%;
}
.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .loss-select {
	position: absolute;
	width: 100%;
	top: -14px;
	z-index: 2;
	text-align: center;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .loss-select input {
	width: 60px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .loss-select {
	position: absolute;
	width: 100%;
	top: -14px;
	z-index: 2;
	text-align: center;

}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .loss-select input {
	width: 60px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .loss-right-select {
	position: absolute;
	width: 100%;
	top: -14px;
	z-index: 2;
	text-align: center;
	right: -40px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .loss-right-select select {
	width: 60px;
}

/*
.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .loss-select input:focus {
	background: #F64E60;
	color: #fff;
}
*/
.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line {
	position: absolute;
	height: 3px;
	width: 100%;
	top: 16px;
	z-index: 1;
	font-size: 20px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.left {
	background: #690;
	color: #690;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.left i {
	position: absolute;
	top: -8px;
    left: -6px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.left.down {
	position: absolute;
    top: 16px;
    left: -3px;
    width: 3px;
    height: 13px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.left.down i {
	position: absolute;
    top: 4px;
    left: -5px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.right {
	background: #8950fc;
	color: #8950fc;
	left: -5px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.right i {
	position: absolute;
	top: -8px;
    right: -6px;
}

.status-config.fdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.right.down {
	position: absolute;
    top: 5px;
    left: -3px;
    width: 3px;
    height: 11px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap {
	float: right;
	width: 38%;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .dbm-line {
	text-align: left;
	margin-top: 13px;
    margin-bottom: 21px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .dbm-line .dbm {
	text-align: center;
	display: inline-block;
	margin-left: 15px;
	font-size: 10px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .dbm-line .dbm .name {
	font-size: 13px;
	font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .ssb-line {
	position: absolute;
	text-align: left;
	right:	15px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .ssb-line .tddssf {
	text-align: center;
	display: inline-block;
	margin-left: 50px;
	font-size: 10px;
	margin-top: 13px;
}
.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .ssb-line .tddssf .name {
	font-size: 13px;
	font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .ssb-line .tdd {
	text-align: center;
	display: inline-block;
	margin-left: 50px;
	font-size: 10px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .ssb-line .tdd .name {
	font-size: 13px;
	font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .ssb-line .tdd .automanual {
	position: absolute;
	left: 50px;
	font-size: 13px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .mode-line {
	position: absolute;
	text-align: left;
	right:	9px;
	margin-top: 72px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .mode-line .tdd {
	text-align: center;
	display: inline-block;
	margin-left: 50px;
	font-size: 13px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .mode-line .tdd .name {
	font-size: 13px;
	font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .mode-line2 {
	position: absolute;
	text-align: left;
	right:	9px;
	margin-top: 58px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .mode-line2 .tdd {
	text-align: center;
	display: inline-block;
	margin-left: 50px;
	font-size: 13px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .mode-line2 .tdd .name {
	font-size: 13px;
	font-weight: bold;
}


.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .sync-line {
	position: absolute;
	text-align: left;
	right:	9px;
	margin-top: 30px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .dbm-wrap .reset-line {
	position: absolute;
	text-align: left;
	right:	9px;
	margin-top: 205px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap {
	float: left;
	border: 5px solid #EBEDF3;
	width: 62%;
	height: 275px;
	border-radius: 20px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line {
	position: relative;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .circualtor {
	position: absolute;
    top: 50px;
    right: 32px;
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    background: #E1F0FF;
    border: 1px solid #3699FF;
    font-weight: 600;
    border-radius: 50%;
    font-size: 16px;
    padding-top: 4px;
    color: #3699FF;
    z-index: 2;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .circualtor .dot {
	float: right;
    width: 15px;
    height: 15px;
    background: #F3F6F9;
    border: 5px solid #EBEDF3;
    margin-right: -48px;
    margin-top: 4px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .circualtor .dot-line {
	position: absolute;
    height: 3px;
    width: 32px;
    top: 14px;
    right: -33px;
    background: #3699FF;
    z-index: 1;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line {
	float: right;
	position: relative;
	width: 98%;
	height: 40px;
	margin-top: 21px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .loss-select {
	position: absolute;
	width: 100%;
	top: -14px;
	z-index: 2;
	text-align: center;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .loss-select input {
	width: 60px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .loss-right-select {
	position: absolute;
	width: 100%;
	top: -14px;
	z-index: 2;
	text-align: center;
	right: -60px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .loss-right-select select {
	width: 60px;
}


/*
.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .loss-select input:focus {
	background: #F64E60;
	color: #fff;
}
*/

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line {
	position: absolute;
	height: 3px;
	width: 100%;
	top: 16px;
	z-index: 1;
	font-size: 20px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.left {
	background: #690;
	color: #690;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.left i {
	position: absolute;
	top: -8px;
    left: -6px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.right {
	background: #8950fc;
	color: #8950fc;
	left: -5px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.right i {
	position: absolute;
	top: -8px;
    right: -6px;
}

.status-config.fdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .dot {
	float: right;
    width: 15px;
    height: 15px;
    background: #F3F6F9;
    border: 5px solid #EBEDF3;
    margin-right: -16px;
    margin-top: 10px;
}

.status-config.fdd.tdds .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .dot {
	float: left;
    width: 15px;
    height: 15px;
    background: #F3F6F9;
    border: 5px solid #EBEDF3;
    margin-left: -20px;
    margin-top: 10px;
}
/* SJLee added. 20240802 */
.status-config.fdd.tdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.right {
	background: #8950fc;
	color: #8950fc;
	left: -5px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.right i {
	position: absolute;
	top: -8px;
    right: -6px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line {
	float: right;
	position: relative;
	width: 98%;
	height: 40px;
	margin-top: 21px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line .loss-select {
	position: absolute;
	width: 100%;
	top: -14px;
	z-index: 2;
	text-align: center;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line .line {
	position: absolute;
	height: 3px;
	width: 100%;
	top: 16px;
	z-index: 1;
	font-size: 20px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line .line.left {
	background: #690;
	color: #690;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line .line.left i {
	position: absolute;
	top: -8px;
    left: -6px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line .line.left.down {
	position: absolute;
    top: 15px;
    right: 0px;
    width: 3px;
    height: 19px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line .line.right {
	background: #8950fc;
	color: #8950fc;
	left: -5px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line .line.right i {
	position: absolute;
	top: -8px;
    right: -6px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap.vzw5 .interface-line .loss-line .line.right.up {
	position: absolute;
    top: 8px;
    right: 2px;
    left: auto;
    width: 3px;
    height: 10px;
}
/* SJLee added. 20240802 */

.status-config.fdd.tdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.right {
	left: -3px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.left .interface-wrap .interface-line .loss-line .line.right i {
	right: -4px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line {
	float: left;
	position: relative;
	width: 80%;
	height: 41px;
	margin-top: 20px;
	margin-left: 5px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .loss-select {
	position: absolute;
	width: 100%;
	top: -14px;
	z-index: 2;
	text-align: center;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line {
	position: absolute;
	height: 3px;
	width: 100%;
	top: 15px;
	z-index: 1;
	font-size: 20px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.left {
	background: #690;
	color: #690;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.left i {
	position: absolute;
	top: -8px;
    left: -6px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.left.down {
	position: absolute;
    top: 15px;
    right: 0px;
    width: 3px;
    height: 19px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.right {
	background: #8950fc;
	color: #8950fc;
	left: -5px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.right i {
	position: absolute;
    top: -12px;
    right: -5px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .interface-wrap .interface-line .loss-line .line.right.up {
	position: absolute;
    top: 8px;
    right: 2px;
    left: auto;
    width: 3px;
    height: 10px;
}

.status-config.fdd.tdd .cwdm-wrap .cwdm.right .dbm-wrap .sel-sync {
	position: absolute;
	margin-left: 15px;
    top: 650px;
}
.status-config.fdd.tdd .cwdm-wrap .cwdm.right .dbm-wrap .sel-sync .name {
	font-size: 13px;
    font-weight: bold;
}


.status-config.fdd .cwdm-wrap .cwdm .title{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0;
}

.status-config.fdd .cwdm-wrap .cwdm .title span{
	float: left;
}

.status-config.fdd .cwdm-wrap .cwdm .title button{
/*	margin-left: 20px;*/
	float: right;
}

.status-config.fdd .cwdm-wrap .cwdm.center .bar{
	margin-top: 18px;
    width: 14%;
    height: 585px;
    border: 1px solid #FFA800;
    color: #FFA800;
    background-color: #FFF4DE;
	text-align: center;
}

.status-config.fdd .cwdm-wrap .cwdm.center .bar.left{
	float: left;
}

.status-config.fdd .cwdm-wrap .cwdm.center .bar.right{
	float: right;
}

.status-config.fdd .cwdm-wrap .cwdm.center .bar .icon{
    margin-bottom: 13px;
    margin-top: 11px;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.status-config.fdd .cwdm-wrap .cwdm.center .bar .icon.left{
	background: url('../images/cwdm-icon-left.png') no-repeat;
	background-size: cover;
}

.status-config.fdd .cwdm-wrap .cwdm.center .bar .icon.right{
	background: url('../images/cwdm-icon-right.png') no-repeat;
	background-size: cover;
}

.status-config.fdd .cwdm-wrap .cwdm.center .bar .bar-name{
    margin-top: -2px;
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: bold;
    display: block;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap {
	float: left;
	width: 72%;
	height: 577px;
	margin-top: 26px;
	position: relative;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .loss {
	position: relative;
	margin-bottom: 38px;
    height: 22px;
	font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .loss .loss-input {
	position: absolute;
    width: 100%;
    top: 8px;
    z-index: 2;
    text-align: center;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .loss .loss-input span {
	background: #fff;
    padding-right: 13px;
    display: inline-block;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .loss .line {
	position: absolute;
    height: 5px;
    width: 100%;
    top: 15px;
    z-index: 1;
	border-bottom: 3px dashed #d0d0d0;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .loss .line.disabled {
	display: none;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion {
	text-align: center;
	margin-top: -2px;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion .loss {
	position: relative;
	margin-bottom: 18px;
    height: 22px;
	font-weight: bold;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion .loss:first-child {
	margin-bottom: 4px;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion .loss:last-child {
	margin-bottom: 16px;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion .loss .loss-input {
	position: absolute;
    width: 100%;
    top: 7px;
    z-index: 2;
    text-align: center;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion .loss .loss-input span {
	background: #fff;
    width: 158px;
    display: inline-block;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion .loss .line {
	position: absolute;
    height: 5px;
    width: 100%;
    top: 15px;
    z-index: 1;
    font-size: 25px;
	background: #FFA800;
    color: #FFA800;
	border: 0;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion .loss .line .left {
	position: absolute;
    top: -10px;
    left: -6px;
}

.status-config.fdd .cwdm-wrap .cwdm.center .measurement-wrap .conversion .loss .line .right {
	position: absolute;
    top: -10px;
    right: -6px;
}

.panel-alarm {
	width: 49%;
	margin: 0 auto;
}

.panel-alarm.left {
	float: left;
}

.panel-alarm.right {
	float: right;
}

.status-config.alarm-table .alarm {
	height: 15px;
	width: 15px;
	padding: 0;
	display: inline-block;
	font-size: 0 !important;
	vertical-align: middle;
	text-align: center;
	border-radius: 50%;
	background: #EBEDF3;
}

.status-config.alarm-table .applyto {
	text-align: right;
	margin-bottom: 1px;
}

.status-config.alarm-table table tr td {
    position: relative;
}

.status-config.alarm-table .alarm.red {
	background: #F64E60 !important;
}

.status-config.alarm-table .alarm.green {
	background: #1BC5BD !important;
}

.status-config.alarm-table .alarm.yellow {
	background: #FFA800 !important;
}

.status-config.alarm-table .bg-muted {
	background: #EBEDF3 !important;
}

.status-config.alarm-table .bottom {
	text-align: right;
	margin-top: 10px;
}

.status-config.alarm-table table tr td select {
    border: 1px solid transparent;
    text-align-last: center;
    width: 100%;
	height: auto;
	padding: 0;
    text-align: center;
}

.status-config.alarm-table .sys-alarm-super {
	width: 60px;
	position:absolute;
	border:1px solid #ddd;
	right:5px;
}

.system-info .page-left {
	float: left;
    width: 69%;
    margin-right: 1%;
}

.system-info .page-right {
	float: right;
    width: 29%;
    margin-right: 1%;
}

.system-info .page-server-information {
	width: 489px;
	margin:0 auto;
}

.system-info .page-server-information .page-header {
	text-align: center;
}

.system-info .page-server-information .form-group .form-control-wrap label {
    width: 35%;
    position: relative;
    min-height: 1px;
    text-align: left;
    float: left;
    padding-right: 5px;
    padding-top: 3px;
    font-size: 14px;
    font-weight: 600;
}

.system-info .page-server-information .form-group .form-control-wrap div {
    width: 65%;
    position: relative;
    min-height: 1px;
    float: left;
	padding-top: 4px;
}

.system-info .page-server-information .form-group .form-control-wrap div span {
    margin-left: 10px;
}

.system-info .page-server-information .form-group .form-control-wrap div span:first-child {
    margin-left: 0px;
}

.system-info .page-server-information .button-center {
	text-align: center;
}

.system-info .device-list {
    margin-bottom: 0;
}

.system-info .device-list .bottom {
    text-align: left;
    margin-top: 10px;
}

.system-info .device-list .bottom .form-checkbox {
    text-align: left;
    font-weight: 600
}

.system-info .device-list .bottom .form-checkbox input {
    margin-right: 5px
}

.status-container .channel-count {
    display: inline-block;
    float: right;
    margin-top: -5px
}

.status-container .channel-count h4 {
    font-size: 14px;
    font-weight: 600;
    display: inline-block
}

.status-container .channel-count select {
    display: inline-block;
    width: 100px;
    margin: 0 15px
}

.status-container .channel-count button {
    display: inline-block;
    margin-top: -3px
}

.alarm-history-container .page-container .search-form .form-group {
    width: 20%;
    float: left;
    padding-right: 20px;
    margin-bottom: 0
}

.alarm-history-container .page-container .search-form.sys-alarm .form-group {
    width: 25%
}

.alarm-history-container .page-container .search-form .form-group.last {
    text-align: right;
    padding-right: 0
}

.alarm-history-container .page-container .search-form .form-group.last .margin-right {
    margin-right: 20px
}

.alarm-history-container .page-container .search-form .form-group .form-control-wrap label {
    width: 30%;
    position: relative;
    min-height: 1px;
    text-align: center;
    float: left;
    padding-right: 5px;
    padding-top: 8px
}

.alarm-history-container .page-container .search-form .form-group .form-control-wrap div {
    width: 70%;
    position: relative;
    min-height: 1px;
    float: left
}

.page-container .search-form .form-group .form-control-wrap .ui-datepicker-trigger {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 4;
    padding: 6px;
    width: auto !important;
    height: auto !important;
    cursor: pointer
}

.alarm-history-container .page-container .search-form .form-group .form-control-wrap:after {
    clear: both
}

.alarm-history-container .replay-column select {
    width: 65%;
    margin-right: 10px;
    float: left
}

.alarm-history-container .replay-column button {
    width: 30%;
    float: left
}

.alarm-history-container .btn-icon {
    padding: 0 3px;
    margin-left: -3px
}

.setup-container .page-title {
    padding: 0
}

.setup-container .page-container {
    width: 650px;
    margin: 0 auto
}

.setup-container .page-container .setup-form {
    width: 550px;
    margin: 0px auto;
    text-align: center
}

.setup-container .page-container .setup-form .title {
    font-size: 20px;
    font-weight: 600;
	margin-bottom: 10px;
}

.setup-container .page-container .setup-form .title small {
    font-size: 15px;
    font-weight: 600;
    color: #7E8299
}

.setup-container .page-container .setup-form .form-checkbox {
    margin-bottom: 20px;
    text-align: left;
    font-weight: 600
}

.setup-container .page-container .setup-form .form-checkbox input {
    margin-right: 5px
}

.setup-container .page-container .setup-form .form-group {
    margin-bottom: 15px;
}

.setup-container .page-container .setup-form .form-control {
    height: 28px;
    padding: 3px 10px;
}

.setup-container .page-container .setup-form .ui-datepicker-trigger {
	top: 0px;
}

.setup-container .page-container .setup-form .bottom {
    margin-top: 25px;
    text-align: center
}

.setup-container .page-container .setup-form.list {
    padding: 20px 0
}

.setup-container .page-container .setup-form .form-group .form-control-wrap label {
    width: 30%;
    position: relative;
    min-height: 1px;
    text-align: left;
    float: left;
    padding-right: 5px;
    padding-top: 3px;
    font-size: 14px;
    font-weight: 600
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div {
    width: 70%;
    position: relative;
    min-height: 1px;
    float: left
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div .form-radio {
    float: left;
    margin-right: 30px;
    margin-top: 5px;
    margin-left: 2px;
    width: 110px;
    text-align: left
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div .form-radio input {
    margin-right: 2px
}

.setup-container .page-container .setup-form .form-group .form-control-wrap textarea {
    height: 150px
}

.setup-container .page-container .setup-form .form-group .form-control-wrap:after {
    clear: both
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.ipv4 {
    display: table
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.ipv4 input {
    display: table-cell;
    width: 100%;
    text-align: center
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.ipv4 span {
    display: table-cell;
    width: 5%;
    font-size: 15px;
    font-weight: 700;
    color: #7E8299
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.product-key {
    display: table
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.product-key input {
    float: left;
    width: 70%;
    margin-right: 10px
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.product-key button {
    float: right
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.select-text {
    display: table;
    width: 70%;
    text-align: left
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.select-text select {
    display: table-cell;
    width: 100%
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.select-text span {
    display: table-cell;
    width: 30%;
    padding-left: 15px;
    float: none
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.select-text div {
    display: table-cell;
    width: 30%;
    padding-left: 15px;
    float: none;
    vertical-align: top
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.select-text div button {
    height: 35px
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.location-select span {
    float: left;
    margin-top: 8px
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.location-select {
    width: 100%
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.location-select .location-input {
    width: 80%;
    float: right
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.location-select .location-input select {
    width: 22%;
    float: right;
    margin-right: 5px
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.location-select .location-input input {
    width: 20%;
    float: right
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.location-select .location-input span {
    font-size: 20px;
    font-weight: 600;
    margin: 0 2px;
    float: right
}

.setup-container .page-container .setup-form #V2C-input-group,
.setup-container .page-container .setup-form #V3-input-group {
    display: none
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.ntp-select {
    width: 100%
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.ntp-select select {
    width: 49%;
    float: left;
    margin-right: 2%
}

.setup-container .page-container .setup-form .form-group .form-control-wrap div.ntp-select input {
    width: 49%;
    float: left
}

.setup-container .page-container .setup-form .time-setting .time-date {
    float: left;
    width: 26%
}

.setup-container .page-container .setup-form .time-setting .time-wrap {
    float: right;
    margin-left: 2%;
    width: 72%
}

.setup-container .page-container .setup-form .time-setting .time-wrap .select-text {
    float: right;
    width: 31%;
    margin-left: 2%
}

.setup-container .page-container .version-block {
    float: left;
    width: 32%;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-right: 2%;
    border-radius: 7px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.setup-container .page-container .version-block.last {
    margin-right: 0
}

.setup-container .page-container .version-block .title {
    font-size: 40px;
    font-weight: 700;
    margin: 0
}

.setup-container .page-container .system-config-text {
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

.alarm-container .page-container .alarm-search .form-group {
    float: left;
    width: 36%;
    margin-right: 3%;
    margin-bottom: 0
}

.alarm-container .page-container .alarm-search .form-group .form-control-wrap label {
    float: left;
    width: 25%;
    margin-right: 1%;
    padding-top: 7px;
    font-size: 14px;
    font-weight: 600
}

.alarm-container .page-container .alarm-search .form-group .form-control-wrap div {
    float: left;
    width: 74%
}

.alarm-container .page-container .alarm-search .form-group.last {
    float: right;
    width: 20%;
    margin-left: 2%;
    margin-right: 0;
    text-align: right
}

.alarm-container .page-container .snmp-test-form {
    width: 850px;
    margin: 0 auto
}

.alarm-container .page-container .snmp-test-form .form-group {
    float: left;
    margin-right: 3%;
    margin-bottom: 0
}

.alarm-container .page-container .snmp-test-form .form-group .form-control-wrap {
    display: table
}

.alarm-container .page-container .snmp-test-form .form-group .form-control-wrap label {
    display: table-cell;
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px
}

.alarm-container .page-container .snmp-test-form .form-group .form-control-wrap div {
    display: table-cell
}

.alarm-container .page-container .snmp-test-form .form-group.last {
    float: right;
    margin-right: 0;
    text-align: right;
    font-size: 15px;
    font-weight: 600;
    padding-top: 5px
}

.alarm-container .page-container .snmp-test-form .table {
    margin-top: 20px
}

.alarm-container .page-container .snmp-test-form .table .input-checkbox {
    width: 400px;
    ;
    margin: 0 auto;
    padding: 0
}

.alarm-container .page-container .snmp-test-form .table .input-checkbox .form-check {
    float: left;
    margin-right: 10px;
    margin-top: 11px
}

.alarm-container .page-container .snmp-test-form .table .input-checkbox .form-control {
    float: left;
    width: 375px
}

.alarm-container .page-container .snmp-test-form .table .input-checkbox:after {
    clear: both
}

.quick-installation .source {
	width: 38%;
	float: left;
	margin-right: 1%;
}

.quick-installation .destination {
	width: 53%;
	float: left;
	margin-right: 1%;
}

.quick-installation .btn {
	width: 7%;
	height: 64px;
	float: left;
}

.quick-installation .table .gray {
	background: #ddd;
}

.quick-installation .table .white {
	background: #fff;
}

.login-container .page-container {
    padding-top: 40px;
	padding-bottom: 250px;
    position: static;
}

.login-container .page-container .login-form {
	width: 320px;
	margin: 0 auto 20px auto;
}

.login-container .page-container .login-form .icon-object {
    text-align: center;
    margin: 10px;
    padding: 20px;
    display: inline-block;
}

.login-container .page-container .login-form .icon-object>i {
	font-size: 32px;
    top: 0;
}

.login-container .page-container .login-form .form-control {
	padding-right: 12px;
    padding-left: 36px;
}