@charset "utf-8";
/* CSS Document */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select
	{
	margin: 0pt;
	padding: 0pt;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

img {
	border: none;
}

body {
	font-size: 12px;
	font-family: Dotum, Tahoma;
	line-height: 1;
	color: #000000;
	width: 100%;
	background: url(../images/main/bg_body.png) repeat-x top;
}

#wrapper {
	width: 817px;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 109px;
	background: url(../images/main/bg_header.png) no-repeat 204px bottom;
}

h1 {
	margin: 20px 0;
	float: left;
}

div.util {
	float: right;
	display: inline-block;
	color: #0a4687;
	position: relative;
	top: 18px;
	width: 189px;
}

div.util p {
	float: left;
	margin-right: 17px;
	position: relative;
	top: 10px;
}

div.util a {
	float: left;
	position: relative;
	top: 5px;
	margin-right: 3px;
}

div.util div.clock {
	top: 0;
	float: left;
	background: url(../images/bg_clock.png) no-repeat top right;
	height: 20px;
	width: 140px;
	font-family: Tahoma;
	font-weight: bold;
	padding-left: 32px;
	padding-top: 7px;
	padding-right: 10px;
}

div.util div p.clock {
	top: 0;
}

div.util p.welcome {
	background: url(../images/main/bg_welcome.png) no-repeat;
	color: #fff;
	padding-left: 34px;
	font-family: Gulim;
	width: 147px;
	height: 19px;
	line-height: 19px;
	text-shadow: 1px 1px 0 #666666;
	font-size: 11px;
	position: relative;
	left: 0px;
}
/** Clock **/
.clock {
	position: relative;
	color: #000;
	text-shadow: 0 0 5px #FFF
}

.clock ul {
	float: left;
	list-style: none;
	text-align: center font-family: 'BebasNeueRegular', Arial, Helvetica,
		sans-serif;
	font-size: 11px;
	position: relative;
	top: -4px;
}

.clock ul li {
	display: inline;
}

#point {
	position: relative;
	-moz-animation: mymove 1s ease infinite;
	-webkit-animation: mymove 1s ease infinite;
	padding-left: 0;
	padding-right: 0
}

@
-webkit-keyframes mymove { 0%{
	opacity: 1.0;
	text-shadow: 0 0 20px #00c6ff
}

50%{
opacity
:
 
0;
text-shadow
:
 
none

	
}
100%{
opacity
:
 
1
.0
;

		
text-shadow
:
 
0
0
20
px
 
#00c6ff

	
}
}
@
-moz-keyframes mymove { 0%{
	opacity: 1.0;
	text-shadow: 0 0 20px #00c6ff
}

50%{
opacity
:
0;

		
text-shadow
:none

	
}
100%{
opacity
:
1
.0
;

		
text-shadow
:
0
 
0
20
px
 
#00c6ff

	
}
}
#contents {
	position: relative;
}

#inner_cont {
	position: relative;
	width: 800px;
	height: 100%;
	margin-left: 16px;
}

.navi {
	position: absolute;
	top: 410px;
	right: 23px;
}

.navi a {
	margin: 0 3px;
}

#top_cont {
	height: 400px;
	position: relative;
}

#top_cont h2 {
	height: 32px;
	position: relative;
	top: 19px;
	left: 10px;
	display: inline-block;
}

#top_cont h2 p {
	float: left;
	background: #7ecffe;
	line-height: 24px;
	height: 24px;
	color: #00396f;
	font-size: 18px;
	font-family: Tahoma;
	font-weight: normal;
	padding: 4px 19px 4px 17px;
}

#btm_cont div {
	height: 373px;
	position: relative;
}

#btm_cont .sub_tit {
	height: 25px;
	position: relative;
	top: 30px;
	left: 20px;
	display: inline-block;
}

#btm_cont .sub_tit p {
	float: left;
	background: url(../images/main/bg_subtit.png) repeat-x;
	height: 25px;
	line-height: 24px;
	font-family: Tahoma;
	padding: 0 8px 0 4px;
	color: #2e3d4d;
}

#btm_cont div.lft_box {
	width: 400px;
	float: left;
}

