.LoginPage { background: #efefef; font-size: 12px; }
	.LoginPage .logo { margin: 60px auto 0; padding: 16px; text-align: center; background-image: url('./img/logo/logo-001.png'); background-repeat: no-repeat; background-position: center; width: 252px; height: 133px; }
	.LoginPage .loginForm { background-color: #fff;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;margin-top: 40px;margin-bottom: 10px;padding: 10px 30px 30px;overflow: hidden;position: relative; }
	.LoginPage .copyright { margin: 0 auto 30px 0; padding: 16px; text-align: center; }

.MonitoringWrap { padding: 8px 0; }
.MonitoringWrap .jsgrid { font-size: 12px; }
.MonitoringWrap .jsgrid { font-size: 12px; }

.MonitoringWrap .jsgrid-selected-row > .jsgrid-cell { background: #e0e0e0 !important; border: 1px solid #999091; }

.MonitoringWrap .jsgrid .jsgrid-grid-total { overflow: scroll; overflow-x: hidden; border: 1px solid #9A9192; border-top: none; font-weight: bold; }
	.MonitoringWrap .jsgrid .jsgrid-grid-total .jsgrid-table { border: none; border-collapse: collapse; }
	.MonitoringWrap .jsgrid .jsgrid-grid-total .jsgrid-table td { border-top: none; border-bottom: none; height: 1em; }
	.MonitoringWrap .jsgrid .jsgrid-grid-total .jsgrid-table td:first-child { border-left: none; }
	.MonitoringWrap .jsgrid .jsgrid-grid-total .jsgrid-table td:last-child { border-right: none; }

.MonitoringWrap .jsgrid-row > .jsgrid-cell {background: #fff; height: 1em; }
.MonitoringWrap .jsgrid-alt-row > .jsgrid-cell {background: #f9f9f9; height: 1em; }
.MonitoringWrap .total-row > .jsgrid-cell {background: #f0f0f0;}
.MonitoringWrap .grid-stack-item-content { color: #333; background: #fff; /*border-left: 1px solid #333336; border-top: 1px solid #333336; border-right: 1px solid #131314; border-bottom: 1px solid #131314;*/ }
	.MonitoringWrap .grid-stack-item-content .PanelWrap { border: 1px solid #333; }
.MonitoringWrap .MotMarquee .grid-stack-item-content { background: #fff; color: #232326; }

.MonitoringWrap .w10 { width: 10%; }
.MonitoringWrap .w25 { width: 25%; }
.MonitoringWrap .w50 { width: 50%; }
.MonitoringWrap .w75 { width: 75%; }
.MonitoringWrap .w100 { width: 100%; }

.MonitoringWrap .navbar-inverse .navbar-brand,
.MonitoringWrap .navbar-inverse .navbar-brand:hover,
.MonitoringWrap .navbar-inverse .navbar-brand:focus { color: transparent; text-shadow: none; background: url('./brand_dark.png') no-repeat; background-position: 10px -1px; }

.MonitoringWrap .navbar-inverse .navbar-nav > .open > a,
.MonitoringWrap .navbar-inverse .navbar-nav > .active > a { font-size: 18px; }
.MonitoringWrap .navbar-inverse .navbar-brand,
.MonitoringWrap .navbar-inverse .navbar-nav > li > a { font-size: 18px; }

.MonitoringWrap .navbar-nav.navbar-right li.cog a { padding: 12px 0 0 0; }
.MonitoringWrap .navbar-nav.navbar-right li.cog .glyphicon-cog { font-size: 24px; line-height: 24px;}

.MonitoringWrap .k-window .col-xs-1,
.MonitoringWrap .k-window .col-xs-2,
.MonitoringWrap .k-window .col-xs-3,
.MonitoringWrap .k-window .col-xs-4,
.MonitoringWrap .k-window .col-xs-5,
.MonitoringWrap .k-window .col-xs-6,
.MonitoringWrap .k-window .col-xs-7,
.MonitoringWrap .k-window .col-xs-8,
.MonitoringWrap .k-window .col-xs-9,
.MonitoringWrap .k-window .col-xs-10,
.MonitoringWrap .k-window .col-xs-11,
.MonitoringWrap .k-window .col-xs-12 { padding-left: 0; padding-right: 0; }

.MonitoringWrap .k-button:focus { color: #d5d5d5 }

#dlgSetting.k-window-content { padding: 0; }
#dlgSetting .FieldList { list-style: none; padding: 0 16px 8px 16px; }
	#dlgSetting .FieldList > li { margin-top: 8px; }
	#dlgSetting .ControlGroup { list-style: none; }

.MonitoringWrap .MotTitleBar { font-size: 2.4em; line-height: 1em; }

.MonitoringWrap .MotClock { font-size: 2.3em; line-height: 1em; }

.MonitoringWrap .cm-grid-mech-item-table th.config-mechstate { font-weight: bold;  width: 50%; font-size: 2em; }
.MonitoringWrap .cm-grid-mech-item-table td { font-weight: bold; font-size: 2em; }

.MonitoringWrap .config-mechstate--active { background: /*#00b050*/ #6ada63 !important; color: #fff !important; } 				/* 설비 가동 */
.MonitoringWrap .config-mechstate--inactive { background: #ff0000 !important; color: #fff !important; } 			/* 설비 비가동 */
.MonitoringWrap .config-mechstate--scheduledStop { background: #4b4b4b !important; color: #fff !important; }		/* 설비 계획정지 */
.MonitoringWrap .config-mechstate--itemExchanging { background: #ee8802 !important; color: #fff !important; }		/* 설비 기종 교체 */
.MonitoringWrap .config-mechstate--mechRepair { background: #fce94f !important; color: #433 !important; }			/* 설비 수리 */
.MonitoringWrap .config-mechstate--noSchedule { background: #808080 !important; color: #fff !important; }			/* 설비 계획없음 */
.MonitoringWrap .config-mechstate--etcStop { background: #8e1574 !important; color: #fff !important; }				/* 기타 비가동 */

.MonitoringWrap .config-mechstate-row--scheduledStop { background: #4b4b4b !important; color: #fff !important; }	/* 설비 계획정지 */
.MonitoringWrap .config-mechstate-row--itemExchanging { background: #ee8802 !important; }							/* 설비 기종 교체 */
.MonitoringWrap .config-mechstate-row--mechRepair { background: #fce94f !important; color: #000 !important; }		/* 설비 수리 */

.MonitoringWrap .config-powerlevel--0 { background: #fff !important; color: #333 !important; } 						/* */
.MonitoringWrap .config-powerlevel--85 { background: #efff00 !important; color: #333 !important; } 					/* */
.MonitoringWrap .config-powerlevel--90 { background: #ff9600 !important; color: #333 !important; }					/* */
.MonitoringWrap .config-powerlevel--95 { background: #f90000 !important; color: #fff !important; }					/* */

.MonitoringWrap .config-powerlevel--level0 { background: #fff !important; color: #333 !important; } 				/* */
.MonitoringWrap .config-powerlevel--level1 { background: #efff00 !important; color: #333 !important; } 				/* */
.MonitoringWrap .config-powerlevel--level2 { background: #ff9600 !important; color: #333 !important; }				/* */
.MonitoringWrap .config-powerlevel--level3 { background: #f90000 !important; color: #fff !important; }				/* */

/*JNTC 품질 범례*/
.MonitoringWrap .config-mechstate-row--M { background: #9ad9e4 !important; color: #000 !important; }	/* 설비 하*/
.MonitoringWrap .config-mechstate-row--J { background: #ee8802 !important; color: #fff !important;}							/* 자재 주*/
.MonitoringWrap .config-mechstate-row--P { background: #fce94f !important; color: #000 !important; }	/* 인원 노*/
.MonitoringWrap .config-mechstate-row--B { background: #86E57F !important; color: #000 !important;}		/* 방법 연*/
.MonitoringWrap .config-mechstate-row--G { background: #4b4b4b !important; color: #fff !important; }	/* 지시없음 검*/


.jsgrid-cell .config-grid--redBg { background: #fe0000 !important; color: #fff !important; }
.jsgrid-cell .config-grid--blueBg { background: #84dcff !important; }
.jsgrid-cell .config-grid--blueBgLite { background: #ade8ff !important; color: #fff !important; }
	.jsgrid-cell .cm-progress-medium .config-grid--blueBg { background: #ffec65 !important; }
	.jsgrid-cell .cm-progress-medium .config-grid--blueBgLite { background: #ffff99 !important; }
	.jsgrid-cell .cm-progress-high .config-grid--blueBg { background: #ffb52c !important; }
	.jsgrid-cell .cm-progress-high .config-grid--blueBgLite { background: #ffc965 !important; }
	/*.jsgrid-cell .cm-progress-critical .config-grid--blueBg { background: #ffa0a0 !important; }*/
	/*.jsgrid-cell .cm-progress-critical .config-grid--blueBgLite { background: #ffc0cb !important; }*/
	.jsgrid-cell .cm-progress-critical { color: #fff !important; }
	.jsgrid-cell .cm-progress-critical .config-grid--blueBg { background: #ff0000 !important; }
	.jsgrid-cell .cm-progress-critical .config-grid--blueBgLite { background: #ffc0cb !important; }

.MonitoringWrap .MotPanel .Panel { font-size: 18px; }
.MonitoringWrap .MotPanel .Panel .col-xs-4,
.MonitoringWrap .MotPanel .Panel .col-xs-3 { font-size: 16px; }

.MonitoringWrap .MotMarquee .Panel { font-size: 1.3em; padding: 0; margin: 0; }

/*.MonitoringWrap .MotPanel .Panel h4 { font-size: 24px; margin: 5px 0 5px 0; padding: 0; }*/

.MonitoringWrap .jsgrid-header-cell.cm-number-field { font-size: 12px; padding: 8px; height: auto; }

@media (max-width: 1000px) {
	.MonitoringWrap .MotTitleBar { font-size: 1.78em; }

	.MonitoringWrap .MotClock { font-size: 1.7em; }

	.MonitoringWrap .MotPanel .Panel { font-size: 14px; }
	.MonitoringWrap .MotPanel .Panel .col-xs-4,
	.MonitoringWrap .MotPanel .Panel .col-xs-3 { font-size: 14px; }

	.MonitoringWrap .MotPanel .Panel h4 { font-size: 14px; }
	.MonitoringWrap .MotTitleBar { font-size: 16px; }

	.MonitoringWrap .MotClock { font-size: 16px; }

	.MonitoringWrap .MotMarquee .Panel { font-size: 18px; }

	.MonitoringWrap .cm-grid-mech-item-table th.config-mechstate { font-weight: normal; font-size: 14px; }
	.MonitoringWrap .cm-grid-mech-item-table td { font-weight: normal; font-size: 14px; }
}

.MonitoringWrap .table.table-style1 { border: 1px solid #9A9192; width: 100%; height: 100%; margin: 0; }
	.MonitoringWrap .table.table-style1 > tbody > tr > th { border: 1px solid #9A9192; background-color: #3D3435; text-align: center; color: #EBF66B; font-size: 14px; vertical-align: middle; }
	.MonitoringWrap .table.table-style1 > tbody > tr > td { border: 1px solid #9A9192; vertical-align: middle; }

.BtnGetCurrentPos { display: block; margin: 5px 5px 0 0; border: 1px solid #666; background: #fff; padding: 4px; }
    .BtnGetCurrentPos:hover,
    .BtnGetCurrentPos:active { background-color: #f6f6f6; border-color: #000; }
	.BtnGetCurrentPos > span { background-image: url('img/icon/iconMapGetCurrentPosBtn.png'); background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; display: block; text-indent: -9999px; }

.MapLocationIndexMarker { display: block; background: red; width: 18px; height: 18px; text-align: center; vertical-align: middle; line-height: 16px; border-radius: 10px; background: #fff; border: 1px solid #333; font-family: helvetica; font-size: 10px; }

.MapLocationPinMarkerWrap { position: relative; }
	.MapLocationPinMarker { width: 30px; height: 30px; border-radius: 50% 50% 50% 0; background: #c30b82; position: absolute; transform: rotate(-45deg); left: 10px; top: -15px; margin: -15px 0 0 -15px; }
		.MapLocationPinMarker-Highlight { box-shadow: rgba(0,0,0,0.25) -2px 1px 4px 2px; }
		.MapLocationPinMarker::after { content: ''; width: 22px; height: 22px; margin: 4px 0 0 4px; background: #fff; position: absolute; border-radius: 50%; }
	.MapLocationPinMarkerContents { position: absolute; text-align: center; width: 22px; height: 22px; left: -1px; top: -26px; font-weight: bold; font-size: 14px; line-height: 20px; color: #666; }