/* board.css */
@charset "utf-8";

input#checkboxonoff[type="checkbox"] {position: absolute; visibility: hidden;}

.checkboxlabel.redOff {
  display: block;
  position: absolute;
  width: 50px;
  height: 24px;
  border-radius: 17px;
  background-color: #F44336;
  transition-duration: 0.2s;
}
.checkboxlabel.grayOff {
  display: block;
  position: absolute;
  width: 50px;
  height: 24px;
  border-radius: 17px;
  background-color: #bab7b7;
  transition-duration: 0.2s;
}

.checkboxlabel span {
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #fff;
  transition-duration: 0.2s;
  cursor: pointer;
}

.checkboxlabel:before,
.checkboxlabel:after{
    position: absolute;
    top: 0;
    width: 25px;
    font-size: 10px;
    line-height: 22px;
    color: #fff;
    text-align: center;
}

.checkboxlabel:before {
  left: 0;
  content: 'ON';
}

.checkboxlabel:after {
  right: 0;
  content: 'OFF';
}

#checkboxonoff:checked + label {
  background-color: #00c73c;
}

.checkboxmask:checked + label {background-color: #00c73c;}
.checkboxmask:checked  + label span {transform: translateX(26px);}




.d-flex.typeWrap {
    float: right;
    margin-bottom: 10px;
}
.d-flex.typeWrap label.form-label{
	position: relative;
    top: 9px;
}
/* html{overflow-y: hidden !important;} */

/* table style
*************************/
table {border-collapse: collapse;}


/* table.repeaterTable > thead tr{height: 59px !important;}
table.repeaterTable > tbody tr {height: 60px !important;} */
table.repeaterTable > thead tr th:nth-child(2),
table.repeaterTable > tbody tr td:nth-child(2) {padding:0 !important;}
/* table.repeaterTable > thead tr th,
table.repeaterTable > tbody tr td{padding:11px 20px !important;} */

/* myInfo table */
table.infoTable > tbody tr{border-bottom:10px solid transparent;}
table.infoTable > tbody tr:last-child{border-bottom: 0 none;}
table.infoTable > tbody tr th {width: 110px;font-size: 13px; font-weight: 700;}
table.infoTable > tbody tr td {width: 200px;}

/* FW table*/
table.fwTable > thead tr th:nth-child(1),
table.fwTable > tbody tr td:nth-child(1) {padding:0 20px;}
table.fwTable > thead tr th:nth-child(2),
table.fwTable > tbody tr td:nth-child(2){padding-right:20px;}

/* schedule Table */

/* table.scheduleTable > thead tr th:nth-child(1),
table.scheduleTable > tbody tr td:nth-child(1) {padding-left: 20px;} */
table.scheduleTable > thead {border-bottom:none !important;border-top: none !important;}
table.scheduleTable > thead tr {height:0;}
table.scheduleTable.scheduleList > thead tr th:nth-child(1),
table.scheduleTable.scheduleList > tbody tr td:nth-child(1),
table.scheduleTable.scheduleList > thead tr th:nth-child(2),
table.scheduleTable.scheduleList > tbody tr td:nth-child(2) {width:35px;}
/*flexedTable*/
.fixedTableContainer {position:relative;padding-top:46px;}
.fixedTableBg {height:46px;position:absolute;top:0;left:0;right:0;background:#fff;border-top:1px solid #f4f4f4;border-bottom:1px solid #ddd;}
.fixedTableWrap {height:100%;overflow-y:auto;overflow-x:hidden;}
.fixedTableWrap > table th{padding:0 !important;}
.th-text {position:absolute;top:0;width:inherit;line-height:46px;}

/* manualDownTable
.downFWFile li {justify-content: space-between; width:50%;}
.downFWTable {padding:20px 20px 20px 30px !important;}
.downFWTable > tbody tr:nth-child(2n-1) {background:#fff !important;}
.downFWTable > tbody tr:hover {background:#fff !important;}
.downFWTable > tbody tr th,
.downFWTable > tbody tr td {padding-top:0 !important; padding-bottom:10px !important;}
.downFWTable > tbody tr:first-child th,
.downFWTable > tbody tr:first-child td {padding-top: 20px !important;}
*/

/*.downFWTable > tbody tr th {font-size:13px;font-weight: 700;color:#000;}*/
/* .downFWTable > tbody tr th:nth-child(2n-1) {width:160px;} */
/*.downFWTable > tbody tr th:nth-child(2n-1) span{position:relative;top:5px;}*/
/* .downFWTable > tbody tr th:nth-child(2n) {width:70px;padding-left:10px;} */
/*.downFWTable > tbody tr td {border-bottom: 0 !important;}*/

/*20201203 manual download 레이아웃수정 */
.manualDownArea {display:flex;display:flexbox;-ms-display:flexbox;-webkit-display:flex;-moz-display:flex;width:100%;height:100%;}
.manualDownArea li {-webkit-flex: 1 1 50%;-ms-flex: 1 1 50%;flex: 1 1 50%;}
.manualDownArea li:nth-child(1) {padding-right:5px}
.manualDownArea li:nth-child(2) {padding-left:5px}

.manualDownBox {width:100%;height:100%;background:#fff;}
.manualDownBox .fwFileBox {width:100%;/*height:766px;*/padding:20px 20px 30px;}
.manualDownBox .manualShBox {position:relative;top:0;left:0;width:100%;background:#fff;text-align:center;}
.manualDownBox .manualBoardBox {width:100%;}

.downFWTable {width:100%;}
.downFWTable > tbody tr th,
.downFWTable > tbody tr td {padding-bottom:10px;}

/*tbody scroll*/
/*
.manualScroll > thead tr {display:table;width:100%;}
.manualScroll > thead tr th:first-child {text-align:left;padding-left:20px;padding-right:25px;}
.manualScroll > thead tr th:last-child {padding-right:0 !important;}
.manualScroll > tbody {display:block;height:471px;overflow-y:scroll;}
.manualScroll > tbody tr {display:table;width:100%;}
.manualScroll > tbody tr td:first-child {text-align:left;padding-left:20px;}
.manualScroll > tbody tr td:last-child {padding-right:0 !important;}
*/
.manualScroll {display:block;width:100%;}
.manualScroll thead {display:block;width:100%;}
.manualScroll thead tr {width:100%;}

.manualScroll tbody {display:block;width:100%;height:377px;overflow-y:auto;}
.manualScroll tbody tr {display:table;width:100%;}

.manualScroll th:nth-of-type(1), .manualScroll td:nth-of-type(1) { width: 60px; }
.manualScroll th:nth-of-type(2), .manualScroll td:nth-of-type(2) { width: 200px; }
.manualScroll th:nth-of-type(3), .manualScroll td:nth-of-type(3) { width: 200px; }
.manualScroll th:last-child { width: calc(100% - 460px); }
.manualScroll td:last-child { width: calc(100% - 480px); }


/* manualRepTable*/
.manualRepTable > thead tr th:nth-child(1),
.manualRepTable > tbody tr td:nth-child(1) {padding-left: 0 !important;}

/* downloadHisTable */
table.downloadHisTable > thead tr th:nth-child(1),
table.downloadHisTable > tbody tr td:nth-child(1) {padding:0 30px;}
table.downloadHisTable > thead tr th:last-child,
table.downloadHisTable > tbody tr td:last-child {padding-right: 30px;}

/* userManagTable */
table.userManagTable > thead tr th:nth-child(1),
table.userManagTable > tbody tr td:nth-child(1) {padding-left:15px; width:45px;}
table.userManagTable > thead tr th:nth-child(2),
table.userManagTable > tbody tr td:nth-child(2) {width:46px;}

/* dbManageTable */
table.dbManageTable > thead tr th:nth-child(1),
table.dbManageTable > tbody tr td:nth-child(1) {width:30px; padding:0 30px;}

/* repeaterAlarmTable */
table.repAlarmTable > thead tr th:nth-child(1),
table.repAlarmTable > tbody tr td:nth-child(1),
table.repAlarmTable > thead tr th:nth-child(2),
table.repAlarmTable > tbody tr td:nth-child(2),
table.repAlarmTable > thead tr th:last-child,
table.repAlarmTable > tbody tr td:last-child {width:138px;}

/* control History */
.controlHistory > table thead tr th:nth-child(1),
.controlHistory > table tbody tr td:nth-child(1) {padding-left:20px;}

/* systemThresholdTable */
table.systemThresholdTable > thead tr th:nth-child(1),
table.systemThresholdTable > tbody tr td:nth-child(1) {width:30px; padding:11px 20px !important;}
table.systemThresholdTable > thead tr th:nth-child(2),
table.systemThresholdTable > tbody tr td:nth-child(2) {width:30px;}

/*** currentStatus ***/
.contentBody {width:100%;}

.subTitle > span {display:inline-block;width:10px; height:10px; border-radius: 100%;margin-right:8px;}
/* currentStatusTable */
table.currentStatusTable{width:100%;}
table.currentStatusTable > tbody tr th {padding-left:30px;/* white-space:nowrap; */font-size:12px !important;width:140px !important;}
table.currentStatusTable > tbody tr th:nth-child(1) {width:120px;padding-left:10px !important;}

.boardBoxWrap {border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;}
.boardBoxWrap.alarmMask {width: 24%;}
.boardBoxWrap.muruWrap {width: 76%;}
.boardBoxWrap.rfAnalysisWrap {width: 100%;}

.boardBox.repeaterInfo table.currentStatusTable > tbody tr td,
.boardBox.modem table.currentStatusTable > tbody tr td,
.boardBox.weekly table.currentStatusTable > tbody tr td {width:calc(100% - 120px);}
.boardBox.repeaterInfo table.currentStatusTable > tbody tr td input,
.boardBox.modem table.currentStatusTable > tbody tr td input,
.boardBox.weekly table.currentStatusTable > tbody tr td input,
.boardBox.mu table.currentStatusTable > tbody tr td input {width:100%;min-width:132px;padding-left:10px;}

/*.boardBox.system {border-top:1px solid #f4f4f4;}*/
.boardBox.rfAnalysis {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-start;}
/*.boardBox.weekly {border-top:1px solid #f4f4f4;}*/
.boardBox.rfAnalysis fieldset {width:23%;margin-right:10px;}
.boardBox.rfAnalysis fieldset:last-child {margin-right: 0 !important;}
.boardBox.ru fieldset {width:27%;margin-right:10px;}
.boardBox.ru fieldset:last-child {margin-right: 0 !important;}
.boardBox.muru > fieldset{width:30%;margin-right:10px;margin-top:40px;}
.boardBox.rfAnalysis2 > .statusWrap fieldset {width:25%;margin-right:10px;}
/* .boardBoxWrap > .boardBox fieldset .statusArea li {padding-top:5px;padding-left:9px;font-weight: 700;color:#000; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between !important;} */

.ulTitle {display:inline-block;width:100%;height:36px;line-height:36px;text-align:center;background:#e3eaff;color:#000;font-size: 13px;font-weight: 700;}
.ulTitle > span {position:relative;top:5px !important;}
.linkTitle {width: 100%; height:36px;line-height: 36px; background:#e5e5e5;justify-content: space-between;font-size: 12px;font-weight: 700; color:#000;text-align: center;}
.linkTitle > p {width:50%;}
.statusWrap {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-start;}
ul.statusArea {/* padding: 10px; */position:relative;background:#f9f9f9;}
ul.statusArea > li {height:36px;margin-bottom:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-start;}
ul.statusArea > li:last-child {margin-bottom: 0 !important;}
ul.statusArea.center > li {justify-content: center !important;}
ul.statusArea.center > li:first-child {padding-top:10px;}
ul.statusArea > li input[type="text"]{width:50%;}
ul.toggleBtnArea {width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-around;}
ul.toggleBtnArea > li{padding-top:10px;position:relative;}
ul.analysisNameArea {width:140px; height:100%; float: left;margin-right:20px;white-space:nowrap;}
ul.analysisNameArea.area46 {padding-top:46px !important;}
ul.analysisNameArea > li {height:36px;line-height: 36px;font-size: 12px;font-weight: 700;color:#000;margin-bottom:10px;text-align:center;}


.bandInfo{display: flex;}
.bandInfo table { text-align: center;}
.bandInfo table tr th{ width: 200px;}
/*** Repeater Control ***/
.listAreaWrap .listArea table.basicStyle {}
.listArea table.basicStyle thead th {border-top:1px solid #ddd;}
.listArea {width:100%;background:#fff;padding-bottom:30px;}
.controlListArea {width:42%; border-right:1px solid #f4f4f4;}
/* controlList table */
.controlListArea > table.basicStyle thead tr th:nth-child(1),
.controlListArea > table.basicStyle tbody tr td:nth-child(1) {width:10px;padding:0 10px;}
.controlListArea > table.basicStyle thead tr th:nth-child(2),
.controlListArea > table.basicStyle tbody tr td:nth-child(2) {padding-right:10px;}
.repeaterListArea {width:25%;}
.itemListArea {width:calc(100% - 42% - 25%);}
.repeaterListArea > h4,
.itemListArea > h4 {margin-bottom:58px;}

.repeaterListArea .tableWrap,
.itemListArea .tableWrap{width:100%;height:1380px; overflow-y:auto;}
.repeaterListArea .tableWrap .topFix {display:inline-table;position: absolute;top: 391px;/*width:23%;*/width:calc(24% - 20px);height:45px;}
.itemListArea .tableWrap .topFix{display: inline-table;position: absolute;top: 391px;width:32%;height:45px;}
.itemListArea > .tableWrap table.scrollTable tbody tr td:last-child {padding-right:0 !important;}
/* scrollTable */
.itemListArea > .tableWrap table.scrollTable thead tr th:nth-child(1) {width:49%;}
.itemListArea > .tableWrap table.scrollTable tbody tr td:nth-child(1) {width:50%;}
.itemListArea > .tableWrap table.scrollTable thead tr th:nth-child(2) {width:26%;}
.itemListArea > .tableWrap table.scrollTable tbody tr td:nth-child(2) {width:30%;}
.itemListArea > .tableWrap table.scrollTable thead tr th:nth-child(3) {width:30%;}
.itemListArea > .tableWrap table.scrollTable tbody tr td:nth-child(3) {width:20%;}


@media(max-width:1349px)					   {.repeaterListArea {padding-right:13px}}
@media(min-width:1350px) and (max-width:1399px){.repeaterListArea {padding-right:13px}}
@media(min-width:1400px) and (max-width:1449px){.repeaterListArea {padding-right:14px;}}
@media(min-width:1450px) and (max-width:1499px){.repeaterListArea {padding-right:14px;}}
@media(min-width:1500px) and (max-width:1549px){.repeaterListArea {padding-right:15px;}}
@media(min-width:1550px) and (max-width:1599px){.repeaterListArea {padding-right:15px;}}
@media(min-width:1600px) and (max-width:1649px){.repeaterListArea {padding-right:15px;}}
@media(min-width:1650px) and (max-width:1699px){.repeaterListArea {padding-right:16px;}}
@media(min-width:1700px) and (max-width:1749px){.repeaterListArea {padding-right:16px;}}
@media(min-width:1750px) and (max-width:1799px){.repeaterListArea {padding-right:17px;}}
@media(min-width:1800px) and (max-width:1849px){.repeaterListArea {padding-right:17px;}}
@media(min-width:1850px) and (max-width:1899px){.repeaterListArea {padding-right:18px;}}
@media(min-width:1900px) and (max-width:1919px){.repeaterListArea {padding-right:18px;}}
@media(min-width:1920px)					   {.repeaterListArea {padding-right:19px;}}

@media(max-width:1349px)					   {.itemListArea {padding-right:13px}}
@media(min-width:1350px) and (max-width:1399px){.itemListArea {padding-right:13px}}
@media(min-width:1400px) and (max-width:1449px){.itemListArea {padding-right:13px;}}
@media(min-width:1450px) and (max-width:1499px){.itemListArea {padding-right:14px;}}
@media(min-width:1500px) and (max-width:1549px){.itemListArea {padding-right:14px;}}
@media(min-width:1550px) and (max-width:1599px){.itemListArea {padding-right:15px;}}
@media(min-width:1600px) and (max-width:1649px){.itemListArea {padding-right:15px;}}
@media(min-width:1650px) and (max-width:1699px){.itemListArea {padding-right:16px;}}
@media(min-width:1700px) and (max-width:1749px){.itemListArea {padding-right:16px;}}
@media(min-width:1750px) and (max-width:1799px){.itemListArea {padding-right:17px;}}
@media(min-width:1800px) and (max-width:1849px){.itemListArea {padding-right:17px;}}
@media(min-width:1850px) and (max-width:1899px){.itemListArea {padding-right:18px;}}
@media(min-width:1900px) and (max-width:1919px){.itemListArea {padding-right:18px;}}
@media(min-width:1920px)					   {.itemListArea {padding-right:18px;}}


/*** systme Status ***/
.contentBox > .systemContent.serverArea,
.contentBox > .systemContent.processArea {width:19%;background:#fff; position:relative;}
.contentBox > .systemContent.resourceArea {width:calc(100% - 19% - 19%);}
.contentBox > .systemContent h3.titleBar {color:#307bef !important;}

.contentBox > .systemContent.resourceArea .resource {height:calc((100% / 3) - 7px);padding:0 20px 10px; background:#fff;}
.contentBox > .systemContent.resourceArea .resource .titleWrap{width:100%;height:41px;margin-bottom:10px;}

.contentBox > .systemContent.resourceArea .resource h3.resourceTitle {display:inline-block;height:41px; line-height:41px;font-size: 13px; font-weight: 500; color:#000;}
.contentBox > .systemContent.resourceArea .resource h3.resourceTitle:before {display: inline-block;content:'';position: relative;top:5px;width:20px;height:20px;border-radius: 100%;margin-right: 10px;}
.contentBox > .systemContent.resourceArea .resource h3.resourceTitle.critical:before {background:#f02423;}
.contentBox > .systemContent.resourceArea .resource h3.resourceTitle.major:before {background:#ff9700;}
.contentBox > .systemContent.resourceArea .resource h3.resourceTitle.minor:before {background:#ffd700;}
.contentBox > .systemContent.resourceArea .resource h3.resourceTitle.normal:before {background:#5db75d;}
.contentBox > .systemContent.resourceArea .resource .info {display:inline-block;}
.contentBox > .systemContent.resourceArea .resource .info span {display:inline-block;height:40px;line-height:40px;font-size: 11px; font-weight: 400; color:#777777;}
.contentBox > .systemContent.resourceArea .resource .info span:before {display: inline-block;content: '';position:relative;top:-2px;width:15px; height:2px;margin-right:8px;}
.contentBox > .systemContent.resourceArea .resource .info span.max:before {background:#e0514e;}
.contentBox > .systemContent.resourceArea .resource .info span.min:before {background:#5db75d;}
.contentBox > .systemContent.resourceArea .resource .info span.average:before {background:#555555;}

/*toolTip*/
a.systemTip {display:inline-block;position:absolute;top:-24px;right:32px;background:#307bef;color:#fff;font-size: 11px; font-weight: 500;z-index:100;}
a.systemTip.serverTip{padding:0 10px;line-height:30px;}
a.systemTip.processTip{padding:10px 16px 10px 10px;line-height: 18px;top:-50px;}
.triangle {display:inline-block;position:absolute;bottom:-4px;left:10px;width:0;height:0;border-top:4px solid #307bef; border-right:3px solid transparent; border-left:3px solid transparent;}
.systemUl {padding:10px 0 20px 0;}
.systemUl > li.systemList {cursor:pointer;position:relative;height:40px;line-height: 40px;padding-left:20px;font-size: 13px;font-weight: 500; color:#555555;z-index:99;}
.systemUl > li.systemList:before {display: inline-block;content:'';position: relative;top:5px;width:20px;height:20px;border-radius: 100%;margin-right: 10px;}
.systemUl > li.systemList.critical:before {background:#f02423;}
.systemUl > li.systemList.major:before {background:#ff9700;}
.systemUl > li.systemList.minor:before {background:#ffd700;}
.systemUl > li.systemList.warning:before {background:#0080FF;}
.systemUl > li.systemList.normal:before {background:#5db75d;}
.systemUl > li.systemList.on{background:#d6e5fc;}
.systemUl > li.systemList .onBar {content:'';position:absolute;right:0;width:2px;height:100%;background:#307bef;display:none;}
.systemUl > li.systemList .onBar.on{display:inline-block;}

/* graph */
.graphWrap {width:100%;}
.graphArea {width:100%;padding:30px 40px;background:#fff;}
.graphArea > h5.graphTitle {font-weight: 500;color:#000; text-align:center;margin-bottom:30px;}
.graphArea > p.info {text-align:center;margin-top:30px;}
.graphArea > p.info span {color:#777777;font-size:11px;font-weight: 400;}
.graphArea > p.info span:before {display: inline-block;content:'';width:15px;height:2px;margin-right:7px;position:relative;top:-2px;}
.graphArea > p.info span.today:before {background:#307bef;}
.graphArea > p.info span.yesterday:before {background:#f1ac4d;}
.graphArea > p.info span.week:before {background:#5db75d;}
.graphArea > p.info span.month:before {background:#e0514e;}
.graphBox {width:100%;}
/*.graphBox.trend {height:420px;background:#fff url(../images/graph/graph_trend.jpg)no-repeat;background-size: cover;}*/
.graphBox.trend {height:420px;background:#fff;background-size: cover;}
/*
.graphBox.resourceGraph {height:calc(100% - 51px);background:#fff url(../images/graph/graph_resource.jpg)no-repeat;background-size: cover;}
.graphBox.resourceGraphDisk {height:calc(100% - 51px);background:#fff url(../images/graph/graph_resource_disk.jpg)no-repeat;background-size: cover;}
*/
.graphBox.resourceGraph {height:calc(100% - 51px);background:#fff;background-size: cover;}
.graphBox.resourceGraphDisk {height:calc(100% - 51px);background:#fff;background-size: cover;}

/* popup style
*********************/
/*layout*/
.wrapPop {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}

/* popup table */
table.popTable > tbody tr { height: 40px;}
table.popTable > tbody tr th {width:150px;text-align: left;font-size: 13px; font-weight: 700;color:#000;}
table.popTable > tbody tr th,
table.popTable > tbody tr td{border-bottom:10px solid transparent;}
table.popTable input { height: 35px; border: 1px solid #d6e5fc;}

pwEdit table.popTable > tbody tr:nth-last-child(2){border-bottom:0}

table.importTable > tbody tr {border-bottom:10px solid transparent;}
table.importTable > tbody tr th,
tabld.importTable > tbody tr td{text-align:left;font-size: 13px; font-weight: 700;color:#000;}
table.importTable tbody tr:nth-child(1){border-bottom:1px solid #000;}
table.importTable tbody tr:nth-child(1) th {padding-bottom:40px;}
table.importTable tbody tr th:last-child,
table.importTable tbody tr td:last-child {border-bottom: 0;}
table.importTable tbody tr td input {width:100%;}

/* All Import */
.importBox {width:630px;position: relative; top: 20%;left: 35%;}
.importBoxTit {width:630px;}
.importBoxCont {padding:40px 30px 25px !important; }




/* serialIp registration */
.serialEdit{width: 360px;position: relative; top: 31%;left: 40%;}
.serialEditTit {width: 360px;}
.serialEditCont {height: 138px;padding: 28px 30px !important;}

/* repeater registration */
.clientAdd {width: 500px;/*height: 708px;*/position: absolute; top: 13%;left: 25%;}
.clientAddTit {width: 500px;}


/* user registration */
.userEdit {width: 515px;/* height: 386px; */position: relative; top: 28%;left: 36%;}
.userEditTit {width: 515px;}

/* change password */
.pwEdit {width: 515px;position: relative; top: 28%;left: 36%;}
.pwEditTit {width: 515px;}
.error {font-size: 11px; font-weight: 400;color:#f02423 !important;letter-spacing: 0;position:relative;top:-4px;}
.error:before {display: inline-block;content: '';width: 16px;height: 16px;background-size: 16px;position: relative;top: 4px; background:url(../images/icon/icon_errorMSG.png)no-repeat;margin-right:7px;}
.error.guide {color:#307bef !important;}
.error.guide:before {background:url(../images/icon/icon_errorMSG_blue.png)no-repeat;}

.pwEdit input::placeholder {color:#555555;}

/* currentVersion Registration */
.curVersionEdit {width:515px;position: relative; top: 28%;left: 36%;}
.curVersionEditTit {width:515px;}

/* uploadFile */
.uplEdit {width: 1100px;position:relative;top: 10%;left: 21%;}
.uplEditTit {width: 1100px;}
.uplEditCont {padding: 0 !important;}
.uplEditCont .tableWrap {height:450px; overflow-y:auto;}
.uplEditCont .topFix {display: inline-table;position: absolute;top: 188px;width: 100%;height:45px;}
.uplbtnArea {border-top:1px solid #f4f4f4 !important;}

table.uplTable > thead tr th {border-top:1px solid #dddddd !important;}
table.uplTable > tbody tr {padding-right:30px;}
table.uplTable > tbody tr:last-child td{border-bottom:0;}
table.uplTable > thead tr th:nth-child(1),
table.uplTable > tbody tr td:nth-child(1){width:55px;padding:0;}
table.uplTable > thead tr th:nth-child(2),
table.uplTable > tbody tr td:nth-child(2){width: 163px;padding:0 ;}
table.uplTable > thead tr th:nth-child(3),
table.uplTable > tbody tr td:nth-child(3){width: 87px;}
table.uplTable > thead tr th:nth-child(4),
table.uplTable > tbody tr td:nth-child(4){width: 109px;}
table.uplTable > thead tr th:nth-child(5){width: 536px;}
table.uplTable > tbody tr td:nth-child(5) {width:536px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
table.uplTable > thead tr th:nth-child(6){width:150px;padding-right:40px;}
table.uplTable > tbody tr td:nth-child(6){width: 150px;}

/* Down Daily Statistics */
.dailyEdit {width: 1100px;position:relative;top: 10%;left: 21%;}
.dailyEditTit {width: 1100px;}
.dailyEditCont {padding: 0 !important;}
.dailyEditCont .tableWrap{height:450px; overflow-y:auto;margin-top:56px;}
.dailyEditCont .topFix {display: inline-table;position: absolute;top: 201px;width: 100%;height:45px;}
.dailyEditCont .topFix > th {white-space: nowrap;border-top:1px solid #ddd !important;}
table.dailyTable > tbody tr:first-child td,
table.dailyTable > tbody tr:last-child td{border-bottom: 0 !important;}
table.dailyTable > thead tr th:nth-child(1),
table.dailyTable > tbody tr td:nth-child(1),
table.dailyTable > thead tr th:nth-child(2),
table.dailyTable > tbody tr td:nth-child(2){width:159px;}
table.dailyTable > thead tr th:nth-child(3),
table.dailyTable > tbody tr td:nth-child(3){width:151px;}
table.dailyTable > thead tr th:nth-child(4),
table.dailyTable > tbody tr td:nth-child(4),
table.dailyTable > thead tr th:nth-child(5),
table.dailyTable > tbody tr td:nth-child(5){width:159px;}
table.dailyTable > thead tr th:nth-child(6),
table.dailyTable > tbody tr td:nth-child(6){width:147px;}
table.dailyTable > thead tr td:nth-child(7),
table.dailyTable > tbody tr td:nth-child(7){width:159px;}
table.dailyTable > thead tr th:last-child,
table.dailyTable > tbody tr td:last-child{padding-right:0 !important;}

/* Repeater's Result*/
.resultEdit {width: 1100px;position:relative;top: 10%;left: 21%;}
.resultEditTit {width: 1100px;}
.resultEditCont {padding: 0 !important;}
.resultEditCont .tableWrap{height:450px; overflow-y:auto;}
.resultTopArea {height:115px !important;}
.resultEditCont .topFix {display: inline-table;position: absolute;top: 140px;width: 100%;height:45px;}
.resultEditCont .topFix th {white-space:nowrap;}
.resultTable > thead tr th:nth-child(1)
.resultTable > tbody tr td:nth-child(1){width: 160px;}
.resultTable > thead tr th:nth-child(2),
.resultTable > tbody tr td:nth-child(2){width: 116px;}
.resultTable > thead tr th:nth-child(3),
.resultTable > tbody tr td:nth-child(3){width: 160px;}
.resultTable > thead tr th:nth-child(4),
.resultTable > tbody tr td:nth-child(4){width: 116px;}
.resultTable > thead tr th:nth-child(5),
.resultTable > tbody tr td:nth-child(5){width: 160px;}
.resultTable > thead tr th:nth-child(6),
.resultTable > tbody tr td:nth-child(6){width: 120px;}
.resultTable > thead tr th:nth-child(7),
.resultTable > tbody tr td:nth-child(7){width: 163px;}
.resultTable > thead tr th:nth-child(8) {width:106px; padding-right:30px !important;}
.resultTable > tbody tr td:nth-child(8){width: 106px; padding-right:10px !important;}

/* schedule Registration */
.scheduleEdit {width: 1120px;position:relative;top: 6%;left: 21%;}
.scheduleEditTit {width: 1120px;}
ul.scheduleReg li {position:relative;}
ul.scheduleReg h3 {font-size: 15px;font-weight: 700;color:#000;padding-bottom:20px;border-bottom:1px solid #000;margin-bottom: 10px;}
ul.scheduleReg > li:nth-child(2) h3 {width:585px;}
input[type="checkbox"] + label span.scheduleCheck {position:relative;top:5px;}
table.scheduleRegTable > tbody tr th {width:130px;}
table.scheduleRegTable .searchBtn:hover {background:#444444 !important;}
.repeaterBox.tableWrap {width:100%;height:270px;overflow-y:auto;margin-top:56px;}
.repeaterBoxTable .topFix {display: inline-table;position: absolute;/*top: 141px;*/top:150px;width: 100%;height:46px;}
.repeaterBoxTable thead tr.topFix th:nth-child(1),
.repeaterBoxTable tbody tr td:nth-child(1) {width:47px;}

/* setCriteria */
.criteriaEdit {width: 515px;/* height: 386px; */position: relative; top: 28%;left: 36%;}
.criteriaEditTit {width: 515px;}

/* clear message */
.clearMsg {width: 360px;position: relative; top: 30%;left: 40%;}
.clearMsgTit {width: 360px;}

/* manual Action */
.manualAct {width: 360px;position: relative; top: 30%;left: 40%;}
.manualActTit {width: 360px;}

/* alarmInfomation Registration */
.alarmInfoEdit {width:515px;position: relative; top: 28%;left: 36%;}
.alarmInfoEditTit {width:515px;}

/* alarmAction Registration */
.alarmActEdit {width: 1000px;position: relative; top: 28%;left: 25%;}
.alarmActEditTit {width:1000px;}

/* alarmFilter Registration */
.filterReg {width: 1100px;position:relative;top: 6%;left: 21%;}
.filterRegTit {width: 1100px;}

/* alarmFilter Edit */
.filterEdit {width: 487px;position:relative;top:28%; left:36%;}
.filterEditTit {width: 487px;}

/* CurrentStatus reset */
.resetEdit {width: 360px;position: relative; top: 34%;left: 40%;}
.resetEditTit {width: 360px;}
.resetEditCont {padding:58px 75px !important;}

/* thresholdEdit */
.thresholdEdit {width:515px;position: relative; top: 28%;left: 36%;}
.thresholdEditTit {width:515px;}

/*** repeaterControl Registration ***/
.repControlReg {width: 1300px;position:relative;top: 10%;left: 20%;}
.repControlRegTit {width: 1300px;}
.repControlCont {padding:16px 30px 25px 30px !important;}

ul.controlReg h3 {font-size: 15px;font-weight: 700;color:#000;border-bottom:1px solid #000;margin-bottom: 10px;}
ul.controlReg li {position:relative;}

.controlContentArea {width:845px;height:449px;background:#fff;overflow-y:auto;overflow-x:hidden;}
.controlContentArea > .content {width:845px;}
.controlContentArea > .content .boardBox {padding:15px 15px 20px 15px;}

.repeaterInfo > .popTable.currentStatusTable tbody tr th {padding-left:20px;}
.repeaterInfo > .popTable.currentStatusTable tbody tr td input[type="text"] {min-width:121px;}
.repeaterInfo > .popTable.currentStatusTable input[type="checkbox"].listCheck + label {white-space: nowrap;margin-right:10px;}
.repeaterInfo > .popTable.currentStatusTable input[type="checkbox"].listCheck + label span {top:5px;margin-right:6px;}

.resetWrap {width:250px;padding:25px;position:relative;top:35%;left:35%;}
.resetWrap input[type="checkbox"].reset_chk + label {font-weight:400;margin-right:40px;}
.resetWrap input[type="checkbox"].reset_chk + label:last-child {margin-right:0;}
.resetWrap input[type="checkbox"].reset_chk + label span {top:5px;}

/* system Area */
ul.controlUl input[type="checkbox"].listCheck + label span { position:relative;top:5px;margin-right:6px;}
ul.controlUl > li ul.subUl > li {display: inline-block;height:36px;margin-right:40px;margin-bottom:10px;}
ul.controlUl > li ul.subUl > li:last-child {margin-right: 0;margin-bottom:0px;}
ul.controlUl > li ul.subUl > li input[type="checkbox"].listCheck + label {float:left;margin-right:10px;color:#000 !important;}
ul.controlUl > li ul.subUl > li input[type="checkbox"].onOffCheck + label {top:7px;}
/* RF Analysis Area */
.rfAnalysis3 > .statusWrap ul.analysisNameArea {width: 85px; margin-right: 0 !important;}
.rfAnalysis3 > .statusWrap ul.analysisNameArea > li {line-height:16px; white-space:normal;}
.rfAnalysis3 > .statusWrap ul.analysisNameArea > li:nth-child(1),
.rfAnalysis3 > .statusWrap ul.analysisNameArea > li:nth-child(2),
/*.rfAnalysis3 > .statusWrap ul.analysisNameArea > li:nth-child(3),*/
.rfAnalysis3 > .statusWrap ul.analysisNameArea > li:nth-child(4),
.rfAnalysis3 > .statusWrap ul.analysisNameArea > li:nth-child(5),
.rfAnalysis3 > .statusWrap ul.analysisNameArea > li:nth-child(7),
.rfAnalysis3 > .statusWrap ul.analysisNameArea > li:nth-child(6) {line-height:36px;}
.rfAnalysis3 > .statusWrap fieldset {width:21.5%;margin-right:5px;}
.rfAnalysis3 > .statusWrap fieldset:last-child {margin-right:0;}
.rfAnalysis3 > .statusWrap fieldset ul.statusArea {padding:10px 5px;}
.rfAnalysis3 > .statusWrap fieldset ul.statusArea > li input[type="checkbox"].listCheck + label span {top:8px;margin-right:3px;}
.rfAnalysis3 > .statusWrap fieldset ul.statusArea > li input[type="checkbox"].onOffCheck + label {top:10px; margin-left:10px;}
/* MU & RU RF Analysis Area */
.muruRfAnalysis > .statusWrap .analysisNameArea {width:85px !important; margin-right: 0 !important;}
.muruRfAnalysis > .statusWrap fieldset {width:17%;margin-right:6px;}
.muruRfAnalysis > .statusWrap fieldset:last-child {margin-right:0;}
.muruRfAnalysis > .statusWrap fieldset ul.statusArea {padding:10px 5px;}
.muruRfAnalysis > .statusWrap fieldset ul.statusArea > li input[type="checkbox"].listCheck + label span {margin-right:3px;}
.muruRfAnalysis > .statusWrap fieldset ul.statusArea > li input[type="checkbox"].onOffCheck + label {top:4px;}

.boardBox.system2 {width:initial;padding: 15px 20px 20px 15px !important;}
.system2 > fieldset ul.statusArea  {width:250px;}
.system2 > fieldset .statusArea > li {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between !important;}
.system2 > fieldset .statusArea li input[type="checkbox"].listCheck + label span {top:5px;margin-right:6px;}
.system2 > fieldset .statusArea li input[type="checkbox"].onOffCheck + label {top:8px;}

.muru2 > .statusWrap fieldset {width:48%;}
.muru2 > .statusWrap fieldset ul.statusArea {padding:10px 15px;}
.muru2 > .statusWrap fieldset ul.statusArea > li {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between !important;}
.muru2 > .statusWrap fieldset ul.statusArea > li input[type="checkbox"].listCheck + label span {top:6px;margin-right:5px;}
.muru2 > .statusWrap fieldset ul.statusArea > li input[type="checkbox"].onOffCheck + label {top:9px;}

.rfAnalysis4 > .statusWrap fieldset {width:25%;}
.rfAnalysis4 > .statusWrap fieldset ul.statusArea > li {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between !important;}
.rfAnalysis4 > .statusWrap fieldset ul.statusArea > li input[type="checkbox"].listCheck + label span {top:6px;margin-right:5px;}
.rfAnalysis4 > .statusWrap fieldset ul.statusArea > li input[type="checkbox"].onOffCheck + label {top:9px;}

.deactive {position:relative;top:0;left:0;}
.deactive:after {content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.4);z-index:1;}

/* Repeater Control Table */
.controlRegTable > tbody tr td {border-bottom:5px solid transparent !important;}
.controlRegTable > tbody tr td input::placeholder,
.controlRegTable > tbody tr td select {font-size: 13px !important;font-weight: 700 !important;color:#000 !important;}
ul.controlReg > li:nth-child(2) {width:100%;}
ul.controlReg > li:nth-child(2) .titleWrap {width:100%;border-bottom:1px solid #000;}
ul.controlReg > li:nth-child(2) .titleWrap li {cursor:pointer;display:inline-block;height:30px;line-height:30px;background:#dddddd;color:#999999; font-size: 12px;font-weight: 700;padding:0 14px;}
ul.controlReg > li:nth-child(2) .titleWrap li.on {background:#307bef;color:#fff;}
table.controlTopTable {margin:0 auto;}
table.controlTopTable > tbody tr th {width:100px !important;}


.ip3_cell{display:none;}
.rf_emp_cell{background:antiquewhite;}

/* -------------------------------------------------------------- */

/* @media (min-width: 500px) and (max-width: 599px) {

}

@media (min-width: 600px) and (max-width: 699px) {

}

@media (min-width: 700px) and (max-width: 799px) {
.verSelect {margin-left:2%;padding-left:38%;}
}
@media (min-width: 800px) and (max-width: 999px) {
.verSelect {margin-left:4%;padding-left:38%;}
}

@media (min-width: 1000px) and (max-width: 1199px) {
.verSelect {margin-left:7%;padding-left:38%;}
}

@media (min-width: 1200px) and (max-width: 1599px) {
.verSelect {margin-left:15%;padding-left:30%;}
}

@media (min-width: 1600px) {
.verSelect {margin-left:22%;padding-left:24%;}
}

*/
/* -------------------------------------------------------------- */

/* popup style --------------------
----------------------------------- */
.popcard { box-shadow: none !important;}
.popTit {line-height: 28px;font-size: 14px;font-weight: 60}
.modal-body{ padding: 0 !important;}
.modal-header.d-flex.align-items-center{ border-bottom: 1px solid #ececec;}

.popResultForm div { display: inline-flex; line-height: 3;}

.popTable form table tr th { width: 40%;}
.popTable form .popTableDiv{ border: 1px solid #ecf2ff; border-radius: 6px;padding: 26px 13px 10px 12px;}
.popTable form table tr td { width: 265px; max-width:265px; }

.popTable form table tr td input{margin-bottom: 0.4rem;}
.popTable form table tr td select{height: 39px; margin-bottom: 0.4rem;}
.popTable form table tr .form-flex{display:flex;align-items:center;}
.popTable form table tr td .form-severity{width:90%; height: 39px; margin-bottom: 0.4rem;}
.popTable .table-responsive{max-height: 180px; overflow: auto;}

.popTable form table tr td .form-ip{ display: flex;}
.popTable form table tr td .form-ip span{display: block; position: relative;top: 17px;}
.repeaterpopTable form table tr td { width: 353px; }
.popTable .popDiv{    border: 1px solid #ecf2ff;
    border-radius: 2%;
    padding: 11px;}

.popTable .popDiv ul{    margin-bottom: 0 !important;}
.popTable .popDiv ul li{ display: inline-flex;}
.popTable .popDiv ul li label {
    line-height: 2.6;
}
.alarm-form-select{    width: 351px;}
.popTitle {
    font-size: 14px;
    font-weight: 800;
    color: #5d87ff;
    padding: 10px 4px;
}
.alarmTitle {
  font-size: 14px;
  font-weight: 800;
  color: #5d87ff;
}
.time-label{ position: relative;     top: 7px;
  left: -2px;}
.popTable.repeaterDiv{
	width: 350px;
    position: relative;
    left: -18px;
    top: -9px;
}
.alarmcol{width: 50%;}
textarea.note-has-description.form-control {
    height: 155px;
}
textarea.text-has-description.form-control {
    height: 80px;
    margin-bottom: 0.4rem;
}
.alarmfiltercard{
	margin-top: 32px;
}
/* floorinfo style ----------------
----------------------------------- */

#detailInformation{
	width: 290px;
    height: 435px;
    position: absolute;
    top: 24px;
    right: 20px;
    border-radius: 4px;
    border: 1px solid #dfe5ef;
}
.floorInfo .leftTit{padding: 7px 14px;font-weight: 700;font-size: 14px;color: #5d87ff;}

.floorInfo ul.rightlist { position: absolute;right:14px;top: 10px;width: 138px;border: 1px solid#ecf2ff;height: 380px;margin-bottom: 0.4rem;border: 1px solid#ecf2ff;overflow: auto;}
.floorInfo ul.rightlist li{ padding: 6px 7px; border-top: 1px solid #ebf3fe;}
.floorInfo ul.rightlist li input{ width: 100%; margin-bottom:0;display: block;border: 1px solid #e5e5e5;padding: 0px 10px;text-align: center;}

li.rightTitName {background-color: #f0f8ff; position: sticky; top: 0;}
li.floordown{   background-color: #fbf2ef}
input.floorinput.on{ background-color:#fbf2ef;}
.floorInfo ul.rightlist li input.chosen{border: 1px solid #faa189;}
input.floorinput:focus{border: 1px solid #faa189 !important;}

.updown{ display: flex; position: absolute; bottom: 10px; right: 22px;}
.upIcon,.downIcon{cursor: pointer;padding: 1px 8px;}
.updown .upIcon::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/icon/icon_caret-down.png) no-repeat!important;transform: rotateX(180deg)}
.updown .downIcon::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/icon/icon_caret-down.png) no-repeat!important}

/* control popup ------------------
----------------------------------- */
/* .modal-xxl {width: 1140px !important;} */
.modalLog{
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 1116px;
    transform: translate(-50%, -50%);
}

/* useradd ceckbox SumoSelect */
.SumoSelect > .CaptionCont > label > i{
  background: url(../images/icon/icon_caret-down.png) no-repeat!important;
  background-size: 14px!important;
  background-position: 96% 50%!important;
  height: 36px;
  left: -5px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.SumoSelect>.CaptionCont {
  height: 39px!important;
  margin-bottom: 10px!important;
  position: relative!important;
  border: 1px solid #dfe5ef!important;
  min-height: 14px!important;
  background-color: #fff!important;
  border-radius: 6px!important;
  margin: 0!important;
}
.SumoSelect{margin-bottom: 10px !important;}
.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span {
  box-shadow: none !important;
/*   border: 1px solid #dedede !important; */
}
.optWrapper.multiple {
    width: 210px;
}
.SumoSelect.sumo_building {
    width: 100%;
}
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i{
	background-color: #5d87ff !important;
}
.SumoSelect .select-all > span i{ box-shadow:none;}
.SumoSelect .select-all{ padding: 4px 0 3px 35px !important;}
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{
  background-color: #5d87ff !important;
  border: #5d87ff !important;
}
.SumoSelect>.optWrapper>.options li.opt:hover{
  background-color: #ecf2ff !important;
}
.SumoSelect>.CaptionCont>span.placeholder {
    color: #5a6a85 !important;
    font-size: 12px!important;
    font-weight: 600!important;
    font-style: normal!important;
    display: contents;
}
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont{
  box-shadow: none !important;
}
.SumoSelect.open>.CaptionCont{
  border-color: #aec3ff !important;
}
.SumoSelect>.CaptionCont>span {
  color: #5a6a85 !important;
  font-weight: 600!important;
}
.SumoSelect.disabled{
  cursor: auto !important;
}

.SumoSelect.disabled>.CaptionCont>span.placeholder{
  background-color: #ecf2ff !important;
}
.SumoSelect.disabled{
  opacity: none !important;
}
p.CaptionCont.SelectBox.disabled {
    background-color: #eaeff4 !important;
}
.SumoSelect > .CaptionCont{
	padding: 8px 25px 8px 15px!important;
}
.SumoSelect > .CaptionCont > label > i{
	right: 4px !important;
}
/* data noResult */
table.noResult > tbody > tr > td {
  height: 30px;
  color: #f02423;
}
/* Repeater Status */
/* optic Transceiver */
table.opticTable { width: 100%; text-align: center; font-size: 12px;color: #333;}
table.opticTable thead tr{ height: 40px!important;}
table.opticTable thead tr:nth-of-type(1),
table.opticTable thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.opticTable thead tr td.col-white{border: 1px solid #cedbff;}
table.opticTable thead tr th.col-border{border: 1px solid #cedbff;}
table.opticTable thead tr th.col-border-top{border: 1px solid #cedbff;}
table.opticTable tbody tr th.col-border-left{height: 80px;border: 1px solid #cedbff;background-color: #e9efff;}
table.opticTable tbody tr th.col-border-right{border: 1px solid #cedbff;background-color: #e9efff;}
table.opticTable tbody tr td input {width: 83% !important;position: relative;right: -11px;}
table.opticTable tbody tr td{border: 1px solid #cedbff;}
table.opticTable thead tr.tableTit{ color: #5d87ff; font-weight: 600;}

/* fa path */
table.fapathTable { width: 100%; text-align: center; font-size: 12px;color: #333;}
table.fapathTable thead tr{ height: 40px!important;}
table.fapathTable thead tr:nth-of-type(1),
table.fapathTable thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.fapathTable thead tr td.col-white{border: 1px solid #cedbff;}
table.fapathTable thead tr th.col-border{border: 1px solid #cedbff;}
table.fapathTable thead tr th.col-border-top{border: 1px solid #cedbff;}
table.fapathTable tbody tr th.col-border-left{height: 36px;border: 1px solid #cedbff;background-color: #e9efff;}
table.fapathTable tbody tr th.col-border-right{border: 1px solid #cedbff;background-color: #e9efff; padding: 12px;}
table.fapathTable tbody tr td input {width: 83% !important;position: relative;right: -11px;}
table.fapathTable tbody tr td{border: 1px solid #cedbff;}
table.fapathTable thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.fapathTable tbody tr td ul{ text-align: center;}
table.fapathTable tbody tr td ul li{ width: 53px; height: 25px; display: inline-block;}

span.circle.cicle-left {position: absolute;left: 6px;top: 13px;}

table.delayTable { width: 100%; text-align: center; font-size: 12px;color: #333;margin-top: 1rem;}
table.delayTable thead tr{ height: 40px!important;}
table.delayTable thead tr:nth-of-type(1),
table.delayTable thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.delayTable thead tr td.col-white{border: 1px solid #cedbff;}
table.delayTable thead tr th.col-border{border: 1px solid #cedbff;}
table.delayTable thead tr th.col-border-top{border: 1px solid #cedbff;}
table.delayTable tbody tr th.col-border-left{width: 5%;border: 1px solid #cedbff;background-color: #e9efff;}
table.delayTable tbody tr th.col-border-right{width: 6%;border: 1px solid #cedbff;background-color: #e9efff;}
table.delayTable tbody tr td input { width: 83% !important;}
table.delayTable tbody tr td{border: 1px solid #cedbff;}
table.delayTable thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.delayTable tbody tr.info-distance{ height: 46px;}
table.delayTable tbody tr.info-distance th.info-first{ width: 10%;}

/* 3.7G TDD info. */
table.tddTable { width: 100%; text-align: center; font-size: 12px;color: #333;margin-top: 1rem;}
table.tddTable thead tr{ height: 40px!important;}
table.tddTable thead tr:nth-of-type(1),
table.tddTable thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.tddTable thead tr td.col-white{border: 1px solid #cedbff;}
table.tddTable thead tr th.col-border{border: 1px solid #cedbff;}
table.tddTable thead tr th.col-border-top{border: 1px solid #cedbff;}
table.tddTable tbody tr th.col-border-left{width: 12%;border: 1px solid #cedbff;background-color: #e9efff;}
table.tddTable tbody tr th.col-border-right{width: 6%;border: 1px solid #cedbff;background-color: #e9efff;}
table.tddTable tbody tr td input {width: 83% !important;}
table.tddTable tbody tr td{border: 1px solid #cedbff;}
table.tddTable thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.tddTable tbody tr.info-distance{ height: 46px;}
table.tddTable tbody tr.info-distance th.info-first{ width: 10%;}

/* Delay info. */
table.displayType { width: 100%; text-align: center; font-size: 12px;color: #333;margin-top: 1rem;}
table.displayType thead tr{ height: 40px!important;}
table.displayType thead tr:nth-of-type(1),
table.displayType thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.displayType thead tr td.col-white{border: 1px solid #cedbff;}
table.displayType thead tr th.col-border{border: 1px solid #cedbff;}
table.displayType thead tr th.col-border-top{border: 1px solid #cedbff;}
table.displayType tbody tr th.col-border-left{width: 12%;border: 1px solid #cedbff;background-color: #e9efff;}
table.displayType tbody tr th.col-border-right{width: 6%;border: 1px solid #cedbff;background-color: #e9efff;}
table.displayType tbody tr td input {width: 83% !important;}
table.displayType tbody tr td{border: 1px solid #cedbff;}
table.displayType thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.displayType tbody tr.info-distance{ height: 46px;}
table.displayType tbody tr.info-distance th.info-first{ width: 10%;}

/* carrier & band info. */
table.carrierType {width: 1600px; text-align: center; font-size: 12px;color: #333;margin-top: 1rem;}
table.carrierType thead tr{ height: 40px!important;}
table.carrierType thead tr:nth-of-type(1),
table.carrierType thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.carrierType thead tr td.col-white{border: 1px solid #cedbff;}
table.carrierType thead tr th.col-border{border: 1px solid #cedbff;}
table.carrierType thead tr th.col-border-top{border: 1px solid #cedbff;}
table.carrierType tbody tr th.col-border-left{padding: 13px;width: 12%;border: 1px solid #cedbff;background-color: #e9efff;}
table.carrierType tbody tr th.col-border-right{padding: 11px;width: 6%;border: 1px solid #cedbff;background-color: #e9efff;}
table.carrierType tbody tr td input {width: 115% !important;}
table.carrierType tbody tr td{border: 1px solid #cedbff;padding: 0px 30px;}
table.carrierType thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.carrierType tbody tr.info-distance{ height: 46px;}
table.carrierType tbody tr.info-distance th.info-first{ width: 10%;}

/* BandinfoType */
table.BandinfoType {width: 99.9%; text-align: center; font-size: 12px;color: #333;margin-top: 1rem;}
table.BandinfoType thead tr{ height: 40px!important;}
table.BandinfoType thead tr:nth-of-type(1),
table.BandinfoType thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.BandinfoType thead tr td.col-white{border: 1px solid #cedbff;}
table.BandinfoType thead tr th.col-border{border: 1px solid #cedbff;}
table.BandinfoType thead tr th.col-border-top{border: 1px solid #cedbff;}
table.BandinfoType tbody tr th.col-border-left{padding: 13px;width: 8%;border: 1px solid #cedbff;background-color: #e9efff;}
table.BandinfoType tbody tr th.col-border-right{padding: 11px;width: 6%;border: 1px solid #cedbff;background-color: #e9efff;}
table.BandinfoType tbody tr td input {width: 100% !important;position: relative; left: 17px;}
table.BandinfoType tbody tr td{border: 1px solid #cedbff;padding: 0px 30px;}
table.BandinfoType thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.BandinfoType tbody tr.info-distance{ height: 46px;}
table.BandinfoType tbody tr.info-distance th.info-first{ width: 10%;}
table.BandinfoType span.circle.cicle-left{ left: 16px;}
table.BandinfoType tbody tr td.hpa-width li.checkOnOffBox{position: relative;top: -16px;left: 18p}

/* Repeater Status History */
.repeaterHisTable thead th{ vertical-align: middle;}
.repeaterHisTable thead th.thline{ border: 1px solid #cedbff;}
.repeaterHisTable thead tr.thline-color th{ border-left: 1px solid #cedbff; border-right: 1px solid #cedbff; border-bottom: 1px solid #cedbff;}

/* hu optic */
table.optictddTable { width: 100%; text-align: center; font-size: 12px;color: #333;margin-top: 1rem;}
table.optictddTable thead tr{  height: 40px!important;}
table.optictddTable tbody tr{ height: 40px!important;}
table.optictddTable thead tr:nth-of-type(1),
table.optictddTable thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.optictddTable thead tr td.col-white{border: 1px solid #cedbff;}
table.optictddTable thead tr th.col-border{border: 1px solid #cedbff;}
table.optictddTable thead tr th.col-border-top{border: 1px solid #cedbff;}
table.optictddTable tbody tr th.col-border-left{width: 8%;border: 1px solid #cedbff;background-color: #e9efff;}
table.optictddTable tbody tr th.col-border-right{width: 5%;border: 1px solid #cedbff;background-color: #e9efff;}
table.optictddTable tbody tr td input { width: 83% !important;float: left;position: relative;left: 30px;}
table.optictddTable tbody tr td{border: 1px solid #cedbff;width: 17%;}
table.optictddTable thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.optictddTable tbody tr.info-distance{ height: 46px;}
table.optictddTable tbody tr.info-distance th.info-first{ width: 10%;}

/* ru optic */
table.ruoptictddTable { width: 100%; text-align: center; font-size: 12px;color: #333;margin-top: 1rem;}
table.ruoptictddTable thead tr{  height: 40px!important;}
table.ruoptictddTable tbody tr{ height: 40px!important;}
table.ruoptictddTable thead tr:nth-of-type(1),
table.ruoptictddTable thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.ruoptictddTable thead tr td.col-white{border: 1px solid #cedbff;}
table.ruoptictddTable thead tr th.col-border{border: 1px solid #cedbff;}
table.ruoptictddTable thead tr th.col-border-top{border: 1px solid #cedbff;}
table.ruoptictddTable tbody tr th.col-border-left{width: 8%;border: 1px solid #cedbff;background-color: #e9efff;}
table.ruoptictddTable tbody tr th.col-border-right{width: 5%;border: 1px solid #cedbff;background-color: #e9efff;}
table.ruoptictddTable tbody tr td input {width: 82% !important; float: left; position: relative; left: 30px;}
table.ruoptictddTable tbody tr td{border: 1px solid #cedbff;width: 14%;}
table.ruoptictddTable thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.ruoptictddTable tbody tr.info-distance{ height: 46px;}
table.ruoptictddTable tbody tr.info-distance th.info-first{ width: 10%;}

/* modal Style */
.modalSysteminfo ul { margin-bottom: 0 !important;}
.modalSysteminfo ul li{ display: inline-flex; margin-top: 5px !important;}
.modalSysteminfo ul li div.form-check{ position: relative; top: 7px;}
.modalSysteminfo ul li div.form-check input{ line-height: 5;}
.modalSysteminfo ul li span{ display: inline;width: 136px;line-height: 2.1rem;color: #333;font-weight: 700;}
.modalSysteminfo ul li .form-control{ width: 150px; margin-left: 10px; margin-right: 10px;}

.modal-mask tbody tr td ul{ margin-bottom: 0 !important;}
table.modal-mask { width: 100%; text-align: center; font-size: 12px;color: #333;}
table.modal-mask thead tr{ height: 40px!important;}
table.modal-mask thead tr:nth-of-type(1),
table.modal-mask thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.modal-mask thead tr td.col-white{border: 1px solid #cedbff;}
table.modal-mask thead tr th.col-border{border: 1px solid #cedbff;}
table.modal-mask thead tr th.col-border-top{border: 1px solid #cedbff;}
table.modal-mask tbody tr th.col-border-left{width: 5.7%;height: 36px;border: 1px solid #cedbff;background-color: #e9efff;}
table.modal-mask tbody tr th.col-border-right{border: 1px solid #cedbff;background-color: #e9efff; padding: 12px;}
table.modal-mask tbody tr td input {width: 83% !important;position: relative;right: -11px;}
table.modal-mask tbody tr td{border: 1px solid #cedbff;}
table.modal-mask thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.modal-mask tbody tr td ul{ text-align: center;position: relative;top: 3px;}
table.modal-mask tbody tr td ul li{ width: 53px; height: 25px; display: inline-block;}
table.modal-mask tbody tr td ul div.form-check { position: absolute; left: 23px; top: 2px;}

table.fapathTable tbody tr.all-bandtr td ul div.form-check{position: absolute; left: 54px; top: 8px;}
table.fapathTable tbody tr.all-fatr th div.form-check{float: left;}

table.delayInfoTable tbody tr th div.form-check{float: left;}

.slotTable table tbody tr td .form-check-inline {margin-right: 5rem;margin-left: 5rem;}

.mu-Threshold,.mu-getStatus
,.mu-Result, .mu-activeSlot{ padding: 15px 0;}
.mu-Threshold table.fapathTable tbody tr th.col-border-right {
  padding: 0 !important;
}
.mu-Threshold table.fapathTable tbody tr td{
  padding: 0px 4px;
}
.mu-Threshold table.fapathTable tbody tr.all-bandtr td ul div.form-check{
  position: absolute;
  left: 35px;
}
.mu-alarmMask table.modal-mask tbody tr td ul li{
  position: relative;
  left: 16px;
}
.mu-activeSlot .slotTable form table tr td{
  width: 100%;
  padding: 23px 0;
  position: relative;
  left: -70px;
}
/* RU STYLE ---------------------------
-------------------------------------- */
.rusetWrap{ position: relative;}
.rusetWrap .tit{font-size: 17px; font-weight: 400;}
.rusetWrap .rusystemInfo ul { border: 1px solid #cedbff; display: flex; padding: 15px; border-radius: 5px}
.rusetWrap .rusystemInfo ul li.checkOnOffBox{position: relative;left: 13px;top: -2px;}

table.ruinfotypeTable { width: 100%; text-align: center; font-size: 12px;color: #333;margin-top: 1rem;}
table.ruinfotypeTable thead tr{  height: 40px!important;}
table.ruinfotypeTable tbody tr{ height: 40px!important;}
table.ruinfotypeTable thead tr:nth-of-type(1),
table.ruinfotypeTable thead tr:nth-of-type(2){background-color: #e9efff!important;}
table.ruinfotypeTable thead tr td.col-white{border: 1px solid #cedbff;}
table.ruinfotypeTable thead tr th.col-border{border: 1px solid #cedbff;}
table.ruinfotypeTable thead tr th.col-border-top{border: 1px solid #cedbff;}
table.ruinfotypeTable tbody tr th.col-border-left{width: 8%;border: 1px solid #cedbff;background-color: #e9efff;}
table.ruinfotypeTable tbody tr th.col-border-right{width: 5%;border: 1px solid #cedbff;background-color: #e9efff;}
table.ruinfotypeTable tbody tr td{border: 1px solid #cedbff;}
table.ruinfotypeTable thead tr.tableTit{ color: #5d87ff; font-weight: 600;}
table.ruinfotypeTable tbody tr.info-distance{ height: 46px;}
table.ruinfotypeTable tbody tr.info-distance th.info-first{ width: 10%;}

table.ruinfotypeTable tbody tr td ul{ margin-bottom: 0;}
table.ruinfotypeTable tbody tr td ul li{ display: flex; justify-content: center; }
table.ruinfotypeTable tbody tr td ul li .form-check{ position: relative; ;left: -6px; top: 7px;}
table.ruinfotypeTable tbody tr td ul li input{ width: 75%;}

table.ruinfotypeTable tbody tr td ul li.hpaon { position: relative; left: -30px;}
table.ruinfotypeTable tbody tr td ul li.hpaon .form-check{ position: relative; top: 1px;}
table.ruinfotypeTable tbody tr td ul li.hpaon .checkOnOffBox{ position:  relative; top: 2px; top: -2px;}

.alarmstatusInfo{width:100%;position: relative;top: 6px;}
table.alarmstatusInfo > tbody tr th {padding-left:30px;/* white-space:nowrap; */font-size:12px !important;width:140px !important;}
table.alarmstatusInfo > tbody tr th:nth-child(1) {width:120px;padding-left:10px !important;}
.alarmstatusInfo .ru ul.ru.d-flex span.circle.left{
    position: relative;
    left: 27px;
    top: 4px;
}
.alarmstatusInfo .ru ul.ru.d-flex li{ width: 225px;}
.alarmstatusInfo .ru ul.ru.d-flex li.checkOnOffBox{
  position: relative;
  left: -143px;
}
.alarmstatusInfo .ru ul.ru.d-flex{ position: relative; left: 92px;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hu.d-flex { position: absolute;}
.ruTitle {
  line-height: 2;
  width: 123px;
  color: #333;
  font-weight: 700;
}
span.ruTi {
  display: inline-block;
}
.huTitle{
  line-height: 2;
  width: 153px;
  color: #333;
  font-weight: 700;
}
span.huTi{
  display: inline-block;
}

/* popover */
.popover-container {
    position: relative;
    display: inline-block;
    padding-left: 5px;
}

.popover-hide {
	background-color: #ffffff;
	color: #5d87ff;
}

.popover-inner {
    width: 300px;
    border-radius: 5px;
    display: none;
    position: absolute;
    background-color: #00000096;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
}

.popover-inner.show {
    display: block;
}