#btm_cont div.rgt_box {
	background: url(../images/main/bg_rgtbox.png) no-repeat left top;
	width: 400px;
	float: right;
}

/** System Diagram 시작 **/
.diagram {
	background: url(../images/main/bg_diagram.png) no-repeat center 37px;
	height: 348px;
	position: relative;
	top: 20px;
}

.diagram div {
	position: absolute;
}

.diagram div span {
	position: relative;
	top: 10px;
	color: #fff;
}

.diagram div span.yellow {
	top: 0;
	color: #f9fc04;
}

.diagram div .grey_box {
	background: url(../images/main/textfield_01.png);
	background-size: contain;
	border: 1px solid #4e4e4e;
	border-radius: 4px;
	behavior: url(../PIE.htc);
	width: 73px;
	padding: 6px 8px 5px 0;
	position: relative;
	float: left;
	margin: 0 4px 0 0;
	text-align: right;
	font-weight: bold;
}

.diagram .dia_tit {
	font-weight: bold;
	color: #fff;
	margin: 0 10px 2px 0;
}

div.pcc {
	left: 82px;
	top: 160px;
	width: 110px;
}

div.mccb1 {
	left: 415px;
	top: 0px;
}

div.mccb1 .grey_box {
	width: 56px;
	padding: 6px 0 5px;
	text-align: center;
	margin: 0px 0 0;
	border: 0;
}

div.mccb1 .yellow {
	letter-spacing: -1px;
}

div.mccb2 {
	left: 415px;
	top: 161px;
}

div.mccb2 .grey_box {
	width: 56px;
	padding: 6px 0 5px;
	text-align: center;
	margin: 0px 0 0;
	border: 0;
}

div.mccb2 .yellow {
	letter-spacing: -1px;
}

div.mccb3 {
	left: 630px;
	top: 0px;
}

div.mccb3 .grey_box {
	width: 56px;
	padding: 6px 0 5px;
	text-align: center;
	margin: 0px 0 0;
	border: 0;
}

div.mccb3 .yellow {
	letter-spacing: -1px;
}

div.mccb4 {
	left: 630px;
	top: 161px;
}

div.mccb4 .grey_box {
	width: 56px;
	padding: 6px 0 5px;
	text-align: center;
	margin: 0px 0 0;
	border: 0;
}

div.mccb4 .yellow {
	letter-spacing: -1px;
}

div.total {
	left: 315px;
	top: 74px;
}

div.operate1 {
	left: 460px;
	top: 89px;
}

div.operate1 p {
	display: inline;
	float: left;
}

div.operate1 .dia_tit {
	line-height: 22px;
	padding-right: 5px;
}

div.pcs1 {
	left: 460px;
	top: 116px;
}

div.pcs1 p {
	display: inline;
	float: left;
}

div.pcs1 .dia_tit {
	line-height: 22px;
	padding-right: 5px;
}

div.soc1 {
	left: 655px;
	top: 89px;
}

div.soc1 p {
	display: inline;
	float: left;
}

div.soc1 .dia_tit {
	line-height: 22px;
	margin-right: 4px;
}

div.operate2 {
	left: 460px;
	top: 249px;
}

div.operate2 p {
	display: inline;
	float: left;
}

div.operate2 .dia_tit {
	line-height: 22px;
	padding-right: 5px;
}

div.pcs2 {
	left: 460px;
	top: 276px;
}

div.pcs2 p {
	display: inline;
	float: left;
}

div.pcs2 .dia_tit {
	line-height: 22px;
	padding-right: 5px;
}

div.soc2 {
	left: 655px;
	top: 249px;
}

div.soc2 p {
	display: inline;
	float: left;
}

div.soc2 .dia_tit {
	line-height: 22px;
	margin-right: 4px;
}

div.pv {
	left: 375px;
	top: 112px;
}

div.load {
	left: 375px;
	top: 260px;
}

#btm_cont .dia_wrap {
	width: 366px;
	height: 115px;
	position: relative;
	top: 44px;
	left: 20px;
	background: #f6f7f9;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
}

