@import "style_cn_nt.css";

*{margin: 0;padding: 0;box-sizing: border-box;}
html, body{margin: 0;}
/* .monitering{min-height: 110vh;background: url('img/bg.png');background-size: cover;} */
.white_ver{min-height: 100vh;background: #fafafb;background-size: cover;}
a{text-decoration: none;}
small{font-weight: bold; color: red;}

.black{color: #000000 !important;}
.red{color: #d80611 !important;}

table legend{display: none !important;}
table .css-1kr9ep5-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding: 5px 14px 10.5px 12px;}

/* 백운 */
.login_box {
    background: url('img/login_bg.png') no-repeat left top; background-size: cover;
}
.backun_status1, .backun_status2{
  display: flex;
  justify-content: space-between;
}
.backun_status2{
  margin-top: 15px;
}
.backun_main_box1{
  width: 29%;
}
.backun_main_box2{
  margin-top: 15px;
  width: 70%;
}
.backun_main_box3{
  width: 65%;
}
.backun_main_box4{
  width: 34%;
}
.echarts-for-react{
  height: unset !important;
}
.backun_status2 .small_motion_box .MuiTableCell-body{
  padding: 4px 0 !important;
  text-align: center;
}
.backun_main_box3 .small_motion1{
  margin: 0 10px;
  border-radius: 7px;
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.backun_main_box3_tit{
  display: block;
  padding: 5px 10px !important;
  border-radius: 10px;
  background-color: #414041 !important;
  text-align: left;
}
.main_motion{
  display: flex;
  justify-content: center;
  align-items: center;
}
.backun_main_box1 .charts_box2 td:last-child {
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 22px;
}
/* #map > div div[style*="height: 23px"] {
  height: 40px !important; 
} */
#map .map_pinparents {
  width: 100px !important; height: 30px !important; 
}

.map_pinbox {width: 100%;}
.map_pin {display: flex; justify-content:space-around; align-items: center; padding: 2px 0;}

.map_pin .pin1 {padding: 2px 10px; background-color: #007aa7; border-radius: 100%; font-size: 18x; font-weight: bold;}
.map_pin .pin2 {padding: 2px 10px; background-color: #f09b4a; border-radius: 100%; font-size: 18x; font-weight: bold;}
.map_pin .pin3 {padding: 2px 10px; background-color: #ff0023; border-radius: 100%; font-size: 18x; font-weight: bold;}

/* 색상초기화 */
.active{color: #fff !important;font-weight: 700;}
.mro_navbar .active{color : #000 !important;font-weight: 700;}
.monitering tr a, .monitering th, .monitering td{color: #fff !important;}
.monitering .css-8a8flf-MuiPaper-root-MuiCard-root{background-color: rgba(71, 71, 71, 0.3);}
.monitering thead, .MuiTableCell-stickyHeader{
  background-color: #121212;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.monitering .condition1 a, .monitering .condition2 a, .monitering .condition3 a, 
.monitering .condition4 a, .monitering .condition5 a, .monitering .condition6 a, .monitering .condition7 a,
.monitering .condition1 span, .monitering .condition2 span, .monitering .condition3 span, 
.monitering .condition4 span, .monitering .condition5 span, .monitering .condition6 span, .monitering .condition7 span
{display: block;border-radius:4px;/*width: 70px;*/margin: 0 auto;}

.monitering .condition1 a, div.condition1, .condition1 span{color: #fff !important; border: 1px solid red; border-radius: 3px; color: red !important;}
.monitering .condition2 a, div.condition2, .condition2 span{color: #fff !important; border: 1px solid #ef710b; border-radius: 3px; color: #ef710b !important; font-weight: bold;}
.monitering .condition3 a, div.condition3, .condition3 span{color: #fff !important; border: 1px solid #e7c748; border-radius: 3px; color: #e7c748 !important; font-weight: bold;}
.monitering .condition4 a, div.condition4, .condition4 span{color: #fff !important; border: 1px solid #b2b2b2; border-radius: 3px; color: #b2b2b2 !important; font-weight: bold;}
.monitering .condition5 a, div.condition5, .condition5 span{color: #fff !important; border: 1px solid #308a2a; border-radius: 3px; color: #308a2a !important; font-weight: bold;}
.monitering .condition6 a, div.condition6, .condition6 span{color: #fff !important; border: 1px solid #2666ae; border-radius: 3px; color: #2666ae !important; font-weight: bold;}
.monitering .condition7 a, div.condition7, .condition7 span{color: #fff !important; border: 1px solid #464646; border-radius: 3px; color: #464646 !important; font-weight: bold;}

div.condition1, div.condition2, div.condition3, div.condition4, div.condition5, div.condition6, div.condition7{margin:0 auto;width:120px;border-radius:4px;}

.monitering .O1_N a, div.O1_N, .O1_N span,
.monitering .O2_I a, div.O2_I, .O2_I span,
.monitering .O3_A a, div.O3_A, .O3_A span,
.monitering .O4_C a, div.O4_C, .O4_C span
{display: block;border-radius:4px;width: 70px;margin: 0 auto;}

.monitering .O1_N a, /*div.O1_N,*/ .O1_N span{color: #fff !important;border: 2px solid #2d83b4; border-radius: 3px; color: #2d83b4 !important; font-weight: bold;}
.monitering .O2_I a, /*div.O2_I,*/ .O2_I span{color: #fff !important;border: 2px solid #e5a846; border-radius: 3px; color: #e5a846 !important; font-weight: bold;}
.monitering .O3_A a, /*div.O3_A,*/ .O3_A span{color: #fff !important;border: 2px solid #ed1c24; border-radius: 3px; color: #ed1c24 !important; font-weight: bold;}
.monitering .O4_C a, /*div.O4_C,*/ .O4_C span{color: #fff !important;border: 2px solid #dddddd; border-radius: 3px; color: #dddddd !important; font-weight: bold;}
div.O1_N, div.O2_I, /*div.O3_A, div.O4_C{margin:0 auto;width:120px;border-radius:4px;}
/* .monitering .O1_F a, div.O1_F, .O1_F span{background-color: #1a47a1;color: #fff !important;}
.monitering .O5_D a, div.O5_D, .O5_D span{background-color: #1a76d3;color: #fff !important;}
.monitering .O7_N a, div.O7_N, .O7_N span{background-color: #2196f3;color: #fff !important;}
.monitering .O9_G a, div.O9_G, .O9_G span{background-color: #64b5f6;color: #fff !important;} */

.monitering thead, .MuiTableCell-stickyHeader{
  /* background-color: #121212; */
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.sticky_table a{display: block;}

.sub_container_ce .maintlist_table tr a, .sub_container_ce .maintlist_table td{color: #000 !important;}

.sub_container_ce .MuiTable-root .condition1 a, .sub_container_ce .MuiTable-root .condition2 a, .sub_container_ce .MuiTable-root .condition3 a, 
.sub_container_ce .MuiTable-root .condition4 a, .sub_container_ce .MuiTable-root .condition5 a, .sub_container_ce .MuiTable-root .condition6 a, .sub_container_ce .MuiTable-root .condition7 a
{display: block;border-radius:4px;width: 70px;margin: 0 auto; color: #fff !important;}

.sub_container_ce .condition1 a{background-color: red;}
.sub_container_ce .condition2 a{background-color: #ef710b;}
.sub_container_ce .condition3 a{background-color: #e7c748;}
.sub_container_ce .condition4 a{background-color: #b2b2b2;}
.sub_container_ce .condition5 a{background-color: #308a2a;}
.sub_container_ce .condition6 a{background-color: #2666ae;}
.sub_container_ce .condition7 a{background-color: #464646;}

.icon1 button, .icon1 button:hover{background-color: red;}
.icon2 button, .icon2 button:hover{background-color: #ef710b;}
.icon3 button, .icon3 button:hover{background-color: #e7c748;}
.icon4 button, .icon4 button:hover{background-color: #b2b2b2;}
.icon5 button, .icon5 button:hover{background-color: #308a2a;}
.icon6 button, .icon6 button:hover{background-color: #2666ae;}
.icon7 button, .icon7 button:hover{background-color: #464646;}

.icon{margin: 2px 3px; padding: 3px 8px; /*border-radius: 50px;*/}
.icon1{background-color: red;}
.icon2{background-color: #ef710b;}
.icon3{background-color: #e7c748;}
.icon4{background-color: #b2b2b2;}
.icon5{background-color: #308a2a;}
.icon6{background-color: #2666ae;}
.icon7{background-color: #464646;}

.icon button{
  padding: 5px;
  min-width: auto;
}

.icon button img {
  width: 18px;
}

.icon1:hover, .icon2:hover, .icon3:hover, .icon4:hover, .icon5:hover, .icon6:hover{background-color: none;}

.sub_container_ce .part_status th a{color: #fff !important;}
.sub_container_ce .part_status td a, .mro_table td a{color: #000 !important;}

.css-1v9be3b-MuiCardContent-root, .css-gazh6o{padding: 0;}
.css-1v9be3b-MuiCardContent-root:last-child {padding-bottom: 0;}

.css-13al26b-MuiTableCell-root {border-color: rgba(255, 255, 255, 0.2);}

.white_ver .sticky_table th {font-size: .8rem !important;}

/* 로고 영역 */
.navbar-brand{width: 180px;cursor: pointer;}
.navbar-brand1{width: 280px;cursor: pointer;}
.navbar{padding: 5px;}
.white_ver .navbar{padding: 5px; border-bottom: 1px solid #f0f0f0; background-color: #fff !important;}
.maintenance .navbar h6{color: grey !important;}
.navbar-nav .MuiBox-root{padding: 0; padding-left: 9px;}
.navbar-expand-sm .navbar-collapse{justify-content: space-between;}
.navbar-nav .css-8qacrl-MuiButtonBase-root-MuiIconButton-root{color: grey;}
.navbar-nav .css-1lywovb-MuiButtonBase-root-MuiIconButton-root{color: #e7c748;}
.moni_tit_box{
  margin-bottom: 10px;
}
.moni_tit_box h5{
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 6px 8px;
  border-radius: 4px;
  /* background-color: #838383; */
}
.moni_tit_box h5 a{
  color: #fff;
}
.maint_tit_box{
  margin-bottom: 10px;
}
.maint_tit_box h5{
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 6px 8px;
  border-radius: 4px;
  background-color: #7C8792;
  color:#fff !important;
}
.maint_tit_box h5 a{
  color: #fff;
}

/* 레이아웃 영역 */
.main_container, .sub_container, .sub_container_ce{padding: 10px 10px 20px 10px;height: 100%;box-sizing: border-box;}
.main_left, .sub_left {padding-right: 15px;}
.part_status_box {margin: 0 10px;}
/* .center_table {margin: 10px 0;} */
/* .cal_box {padding: 1%;} */
.mobile_serach_box .MuiPaper-root{background-color: rgba(30, 30, 30, 1);}
/* .MuiPaper-root{background-color: rgba(30, 30, 30, 1);} */
/* .MuiMenu-paper{background-color: rgba(30, 30, 30, 1);} */
.css-1869usk-MuiFormControl-root{margin: 8px 3px;}

/* 차트 영역 */
/* .apexcharts-canvas { width: auto !important; }
.apexcharts-canvas svg:first-child{ width: auto !important; } */
.apexcharts-legend-text, .apexcharts-canvas text{color: #fff !important;fill: #fff;}
.apexcharts-tooltip{color: #000 !important;fill: #000;}

.charts_box .apexcharts-datalabel-label{fill: #000;}
.charts_box > div:nth-child(1) .apexcharts-datalabel-value{fill: red;}
.charts_box > div:nth-child(2) .apexcharts-datalabel-value{fill: #ef710b;}
.charts_box > div:nth-child(3) .apexcharts-datalabel-value{fill: #e7c748;}
.charts_box > div:nth-child(4) .apexcharts-datalabel-value{fill: #b2b2b2;}
.charts_box > div:nth-child(5) .apexcharts-datalabel-value{fill: #2666ae;}
.charts_box > div:nth-child(6) .apexcharts-datalabel-value{fill: #308a2a;}

.charts_box > div.bluechart .apexcharts-datalabel-value{fill: #2666ae;}
.charts_box > div.greenchart .apexcharts-datalabel-value{fill: #308a2a;}

/* 모달창 */
/* .MuiBackdrop-root{background-color: rgba(0, 0, 0, 0.8);} */
.pop_box h4{color: #fff;}
.pop_box label{color: #fff;}
.pop_box label .icon{border-color: #fff;}
.pop_box label .icon .dot{background-color: #fff; top: unset !important; left: 4px !important;}
.pop_box .MuiChip-label {
  font-size: 22px;
}
.css-1cuqbef-MuiFormControl-root-MuiTextField-root {
  background-color: unset;
}
.css-2umthc-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root.Mui-focused,
.css-tmjeau-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root.Mui-focused,
.css-uva6kt-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused{
  box-shadow: unset !important;
}
.MuiInputBase-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #000 inset !important;
  -webkit-text-fill-color: #fff;
  caret-color: #fff;
  color: #fff;
}

/* .pop_box .MuiPaper-root{background-color: rgba(255, 255, 255, 1);} */
.pop_box .css-16jb1dq-MuiPaper-root-MuiCard-root, .pop_box .css-vp5rj2 {
  background-color: #1a1a1a; /* 팝업 배경 진회색 */
  color: #fff;
  padding: 10px;
  border-radius: 16px;
  box-shadow: 
    0 4px 20px rgba(255, 255, 255, 0.06), /* 부드러운 밝은 외곽 */
    0 0 20px rgba(255, 255, 255, 0.1);     /* 퍼지는 빛 효과 */
  border: 1px solid rgba(255, 255, 255, .2) 
}
.css-iu9kg3-MuiButtonBase-root-MuiButton-root:hover {
  background-color: #3c89e8;
}
.css-1ace7ux-MuiStack-root {
  padding-right: 0;
}
.css-9b0v0c-MuiInputBase-root-MuiInput-root:before {
  border-bottom: none;
} 
.css-uva6kt-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border-color: #595959;
}
.css-1oonfh8-MuiAutocomplete-root {
  border: 1px solid #595959;
}
.css-8a8flf-MuiPaper-root-MuiCard-root {
  border: none;
}
/* .pop_box .mixed-chart .MuiPaper-root{background-color: #777;} */
.pop_box td.MuiTableCell-body{color: #fff;}
.pop_box .MuiInputBase-input{color: #fff !important;}
.modal_imagelayer .pop_image_tit .MuiInputBase-input{background-color: unset !important; border-color: gray !important;}
.pop_box .css-1g8epg6-MuiTableBody-root .MuiTableRow-root:hover,
.pop_box .css-q3fwjo-MuiFormControl-root-MuiTextField-root{background-color: unset;}
.pop_box .css-q3fwjo-MuiFormControl-root-MuiTextField-root .MuiInputLabel-outlined.MuiInputLabel-shrink{display: none;}
.pop_box .css-1eg7bcu-MuiFormControl-root-MuiTextField-root .MuiInputLabel-shrink{display: none;}
.pop_box .css-164gslf-MuiInputBase-input-MuiOutlinedInput-input{padding:7px 5px 10px 5px; text-align: center;}
/* .pop_box input{width: 90%;} */
/* .pop_box .css-1c4wyd1-MuiOutlinedInput-notchedOutline{border: 1px solid #c1c1c1 !important;} */
.pop_box .MuiOutlinedInput-notchedOutline,
/* .pop_box .MuiAutocomplete-root{border: 1px solid #353535 !important;} */
/* .pop_box .css-x7okj7-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root{color: #000;} */
.white_ver .MuiInputBase-input{color: #000;}
.monitering .MuiInputBase-input{color: #fff; border-color: gray !important;}
.mobile_serach_box .MuiInputBase-input{color: #fff; }
.Mui-disabled{-webkit-text-fill-color:unset !important;}
.css-i9fmh8-MuiBackdrop-root-MuiModal-backdrop{background-color: rgba(30, 30, 30, .9) !important;}
.pop_table td{padding: 10px 0 10px 0 !important; /*text-align: left;*/ border-bottom: 1px solid #595959 !important;color:#000}
.pop_box1 .pop_table td{padding: 10px 0 10px 0 !important;}
.pop_box1 .pop_table .th{width: 140px; padding-left: 0 !important;}
.pop_box2 td div{padding: 0 0 0 8px !important;}
.pop_box3 td div{padding: 0 !important;}
.pop_box3 td textarea{padding: 5px;}
.pop_box2 td.popleft div{padding: 0 0 0 4px !important;}
/* .pop_box2 .css-b5igxm-MuiButtonBase-root-MuiIconButton-root{top:9px;} */

.pop_table .th{text-align: center;background-color: #e9e9e9; font-weight:bold; color: #000;}
.pop_table .th1{padding: 10px 0 !important;}
/* .pop_table .MuiSelect-select, .pop_table .MuiInputBase-input{padding: 8px 10px;}*/
.piker{display: flex;justify-content: center;align-items: center;margin:0 auto;width: 90%;}
.plus{display: flex;align-items: center;}
.pop_table .MuiSvgIcon-root{fill: #fff;}
.pop_table td.pa10{padding-left: 9px !important;}

.pop_table td.center{text-align: center;}

.pop_table .css-1u3bzj6-MuiFormControl-root-MuiTextField-root{margin:0 auto;/*width: 92%;*/text-align: center;}

.pop_box .css-4dfoae-MuiButtonBase-root-MuiIconButton-root{top:5px; left:140px}

/* .MuiPopperUnstyled-root .MuiPaper-root{background-color: rgb(215, 215, 215);} */

.white_modal .MuiPaper-root{background-color: rgba(255, 255, 255, 1); color: #000;}
.white_modal .pop_table .th{text-align: center;background-color: #F1F1F1;color:#000;}
.white_modal .pop_table td{border-bottom: 1px solid #ddd;background-color: #fff;color: #ddd;}
.white_modal .pop_table td select{color: #ddd;}
.white_modal .pop_table .MuiSvgIcon-root{fill: #ddd;}
.white_modal .css-1c4wyd1-MuiOutlinedInput-notchedOutline{border-color: #ddd;}

.view_table .view_td{padding:8px 0 !important;text-align: center;color:#fff;}
.MuiFormControl-root{background-color: unset;}
.view_table .view_td_left{text-align: left;padding:8px 0 8px 8px !important;color:#fff;}
.pop_box3 .view_table .view_td_left{padding:10px 0 5px 8px !important;}
.pop_box4 .view_table .view_td{padding:10px 0 4px 0 !important;}
.pop_box4 .view_table .view_td1{padding-left:9px !important;}
.view_table .view_flex{display: flex;justify-content: space-around;}

/* VR 설정 */
.vr_btn_box{display: flex;align-items: baseline;justify-content: space-evenly;}
.vr_btn a{
  padding: 10px 12px;
  min-width: 80px;
  border-radius: 4px;
  color: #fff;
  background-color: #177ddc;
  line-height: 1.75;
  box-sizing: content-box;
}
.vr_btn button.on{
  border: 1px solid #fff;
}
.vr_btn span{display: inline-block; margin-top:-2px; vertical-align: middle;}
.vr_btn_box > div{display: flex;}
.vr_btn_box > div:nth-child(1){flex-wrap: wrap; /*justify-content: center; width: 25%;*/}
/* .vr_btn_box > div:nth-child(2){flex-wrap: wrap; justify-content: flex-start; width: 75%;} */
/* .vr_btn_box > div > div{margin: 3px;} */

.vr_pop_box{display: flex;}
.vr_pop_box .css-1imq04g-MuiButtonBase-root-MuiButton-root{padding: 0 !important;}
.vr_pop_box > div{padding:6px;}
.vr_pop_btn{display: flex;padding: 0;justify-content: flex-start;flex-wrap: wrap;}
.vr_pop_btn span{display: inline-block; margin-top:-2px; vertical-align: middle;}
.vr_pop_btn li{
  list-style: none;
  display: inline-block; 
  min-width: 90px; 
  margin: 3px;
  padding: 7px 10px;
  border-radius: 4px;
  color: #fff;
  background-color: #4CAA19;
  line-height: 1.75;
  text-align: center;
  cursor: pointer;
}
.vr_pop_btn li.on {
  background-color: #27590b;
} 
.pnlm-container {
  width : 100% !important;
  height : 160% !important;
}

.pop_close{
  display: flex;
  justify-content: end;
}
.pop_close button{
  margin-top:0;
  background-color: #177ddc;
  color:#fff;
  font-weight: 600;
}

.pop_close button:hover {
  color: #fff;
  background-color: #3c89e8;
}

.white_ver .vr_btn_box .material-symbols-outlined {
  color: #fff !important;
}

/* 테이블 설정 */
.timeline{color: #fff;}
.same_width{height: auto;text-align: center;table-layout: fixed;word-break: break-all; border-spacing: 0 !important;}
.pagination{margin: 10px 0 0 0;}
.more{display: flex;justify-content: space-between;align-items: center; background-color: #353535;}
.more_btn{margin-right: 10px;font-weight: 700;}
.btn_right{display: flex;justify-content: flex-end;margin-top: 10px;}
.condition{display: flex;justify-content: flex-start;flex-wrap: wrap; padding: 0;}
.condition li{list-style: none;margin:0 4px 5px 0;padding: 2px 8px;background-color: #000;color: #fff;}
/* .condition li.bad{border: 2px solid red;background-color: red;}
.condition li.error{border: 2px solid #ef710b;background-color: #ef710b;}
.condition li.insuff{border: 2px solid #e7c748;background-color: #e7c748;}
.condition li.communi{border: 2px solid #b2b2b2;background-color: #b2b2b2;}
.condition li.normal{border: 2px solid #2666ae;background-color: #2666ae;}
.condition li.fine{border: 2px solid #308a2a;background-color: #308a2a;}
.condition li.sum{border: 2px solid #1a1a1a;background-color: #1a1a1a;} */
.condition li.O1_WAIT, .condition li.O1_R, .condition li.V{border: 2px solid red;background-color: red;}
.condition li.O2_M{border: 2px solid #ef710b;background-color: #ef710b;}
.condition li.O2_OBSERVE, .condition li.O2_P{border: 2px solid #e7c748;background-color: #e7c748;}
.condition li.O6_C, .condition li.R{border: 2px solid #b2b2b2;background-color: #b2b2b2;}
.condition li.O4_NORMAL, .condition li.O3_C{border: 2px solid #2666ae;background-color: #2666ae;}
.condition li.O3_MNT, .condition li.O4_V{border: 2px solid #308a2a;background-color: #308a2a;}
.condition li.sum{border: 2px solid #464646;background-color: #464646;}
.condition li.report{border: 2px solid #ff7e05;background-color: #ff7e05;}
.condition li.sum.selected, .condition li.O4_NORMAL.selected,/* .condition li.O4_V.selected, */
.condition li.O3_MNT.selected{font-weight: bold;color:#a79c9c}
.condition li.problem{border: 2px solid #ff00ff;background-color: #ff00ff;}
.condition li.selected{font-weight: bold;color:#352c2c; border: 2px solid red;}
.condition li.O2_M.selected{border: 2px solid white}
.white_ver .white_ver .condition li.O2_M.selected, .white_ver .condition li.V.selected
, .white_ver .condition li.O1_R.selected, .white_ver .condition li.report.selected{border: 2px solid black}

.condition li.O1_N{border: 2px solid #2d83b4;background-color: #2d83b4;}
.condition li.O1_N.selected {font-weight: bold;color:#fff;border: 2px solid red}

.condition li.O2_I{border: 2px solid #e5a846;background-color: #e5a846;}
.condition li.O2_I.selected {font-weight: bold;color:#fff;border: 2px solid red}

.condition li.O3_A{border: 2px solid #ed1c24;background-color: #ed1c24;}
.condition li.O3_A.selected {font-weight: bold;color:#fff;border: 2px solid red}

.condition li.O4_C{border: 2px solid #dddddd;background-color: #dddddd;color:#000;}
.condition li.O4_C.selected {font-weight: bold;color:#000;border: 2px solid red}

/* .condition li.O1_F{border: 2px solid #1a47a1;background-color: #1a47a1;}
.condition li.O5_D{border: 2px solid #1a76d3;background-color: #1a76d3;}
.condition li.O7_N{border: 2px solid #2196f3;background-color: #2196f3;}
.condition li.O9_G{border: 2px solid #64b5f6;background-color: #64b5f6;}
.condition li.O7_N.selected, .condition li.O9_G.selected, 
.condition li.O1_F.selected, .condition li.O5_D.selected {font-weight: bold;color:#fff} */

.pagination .page-link{border: 1px solid rgba(255, 255, 255, 0.05);background-color: #1e1e1e;color: #fff;}
.active>.page-link, .page-link.active {background-color: #141414;}

.white_ver .pagination .page-link{border: 1px solid #e6ebf1;background-color: #fff;color: #262626;}
.white_ver .active>.page-link, .white_ver .page-link.active {background-color: #eee;}

.hov_non td:hover{background: none;}

.list_table th, .list_table .MuiTableCell-body {padding: 7px 0 !important;}
.list_table .td_print1 {padding-left: 15px !important;}
.list_table1 th, .list_table1 .MuiTableCell-body {padding: 5px 0 !important;}
.list_table2 .MuiTableCell-body {padding: 5px 0 !important;}
.list_table2 .icon{width: 180px;}
.cont_left{text-align: left !important;}
.fc-day, .fc-scrollgrid{border: 1px solid #4d4d4d !important;}

.cal .fc-theme-standard td, .cal .fc-theme-standard th{border:none;}
.fieldset{display: flex;align-items: center;}
.fieldset .gt{font-size: 1.3rem;margin-top:-10px;}
.fieldset fieldset{border: none;}
.fieldset svg{display: none;}
.fieldset .MuiSelect-select{font-size: 1.3rem;}
.monitering .fieldset .MuiSelect-select{padding-top: 18px;font-size: 1.3rem; color:#fff;}
.monitering .sub_container .MuiSelect-select{padding-top: 18px;color:#fff;}
.css-qcv3-MuiTableCell-root, .css-173smav-MuiTableCell-root, .css-qcv3-MuiTableCell-root, .css-1ywvfb6-MuiTableCell-root{font-size: 14px;}
.css-1x7t93e-MuiTableHead-root{border-bottom: none;}

/* 단계 설정 */
.stpes{display: flex;}
.stpes ul{display: flex; height: 48px; align-items: center;}
.stpes ul li{list-style: none;font-size: 15px;}
.stpes ul li span:first-child{padding:4px 9px;border-radius: 200px;}
.stpes ul li.step_active span:first-child{background-color: #257DDC;}
.stpes ul li.step_active_n span:first-child{background-color: #a8a8a8;}
/* .stpes ul li.step_active_01 span:first-child{background-color: #b2b2b2;} */
.stpes ul li.step_active_i span:first-child{background-color: #784922;}
/* .stpes ul li span:first-child{background-color: #257DDC;} */

.stpes ul li span:last-child{margin:0 10px;}


/* 기타 설정 */
.MuiChip-root{font-size: 17px !important;font-weight: bold;background-color: unset !important;}
.MuiFormControl-root label{line-height: 0.7rem;overflow: unset;}
.desktop_serach .MuiFormControl-root{margin: 0 5px 10px 0;}
.MuiButton-contained span.icon_png{background-color: unset !important;}

.nav-link {font-size: 1rem !important;}
.main_table{display: flex;}
.main_table > div{width: 50%;}
.main_chart{display: flex;}
.main_chart .main_chart1{width: 100%;}
.main_chart .main_chart2{margin-left:10px;width: 70%;}
.main_table .MuiPaper-root {margin-top: 10px;}
.MuiCardHeader-root span {font-size: 1rem !important;}
.row {--bs-gutter-x: 1;}
/* table th, table td {font-size: 14px !important;} */
.same_cell {height: auto;table-layout: fixed;word-break: break-all;}

/* 메인 상단 그리드 */
.cond_status {display: grid;grid-template-columns: 2fr 2.7fr 0.8fr;}

/* 지하철노선도 */
.map_box {width: 100%;padding: 15px;box-sizing: border-box;border: 1px solid; border-color: rgba(255, 255, 255, 0.05);
display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.map_box div {width: 100%;}
.map_box img {width: 96%;height: 96%;background: url('img/map_bg.png') repeat;}

.element div div:nth-child(3), .element div div:nth-child(4) {display: none;}

/* 동영상 영역 */
/* .player-wrapper {position: relative;padding-top: 70.25%}
.react-player {position: absolute;top: 0;left: 0;} */

/* 사용자 */
/* .th_color {background-color: #fafafa !important;} */
.comment {background-color: #fafafa !important; font-size: 0.8rem;}

/* 메인 게시판 */
.MuiCardHeader-root{
  padding: 0;
  padding: 9px 0 9px 10px;
}
.MuiTableCell-head, .MuiTableCell-body {
  padding: 5px 0 !important;
  text-align: center;
}
.sticky_table_td{padding: 8px 0 !important;}
table a{display: block;}
table .th {background-color: #000;}
.pop_box table .th, .pop_box .cn_dash_tabbox table th{background-color: #353535; color: #fff !important; font-weight: bold;}
.pop_box .report_cont11 table .th{color: #000 !important;}
table .th1 {background-color: #838383;}
table .pl {padding: 6px 0 6px 10px !important;text-align: center;}

.header_table a{display:block; color: #fff;}

/* 차트탭 */
.chart_tab{display: flex;justify-content: left;align-items: center;}
.chart_tab > div{width: 25%;}
.chart_tab1 > div{width: 50%;}
.chart_tab > div:nth-child(3){width: 50%;}
.Charttab {display: flex;text-align: center;justify-content: space-between;}
.nav-pills {--bs-nav-pills-link-active-bg: #000;}
.nav-pills .nav-link{border: 1px solid #e6ebf1;}
.charttab_box{display: flex;text-align: center;align-items: center;}
.charttab_box > div{width: 50%;}

.chart_tab_box{padding:10px; border: 1px solid; border-color: rgba(255, 255, 255, 0.05); text-align: center;}
.chart_icon{display: flex;justify-content: center;align-items: center;width: 100%;}
.chart_icon img{margin-right: 5px;width:25px;}
.chart_tab > div:first-child text, .chart_tab > div:nth-child(2) text{display: none;}
/* .chart_tab > div:nth-child(3), .chart_tab > div:nth-child(3) div{height:100%} */

/* 상태 현황 */
.charts_box {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: auto;
  margin-top: 15px;
}

.charts_box > div {
  flex-grow: 1;
  flex-basis: 20%;
}

.charts_box div {
  position: relative;
  width: 170% !important;
}

.charts_box svg {
  width: 170% !important;
  margin-left: -12%;
}

.charts_box2 {
  display : inline-flex;
  justify-content : space-around;
  align-items : center;
  margin-top : 20px;
  width : 95%;
}

.CircularProgressbar-trail {
  fill: #fff;
  fill-opacity:1;
}

.instate1{display: inline-block; margin:1px 0 1px 5px; padding: 2px 6px; border-radius: 100px; color:#308a2a; border: 2px solid #308a2a; font-weight: bold;}
.instate2{display: inline-block; margin:1px 0 1px 5px; padding: 2px 6px; border-radius: 100px; background-color: #ef710b; color:#fff;}
.instate3{display: inline-block; margin:1px 0 1px 5px; padding: 2px 6px; border-radius: 100px; background-color: red; color:#fff;}

/* 파트별 상태현황 */
.condition1 a, .condition2 a, .condition3 a, .condition4 a, .base_link a{display: block;}
.base_link a{color: #fff;}
.condition1 a{color: red;}
.condition2 a{color: #ef710b;}
.condition3 a{color: #e7c748;}
.condition4 a{color: #b2b2b2;}

.inwidth1{width: 100px;}
.inwidth2{width: 60px;}
.inwidth3{width: 40px;}
.inwidth4{width: 100px;}
.inwidth5{width: 100px;}
.circle1 span{margin:0 5px;padding:2px 7px; border-radius: 200px; color: #257DDC; background-color: #fff; font-weight: bold;}
.circle2 span{margin:0 5px;padding:2px 7px; border-radius: 200px; color: #308a2a; background-color: #fff; font-weight: bold;}
.circle3 span{margin:0 5px;padding:2px 7px; border-radius: 200px; color: #e7c748; background-color: #fff; font-weight: bold;} 
.circle4 span{margin:0 5px;padding:2px 7px; border-radius: 200px; color: #ef710b; background-color: #fff; font-weight: bold;}

.circle1 { color: #257DDC; }
.circle2 { color: #308a2a; }
.circle3 { color: #e7c748; } 
.circle4 { color: #ef710b; }

.flaw1 a, .flaw1 th, .flaw1 td{color: red;}
.flaw2 a, .flaw2 th, .flaw2 td{color: #ef710b;}
.flaw3 a, .flaw3 th, .flaw3 td{color: #e7c748;}
.flaw4 a, .flaw4 th, .flaw4 td{color: #b2b2b2;}
.flaw5 a, .flaw5 th, .flaw5 td{color: #2666ae;}
.flaw6 a, .flaw6 th, .flaw6 td{color: #308a2a;}

.check1 a, .check1 th, .check1 td{color: red;}
.check2 a, .check2 th, .check2 td{color: #ef710b;}
.check3 a, .check3 th, .check3 td{color: #b2b2b2;}

.result1 th, .result1 td{color: red;}
.result2 th, .result2 td{color: #308a2a;}
.result3 th, .result3 td{color: #2666ae;}
.result4 th, .result4 td{color: #ef710b;}

.part_station button{padding: 0;}

.part_status_box a:hover{color: #fff;}

.part_status {
  margin: 0 auto;
  width: 100%;
  height: auto;
  text-align: center;
  border-spacing: 5px;
  border-collapse: separate;
  table-layout: fixed;
  word-break: break-all;
}

.equipment_status_main td:nth-child(1), .equipment_status_main td:nth-child(3) {
  padding: 0 12px !important;
  line-height: 17px;
  word-break: keep-all;
}

table.part_station {
  min-width: unset;
}

.part_status th {
  color: #fff;
  border-radius: 5px;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.part_status th:not(:last-of-type):after {
  background: none;
}

.part_status td {
  border-radius: 5px;
}

.monitering .main_right td {
  height: 33px;
}

.monitering .part_status .train1 {
  background-color: #759cce;
  color: #fff !important;
}

.monitering .part_status .train2 {
  background-color: #f5a251;
  color: #fff !important;
}

.monitering .part_status .train7 {
  background-color: #697215;
  color: #fff !important;
}

.search_moniter input {
  margin-top: 4px;
  padding: 6px 10px !important;
}

.monitering .inner_padding td:nth-child(2), .monitering .inner_padding td:nth-child(4) {
  padding: 4px 3px !important;
  line-height: 17px;
}

.alertWait th, .mntWait th, .O1_R th, .O1_WAIT th, .ADJ th, .bad th, .part_station .bad{
  background-color: red !important;
}

.alertWait td, .mntWait td, .O1_R td, .O1_WAIT td, .ADJ td, .bad td, .part_station td.bad{
  background-color: unset !important;
  border: 2px solid red !important;
}

.mntProgress th, .error th, .part_station .error{
  background-color: #ef710b !important;
}

.mntProgress td, .error td, .part_station td.error{
  background-color: unset !important;
  border: 2px solid #ef710b !important;
}

.part_station td.sum{
  background-color: unset !important;
  border: 2px solid #000 !important;
}


.attOngoing th, .O2_P th, .O2_OBSERVE th, .FAL th, .insuff th, .part_station .insuff{
  background-color: #e7c748 !important;
}

.attOngoing td, .O2_P td, .O2_OBSERVE td, .FAL td, .insuff td, .part_station td.insuff{
  background-color: unset !important;
  border: 2px solid #e7c748 !important;
}

.communi th, .part_station .communi{
  background-color: #b2b2b2 !important;
}

.communi td, .part_station td.communi{
  background-color: unset !important;
  border: 2px solid #b2b2b2 !important;
}

.alertDelay th{
  background-color: #eaa911 !important;
}

.alertDelay td{
  background-color: unset !important;
  border: 2px solid #eaa911 !important;
}

.O3_C th, .O4_NORMAL th, .REP th, .normal th, .part_station .normal{
  background-color: #2666ae !important;
}

.O3_C td, .O4_NORMAL td, .REP td, .normal td, .part_station td.normal{
  background-color: unset !important;
  border: 2px solid #2666ae !important;
}

.SAA td{
  background-color: unset !important;
  border: 2px solid #555 !important;
}

.O4_V th, .O3_MNT th, .ETC th, .fine th, .part_station .fine{
  background-color: #308a2a !important;
}

.O4_V td, .O3_MNT td, .ETC td, .fine td, .part_station td.fine {
  background-color: unset !important;
  border: 2px solid #308a2a !important;
}
/* 
.O4_V th {
  background-color: #464646 !important;
}

.O4_V td {
  background-color: unset !important;
  border: 2px solid #464646 !important;
} */

.sum th {
  background-color: #464646;
}

.sum td {
  border: 2px solid #464646 !important;
}

/* 파트, 역사, 설비 */
.table_part {
  height:77%;
}

.table_part table {
  height: 100%;
  table-layout: fixed;
  word-break: break-all;
}

.table_part table tr td:first-child{
  /* background-color: #fafafa; */
  font-weight: 700;
}

.train1 a, .train2 a, .train7 a{color: #fff;}

/* 메인탭 */
.css-uhsl36-MuiTabs-root, .css-42ex9b-MuiButtonBase-root-MuiTab-root{min-width: unset;min-height: unset;}
.maintabspo{position: absolute; top: 10px; right: 5px;}
.maintabs .css-42ex9b-MuiButtonBase-root-MuiTab-root{padding:5px 16px;}
/* .maintabs .tabsall{margin-left:8px;background-color: #464646;border-radius: 5px 5px 0 0; color:#fff !important}
.maintabs .tabsline1{margin:0 5px;background-color: #759cce;border-radius: 5px 5px 0 0; color:#fff !important}
.maintabs .tabsline2{margin-right:5px;background-color: #f5a251;border-radius: 5px 5px 0 0; color:#fff !important}
.maintabs .tabsline7{background-color: #697215;border-radius: 5px 5px 0 0; color:#fff !important} */
.css-y0n58-MuiButtonBase-root-MuiTab-root, .css-1xymxs9{
  padding: 8px 16px;
  min-height: 10px;
}

.maintabs .tabsall{padding-left:35px;background:url(img/train.png) 12px center no-repeat #8a8a8a;margin-left:8px;border-radius: 5px; color:#fff !important}
.maintabs .tabsline1{padding-left:35px;background:url(img/train.png) 12px center no-repeat #8a8a8a;margin:0 5px;border-radius: 5px; color:#fff !important}
.maintabs .tabsline2{padding-left:35px;background:url(img/train.png) 12px center no-repeat #8a8a8a;margin-right:5px;border-radius: 5px; color:#fff !important}
.maintabs .tabsline7{padding-left:35px;background:url(img/train.png) 12px center no-repeat #8a8a8a;border-radius: 5px; color:#fff !important}

.maintabs button:nth-child(1).css-y0n58-MuiButtonBase-root-MuiTab-root.Mui-selected, .maintabs button:nth-child(1).css-1xymxs9.Mui-selected {background:url(img/train.png) 12px center no-repeat #555354;}
.maintabs button:nth-child(2).css-y0n58-MuiButtonBase-root-MuiTab-root.Mui-selected, .maintabs button:nth-child(2).css-1xymxs9.Mui-selected {background:url(img/train.png) 12px center no-repeat #759cce;}
.maintabs button:nth-child(3).css-y0n58-MuiButtonBase-root-MuiTab-root.Mui-selected, .maintabs button:nth-child(3).css-1xymxs9.Mui-selected {background:url(img/train.png) 12px center no-repeat #f5a251;}
.maintabs button:nth-child(4).css-y0n58-MuiButtonBase-root-MuiTab-root.Mui-selected, .maintabs button:nth-child(4).css-1xymxs9.Mui-selected {background:url(img/train.png) 12px center no-repeat #697215;}


.css-13q655j-MuiTabs-indicator, .css-uxbtuw{background: none;}

.maint_tabs .css-13q655j-MuiTabs-indicator {
  background: #177ddc;
}

.maintabs .css-11hn1cv-MuiTabs-indicator{height: 5px; background-color: #177ddc;}
.maintabs .css-42ex9b-MuiButtonBase-root-MuiTab-root{min-height: unset;}
.maintabs .css-42ex9b-MuiButtonBase-root-MuiTab-root.Mui-selected,
.maintabs .css-42ex9b-MuiButtonBase-root-MuiTab-root:hover {color: #fff; font-weight: 600;}

/* 서브페이지 */
/* 유지보수 */
.sub_container_ce .MuiPaper-root{background-color: #fff;border: 1px solid #eaeaea;box-shadow:none;}
.sub_container_ce td{background-color: #fff;color:#000;border-bottom: 1px solid #eaeaea;}
.sub_container_ce .css-mwmc1u-MuiTableRow-root:last-of-type .MuiTableCell-root {
  border-bottom: 1px solid #eaeaea;
}

.sub_container_ce .MuiTableCell-body{padding: 8px 0 !important;background-color: #fff;color:#000;}
.sub_container_ce .MuiTableRow-hover:hover{background-color: #f5f5f5;}
.sub_container_ce .MuiTableCell-body a{display: block;}
.sub_container_ce .css-1v9be3b-MuiCardContent-root{padding: 10px;}
.sub_container_ce .td_red .MuiTableCell-body{color: red;}
.sub_container_ce .td_red .th{background-color: #f9e6e6;}

.sub_container_ce .css-1x7t93e-MuiTableHead-root{border: none;}

.lightsearch {
  background-color: rgba(255, 255, 255, 0.5);
}

.part_status .train1_in{border: 2px solid #759cce;}
.part_status .train2_in{border: 2px solid #f5a251;}
.part_status .train7_in{border: 2px solid #697215;}

.maint_table .th{background-color: #F5F5F5;}
.maint_table td{border-bottom: 1px solid #eaeaea;}
.maint_table .pl{padding: 6px 0 6px 10px !important;text-align: center;}

.maintlist_table thead{border: none;background-color: #F5F5F5;}
.maintlist_table thead th{color: #000;}

.sub_container_ce table .condition1 td, tr.condition1 a{color: red;}
.sub_container_ce table .condition2 td, tr.condition2 a{color: #ef710b;}
.sub_container_ce table .condition3 td, tr.condition3 a{color: #e7c748;}
.sub_container_ce table .condition4 td, tr.condition4 a{color: #b2b2b2;}
.sub_container_ce tr.condition5 .MuiTableCell-body, .sub_container_ce tr.condition5 .MuiTableCell-body a{color: #308a2a;}
.sub_container_ce tr.condition6 .MuiTableCell-body, .sub_container_ce tr.condition6 .MuiTableCell-body a{color: #2666ae;}
.sub_container_ce tr.condition7 .MuiTableCell-body, .sub_container_ce tr.condition7 .MuiTableCell-body a{color: #464646;}

.sub_container_ce .css-h0q0iv-MuiButtonBase-root-MuiTab-root{min-width: 150px;min-height: 50px;}

.sub_container_ce table .result1 td{color: red;}
.sub_container_ce table .result2 td{color: #308a2a;}
.sub_container_ce table .result3 td{color: #2666ae;}
.sub_container_ce table .result4 td{color: #ef710b;}

.sub_container_ce .apexcharts-legend-text {
  color: #000 !important;
  fill: #000;
}

.sub_container_ce h3{font-size: 1.4rem;}

.sub_container_ce .pagination .page-link{border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);background-color: #fff;color: #000;}
.sub_container_ce .active>.page-link, .sub_container_ce .page-link.active {background-color: #2666AE;color: #fff;}


/* .sub_container_ce .MuiInputBase-input{background-color: #fff;}
.sub_container_ce .MuiOutlinedInput-notchedOutline{background-color: #fff;border: 1px solid #ced4da;box-shadow:none;color:#000;} */
.sub_container_ce .MuiSelect-select{padding:10px 14px 10px 12px;}

.sub_container_ce .MuiTab-root{margin:0 3px 0 0;background-color: #f1f1f1;color: #fff;border-radius: 0;color:#000;}
.sub_container_ce .MuiTabs-root{border-bottom: 1px solid #257DDC;}
.sub_container_ce .Mui-selected{background-color: #759cce;color: #fff;border-radius: 0;color:#fff;}
.sub_container_ce_in li{color: #fff;}
.blue_th{background-color: #2666ae;color: #fff;}

.monitering .red_table td{color: red !important;}
.monitering .red_table .td_red .th{background-color: #b23939;color: #fff !important;}

.monitering .green_table td{color: green !important;}
.monitering .green_table .td_green .th{background-color: #308a2a;color: #fff !important;}

.css-13xsf4l .fc{--fc-today-bg-color: unset;--fc-border-color: unset;}

/* .fc-col-header thead{background-color: #f1f1f1;} */
/* .css-qm4dkt .fc .fc-col-header-cell {background-color: #f1f1f1;}
.css-qm4dkt .fc .fc-col-header-cell-cushion{color: #000}
.css-b6qqbz-MuiTypography-root{color: #000;}
.css-245ebz{color: #000;}
.css-qm4dkt .fc .fc-timeGridDay-view .fc-timegrid-slot {
  background-color: #fff;
}
.css-qm4dkt .fc-theme-standard .fc-list-day-cushion {
  background-color: #fff;
}
.fc-list-event:hover{background-color: #fff;} */

.cn_sub_equistatus_tab > div:hover {
  cursor: pointer;
  background-color: #353535;
}

.mro_search{display: flex;justify-content: space-between;align-items: center;margin: 10px 0;}

.css-13xfq8m-MuiTabPanel-root {
  padding: 10px;
}

.mro_m_left{color: #000;width:40%;}
.mro_m_right{color: #000;width:60%;}

/* 스크롤 */
.MuiTableContainer-root, .MuiCardContent-root {
  -ms-overflow-style: none !important; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}
.MuiTableContainer-root::-webkit-scrollbar, .MuiCardContent-root::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* 화이트버전 */
.white_ver h5{color: #000;}
.white_ver td, .white_ver td a{color: #000 !important;}
.white_ver .css-8a8flf-MuiPaper-root-MuiCard-root{background-color: rgba(255, 255, 255, 0.8) !important;box-shadow: none; border: 1px solid #e6ebf1;}
.white_ver .css-fuxood{background-color: rgba(255, 255, 255, 0.8);box-shadow: none; border: 1px solid #e6ebf1;}
/* .white_ver .css-6lbwl6{background-color: rgba(255, 255, 255, 0.8);} */
.white_ver th.css-qcv3-MuiTableCell-root{ border-radius: 0;}

.white_ver thead, .white_ver .MuiTableCell-stickyHeader{
  background-color: #eeeeee;
  border-top: 2px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0 !important;
}

.white_ver table.part_status_main th{
  background-color: #555;
  border-bottom: 1px solid #d4d4d4 !important;
}

.css-13xsf4l .fc {
  background-color: unset;
}

/* .white_ver table{border-collapse:collapse !important;} */

.white_ver td{border-bottom: 1px solid #e4e4e4; word-break: keep-all; white-space:inherit;}
/* .white_ver td:last-of-type{border-bottom: 1px solid #d4d4d4 !important;}
#root .white_ver .css-chk0ig-MuiTableRow-root:last-of-type .MuiTableCell-root{border-bottom: 1px solid #d4d4d4 !important;} */
.white_ver thead th.MuiTableCell-head{color: #262626 !important;}

.white_ver .material-symbols-outlined{color: #000 !important;}
.white_ver form .material-symbols-outlined{color: #fff !important;}
.white_ver .white_icon{color: #fff !important;}
.white_ver .more_btn{color: #000 !important;}
.white_ver .timeline{color: #000 !important;}

.white_ver table td.th, .white_ver table th {background-color: #eeeeee; font-weight: bold; color: #262626 !important;}
.white_ver .css-1g8epg6-MuiTableBody-root .MuiTableRow-root:hover{background-color: unset;}
.white_ver .css-qo0ekv .MuiTableRow-root:hover{background-color: unset;}
.white_ver thead, .white_ver .css-1x7t93e-MuiTableHead-root{border: none !important;}
/* .white_ver .white_tbody td{background-color: #fff;} */

.white_ver .css-1kr9ep5-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select
{position: relative; top:5px; background-color: rgba(255, 255, 255, 0.8); color: #000;}
.white_ver .css-f74fdb.MuiSelect-select{background-color: rgba(255, 255, 255, 0.8); color: #000;}
.white_ver1 .css-1kr9ep5-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select
{background-color: unset; color: #000;}
.white_ver .gt{color: #000;}

.part_status_main thead th:first-child {
  background-color: #fff !important;
  border: none !important;
}
.part_status_main tbody th {
  line-height: 15px;
  word-break: auto-phrase;
  color: #fff !important;
}

.white_ver .css-1n9z2aq-MuiSvgIcon-root-MuiSelect-icon{color: #000;}
.white_ver .css-100cb25, .white_ver .css-3zj3vu{color: #000;}
.white_ver .css-hqzetn-MuiFormLabel-root-MuiInputLabel-root{color: #000;}
.white_ver .MuiInputBase-input{background-color: #fff; color: #000;}

.monitering .search_11 .MuiInputBase-input {
  margin-top: 0px;
  padding: 11px 0 12px 0 !important;
  border-color: grey !important;
}

.white_ver .search_11 .MuiInputBase-input {
  margin-top: 4px;
  padding: 6px !important;
}

.white_ver .search_22 .MuiInputBase-input {
  margin-top: 4px;
  padding: 11px !important;
}

.white_ver .css-uva6kt-MuiInputBase-root-MuiOutlinedInput-root .MuiInputBase-input{background-color: #fff;/*border: 1px solid #595959;*/ color: #000;}

/*.white_ver .css-42ex9b-MuiButtonBase-root-MuiTab-root.Mui-selected{font-weight: bold; font-size: 16px; color: #177ddc;}
.white_ver .css-42ex9b-MuiButtonBase-root-MuiTab-root{font-weight: bold; font-size: 16px; color: #595959;}
.white_ver .css-42ex9b-MuiButtonBase-root-MuiTab-root:hover{background-color: unset;}*/
.white_ver .mro_m_right td.th{background-color: #eee; color: #262626 !important;}
.white_ver .apexcharts-legend-text, .white_ver .apexcharts-canvas text{color: #262626 !important;}
.white_ver .mixed-chart1 .apexcharts-canvas text{fill: #262626 !important;}

.white_ver .css-b6qqbz-MuiTypography-root{color: #177ddc;}
.cal .fc .fc-daygrid-day-frame {background-color: #fff;}
.fc-toolbar-title, .css-l5ikyi-MuiButtonBase-root-MuiTab-root{color: #262626 !important;}

.white_ver .css-qc5w5d-MuiButtonBase-root-MuiTab-root{color: #000;}
.white_ver .css-qc5w5d-MuiButtonBase-root-MuiTab-root.Mui-selected{color: #177ddc;}
.white_ver .css-qc5w5d-MuiButtonBase-root-MuiTab-root:hover{background-color: unset;}
.white_ver .css-l5ikyi-MuiButtonBase-root-MuiTab-root:hover{background-color: unset;}

.white_ver .fc-day, .fc-scrollgrid {
  border: 1px solid #e6ebf1 !important;
}

.white_ver .css-13xsf4l .fc-theme-standard .fc-list-day-cushion {
  background-color: unset;
}
.white_ver .css-13xsf4l .fc .fc-timeGridDay-view .fc-timegrid-slot {
  background-color: unset;
}
.white_ver .css-13xsf4l .fc .fc-list-event:hover td {
  background-color: none;
}

.white_ver .css-13xsf4l .fc .fc-col-header-cell{background-color: #eee !important;border:none}
.cal table th{border-bottom: none !important;}
.cal table th a{color:#262626 !important;}

.css-qo0ekv .MuiTableRow-root:hover {
  background-color: unset;
}

.white_ver td.red2{color: #d80611 !important;}
.white_ver td.blue{color: #0614d8 !important;}

/* .css-1bhtpy{color: #262626;} */

.tabyear .css-19kzrtu{padding: 0;}
.apply div{vertical-align: middle;}
.percent{display: flex;/*justify-content: center;*/align-items: center;}
.percent p{min-width: 100px;height:14px;margin:0 5px 0 0;background-color: #d3d3d3;}
.percent p span{display: block;height:14px;background-color: #26a0fc;}
.percent p span.red{display: block;height:14px;background-color: red;}
.percent p.percent25 span{width:25%;}
.percent p.percent50 span{width:50%;}
.percent p.percent100 span{width:100%;}
.apply .css-1of52hn-MuiButtonBase-root-MuiButton-root{min-width:50px;background-color: #7f7f7f;}
.select_flex{display: flex;justify-content: space-between;align-items: center;}
.css-zxgj9o-MuiButtonBase-root-MuiRadio-root{color: #7f7f7f;}
.css-zxgj9o-MuiButtonBase-root-MuiRadio-root:hover {
  background-color: rgba(23, 125, 220, 0.08) !important;
}
.noteicon svg{fill: #7f7f7f;}

.maint-status-chart > div{margin-bottom: 10px; width: 23%; height: 70px; border-radius: 5px; text-align: center;}
.maint-status-chart1 > div{margin-bottom: 10px; width: 18.5%; height: 70px; border-radius: 5px; text-align: center;}
.maint-status-chart > div div:nth-child(2) {padding-top:10px;font-size: 17px;}
.css-1v3caum{padding-top: 0;}

/* 설정 영역 */
.mrosetup_sub{background-color: #353535;}
.mrosetup_sub ul{display: flex; justify-content: center;}
.mrosetup_sub ul li{margin: 5px 8px; list-style: none; font-size: 17px;}
.mrosetup_sub ul li a{color: #999;}
.mrosetup_sub ul li a:hover{color: #fff; font-weight: 600;}
.mrosetup_sub ul li b{color: #fff;}

.white_ver .MuiTab-root:hover{background-color: unset;}

.white_ver .mrosetup_tabs button{margin:0 3px;}
.white_ver .mrosetup_tabs 
.css-42ex9b-MuiButtonBase-root-MuiTab-root{background-color: #c1c1c1 !important; border-radius: unset !important; color: #fff; border: unset;}
/* .css-y0n58-MuiButtonBase-root-MuiTab-root:hover{background-color: unset; color: #000;}
.css-y0n58-MuiButtonBase-root-MuiTab-root{background-color: unset; color: #000;}
.css-y0n58-MuiButtonBase-root-MuiTab-root.Mui-selected, .maintabs button:nth-child(1).css-1xymxs9.Mui-selected{background-color: unset; color: #000;} */
.white_ver .mrosetup_tabs .MuiTab-root{background-color: #c1c1c1 !important; border-radius: unset !important; color: #fff !important; border: unset;}
.white_ver .mrosetup_tabs 
.css-42ex9b-MuiButtonBase-root-MuiTab-root.Mui-selected{background-color: #177ddc !important; border-radius: unset !important; color: #fff;}
.white_ver .mrosetup_tabs .MuiTab-root.Mui-selected{background-color: #177ddc !important; border-radius: unset !important; color: #fff !important;}
.white_ver .mrosetup_tabs .css-11hn1cv-MuiTabs-indicator{display: none;}
.white_ver .mrosetup_tabs .css-1g6alry{display: none;}

.white_ver .mrosetup_tabs .css-19kzrtu{padding: 0;}
.white_ver .css-1c4wyd1-MuiOutlinedInput-notchedOutline,
.white_ver .MuiAutocomplete-root{border:1px solid #d7d7d7}
.white_ver .MuiOutlinedInput-notchedOutline{margin-top: 4px;border:1px solid #d7d7d7}
.white_ver .css-188flq8{border:1px solid #d7d7d7}
.white_ver .css-1hv6nn{height: 1em;}
.white_ver .css-mwmc1u-MuiTableRow-root .MuiTableCell-root:last-of-type{padding: 0;}
.white_ver .notranslate{color: #262626;}

.white_ver .css-6iv2pd-MuiButtonBase-root-MuiCheckbox-root:hover{background-color: unset;}
.white_ver .css-6iv2pd-MuiButtonBase-root-MuiCheckbox-root.size-small .icon{border: 1px solid #177ddc;}
.white_ver .css-oeeugz:hover{background-color: unset;}
.white_ver .css-oeeugz.size-small .icon{border: 1px solid #177ddc;}

.white_ver .small_btn{padding: 1px 5px; min-width: 35px;}
.white_ver .setup_chip{margin: 0; width: 150px; background-color: #6a7075; }
.white_ver .setup_chip span{padding: 0 !important; width: 150px; text-align: center;}
.white_ver .tfoot{text-align: center;}

/* .scroll_table{display: flex; justify-content: space-around; align-items: baseline;} */
.scroll_table{display: flex; justify-content: space-around;}
.scroll_table thead{border-top: 2px solid #a2a2a2 !important;}
.scroll_table .th{font-size: 14px;}
.scroll_table .css-rorn0c-MuiTableContainer-root{width: 18%;}
/* .scroll_table .table_full{background-color:rgba(255, 255, 255, 0.8);border:1px solid #e6ebf1; border-radius: 4px;} */
.scroll_table .table_full .css-rorn0c-MuiTableContainer-root{width: 100%;}
.scroll_table th{padding:10px 0 !important;}
.scroll_table td{padding:4px 0px !important;word-break: break-all;}
.scroll_table tbody{display:block; height:250px; overflow-y:scroll;}
.scroll_table thead, .scroll_table tbody tr, 
.scroll_table tfoot{display:table; width:100%; table-layout:fixed;background-color:unset;}
.scroll_table tfoot td{text-align: center;}
.scroll_table tfoot .field div{text-align: center;}
.scroll_table thead, .scroll_table tfoot{width: calc( 100% - 0.1em )}
.scroll_table button{min-width: 25px !important; padding: 3px 8px !important;}
/* .scroll_table table {width:400px;} */
.white_ver .css-164gslf-MuiInputBase-input-MuiOutlinedInput-input{height: 1.1em; color: #262626;/*border:1px solid #d7d7d7;*/}
.white_ver .MuiTableFooter-root{background-color:#fff;}
/* .white_ver .MuiTableFooter-root{background-color:#fff;}
.white_ver .MuiTableCell-root{font-size: 0.875rem;} */

.scroll_table1 > div:first-child{display:flex; justify-content: space-between; width: 44%;}
.scroll_table1 .css-rorn0c-MuiTableContainer-root{margin:5px; width: 99%;}
.scroll_table1 .css-kge0eu{margin:5px; width: 99%;}
.scroll_table1 > div:last-child{width: 70%;}
.scroll_table1 > div:last-child div{display:flex; justify-content: space-between;}
.scroll_table1 .b_table{width: 30%;}

.scroll_table1 .flex_unset div{display: unset !important;}
.scroll_table1 .flex_unset .MuiChip-root{display:inline-block !important;}
.scroll_table1 .flex_unset .MuiChip-root span{display:inline-block; padding-top: 4px;}

/* .scroll_table_report thead,.scroll_table_report2 thead{border-top: unset !important;}
.scroll_table_report tbody, .scroll_table_report2 tbody{display:block; height:450px; overflow-y:scroll !important;}
.scroll_table_report td, .scroll_table_report2 td{padding:7px 0 !important;} */
.scroll_table_report thead,.scroll_table_report2 thead{border-top: unset !important;}
.scroll_table_report tbody{display:block; height:520px; overflow-y:scroll !important;}
.scroll_table_report td{padding:7px 0 !important;}

/* .scroll_table_report2 thead,  */
.scroll_table_report2 tbody {
  display: block;
}
.scroll_table_report2 tbody 
{
   overflow: auto;
   height: 520px;
}
/* .scroll_table_report2 tbody tr, 
.scroll_table_report2 tfoot{display:block; width:100%; table-layout:fixed;background-color:unset;} */

/* .white_ver .view_table .view_td{padding: 25px 0 !important;} */
/* .white_ver .view_table .view_td2{padding: 15px !important;} */

.scroll_table tbody, .scroll_table table {
  -ms-overflow-style: none !important; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}

.scroll_table tbody::-webkit-scrollbar, .scroll_table table::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* MuiDataGrid */
.statusButton a {color : #FFF !important;}
.statusReport a {color : #FFF;}
.MuiDataGrid-root a {color : #FFF;}
.MuiDataGrid-columnHeaderTitle {font-weight : 700;}
.MuiDataGrid-root {font-size: 0.875rem; }
.white_ver .MuiDataGrid-root {color : #000;}
.white_ver .MuiDataGrid-root .MuiButtonBase-root {color: #707070;}
.white_ver .statusReport a {color : #000 !important;}
.white_ver .MuiDataGrid-root a {color : #000;}
.white_ver .MuiDataGrid-columnHeaders {background-color : #eeeeee;border-top : 2px solid #9b9b9b !important;border-bottom : 2px solid #dcdcdc !important;}
.white_ver .MuiDataGrid-withBorderColor {border-color : #FFF;}
.white_ver .MuiDataGrid-cell {border-color : #ddd;}
.white_ver .MuiDataGrid-columnSeparator {color : #bbbbbb !important;}


.materials{display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0; color: #262626;}
.materials li{margin: 5px 0; width: 19%; list-style: none; text-align: center; border:1px solid #d7d7d7;}
.materials li.noBorder{border:none;}
.materials li p{margin: 0; padding: 6px 0;}
.materials li p:first-child{background-color: #eee; font-weight: 600;}

.white_ver .btn_area{display: flex; justify-content: space-between;}
/* .white_ver .email_pl{padding-left: .4% !important; text-align: left !important;} */
/* .white_ver .email_pl{padding-left: .4% !important; } */

.tab_checklist div div{margin:0 8px;}
.equip_check_sheet span{padding: 0;}
.equip_check_sheet .equip_check_cont{padding: 5px 10px !important;word-break: keep-all;}
.maint_check_cont .col-sm-8, .maint_check_cont .col-sm-4{width:100%;}

.monitering .nav-link {font-size: .8rem !important;}
.monitering .alert {font-size: 20px !important;margin-bottom:0px;}
.nav-item .nav-link {font-size: 1rem !important;}
.sub_layout{display: flex; justify-content: space-between;}
.sub_left_menu{width: 22%;}
.sub_layout_cont{width: 77%;}
.sub_left_menu ul{margin: 0;padding: 0;}
.sub_left_menu > ul{padding: 10px; min-height:80vh; border: 2px solid #A2A2A2; background-color: #eee;}
.sub_left_menu ul li{list-style: none;}
.sub_left_menu ul ul{padding-left: 10px;}
.sub_left_menu ul a{color: #999;}
.sub_left_menu ul a.sub_left_menu_on{color: #000; font-weight: bold;}


/* 보고서 */
.report_all {
  margin: 7px;
}
.report_all table {
  border-collapse: unset !important;
  border-top: 2px solid #000 !important;
  border-bottom: 1px solid #000 !important;
}
.report_all table .th {
  border-collapse: unset !important;
  background-color: #b2b2b2;
  color: #000;
  border-bottom: 1px solid #3a3a40 !important;
  border-right: 1px solid #3a3a40 !important;
  font-weight: bold;
}
.report_all table .th:last-child{
  border-right: unset !important;
}
.report_all table .td {
  color: #000;
  border-bottom: 1px solid #3a3a40 !important;
  border-right: 1px solid #3a3a40 !important;
}
.report_all table .td:last-child{
  border-right: unset !important;
}

.report_all table .th, .report_all table .td {
  padding: 6px 0 !important;
  padding-left: 6px !important;
}
.report_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 7px 0;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid #3a3a40;
  background-color: #000;
  color: #fff;
}
.report_title p {
  margin: 0;
} 
.report_box1 {
  display: flex;
}
.report_box1 img {
  max-width: 420px;
}
.report_cont1 {
  width: 100%;
  padding: 10px;
}
.report_cont1 p {
  margin: 0;
  font-size: 20px;
}
.report_cont1 table {
  border-top: 2px solid #d7d7d7;
}
.report_cont1 table .th {
  font-weight: bold;
  background-color: #fff;
}
.report_cont1 table .td {
  text-align: left;
}
.chart_area1 {
  width: 100%;
  padding: 2px;
  border: 1px solid #dfdfdf;
}
.report_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.report_box2 .chart_area2 {
  width: 69%;
}
.report_box2 .table_area2 {
  width: 29%;
}
.report_box3 .chart_area2{
  width: 49%;
}
.report_box3 .table_area2{
  width: 49%;
}
.data_title {
  padding: 5px 10px;
  background-color: #3a3a40;
  border-radius: 10px;
  color: #fff;
}
.data_title p{
  margin: 2px 0;
}
.table_area2 .round {
  display: flex;
  justify-content: center;
}
.table_area2 .round1 span, .table_area2 .round2 span, .table_area2 .round3 span, .table_area2 .round4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #438db8;
  color: #fff;
}
.table_area2 .round2 span {background-color: #5d9d53;}
.table_area2 .round3 span {background-color: #fdc050;}
.table_area2 .round4 span {background-color: #f77444;}
.table_area2 .g_font{color: #737373 !important;}
.report_page .ble_font{color: #438db8 !important; font-weight: bold;}
.report_page .gre_font{color: #5d9d53 !important; font-weight: bold;}
.report_page .yel_font{color: #fdc050 !important; font-weight: bold;}
.report_page .ju_font{color: #f77444 !important; font-weight: bold;}

.table3_area {
  display: flex;
  justify-content: space-between;
}

.blue_box {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  background-color: #e3e9ec;
  border-radius: 10px;
  border: 1px solid #a6c1cf;
}

.blue_box img {
  width: 100%;
}

.file_Div {
	position: relative;
	height: auto;
	width: auto;
}

.fileListDiv {
	z-index:10000;
	position: absolute;
	float:left;
	background-color: #FFF;
	margin: 3px;
	padding: 3px;
	border: thin solid #C1F0D1;
	text-align: left;
	width:200px;
	left:-60px;
	top:3px;
	display:none;
}

.fileListDiv UL {
	width:100%;
	position: relative;
	float:left;
  padding-left:unset;
  margin-bottom:unset;
}

.fileListDiv UL LI {
	position: relative;
	float:left;
	width:100%;
	margin: 2px;
	white-space:nowrap;
	overflow:hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow:ellipsis;	
}

/* 프린트 설정영역 */
.report_all {
  page-break-before:always;
  /* page-break-after: avoid; */
}

@media print {
  @page { size:  A4;}
  body,  div {
    position: relative;
  }
  .report_all { min-width: 1024px !important; }
  .row {width: 100% !important;}
  .print_box { width: 100% !important; }
  .mixed-chart { width: 100% !important; }
  .report_page {
    page-break-inside: avoid;
    -webkit-region-break-inside: avoid;
    position: relative;
    /* border: 2px solid red; */
  }  
  /* .report_page .title {
    width: 100px;
  } */
  /* .report_page .graph {
    width: 100%;
  } */
  /* .report_page .mixed-chart, .report_page .apexcharts-canvas
  , .report_page .apexcharts-canvas svg, .report_page .apexcharts-canvas foreignObject {
    width: 900px;
  } */
  /* .report_page .mixed-chart {
    width: 980px;
  } */
  /* .report_page .apexcharts-canvas
  , .report_page .apexcharts-canvas svg, .report_page .apexcharts-canvas foreignObject {
    width: 100%;
  } */

  * {
    margin: 0; 
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; 
  }

  .page-divide {
    page-break-after: always;
  }

  .no-print-page {
      display: none;
  }

  .th_print{background-color: #8a8a8a; color : #fff;}
  .td_print, .MuiInputBase-input{background-color: #fff; color : #000;}
  
}

@page {
  size: auto;
  margin: 10mm;  /* this affects the margin in the printer settings */
}

/* 현황분석보고서 */
.report-dataroom {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.report-dataroom-left {
  width: 19%;
}
.report-dataroom-right {
  width: 79%;
}
.report-dataroom-left ul {
  padding: 0;
  border: 1px solid #9b9b9b;
}
.report-dataroom-left ul li {
  padding: 10px;
  text-decoration: none;
  list-style: none;
}
.report-dataroom-left ul li a {
  color: #fff;
}
.report-dataroom-left ul li:first-child {
  text-align: center;
  background-color: #5a5a5a;
  color: #fff;
}
.report-dataroom-tit {
  text-align: center;
  font-size: 22px;
  color: #fff !important;
}
.report-dataroom-subtit {
  font-size: 19px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #fff !important;
}
.report-dataroom-button {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.report-dataroom .icon {
  padding: 0;
}
.report-dataroom label span:hover {
  background-color: unset;
}

.table_scroll{border-collapse:collapse; width:100%}
.table_scroll thead{display: inherit;width:100%;}
.table_scroll tbody{overflow-y:auto; overflow-x:hidden; float:left; width:102%; height:580px}
.table_scroll tbody tr{width:100%}
.table_scroll td{width:500px}

.table_scroll tbody.table_nscroll_body{overflow-y:hidden; overflow-x:hidden; float:left; width:100%; height:auto}

.scrollbar table{white-space: nowrap;}

.scrollbar{
  overflow: auto; /*  */
  /* transform: rotateX(180deg); */
}
/*
.scrollbar table.fix_table {background-color: #fff;}
 .scrollbar table.fix_table th, table#jb-table td { padding: 20px 80px; border: 1px solid #444444; }
.scrollbar table.fix_table th { background-color: #eeeeee; } 
.scrollbar table.fix_table tbody tr td:first-child { background-color: #fff; }
.scrollbar table.fix_table tbody tr td:nth-child(2) { background-color: #fff; }
.scrollbar table.fix_table tbody tr td:nth-child(3) { background-color: #fff; }

.scrollbar table.fix_table thead { position: sticky; top: 0; z-index: 1;}
.scrollbar table.fix_table th:nth-child(1),
.scrollbar table.fix_table td:nth-child(1) { position: sticky; left: 0; z-index: 1;}
.scrollbar table.fix_table th:nth-child(2),
.scrollbar table.fix_table td:nth-child(2) { position: sticky; left: 174px; z-index: 1;}
.scrollbar table.fix_table th:nth-child(3),
.scrollbar table.fix_table td:nth-child(3) { position: sticky; left: 348px; z-index: 1;} */

/* Define the scrollbar style */
.scrollbar > div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  /* transform: rotateX(180deg); */
  margin-bottom: 20px;
}

.scrollbar > div::-webkit-scrollbar{
  width: 0.3em;
}

.scrollbar > div::-webkit-scrollbar {
  display: block; /* Chrome, Safari, Opera */
}

.scrollbar > div::-webkit-scrollbar-thumb {
  background-color: #818B99;
  border: 3px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
}

.scrollbar > div::-webkit-scrollbar-track {
  background: #eeee;  /*스크롤바 뒷 배경 색상*/
}

.mobile_top img{width: 180px;}
.pc_account{width: 100%;}
.mobile_navi{display: none;}
.m_account {display: none;}
.a111{width:100%; white-space: nowrap;}
.monitering .mobile_navi {
  padding-left: 30px; margin: 8px auto 0 auto;width: 99%;
  background: url('img/home.png') no-repeat 5px center;
  font-size: 16px;
}
.white_ver .mobile_navi {
  background: url('img/home1.png') no-repeat 5px center;
}

.white_ver .main_container .mobile_navi {
  margin-bottom: 10px;
}

/* 반응형 */
.navbar-expand-xxl .navbar-collapse {
  justify-content: space-between;
}

@media (max-width: 1700px) {
  .charts_box div {
    width: 180% !important;
  }

  .charts_box svg {
    width: 180% !important;
    margin-left: -40px;
  }
}

@media (max-width: 1580px) {
  .part_status_box{margin: 10px 0;}
  .charts_box div {
    width: 190% !important;
  }

  .charts_box svg {
    width: 190% !important;
    margin-left: -40px;
  }
} 

@media (max-width: 1400px) {
  .navbar .mobile_top{display: flex; justify-content: space-between; width: 100%;}
  .pc_account{display: none;}
  .m_account{display: block; width: 100%;}
  /* .mobile_navi{display: block;} */
  .m_account_top{display: flex;justify-content: space-between; margin-top: 10px; padding: 5px; background-color: #404040;}
  .m_account_top .navbar-nav{flex-direction: unset;}
  .m_account_in .nav-item{margin: 0 0 0 10px;}
  .m_menu_btn{display: flex;/*flex-direction: unset;*/}
  .m_menu_btn .nav-item{padding: 5px 10px 5px 10px; width: 100%; background-color: #404040;}
  .m_menu_btn .nav-item a{padding-left: 32px;}
  .dark_menu div:nth-child(1) a {background: url('img/dark_menu1_off.png') no-repeat left center;}
  .dark_menu div:nth-child(2) a {background: url('img/dark_menu2_off.png') no-repeat left center;}
  .dark_menu div:nth-child(3) a {background: url('img/dark_menu3_off.png') no-repeat left center;}
  .dark_menu div:nth-child(4) a {background: url('img/dark_menu4_off.png') no-repeat left center;}
  .dark_menu div:nth-child(5) a {background: url('img/dark_menu5_off.png') no-repeat left center;}

  .dark_menu div:nth-child(1) a.active {background: url('img/dark_menu1.png') no-repeat left center;}
  .dark_menu div:nth-child(2) a.active {background: url('img/dark_menu2.png') no-repeat left center;}
  .dark_menu div:nth-child(3) a.active {background: url('img/dark_menu3.png') no-repeat left center;}
  .dark_menu div:nth-child(4) a.active {background: url('img/dark_menu4.png') no-repeat left center;}
  .dark_menu div:nth-child(5) a.active {background: url('img/dark_menu5.png') no-repeat left center;}

  .white_menu div:nth-child(1) a {background: url('img/white_menu1_off.png') no-repeat left center;}
  .white_menu div:nth-child(2) a {background: url('img/white_menu2_off.png') no-repeat left center;}
  .white_menu div:nth-child(3) a {background: url('img/white_menu3_off.png') no-repeat left center;}
  .white_menu div:nth-child(4) a {background: url('img/white_menu4_off.png') no-repeat left center;}
  .white_menu div:nth-child(5) a {background: url('img/white_menu5_off.png') no-repeat left center;}
  .white_menu div:nth-child(6) a {background: url('img/white_menu6_off.png') no-repeat left center;}
  .white_menu div:nth-child(7) a {background: url('img/white_menu7_off.png') no-repeat left center;}

  .white_menu div:nth-child(1) a.active {background: url('img/white_menu1.png') no-repeat left center;}
  .white_menu div:nth-child(2) a.active {background: url('img/white_menu2.png') no-repeat left center;}
  .white_menu div:nth-child(3) a.active {background: url('img/white_menu3.png') no-repeat left center;}
  .white_menu div:nth-child(4) a.active {background: url('img/white_menu4.png') no-repeat left center;}
  .white_menu div:nth-child(5) a.active {background: url('img/white_menu5.png') no-repeat left center;}
  .white_menu div:nth-child(6) a.active {background: url('img/white_menu6.png') no-repeat left center;}
  .white_menu div:nth-child(7) a.active {background: url('img/white_menu7.png') no-repeat left center;}

  .white_m_account .m_account_top{background-color: #f4f4f4;}
  .white_m_account .m_menu_btn .nav-item{background-color: #f4f4f4;}

  .backun_status1, .backun_status2, .small_motion_box {
    flex-wrap: wrap;
  }
  .small_motion_box {
    justify-content: center;
  }
  .small_motion_group {
    max-width: 280px;
  }
  .charts_box2 > div {
    width: 100%;
  }
  .backun_main_box1, .backun_main_box3, .backun_main_box4 {
    width: 100%;
  }
  .backun_main_box2 {
    margin-top: 15px;
    width: 100%;
  }
  .alert_phrase {
    margin-top: 15px;
  }
  .charts_box2 {
    flex-wrap: wrap;
  }
  .mixed-chart1 .MuiPaper-elevation {
    overflow: unset !important;
  }
  .sub_motion_train img {
    width: 100%;
  }
  .cn_sub_reg, .cn_sub_status,
  .cn_sub_equistatus, .equip_table {
    position: static;
    margin: 10px 0;
    width: 100%;
  }
  .small_motion_box {
    flex-wrap: wrap;
  }
  .sub_left {margin: 0 auto 10px auto;}
}

@media (max-width: 1280px) {
  .cond_status {
    margin-left: 5px;
    grid-template-columns: unset;
    grid-template-rows: 1fr 240px 200px;
  }
  .charts_box div {
    width: 140% !important;
  }
  .charts_box svg {
    width: 100% !important;
    margin-left: -10%;
  }
} 

@media (max-width: 1380px) {
  /* .navbar {
    justify-content: space-between;
  }
  .navbar-expand-lg .navbar-toggler {
    display: flex;
  }
  .collapse:not(.show) {
      display: none !important;
  } */
}

@media (max-width: 1300px) {
  .chart_tab {
    flex-wrap: wrap;
  }
  .chart_tab > div {
    width: 50%;
  }
  .chart_tab > div:nth-child(3) {
      width: 100%;
  }
  .material input {
    width: 90px;
  }
} 

@media (min-width: 992px){
  .navbar-expand-lg .navbar-collapse {
      justify-content: space-between;
  }
}

@media (max-width: 1400px) {
  .equip_alert_view {
    height: auto;
  }
  .equip_view_img {
    width: 100%;
  }
  .equip_part_img {
    width: 100%;
  }
  .equip_alert_view img {
    width: unset;
    max-width: 100%;
  }
}

@media (max-width: 990px) {
  .main_left, .sub_left{padding-right: 0;}
  .main_left{display: none;}
  .map_box {
    display: none;
  }
  .sub_left {
    width: 99%;  
  }
  .sub_right, .main_right {
    margin: 0 auto;
    width: 99%;
  }
  .main_right {
    padding-left: 0;
  }
  .cond_status {
    margin-left: 0;
  }
  .part_status th {
    font-size: 0.75rem !important;
  }
  .main_table {
    margin-left: 0;
  }
  .mobile_top {
    margin-top: 10px;
  }
  /* .desktop_serach {
    display: none;
  } */
  /* .mobile_serach {
    display: block !important;
  } */
  .mro_search{display: block;}
  .mro_m_left{width:100%;}
  .mro_m_right{width:100%;}

  .maintenance .main_left{width: 100%;}
  .navbar-nav .MuiButtonBase-root{width: 100%;}
  .navbar-nav .nav-link{width: 100%;}
}

@media (max-width: 800px) {
  .charts_box div {
    width: 170% !important;
  }
  .charts_box svg {
    width: 100% !important;
    margin-left: -12%;
  }
  /* .mobile-none {
    display: none;
  } */
  .css-1bprwx1-MuiTable-root, .css-tuvmdw-MuiTable-root, .css-1cn5b4w-MuiTable-root, .css-tuvmdw-MuiTable-root {
    min-width: unset !important;
  }
  .management_left {
    display: inline-block;
    width: 99%;
  }
  .white_ver .main_left {
    display: block;
    width: 99%;
  }
  .maint_tabs_cont .col-sm-4, .maint_tabs_cont .col-sm-5, .maint_tabs_cont .col-sm-7, .maint_tabs_cont .col-sm-8 {
    width: 100%;
  }
  .css-l5ikyi-MuiButtonBase-root-MuiTab-root{
    padding: 12px 11px;
  }
  .white_ver .css-37bpdl-MuiButtonBase-root-MuiTab-root {
    padding: 0px 6px;
    font-size: 14px;
    min-width: 85px;
  }
  .scroll_table {
    display: block;
  }
  .scroll_table1 > div:first-child {
    width: 100%;
  }
  .scroll_table1 > div:last-child {
    width: 100%;
  }
  .scroll_table1 .b_table {
    width: 100%;
  }
  .material div {
    min-width: unset;
  }
  .material-i div div{
    width: 35px;
  }
  .vr_pop_box {
    flex-wrap: wrap;
  }
  .pnlm-container {
    /* width: 600px !important; */
    height: 330px !important;
  }
  .css-16jb1dq-MuiPaper-root-MuiCard-root {
    width: 99%;
  }
  .floor_plan img {width: 355px !important;}
}

@media (max-width: 630px) {
  .small_motion_group {
    max-width: 100%;
  }
}