@CHARSET "UTF-8";

/* 로딩바 */
.lvl-ui-loading .lvl-ui-load-content span.lvl-txt-loading {display:block; padding-top:25px; color:#000; font-size:42px; font-weight:500;}
.lvl-ui-loading {position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; border:1px solid #cdcdcd; background-color:#f4f4f4; z-index:90;}
.lvl-ui-loading .lvl-ui-load-content {display:inline-block; position:absolute; top:50%; left:50%; margin:-97px 0 0 -75px;}
.lvl-ui-loading .lvl-ui-load-content em.lvl-icon-loading {display:inline-block; width:107px; height:111px; background:url(/images/iotm/devicemntrng/icon_loading.png) no-repeat;
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -ms-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
.lvl-ui-loading .lvl-ui-load-content span.lvl-txt-loading {display:block; padding-top:25px; color:#000; font-size:42px; font-weight:500;}
.lvl-ui-loading.lvl-ui-full {position:fixed; z-index:100;}
.lvl-ui-loading.lvl-ui-part {height:100%; position:absolute; top:0; left:0; bottom:105px; right:0; min-height:100%; z-index:98; box-sizing:border-box;}
.lvl-ui-loading.lvl-ui-part-in {position:absolute; top:0; left:0; right:0; bottom:0;}

/* 커서 */
.pointer{cursor: pointer;}

/* 센서 그래프 사용 */
.detailshow {display: block;}
.detailhide {display: none;}

/* 대시보드 */
.widget_wrap{width:100%;min-height:350px;background-color:#fff;border:1px solid #d5d5d5;padding:30px;overflow:hidden}
.widget_top:after{clear:both;content:'';display:block}

.widget_table{height:200px;overflow-y:auto;padding-right:10px}


.dashboard_box{background-color:#fff;overflow:hidden}
.dashboard_row{overflow: hidden;margin-bottom: 10px;}

.box_align_30, .box_align_50, .box_align_100 {position: relative;margin: 0 1% 1%;float: left;}

.box_align_30{width: 31.333%;}
.box_align_50{width:48%;}
.box_align_100{width: 98%;}

.btn_more{width:100%;border:1px solid #e0e0e0;background-color:#f0f0f0;padding:12px 0;margin-top:20px;font-size:15px;color:#000;font-weight:700;cursor:pointer}

/* 새로고침 애니매이트*/
.refresh_loading{
    width: 18px;
    height: 18px;
	animation-name: spin;
	animation-duration: 1000ms;
    animation-iteration-count: infinite;
	animation-timing-function: linear;
	/* transform: rotate(3deg); */
	/* transform: rotate(0.3rad);/ */
	/* transform: rotate(3grad); */
	/* transform: rotate(.03turn);  */
	}

@keyframes spin {
    from {
        transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
    }
}
/* 새로고침 애니매이트*/
.dashboard_row > div {margin: 0 !important}
@media screen and (max-width:678px){
	.dashboard_row > div {margin-top: 10px !important}
}

.in_table {border-collapse: collapse;width:100%;border:1px solid #666;border-width:1px 0 0 0; font-size:12px;word-break : break-all}
.in_table thead th{padding:10px;color:#000;font-weight:700;border:0;background-color:#ffffea;border:1px solid #c7c7c7;border-width:0 0 1px 1px}
.in_table thead th:first-child{border-left:0}
.in_table tbody th{padding:10px;color:#000;font-weight:700;border:0;background-color:#ffffea;border:1px solid #c7c7c7;border-width:0 0 1px 0}
.in_table tbody td{padding:10px;color:#575757;border:1px solid #cccccc;border-width:0 0 1px 1px;text-align:center}
.in_table tbody td:first-child{border-left:0}
.in_table tbody td a{color:#575757;}
.in_table tbody td.subject{text-align:left;white-space:normal;} /* 제목 */

/* TEXT STYLE */
.text_h1{font-size:40px;font-weight:400}
.text_h2{font-size:30px;font-weight:400}
.text_h3{font-size:24px;font-weight:400}
.text_h4{font-size:18px;font-weight:400;line-height:22px}
.text_h5{font-size:14px;font-weight:400}
.text_h6{font-size:12px;font-weight:400}

/* 위젯 타이틀 */
/* .widgetTitle{color:#a4cad6 !important; margin-left:10px !important;} */
/* nodata */
/* .data-none-box {position:relative; height:400px; border:1px solid #cdcdcd; background-color:#fff;} */
/* .data-none {display:inline-block; position:absolute; top:50%; left:0; right:0; margin:-79px 0 0 0; text-align:center;} */
/* .data-none em.icon-nodata {display:inline-block; width:111px; height:90px; background:url(/images/iotm/icon_nodata.png) no-repeat;} */
/* .data-none span.nodata-txt {display:block; padding-top:50px; color:#000; font-size:30px; font-weight:500;} */
/* 위젯등록 */
/* .add_widget{text-align:center;;background-color:#fff;border:1px solid #d5d5d5;padding:30px 0 0 0 ;} */
/* .add_widget li{ */
/* 	display:inline-block;margin:0 15px 30px 15px;border:1px solid #e6e6e6;background-color:#f9f9f8;width:20%;height:70px; */
/* 	-webkit-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3); */
/*     -moz-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3); */
/*     box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.3); */
/* } */
/* .add_widget li:hover{background-color:#ffffff} */
/* .add_widget li span{font-size:17px;line-height:70px;} */

/* 그래프 로딩바 */
.chartcontainer {
	position: relative;
}
.loadingMsg {
	top: 1px;
	right: 1px;
	width: 100%;
	height: 100%;
	position: absolute;
}
.loadingMsg {
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 25px;
}
.loadingMsg span {
	display: block;
	position: absolute;
	top: 49%;
	width: 100%;
	text-align: center;
}

/* 메뉴 트리 우측 정렬 */
.con_location{float:right !important;}

/* 카피라이트가 본문 덮는 경우 발생하여 본문 최소 높이 지정 */
.right_contents{min-height: 910px;}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

.ui-grid {margin-bottom: 10px;}

.input-table input {width: 95%;}

/* 간편 등록 */
.select-title1{background: url(/images/iotm/number_1.png) 0 no-repeat;padding-left:28px;font-size:16px;font-weight:600;line-height:22px}
.select-title2{background: url(/images/iotm/number_2.png) 0 no-repeat;padding-left:28px;font-size:16px;font-weight:600;line-height:22px}
.select-title3{background: url(/images/iotm/number_3.png) 0 no-repeat;padding-left:28px;font-size:16px;font-weight:600;line-height:22px}
.select-div {width:100%;height:300px;background-color:#fff;border:1px solid #d5d5d5;padding:10px;vertical-align:middle;overflow-y: scroll;margin-top: 10px;}

/* 디바이스 목록 */
.device_stts_normal {}														/* 정상 */
.device_stts_dataerr {background-color: rgba(243,156,18,0.15) !important;}	/* 데이터 수신실패 */
.device_stts_error {background-color: rgba(221,75,57,0.15) !important;}		/* 오류 */

/* 로딩 */
.loading_con{width:100%;height:100%;min-height:100%;background:#000 url(/images/iotm/loading.gif) center center no-repeat;position:absolute;left:0;top:0;bottom:0;right:0;opacity: 0.8;filter: alpha(opacity=80)-moz-opacity:0.8;z-index:999}
.loading_con span{position:absolute;font-size:14px;color:#fff;letter-spacing:3px;top:50%;left:50%;transform:translate(-50%, -50%);padding-top:65px}
.loading_page{width:100%;height:100%;min-height:100%;background:#000 url(/images/iotm/loading.gif) center center no-repeat;position:fixed;left:0;top:0;bottom:0;right:0;opacity: 0.8;filter: alpha(opacity=80)-moz-opacity:0.8;z-index:999}
.loading_page span{position:absolute;font-size:14px;color:#fff;letter-spacing:3px;top:50%;left:50%;transform:translate(-50%, -50%);padding-top:65px}

/* ui-grid header style */
.ui-grid .ui-grid-header {height: 32px;}

.table_scroll{
  border: 1px solid #ddd;
  width: 100%;
}
.table_scroll tbody {
  height:200px;
  overflow-y:auto;
  width: 100%;
}
.table_scroll thead,
.table_scroll tbody,
.table_scroll tr,
.table_scroll td,
.table_scroll th {
  display:block;
}
.table_scroll tbody td {
  float:left !important;
}
.table_scroll thead th {
  float:left !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #d8d8d8;
}

.table_scroll > tbody > tr:nth-of-type(even) td {
  background-color: #f9f9f9;
}

.no-border {
  border: none !important;
}

/* 중앙 정렬 */
.device_amount_box, .amount_box {
  position:relative;
}
.device_amount_box > img, .amount_box > img {
  position:absolute;
  max-width:100%; max-height:100%;
  width:auto; height:auto;
  margin:auto;
  top:0; bottom:0; left:0; right:0;
}
/* //중앙 정렬 */

.btn_area.mt5 { margin-top:5px !important;}

.position-relative {position: relative !important;}

.table_layout_fixed {table-layout: fixed;}
.break_word {word-break: break-word;}

/* 상태 모니터링 */
.monitoring_text p {font-size: 12px;}

/* 입력 초기화 */
.device_info_detail_table input,
.popup_table input,
.search_box.sbox input,
.search_box.sbox select,
.search_box.sbox button {font-family: inherit; font-weight: inherit;}

/* 검색 영역 */
.search_box.sbox {padding: 8px; margin: 0px; text-align: center;}
.search_box.sbox2 {padding: 8px; margin: 0px; text-align: left;}
.search_box.sbox3 {padding: 8px; margin: 16px 0 0 0; text-align: center;}
.search_box.sbox4 {padding: 8px; margin: 16px 0 0 0; text-align: left;}
.search_box .md-datepicker-input,
.detail_box_left .md-datepicker-input,
.device_list_03_inner .md-datepicker-input {min-width: 110px; width: 110px; height: 40px; padding: 7px 10px 7px 10px; font-size: 14px; background: #fff; border: 1px solid #c3c3c3; border-bottom: none; border-radius: 3px; line-height: 1; vertical-align: middle;}

/* 테이블 */
table {background-color: transparent; border-spacing: 0; border-collapse: collapse;}

/* 페이지네이터 디자인 */
.cf{ }
.cf:after{clear:both; content:""; display:block}
.tbl_bottom{margin-top:20px; display: flex;}
.tbl_bottom .tbl_num{font-size:1.083em; line-height:20px; display: flex; flex: 1;}
.tbl_bottom .tbl_pager{display: flex;}
.tbl_bottom .tbl_pager ul.cf{display: flex; justify-content: flex-start; align-items: center;}
.tbl_bottom .tbl_pager li{float:left; margin:0 2px; line-height:30px;}
.tbl_bottom .tbl_pager li:last-child{margin:0 0 0 2px;}
.tbl_bottom .tbl_pager li .pager_aw{background-color:#000; padding:6px 10px; border:1px solid #636f73; border-radius:3px;}
.tbl_bottom .tbl_pager li .pager_aw[disabled]{opacity:0.3; cursor:default;}
.tbl_bottom .tbl_pager li.page_num{margin:0 10px; padding:0 10px; position:relative;}
.tbl_bottom .tbl_pager li.page_num:before{content:''; width:1px; height:22px; background-color:#a5acaf; position:absolute; top:4px; left:0;}
.tbl_bottom .tbl_pager li.page_num:after{content:''; width:1px; height:22px; background-color:#a5acaf; position:absolute; top:4px; right:0;}
.tbl_bottom .tbl_pager li.page_num input[type="text"]{width:36px; height:30px; padding:0; line-height:30px; text-align:center; vertical-align:top; background-color:transparent; border:1px solid #636f73;}

/* 팝업 */
md-dialog[role=alertdialog] md-dialog-content .md-dialog-content-body {line-height: 2em;}
md-dialog md-dialog-content .md-dialog-content-body > p {padding: 2px 24px; font-size: 16px; white-space: pre-wrap; color: inherit;}
md-dialog[role=dialog] .md-dialog-content .md-title {background: #159a80;}
md-dialog[role=alertdialog] .md-dialog-content .md-title {background: #fd493b;}
md-dialog[role=dialog] md-dialog-actions .md-button,
md-dialog[role=alertdialog] md-dialog-actions .md-button {color: #000 !important;}

/* ui-grid */
sub {bottom: -0.25em;}
sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
.btn_grid_header {margin: 2px 0;}

/* 플랫폼 정보 */
.info_box_log pre {display: block; padding: 9.5px; margin: 0; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; height: 100%; overflow: auto; overflow-y: none;}

/* 디바이스 데이터 통계 */
.title_ib {display: inline-block;}

/* oneM2M API 이력 */
.device_sub_cntn {font-size: 18px; margin-left: 20px;}

/* 서비스 연계 (트리) */ 
treecontrol.tree-classic.tree_classic_custom li.tree-leaf i.tree-leaf-head {background: none;}
treecontrol.tree-classic.tree_classic_custom li .tree-label > span {display: inline-flex;}
treecontrol.tree-classic.tree_classic_custom li .tree-unselectable {color: inherit;}

/* 버튼 글자 크기 */
.btn_font12 {font-size: 12px;}

/* 높이 자동 */
.height_auto {height: auto;}

/* 디바이스 상세 버튼 */
.btn_default02 {padding: 6px 12px; text-align: center; color: #333; font-size: 14px; font-weight: 400; border: 1px solid transparent; border-radius: 4px;}
.btn_default02:disabled {color: #888;}
.btn_add02:not(:disabled) {color:#fff; background: #2261b7;}
.btn_del02:not(:disabled) {color:#fff; background: #ff6565;}
.btn_save02:not(:disabled) {color:#fff; background: #ff9000;}
.btn_close02:not(:disabled) {color:#fff; background: #515151;}
.btn_search02:not(:disabled) {color:#fff; background: #5cb85c;}

/* 팝업 너비 */
.popup_width_full {width: 100%;}
@media screen and (min-width:1600px){
	.popup_width_full {width: 1280px;}	
}

/* 구분 표시 */
.bottom_divider {padding-bottom: 8px; border-bottom: 1px solid #d8d8d8;}
.top_divider {border-top: 1px solid #d8d8d8;}

/* 테이블 여백 조정 */
.device_info_detail_table table.padding_small th, .device_info_detail_table table.padding_small td {padding:5px 10px;}

/* 테이블 title 폭 조정  */
.device_table_title_w280 {width: 280px;}

/* 대시보드 상태 정보 최소 높이 지정 */
.device_sts {min-height: 275px;}

/* 본문 글자 크기 지정 */
.service_info_wrap pre {font-size: 13px;}

/* 센서 데이터 */
.device_info_detail_box input.input_detail {width: 110px; padding: 10px; background-color: #fff; border: 1px solid #d8d8d8; border-radius: 3px;}

/* 센서 구독 */
.sensor_subscribe {width: 400px;}
.sensor_subscribe .device_info_detail_table ul li div.detail_table_title {width: 100px;}
.sensor_subscribe .device_info_detail_table ul li > div.detail_table_text input {width: 100%;}