table.table_dia {
	width: 100%;
	text-align: right;
	margin-top: 11px;
}

table.table_dia th {
	font-weight: normal;
	width: 195px;
	height: 33px;
	line-height: 33px;
}

table.table_dia td {
	font-weight: bold;
	color: #017c9e;
	padding-right: 55px;
}

/** System Diagram 끝 **/

/** Statistics 시작 **/
.statistic {
	position: relative;
	top: -5px;
}

.statistic .sta_sel {
	text-align: right;
	color: #fff;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 100%;
	height: 60px;
}

.statistic .sta_sel p {
	height: 24px;
	margin-bottom: 5px;
	position: relative;
}

.statistic .sta_sel p span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	position: relative;
}

.statistic .sta_sel p select {
	width: 160px;
	border: 1px solid #a4a4a4;
	margin-left: 7px;
}

.table_sta {
	position: relative;
	top: 44px;
	width: 350px;
	margin-left: 20px;
}

.table_sta th {
	background: url(../images/bg_list.png) no-repeat 15px center;
	text-align: left;
	font-size: 13px;
	color: #0a4687;
	padding-left: 31px;
	width: 186px;
	border-top: 1px solid #cecece;
}

.table_sta td {
	font-family: Tahoma;
	font-size: 11px;
	color: #555555;
	border-top: 1px solid #cecece;
}

.table_sta tr.blue {
	background: #f3f9fd;
}

.table_sta tr.last th,.table_sta tr.last td {
	border-bottom: 1px solid #cecece;
}

/** Statistics 끝 **/

/** Event Summary 시작 **/
.event {
	overflow: hidden;
	position: relative;
	top: -10px;
}

.event table.event_list {
	background: url(../images/main/bg_event_table.png) no-repeat center;
	width: 401px;
	height: 253px;
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
}

.event table.event_list thead th {
	color: #fff;
	height: 29px;
}

.event table.event_list td {
	text-align: center;
	font-family: Tahoma;
	color: #02426f;
}

.event table.event_list td.device {
	font-weight: bold;
	font-size: 11px;
}

.event table.event_list td font.trip {
	font-size: 11px;
	font-weight: bold;
	color: #fe3535;
}

.event table.event_list td font.alarm {
	font-size: 11px;
	font-weight: bold;
	color: #fdba04;
}

table.event_desc {
	background: url(../images/main/bg_event_desc.png) no-repeat center;
	width: 401px;
	height: 85px;
	margin-top: 9px;
	margin-left: 3px;
}

.event table.event_desc th {
	text-align: left;
	padding-left: 37px;
	height: 25px;
}

table.event_desc td {
	text-align: left;
	line-height: 20px;
	padding-left: 73px;
}

#btm_cont .d_comm {
	width: 374px;
	height: 169px;
	background: url(../images/main/bg_dcomm_table.png) no-repeat center;
	left: 20px;
	padding-top: 11px;
	padding-bottom: 0px;
	float: left
}

#btm_cont .d_comm table {
	width: 374px;
}

#btm_cont .d_comm table th {
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	height: 22px;
	text-align: right;
	width: 80px;
	padding-right: 17px;
}

#btm_cont .d_comm table th.on {
	color: #ff5603;
}

#btm_cont .d_comm table td {
	
}

#btm_cont .d_comm table td .barWrap {
	width: 80px;
	border: 1px solid #696969;
	height: 4px;
}

#btm_cont .d_comm table td .barWrap div {
	width: 8px;
	height: 4px;
	float: left;
}

#btm_cont .d_comm table td .barWrap div.grey {
	background: #696969;
}

#btm_cont .d_comm table td .barWrap div.green {
	background: #00FF00;
}

#btm_cont .d_comm table td .barWrap div.red {
	background: #FF0000;
}

#btm_cont .event_map {
	background: url(../images/main/bg_event_map.png) no-repeat center;
	width: 374px;
	height: 176px;
	float: right;
	margin-right: 16px;
	position: relative;
}

