body {
	color:rgba(255,255,255,0.7);
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#000000; 
	scrollbar-face-color:#262626; 
	scrollbar-shadow-color:#0a0a0a; 
	scrollbar-darkshadow-color:#333333; 
	scrollbar-track-color:rgba(64, 64, 64, 1); 
	scrollbar-arrow-color:#000000;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	border: 3px solid #fff;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: block;
	height: 10px;
	background: url('./images/bg.png') #efefef;
}
::-webkit-scrollbar-button,
::-webkit-resizer corner {
	background: rgba(0,0,0,1);
}
::-webkit-scrollbar-track {
	background:#525252;
	-webkit-border-radius: 10px;
	border-radius:10px;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb {
	height: 50px;
	width: 50px;
	background: rgba(0,0,0,1);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)
}


a:visited,
a:focus {
	color:inherit !important;
}


.fa-krw {
	color:#baa8fd;
}
.fa-dot-circle-o{
	color:#ff9811;
}
.fa-map-o {
	color:#ff9811;
}

.nav {
	border-bottom:1px solid #5D5D5D;
	background:#393939;
	text-shadow:1px 1px 2px #000000;
}

.gnb > li.on {
	/* color:#b8eeff; */
}


.box-gnb ul.gnb > li {
	border: 1px solid #393939;
}
.box-gnb ul.gnb > li.on {
	background:#3e3e3e;
	border: 1px solid #525252;
}

.box-date {
	color:#cccccc;
	background:#363636;
	border:1px solid #525252;
	border-radius:3px;
}

.badge-01 {
	background-color: rgba(21, 29, 31, 0.3);
}


body > .container {
	border-top:2px solid #000000;
}


.box-contents {
	box-shadow:0px 0px 10px rgba(0,0,0,0.6);
	background: #3e3e3e;
}



h4.conTit {
	color: #ffffff;
	text-shadow:1px 1px 2px #000000;
	
	background: #313131;
	background: -moz-linear-gradient(top, #525252 0%, #313131 100%);
	background: -webkit-linear-gradient(top, #525252 0%,#313131 100%);
	background: linear-gradient(to bottom, #525252 0%,#313131 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#313131',GradientType=0 );

	box-shadow:0px 1px 4px #2f2f2f;
}
.alarm h4.conTit {
	color:#ffecc8;
	text-shadow:none;
	font-weight:bold;

	background: rgb(255,0,0);
	background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(109,8,8,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,0,0,1) 0%,rgba(109,8,8,1) 100%);
	background: linear-gradient(to bottom, rgba(255,0,0,1) 0%,rgba(109,8,8,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#6d0808',GradientType=0 );

	box-shadow:0px 1px 4px #2f2f2f;
}
.group-subInfo {
	border-left:1px solid #63deff;
	text-shadow:1px 1px 2px #000000;
}
.group-subInfo > div {
	border-left:1px solid #63deff;
}
.group-subInfo > div:first-child {
	border-left:none;
}

.box-content-connector .widget {
	background:#3e3e3e;
	border: 2px solid #3e3e3e;
}
.box-content-connector .widget.selected {
	border: 2px solid #a0a0a0;
}


table.tbl td.emphasis,
table.tbl th.emphasis {
	color: #ff8585;
}
table.tbl td.color-01,
table.tbl th.color-01 {
	color:#717171;
}


table.tbl-01 {
    border-collapse:separate;
    border-spacing: 0;
	border:1px solid #525252;
	border-width: 0 0 1px 1px;
    border-style: solid;
    border-color:#525252;
}
.pop-layer table.tbl-01 {
	border-color:#676767;
}

table.tbl-01 td,
table.tbl-01 th {
	/* background:#3e3e3e; */
	border:1px solid #525252;
	border-width: 1px 1px 0 0;
    border-style: solid;
    border-color:#525252;
}
.pop-layer table.tbl-01 td,
.pop-layer table.tbl-01 th {
    border-color:#676767;
}
table.tbl-01 thead td,
table.tbl-01 thead th {
    color:#ffffff;
}
table.tbl-01 .dot {
	color:#39ec6e;
}
table.tbl-01 .dot-01 {
	color:#ff6363;
}
table.tbl-01 .dot-02 {
	color:#63deff;
}
table.tbl-01 .dot-03 {
	color:#e0d300;
}
table.tbl-01 .dot-04 {
	color:#ff9811;
}
table.tbl-01 .dot-05 {
	color:#baa8fd;
}
/* table.tbl-01 tr.alarm td {
	background:#420f0f;
} */
table.tbl-01 tr.alarm td.alarm {
	background:#9e1010;
}





dl.group-contentList > dt {
	color:#d8d8d8;
}
dl.group-contentList > dd > strong {
	color:#53aedc;
}





#map {
	padding-left:3px;
}

#map > div {
	background:#3f3f3f;
}







.box-divide .widget .col-sm-4,
.box-content .widget .col-sm-4,
.box-content-100 .widget .col-sm-4 {
	border-bottom: 1px solid rgba(84, 84, 84, 0.8);
	border-top: 1px solid rgba(35, 35, 35, 0.6);
	/* background: rgba(39, 39, 39, 0.7); */
}
.box-divide .widget .col-sm-4:nth-child(1),
.box-divide .widget .col-sm-4:nth-child(2),
.box-divide .widget .col-sm-4:nth-child(3),
.box-content .widget .col-sm-4:nth-child(1),
.box-content .widget .col-sm-4:nth-child(2),
.box-content .widget .col-sm-4:nth-child(3),
.box-content-100 .widget .col-sm-4:nth-child(1),
.box-content-100 .widget .col-sm-4:nth-child(2),
.box-content-100 .widget .col-sm-4:nth-child(3) {
	border-top:0 none;
}


.box-divide h6,
.box-content h6,
.box-content-100 h6 {
	color:#a0a0a0;
}

.box-divide .value .amount {
	/* background:#292929; */
}
.box-divide .value .unit,
.box-content .value .unit,
.box-content-100 .value .unit {
	color:#8a8a8a;
}



.content-inverter,
.content-report,
.content-cctv,
.content-singleLine,
.content-setting,
.content-trend,
.content-alarm {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	background: #3e3e3e;
}


.row-searchCd {
	background:#333333;
}





.pop-layer .btn-close {
	color:#000000;
}






table thead,
table tfoot {
	font-weight:bold;
	color:#ffffff;
background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#80000000',GradientType=0 );
}

.pop-layer table thead td,
.pop-layer table thead th {
	font-size:12px;
}

table thead td,
table thead th{
}

table tbody tr:hover {
	background:rgba(0,0,0,0.3) !important;
}




.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:rgb(117, 117, 117);
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: rgba(117, 117, 117, 0.7);
	filter: "alpha(opacity=80)";
	-ms-filter: "alpha(opacity=80)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: rgba(117, 117, 117, 0.7);
	filter: "alpha(opacity=80)";
	-ms-filter: "alpha(opacity=80)";
}




/*bootstrap*/
.form-control {
	color:#bfbfbf;
	border:1px solid #5f5f5f;
}
.input-group-addon {
	background:#333333;
	border:1px solid #5f5f5f;
}
.form-control option {
	background:#333333;
}
select.form-control:active,
select.form-control:hover,
select.form-control:focus,
select.form-control:active,
select.form-control.active {
	background-color:rgba(0,0,0,0.3);
}
/*bootstrap*/