/*
   작성일: 2016-03-30
   작성자: 강연아
   수정일:

   테마 css
   - 트리/탭/페이징에서 한쪽을 수정하면 같이 바뀌기에 따로 분리해서 작업하는데
     리소스를 많이 소요해 작업이 어렵습니다.
 */

/**=======================
	라운드값 - 그리드/탭/트리 코너
======================== */

.jqx-rc-tl-ui-hamon {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

.jqx-rc-tr-ui-hamon {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.jqx-rc-bl-ui-hamon {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.jqx-rc-br-ui-hamon {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/*top rounded Corners*/
.jqx-rc-t-ui-hamon {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

/*bottom rounded Corners*/
.jqx-rc-b-ui-hamon {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/*right rounded Corners*/
.jqx-rc-r-ui-hamon {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
/*left rounded Corners*/
.jqx-rc-l-ui-hamon {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
/*all rounded Corners*/
.jqx-rc-all-ui-hamon {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}


/**=======================
	테마 레이아웃
======================== */
.jqx-grid-cell-filter-row > input {height: 22px;}

/* 드롭박스 */
.jqx-fill-state-normal{
	background: #ffffff;
	border-color:#cacaca;
}

/* 기간 인풋박스 */
.jqx-input-ui-hamon {
	border-color: #c1c1c1;
	background: #ffffff;
}

/* 그리드 탭  */
.jqx-tabs-title-container > .jqx-item{
	/*border:1px solid #b0b0b0;*/
}

/*!* 그리드/탭 후버 *!*/
/*.jqx-fill-state-hover-ui-hamon, .jqx-widget-ui-hamon .jqx-grid-cell-hover-ui-hamon*/
	/*{*/
	/*cursor: pointer;*/
	/*color: #000000;*/
	/*text-shadow: none;*/
	/*border-color: #5daad6;*/
	/*background-color: #c4dce9;*/
	/*-moz-background-clip: padding;*/
	/*background-clip: padding-box;*/
	/*-webkit-background-clip: padding-box;*/
	/*font-family: "맑은 고딕", dotum, "Trebuchet MS", Verdana, Helvetica}*/

/*!* 그리드/탭 클릭시 *!*/
/*.jqx-fill-state-pressed-ui-hamon, .jqx-widget-ui-hamon .jqx-grid-cell-selected-ui-hamon*/
/*{*/
	/*cursor: pointer;*/
	/*color: #ffffff;*/
	/*font-weight: bold;*/
	/*text-shadow: none;*/
	/*border-color: #5daad6;*/
	/*background-color: #5daad6;*/
	/*-moz-background-clip: padding;*/
	/*background-clip: padding-box;*/
	/*-webkit-background-clip: padding-box;*/
	/*font-family: "맑은 고딕", dotum, "Trebuchet MS", Verdana, Helvetica,*/
/*}*/
/* 그리드/탭 후버 2023-01-18 */
.jqx-fill-state-hover-ui-hamon, .jqx-widget-ui-hamon .jqx-grid-cell-hover-ui-hamon
	{
	cursor: pointer;
	color: #000000;
	text-shadow: none;
	border-color: #d2e5fc;
	background-color: #f7faff!important;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	/*font-family: Malgun Gothic,'맑은고딕',Verdana, Helvetica,"Trebuchet MS", Verdana, Helvetica,Sans-Serif,dotum;*/
}

/* 그리드/탭 클릭시 2023-01-18 */
.jqx-fill-state-pressed-ui-hamon, .jqx-widget-ui-hamon .jqx-grid-cell-selected-ui-hamon
{
	cursor: pointer;
	color: #0444c9;
	font-weight: bold;
	text-shadow: none;
	border-color: #b6d0f2;
	background-color: #d8eaff;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	/*font-family: Malgun Gothic,'맑은고딕',Verdana, Helvetica,"Trebuchet MS", Verdana, Helvetica,Sans-Serif,dotum;*/
}


/* 그리드 컬럼 헤더 */
.jqx-grid-column-header{
	background: #f9fbfc;
	color: gray;
	/*color: #303030;*/
	/* opacity: 0.87; */
	opacity: 1;
	font-weight: bold;
}



.jqx-tabs-title-selected-top-ui-hamon,
	.jqx-tabs-selection-tracker-top-ui-hamon {
	color: #133B52;
	font-weight:bold;
	text-shadow: none;
	border-color: #969696;
	border-bottom: 1px solid #ffffff;
	background-image: none;
	background-color: #ffffff;
}

/*==아이콘==*/

/* 페이징 아이콘 */
/*맨앞으로 */
.jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected {
    background-image: url('../../lib/jqwidgets/styles/images/metro-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}


.jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected {
	background-image: url('../../lib/jqwidgets/styles/images/ss-icon-first.png');
	background-repeat: no-repeat;
	background-position: center;
}

/*왼쪽 */
.jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected {
    background-image: url('../../lib/jqwidgets/styles/images/metro-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected {
	background-image: url('../../lib/jqwidgets/styles/images/ss-icon-left.png');
	background-repeat: no-repeat;
	background-position: center;
	float: left !important;
}

/*오른쪽 */
.jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected {
    background-image: url('../../lib/jqwidgets/styles/images/metro-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected {
	background-image: url('../../lib/jqwidgets/styles/images/ss-icon-right.png');
	background-repeat: no-repeat;
	background-position: center;
}
/*맨뒤로 */
.jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected {
    background-image: url('../../lib/jqwidgets/styles/images/metro-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected {
	background-image: url('../../lib/jqwidgets/styles/images/ss-icon-last.png');
	background-repeat: no-repeat;
	background-position: center;
}


/* 아래쪽 */
.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected {
    background-image: url('../../lib/jqwidgets/styles/images/metro-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
/* 위쪽 */
.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected {
    background-image: url('../../lib/jqwidgets/styles/images/metro-icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

/* 탭 왼쪽아이콘  */
.jqx-tabs-arrow-left{
	background-image: url('../../lib/jqwidgets/styles/images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}


/* 탭 오른쪽아이콘  */
.jqx-tabs-arrow-right{
	background-image: url('../../lib/jqwidgets/styles/images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}


/* 필터 버튼  */
.filtericon, .jqx-widget-header, .jqx-widget-header-ui-hamon{
    background-image: url('../../lib/jqwidgets/styles/images/filter_white.png') no-repeat center;
    background-repeat: no-repeat;
    /*background-position: center;*/
    /*background:#fff;*/
}
/**=======================
	스크롤바
======================== */

/* 스크롤바- 기본상태   */
.jqx-scrollbar-thumb-state-normal-horizontal-ui-hamon,
	.jqx-scrollbar-thumb-state-normal-ui-hamon {
	background: #cdcdcd;
	border-color:#f0f0f0 /* #939393---------- 2022-09-06 변경 : pub1 */
}


/* 스크롤바- 후버시  */
.jqx-scrollbar-thumb-state-hover-horizontal-ui-hamon,
	.jqx-scrollbar-thumb-state-hover-ui-hamon {
	background: #a6a6a6;
	border-color: #a6a6a6;
}

/* 스크롤바- 클릭시  */
.jqx-scrollbar-thumb-state-pressed-horizontal-ui-hamon,
	.jqx-scrollbar-thumb-state-pressed-ui-hamon {
	background: #606060;
	border-color: #606060;
}

/**=======================
	분할테마
======================== */
/* 분할바 */
.jqx-splitter-splitbar-hover-ui-hamon {
	background: #133B52;
}

.jqx-splitter-splitbar-vertical-ui-hamon,
	.jqx-splitter-splitbar-horizontal-ui-hamon,
	.jqx-slider-track-horizontal-ui-hamon,
	.jqx-slider-track-vertical-ui-hamon {
	background: #ffffff;
}

.jqx-splitter-collapse-button-horizontal-ui-hamon,
	.jqx-splitter-collapse-button-vertical-ui-hamon,
	.jqx-slider-rangebar-ui-hamon {
	/*background: #2F9BD7;*/  /*2020.03.02*/
}

.jqx-scrollbar-state-normal-ui-hamon {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}

.jqx-grid-bottomright-ui-hamon, .jqx-panel-bottomright-ui-hamon,
	.jqx-listbox-bottomright-ui-hamon {
	background-color: #f0f0f0;
}


/* 스크롤바 */
.jqx-scrollbar-thumb-state-normal-ui-hamon {
	background-color: #cdcdcd;
	background-color: #cdcdcd;
	background-image: -moz-linear-gradient(left, #cdcdcd, #cdcdcd);
	background-image: -ms-linear-gradient(left, #cdcdcd, #cdcdcd);
	background-image: -o-linear-gradient(left, #cdcdcd, #cdcdcd);
	background-image: -webkit-gradient(linear, left top, right top, from(#cdcdcd),to(#cdcdcd));
	background-image: -webkit-linear-gradient(left, #cdcdcd, #cdcdcd);
	background-image: linear-gradient(left, #cdcdcd, #cdcdcd);
	background-image: linear-gradient(left right, #cdcdcd, #cdcdcd);
	opacity:0.5;
}



.jqx-scrollbar-thumb-state-normal-horizontal-ui-hamon {
	background-color: #cdcdcd;
	background-color: #cdcdcd;
	background-image: -moz-linear-gradient(top, #cdcdcd, #cdcdcd);
	background-image: -ms-linear-gradient(top, #cdcdcd, #cdcdcd);
	background-image: -o-linear-gradient(top, #cdcdcd, #cdcdcd);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#cdcdcd),
		to(#cdcdcd));
	background-image: -webkit-linear-gradient(top, #cdcdcd, #cdcdcd);
	background-image: linear-gradient(top, #cdcdcd, #cdcdcd);
	background-image: linear-gradient(to bottom, #cdcdcd, #cdcdcd);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	opacity:0.5
}

.jqx-scrollbar-thumb-state-hover-ui-hamon {
	background-color: #a6a6a6;
	border-color: #a6a6a6;
	background-image: -moz-linear-gradient(left, #a6a6a6, #a6a6a6);
	background-image: -ms-linear-gradient(left, #a6a6a6, #a6a6a6);
	background-image: -o-linear-gradient(left, #a6a6a6, #a6a6a6);
	background-image: -webkit-gradient(linear, left top, right top, from(#a6a6a6),
		to(#a6a6a6));
	background-image: -webkit-linear-gradient(left, #a6a6a6, #a6a6a6);
	background-image: linear-gradient(left, #a6a6a6, #a6a6a6);
	background-image: linear-gradient(left right, #a6a6a6, #a6a6a6);
}

.jqx-scrollbar-thumb-state-hover-horizontal-ui-hamon {
	background-color: #a6a6a6;
	border-color: #a6a6a6;
	background-image: -moz-linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: -ms-linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: -o-linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a6a6a6),
		to(#a6a6a6));
	background-image: -webkit-linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: linear-gradient(to bottom, #a6a6a6, #a6a6a6);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}

.jqx-scrollbar-thumb-state-pressed-ui-hamon {
	background-color: #606060;
	border-color: #606060;
	background-image: -moz-linear-gradient(left, #606060, #606060);
	background-image: -ms-linear-gradient(left, #606060, #606060);
	background-image: -o-linear-gradient(left, #606060, #606060);
	background-image: -webkit-gradient(linear, left top, right top, from(#606060),
		to(#606060));
	background-image: -webkit-linear-gradient(left, #606060, #606060);
	background-image: linear-gradient(left, #606060, #606060);
	background-image: linear-gradient(left right, #606060, #606060);
}

.jqx-scrollbar-thumb-state-pressed-horizontal-ui-hamon {
	background-color: #606060;
	border-color: #606060;
	background-image: -moz-linear-gradient(top, #606060, #606060);
	background-image: -ms-linear-gradient(top, #606060, #606060);
	background-image: -o-linear-gradient(top, #606060, #606060);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#606060),
		to(#606060));
	background-image: -webkit-linear-gradient(top, #606060, #606060);
	background-image: linear-gradient(top, #606060, #606060);
	background-image: linear-gradient(to bottom, #606060, #606060);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}

.jqx-scrollbar-button-state-normal-ui-hamon {
	background-color: #f0f0f0;
	background-image: -moz-linear-gradient(top, #f0f0f0, #f0f0f0);
	background-image: -ms-linear-gradient(top, #f0f0f0, #f0f0f0);
	background-image: -o-linear-gradient(top, #f0f0f0, #f0f0f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0),
		to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
	background-image: linear-gradient(top, #f0f0f0, #f0f0f0);
	background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}

.jqx-scrollbar-button-state-hover-ui-hamon {
	background-color: #a6a6a6;
	border-color: #a6a6a6;
	background-image: -moz-linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: -ms-linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: -o-linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a6a6a6),
		to(#a6a6a6));
	background-image: -webkit-linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: linear-gradient(top, #a6a6a6, #a6a6a6);
	background-image: linear-gradient(to bottom, #a6a6a6, #a6a6a6);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}

.jqx-scrollbar-button-state-pressed-ui-hamon {
	background-color: #606060;
	border-color: #606060;
	background-image: -moz-linear-gradient(top, #606060, #606060);
	background-image: -ms-linear-gradient(top, #606060, #606060);
	background-image: -o-linear-gradient(top, #606060, #606060);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#606060),
		to(#606060));
	background-image: -webkit-linear-gradient(top, #606060, #606060);
	background-image: linear-gradient(top, #606060, #606060);
	background-image: linear-gradient(to bottom, #606060, #606060);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}

.jqx-grid-cell-filter-row, .jqx-grid-cell-filter-row-ui-hamon>input[type="text"]{
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}

/* 달력 */

.LevelGrade{
	float: left;
}
.LevelGrade>ul>li{
	float: left;
	margin-left:5px;
}

.colorLevel{
	width:10px;
	height: 10px;
}
.YellowBox{
	background: #fed171;
	border: 1px solid #fcc03a;
	margin-top: 3px;
}
.GreenBox{
	background: #97dd90;
	border: 1px solid #6dcf66;
	margin-top: 3px;
}
.PurpleBox{
	background: #d47fff;
	border: 1px solid #cc66ff;
	margin-top: 3px;
}
.SkyBox{
	background: #2ae3f4;
	border: 1px solid #1dd2e2;
	margin-top: 3px;
}
.colorText{
	margin-right: 10px;
}

.jqx-scheduler-month-cell{
	height: 20px !important;
	color: #000000;
	font-weight: bold;
}

.jqx-scheduler-month-weekend-cell{
	background: none;
}

#tablep_scheduler>.jqx-grid-table>tr>td{background: red;}

.jqx-button{cursor: pointer;}

/* 삼성 전용 페이징 */
/* .jqx-grid-pager>div{position: absolute; left:50%; margin-left:-75px;} */

/**=======================
	2018-09-19
	FMS CSS 추가 및 수정
	작성자 : 신은화
======================== */

/* netis.css
   추가 및 수정 */

.dashBtn {top:2px!important;}

div[id^=fms].fmsWidget .allStatus {width:100%; height:100%;}

div[id^=fms].fmsWidget .fmsGrp {
/*div[id^=fms].fmsWidget .fmsGrp {*/
	box-sizing:border-box;
	margin:auto;
	width:60%;
	height:75%;
	display:flex;
	-webkit-display:flex;
	align-items: center;
	-webkit-align-items: center;
}

div[id^=fms].fmsWidget .fmsIcon {width:50%;}
div[id^=fms].fmsWidget .alarmStatus {width:25%; margin-left: 20%;}

div[id^=fms].fmsWidget .fmsIcon img {max-width:100%; height:100%;}
div[id^=fms].fmsWidget .alarmStatus img {max-width:100%; height:100%;}

div[id^=fms].fmsWidget .fmsNotes {width:200px; height:25%; margin:auto; padding-top:2.5%; box-sizing:border-box;}
div[id^=fms].fmsWidget .fmsNotes li {font-weight: bold; float: left; margin-right:12px;}
div[id^=fms].fmsWidget .fmsNotes li:last-child {margin-right: 0;}
div[id^=fms].fmsWidget .fmsNotes span { display: inline-block; box-sizing: border-box; width:12px; height:12px; margin-right: 2px;}
div[id^=fms].fmsWidget .fmsNotes li:nth-child(1) span {background:#f64431; border:1px solid #d83625;}
div[id^=fms].fmsWidget .fmsNotes li:nth-child(2) span {background:#44ad44; border:1px solid #359435;}
div[id^=fms].fmsWidget .fmsNotes li:nth-child(3) span {background:#b5b5b5; border:1px solid #9f9f9f;}
div[id^=fms].fmsWidget .fmsNotes li:nth-child(4) span {background:#feee24; border:1px solid #e8d80f;}

/*.dashTitleBox {background:#fff}*/

.grid-stack > .grid-stack-item > .grid-stack-item-content {
	color: #2c3e50;
	text-align: center;
	/*background-color: #5cbcb8;*/
	left: 5px; right: 0px;
	border: 1px solid #e2e2e2;
}


.highcharts-pieCenterText {font-size: 26px;}

.filter{height:19px!important}

/* fms 위젯 대시보드 */

/*온도감시*/
.fmsTemp .st0{fill:var(--gray-color)!important}
/*습도감시*/
.fmsHumi  .st0{fill:var(--gray-color)!important}
/*장비현황*/
.fmsDev text{fill:var(--gray-color)!important}
/*항온항습감시*/
.hvaStatus .st1{fill:#565658!important;}
.hvaStatus .st11{fill:var(--gray-color)!important}
/*냉각탑감시 마스터*/
.chillerMaster .st1{fill:#565658!important}
.chillerMaster .st15{fill:var(--gray-color)!important}
/*냉각배관*/
.chillerPlumbing .st5{fill:var(--gray-color)!important}
/*풍속감시*/
.airStatus .st5{fill:var(--gray-color)!important}
/*냉각탑감시 슬레이브*/
.chillerMaster .st15{fill:var(--gray-color)!important}
/*장비상태*/
.devStatus .st28{fill:var(--gray-color)!important}
/*항온항습기 누수감시*/
.airCon .st4{fill:#565658!important;}
/*에어컨 누수감시*/
.hvaLeak .st4{fill:#141414!important;}

/*ups감시*/
.upsTable th{color:#ffffff;background:rgba(0,0,0,0.5)}
.upsTable td{color:#000;}

.upsTable2 th{color:#ffffff;background:rgba(0,0,0,0.5)}
.upsTable2 td{color:#ffffff;}