#btm_cont .event_map div {
	position: absolute;
	height: 11px;
}
#btm_cont .event_map div>div {
	color: white;
	font-size: 11px;
	width: 100px;
	position: relative;
}
#btm_cont .event_map div>img {
	width: 9px;
	height: 9px;
}
/** Event Summary 끝 **/

/** PSC 시작 **/
.pcs {
	position: relative;
	top: -10px;
	overflow: hidden;
}

.pcs .notice {
	float: right;
	margin-right: 7px;
	margin-bottom: 15px;
	margin-left: 30px;
}

.pcs .notice div {
	background: url(../images/main/bg_bms_notice.png) repeat-x;
	height: 35px;
	float: left;
	padding-left: 11px;
}

.pcs .notice div span {
	background: url(../images/main/ico_notice.png) no-repeat left center;
	height: 35px;
	line-height: 34px;
	display: inline-block;
	padding: 0 81px 0 25px;
	color: #eb0505;
	font-family: Tahoma;
	font-weight: bold;
}

.pcs .notice a {
	position: absolute;
	right: 20px;
	top: 7px;
}

.pcs_stats {
	color: #605f5f;
	font-family: Tahoma;
	width: 287px;
	line-height: 18px;
	line-height: 27px;
	font-weight: bold;
}

#btm_cont table.table_pcs {
	width: 100%;
	margin-top: 10px;
}

#btm_cont table.table_pcs th {
	color: #017c9e;
	text-align: left;
	line-height: 30px;
	font-family: Tahoma;
	width: 209px;
	background: url(../images/main/bg_list.png) no-repeat 22px 11px;
	padding-left: 40px;
}

#btm_cont table.table_pcs td {
	color: #606060;
}

.pcs .box1 {
	background: url(../images/main/bg_pcs1.png) no-repeat;
	width: 417px;
	height: 158px;
	margin-bottom: 5px;
}

.pcs .box2 {
	background: url(../images/main/bg_pcs2.png) no-repeat;
	width: 417px;
	height: 146px;
}

.pcs .box3 {
	background: url(../images/main/bg_pcs3.png) no-repeat;
	width: 351px;
	height: 309px;
	float: right;
	margin-right: 7px;
}

.pcs .pcs_tit {
	background: #6b96cc;
	font-family: Tahoma;
	font-weight: bold;
	color: #ececf8;
	height: 23px;
	line-height: 23px;
	padding-left: 26px;
	width: 201px;
	margin-top: 10px;
}

.pcs .box1 .pcs_tit,.box2 .pcs_tit {
	position: relative;
	top: 10px;
	margin-top: 0;
}

.pcs .box1 table {
	position: relative;
	top: 20px;
	left: 30px;
}

.pcs p.textbox {
	margin: 1px 4px 1px 0;
	height: 21px;
	border-right: 1px solid #bdbcbe;
	border-bottom: 1px solid #bdbcbe;
	width: 130px;
	padding-right: 13px;
	color: #00396f;
	font-weight: normal;
}

.pcs .box1 table th {
	background: url(../images/bg_list.png) no-repeat left center;
	text-align: left;
	font-family: Tahoma;
	color: #0a4687;
	padding-left: 21px;
	width: 170px;
	height: 44px;
	font-size: 15px;
}

.pcs .box1 table td {
	color: #263d8b;
	font-weight: bold;
}

.pcs .box3 div {
	position: relative;
}

.pcs div .value {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 232px;
	font-weight: bold;
	color: #263d8b;
}

.pcs div .value p.textbox {
	width: 60px;
	font-weight: bold;
	color: #0054a6;
}

.pcs .box3 .line {
	background: url(../images/main/bg_graph.png) no-repeat;
	width: 300px;
	height: 30px;
	margin: 18px 0 0 27px;
	padding: 0 0px 0 3px;
	overflow-x: hidden;
}

.pcs .box3 .line.temperature {
	background: url(../images/main/bg_temp_graph.png) no-repeat;
}

.pcs .box3 .line.current {
	background: url(../images/main/bg_current_graph.png) no-repeat;
}

.pcs .box3 .line.voltage {
	background: url(../images/main/bg_voltage_graph.png) no-repeat;
}

