.modules.sklrgl {

}

.modules.sklrgl .jstree-default .jstree-anchor {
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}
.modules.sklrgl .jstree-default .jstree-wholerow-clicked {
	height: 30px;
	background: #1c5baf;
	background: -webkit-linear-gradient(top,#1c5baf 0,#3C7AC1 100%);
	background: linear-gradient(to bottom,#1c5baf 0,#3C7AC1 100%);
}

.modules.sklrgl .jstree-node > i {
	height: 30px;
	line-height: 30px;
}

.modules.sklrgl .jstree-open > a > .jstree-icon {
	display:none;
}
.modules.sklrgl .jstree-node > a > .jstree-icon {
	display:none;
}
.modules.sklrgl .jstree-closed>.jstree-ocl {
	background: url('./image/plus.jpg') center center no-repeat !important;
}
.modules.sklrgl .jstree-open>.jstree-ocl {
	background: url('./image/minus.jpg') center center no-repeat !important;
}
.modules.sklrgl .jstree-leaf>.jstree-ocl{
	background: url('./image/folder.jpg') center center no-repeat !important;
}

.modules.sklrgl .treeBtn {
	margin-left: 5px;
	padding: 1px 5px;
	font-weight: 400;
	text-align: center;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	user-select: none;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}

.modules.sklrgl .treeBtn.addBtn {
	background-color: #275b89 !important;
	border-color: #1f496d;
}
.modules.sklrgl .treeBtn.modBtn {
	background-color: #5b835b !important;
	border-color: #4c6e4c;
}

/* tree box */
.modules.sklrgl .sklrglTree {
	width: 100%;
	overflow: auto;
	padding: 20px;
	height: 680px;
	border: 1px #eaeaea solid;
	box-sizing: border-box;
}

/* dataDataView box */
.modules.sklrgl .sklrglHeader {
	margin-bottom: 15px;
}
.modules.sklrgl .sklrglHeader .sklrglTitle {
	font-size: 20px;
	color: #333;
	line-height:1.2;
	font-weight:500;
}
.modules.sklrgl .sklrglHeader .sklrglLink {
	position:absolute;
	right: 13px;
	top:0;
}
.modules.sklrgl .sklrglHeader .sklrglLink a {
	border: 1px solid #cccccc;
	display: inline-block;
	position: relative;
	padding: 5px 10px;
	font-size: 13px;
	color: #666;
	outline: inherit;
}

.modules.sklrgl .sklrglDataView .sklrglNone {
	width: 100%;
	border: 1px solid #d9dee2;
	background-color: #f7f7f7;
	position: relative;
	padding: 20px 40px;
	display: table;
	box-sizing: border-box;
}
.modules.sklrgl .sklrglDataView .sklrglNone p {
	padding: 50px 0;
	text-align: center;
	font-size: 22px;
}

.modules.sklrgl .sklrglData .sklrglDataTable {
	width: 100%;
	border-collapse:collapse;
	border-top:1px solid #000;
}
.modules.sklrgl .sklrglData .sklrglDataTable > thead > tr > th {
	background-color:#f8f8f8;
	border-bottom:1px solid #ddd;
	padding: 16px 20px;
	font-size: 15px;
	text-align: center !important;
	color: #222;
	font-weight: 300;
}
.modules.sklrgl .sklrglData .sklrglDataTable > tbody > tr > td {
	border-bottom:1px solid #ddd;
}
.modules.sklrgl .sklrglData .sklrglDataTable > tbody > tr > td > a {
	color: #000;
}
.modules.sklrgl .sklrglData .sklrglDataTable .line .outer-row > td {
	padding:15px 0;
}

.modules.sklrgl .tableBtn {
	margin-left: 5px;
	padding: 1px 5px;
	font-weight: 400;
	text-align: center;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	user-select: none;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}

.modules.sklrgl .tableBtn.btnMod {
	background-color: #5b835b !important;
	border-color: #4c6e4c;
}
.modules.sklrgl .tableBtn.btnDown {
	background-color: #456b7b !important;
	border-color: #385764;
}
.modules.sklrgl .tableBtn.btnView {
	background-color: #9b711a !important;
	border-color: #7d5b15;
}

.modules.sklrgl .sklrglData .sklrglDataTable table {
	width: 100%;
	border-top:2px solid #000;
}
.modules.sklrgl .sklrglData .sklrglDataTable table tr th {
	background-color:#f8f8f8;
	width:20%;
	border-bottom:1px solid #ddd;
}
.modules.sklrgl .sklrglData .sklrglDataTable table tr td {
	padding:15px 0;
	text-align:left;
	padding-left:10px;
	border-bottom:1px solid #ddd;
}

/* custom button */
.board_write .write_btn .right_area > button {
	color:#fff;
	display:inline-block;
	min-width:76px;
	height:31px;
	margin:2px;
	line-height:31px;
	text-align:center;
	vertical-align:top;
	cursor:pointer;
	border-radius:3px;
}
.board_write .write_btn .right_area .btn_del {
	border:1px solid #d3220e;
	background:#d3220e;
}
.board_write .write_btn .right_area .btn_wrt {
	border:1px solid #1f496d;
	background:#275b89;
}


@media (max-width: 639px) {


	.sklrglHeader {
		margin-top: 20px;
	}

	.modules.sklrgl .sklrglData .sklrglDataTable thead th {
		display: none;
	}

	.modules.sklrgl .sklrglData .sklrglDataTable > tbody > .outer-row > td {
		display: none;
	}

	.modules.sklrgl .sklrglData .sklrglDataTable thead th:nth-child(2) {
		width: 100%;
		display: block;
		text-align: center;
	}

	.modules.sklrgl .sklrglData .sklrglDataTable > tbody > .outer-row > td:nth-child(2) {
		display: block;
	}
}

.sklrgl_search{
	display: block;
	overflow: hidden;
	margin-bottom: 18px;
	padding: 30px 30px;
	text-align: center;
	background: #f5f5f5;
}

.sklrgl_search select{
	display: inline-block;
	height: 48px;
	padding: 0 10px;
	font-size: 14px;
	border: none;
	background: none;
	-webkit-appearance: none;
}

.sklrgl_search .select{
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #bdbdbd;
	background-color: #fff;
	line-height: 19px;
	vertical-align: top;
}

.sklrgl_search input.input_text{
	height: 50px;
	padding: 0 15px;
	border: 1px solid #bdbdbd;
	font-size: 15px;
	color: #333;
}

.sklrgl_search .btn_search{
	display: inline-block;
	min-width: 110px;
	margin-left: 4px;
	padding: 0 18px;
	height: 50px;
	line-height: 32px;
	background: #70559d;
	border-radius: 0;
	font-size: 15px;
	color: #fff;
	vertical-align: top;
}