.pcs .box3 .line div {
	top: 11px;
	left: -2px;
	height: 19px;
}

.pcs .box3 .line .orange {
	background: url(../images/main/bg_orgbar.png) repeat-x;
}

.pcs .box3 .line .red {
	background: url(../images/main/bg_redbar.png) repeat-x;
}

.pcs .box3 .temp {
	color: #00396f;
	text-align: right;
	margin: 12px 25px 0 0;
}

/** PCS 끝 **/

/** BMS 시작 **/
.bms {
	position: relative;
	top: -13px;
	overflow: hidden;
	height: 380px;
}

.bms .notice {
	float: right;
	margin-right: 7px;
	margin-bottom: 15px;
	margin-left: 30px;
}

.bms .notice div {
	background: url(../images/main/bg_bms_notice.png) repeat-x;
	height: 35px;
	float: left;
	padding-left: 11px;
}

.bms .notice div span {
	background: url(../images/main/ico_notice.png) no-repeat left center;
	height: 35px;
	line-height: 34px;
	display: inline-block;
	padding: 0 81px 0 25px;
	color: #eb0505;
	font-family: Tahoma;
	font-weight: bold;
}

.bms .notice a {
	position: absolute;
	right: 20px;
	top: 7px;
}

.bms .bms_box {
	background: url(../images/main/bg_bmsbox.png) no-repeat;
	width: 150px;
	height: 130px;
	background-size: 150px 130px;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-top: 14px;
}

.bms .bms_box div {
	height: 22px;
	font-family: Tahoma;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}

.bms .bms_box div.on,.bms .bms_box div.rack_on {
	background: url(../images/main/bms_on.png) no-repeat;
	background-size: 150px 24px;
}

.bms .bms_box div.off,.bms .bms_box div.rack_off {
	background: url(../images/main/bms_off.png) no-repeat;
	background-size: 150px 24px;
}

.bms .bms_box div.alarm,.bms .bms_box div.rack_alarm {
	background: url(../images/main/bms_alarm.png) no-repeat;
	background-size: 150px 24px;
}

.bms .bms_box div.trip,.bms .bms_box div.rack_trip {
	background: url(../images/main/bms_trip.png) no-repeat;
	background-size: 150px 24px;
}

.bms .bms_box div.purple {
	background: url(../images/main/bms_purple.png) no-repeat;
	background-size: 150px 24px;
}

.bms .bms_box table {
	color: #02426f;
	margin-top: 9px;
}

.bms .bms_box table .soc th {
	font-size: 12px;
}

.bms .bms_box table .soc td>div:first-child {
	background: url(../images/main/battery.png) no-repeat;
	float: left;
	z-index: 333;
	width: 60px;
	height: 20px;
	line-height: 18px;
}

.bms .bms_box table .soc td div.soc_bar {
	background: #85FF00;
	height: 17px;
	margin: 2px 4px 2px 2px;
	max-width: 100%;
}

.bms .bms_box table th {
	text-align: left;
	font-size: 11px;
	width: 63px;
	padding-left: 13px;
}

.bms .bms_box table td {
	font-weight: bold;
	color: #02426f;
	padding-right: 6px;
}

.bms .bms_box table td div {
	font-weight: bold;
	color: #02426f;
}

.bms .bms_box p.textbox {
	width: 40px;
	height: 18px;
	line-height: 18px;
	margin: 1px 2px 1px 0;
}

/** BMS 끝 **/

/** Trend 시작 **/
.trend {
	position: relative;
	top: -5px;
}

.trend .sta_sel {
	text-align: right;
	color: #FFF;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 100%;
	height: 60px;
}

.trend .sta_sel p {
	height: 24px;
	margin-bottom: 5px;
	position: relative;
}

.trend .sta_sel p span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	position: relative;
}

.trend .sta_sel p select {
	width: 95px;
	border: 1px solid #a4a4a4;
	margin-left: 7px;
}

.trend_bar {
	height: 28px;
	width: 585px;
	float: right;
}

.trend_bar .bar {
	background: url(../images/main/bg_trendbar.png) repeat-x;
	height: 28px;
	width: 560px;
	display: inline-block;
	float: left;
	padding-left: 15px;
}

.trend_bar .bar label {
	float: left;
	margin-top: 8px;
	position: relative;
	margin-right: 5px;
	width: 132px;
	text-align: left
}

.trend_bar .bar label input {
	margin-right: 5px;
}

.trend_bar .bar label span {
	position: relative;
	top: -3px;
}

.trend_table {
	margin: 44px 6px 0 11px;
	border-collapse: collapse;
	font-family: Tahoma;
}

.trend_table th {
	background: url(../images/main/bg_trend_table.png) repeat-x;
	height: 31px;
	color: #0a4687;
	letter-spacing: 0.5px;
}

.trend_table th.first {
	border-left: 1px solid #9fcadc;
}

.trend_table th.last {
	border-right: 1px solid #9fcadc;
}

.trend_table td {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
	text-align: center;
	color: #017c9e;
}

.trend_table td.last {
	border-right: 0;
}

/** Trend 끝 **/
.sub_navi {
	position: absolute;
	top: 41px;
	left: 290px;
}

p.textbox {
	display: inline-block;
	width: 81px;
	border: 1px solid #e4e4e5;
	height: 22px;
	line-height: 22px;
	color: #017c9e;
	font-weight: bold;
	text-align: right;
	padding-right: 7px;
	font-family: Tahoma;
	font-size: 12px;
	margin: 3px 13px 3px 0;
	background: #fff;
}

#footer {
	font-family: Tahoma;
	color: #878787;
	border-top: 1px solid #cccccc;
	padding: 15px 0 30px;
	clear: both;
}

#footer ul li {
	text-align: center;
	padding: 0 8px;
	background: url(../images/footer_line.png) no-repeat center right;
}

#footer ul li.last {
	background: none;
}

#footer p {
	display: inline;
	float: right;
}

h1,h2,h3 {
	line-height: 20px;
}

font.yellow {
	color: #FF0;
}

.mask {
	position: absolute;
	top: 139px;
	left: 0;
	width: 100%;
	height: 81%;
	background-color: #EBFFEA;
	display: none;
	z-index: 10000
}

p.hidden {
	visiblity: hidden;
}

input.custom,input[type=text].custom {
	width: 70px;
	cursor: default;
	text-align: center;
	font-size: 12px;
	height: 13px;
	line-height: 13px;
}

select.custom {
	width: 18em;
	margin-bottom: 0;
	padding: 0;
	height: 20px;
}

input[type="radio"],input[type="checkbox"] {
	margin: 3px 0 0;
	line-height: normal;
}

.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline {
	margin-left: 5px;
}

.input-append .add-on,.input-prepend .add-on {
	height: 13px;
	line-height: 13px;
	font-size: 12px;
}

.flexigrid {
	font-size: 12px;
}

.flexigrid div.bDiv tr {
	cursor: pointer;
}

.flexigrid div.pGroup select {
	line-height: 25px;
	height: 25px;
	width: 150px;
}

.flexigrid div.pGroup input[type=text] {
	line-height: 15px;
	height: 15px;
	width: 150px;
	text-align: right;
}

.flexigrid div.pDiv .pPageStat,.flexigrid div.pDiv .pcontrol {
	top: 5px;
}

.load-chart {
	width: 770px;
	height: 180px;
}

h3.popover-title {
	background: 0;
	background-color: #f7f7f7;
	color: #000;
	text-align: center;
	font-size: 13px;
	width: 150px
}

div.popover-content {
	text-align: center;
	height: 30px;
	line-height: 30px;
	padding: 5px
}

p.popover-btn-wrap {
	display: inline-block;
	margin-top: 6px;
}

input[type=text].schedule-text-input {
	width: 60px;
	border: 0;
	height: 33px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.radio.inline,.checkbox.inline {
	padding-top: 0px;
}

.controls>.radio:first-child,.controls>.checkbox:first-child {
	padding-top: 0px;
}

.btn-custom {
	background: #4075c7;
	border: 1px solid #1a3668;
	color: #fff;
	padding: 3px 7px;
	border-radius: 2px;
	line-height: 14px;
	height: 22px;
	min-width: 46px;
	display: inline-block;
	text-align: center;
	text-shadow: none;
	box-shadow: none;
}

label {
	display: inline-block;
	margin-bottom: 5px;
}

label,input,button,select,textarea {
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
}

.icon-calendar {
	background-position: -192px -121px;
}

.icon-time {
	background-position: -48px -25px;
}

div.th {
	text-align: left;
	color: #0a4687;
	font-size: 13px;
	background: url(../images/bg_list.png) no-repeat 8px center;
	padding-left: 25px;
	padding-right: 10px;
	font-weight: bold;
	float: left;
	height: 22px;
	line-height: 22px;
}

.modal.fade {
	-webkit-transition: top .01s linear;
	-moz-transition: top .01s linear;
	-ms-transition: top .01s linear;
	-o-transition: top .01s linear;
	transition: top .01s linear
}

.legendLabel {
	left: 5px;
	position: relative;
}

a.arrow.prev {
	background: url('/resources/images/main/arr_lft.png') no-repeat center;
	left: 50%;
	margin-left: -425px;
	top: 80px;
	width: 30px;
	height: 228px;
}

a.arrow.prev:hover {
	background: url('/resources/images/main/arr_lft_on.png') no-repeat
		center;
}

a.arrow.next {
	background: url('/resources/images/main/arr_rgt.png') no-repeat center;
	left: 50%;
	margin-left: 395px;
	top: 80px;
	width: 30px;
	height: 228px;
}

a.arrow.next:hover {
	background: url('/resources/images/main/arr_rgt_on.png') no-repeat
		center;
}

.bootstrap-datetimepicker-widget td span {
	height: 30px;
	line-height: 30px;
}

.btn-timepicker {
	width: 215px;
	font-weight: bold;
}

.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*="span"] {
	margin-bottom: 0px;
}

.dropdown-menu.open {
	text-align: left;
	font-family: tahoma;
	font-weight: bold;
}

.btn-group>.dropdown-toggle {
	height: 25px;
	line-height: 15px
}

span.select-data {
	padding-right: 7px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #000;
	font-size: 8px;
	top: -2px;
	position: relative;
}

span.select-data.header-0 {
	background: #ff6666;
}

span.select-data.header-1 {
	background: #ffff66;
}

span.select-data.header-2 {
	background: #ccccff;
}

span.select-data.header-3 {
	background: #66ff66;
}

span.select-data.header-4 {
	background: #66ffff;
}

.btn-group>.btn {
	font-size: 12px;
	height: 25px;
	top: -1px;
	padding-left: 10px;
	padding-right: 10px;
}

.diagram-pcs {
	width: 47px;
	height: 35px;
	position: absolute;
	margin-left: 10px;
	margin-top: 4px;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	padding-top: 5px;
	font-family: Arial;
	line-height: 53px;
	border-radius: 5px 5px 5px 5px;
}

.diagram-pcs.on {
	color: #000;
	background: #00EBFF;
}

.diagram-pcs.off {
	color: #CCC;
	background: #000;
}

.diagram-pcs.alarm {
	color: #000;
	background: #FF0;
}

.diagram-pcs.trip {
	color: #000;
	background: #F00;
}

.diagram-bms {
	width: 44px;
	height: 30px;
	position: absolute;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	padding-top: 14px;
	font-family: Arial;
	line-height: 45px;
	border-radius: 5px 5px 5px 5px;
}

.diagram-bms.on {
	color: #000;
	background: #E2E2E2;
}

.diagram-bms.off {
	color: #CCC;
	background: #000;
}

.diagram-bms.alarm {
	color: #000;
	background: #FF0;
}

.diagram-bms.trip {
	color: #000;
	background: #F00;
}

td.legendColorBox div {
	background: rgba(0, 0, 0, 0.7);
}

#bms-box-list {
	width: 630px;
	height: 295px;
	position: relative;
	left: 165px;
	top: 70px;
}
#bms-box-list-scroll {
	width: 630px;
	height: 288px;
	overflow: hidden;
	position: relative;
	top: -140px;
}