@charset "UTF-8";

/* 본문 */
div.make-container {
	max-width:100%;
	margin:0 auto;
	padding:0.5em;
}

/*부서*/
#departBox {
	font-size:12px;
	color:#666;
	background-color: #f0f0f0;
	border:1px solid #ccc;
	padding:.5em;
	overflow-x: auto;
}
#departWrapper {
}
#departCompanyName {
	display:inline-block;
	cursor:pointer;
	border:1px solid #ccc0;
	padding:4px 2px;
}
#departCompanyName.selected {
	background: rgb(190,235,255);
	border:1px solid #ccc;
}

/* 다크 테마: 부서 트리의 부모·자식 연결선을 배경과 명확히 구분 */
html:is(.pt-dark,.pt-auto) #departs .jstree-node {
	background-image: linear-gradient(var(--pt-border-strong), var(--pt-border-strong)) !important;
	background-position: 11px 0 !important;
	background-size: 1px 100% !important;
	background-repeat: no-repeat !important;
}
html:is(.pt-dark,.pt-auto) #departs .jstree-node.jstree-last {
	background-size: 1px 12px !important;
}
html:is(.pt-dark,.pt-auto) #departs .jstree-node > .jstree-ocl {
	position: relative;
	background-image: linear-gradient(var(--pt-border-strong), var(--pt-border-strong)) !important;
	background-position: 11px 11px !important;
	background-size: 10px 1px !important;
	background-repeat: no-repeat !important;
}
html:is(.pt-dark,.pt-auto) #departs :is(.jstree-open, .jstree-closed) > .jstree-ocl::after {
	content: "";
	position: absolute;
	left: 1px;
	top: 7px;
	width: 7px;
	height: 7px;
	border-right: 2px solid var(--pt-text-sub);
	border-bottom: 2px solid var(--pt-text-sub);
	box-sizing: border-box;
}
html:is(.pt-dark,.pt-auto) #departs .jstree-closed > .jstree-ocl::after {
	transform: rotate(-45deg);
}
html:is(.pt-dark,.pt-auto) #departs .jstree-open > .jstree-ocl::after {
	left: 1px;
	top: 5px;
	transform: rotate(45deg);
}

/* 다크 테마: 선택·마우스오버 부서의 글자와 배경 대비 개선 */
html:is(.pt-dark,.pt-auto) #departs .jstree-anchor {
	color: var(--pt-text);
}
html:is(.pt-dark,.pt-auto) #departs .jstree-hovered {
	background: var(--pt-surface-3);
	color: var(--pt-text-strong);
	box-shadow: inset 0 0 0 1px var(--pt-border-strong);
}
html:is(.pt-dark,.pt-auto) #departs .jstree-clicked {
	background: var(--pt-surface-5);
	color: var(--pt-text-strong);
	box-shadow: inset 3px 0 0 #4a88e8, inset 0 0 0 1px var(--pt-border-strong);
}
html:is(.pt-dark,.pt-auto) #departCompanyName.selected {
	background: var(--pt-surface-5);
	border-color: var(--pt-border-strong);
	color: var(--pt-text-strong);
	box-shadow: inset 3px 0 0 #4a88e8;
}

/*유저 팝업*/
#newUserPopup {
	max-width: 800px;
}
label.role {
	width:10em;
}

table.list td {
	text-align:center;
}
/*kmaCati: SSO 접속 타입별 권한*/
label.role.type-locked-label {
	background:#eee;
	color:#666;
	border-radius:3px;
}
input.type-locked {
	cursor:not-allowed;
	opacity:0.6;
}
.type-role-lock-hint {
	margin-top:6px;
	font-size:90%;
	color:#a33a2a;
	text-align:left;
}
.type-roles-desc {
	font-size:90%;
	color:#5a6570;
	text-align:left;
	line-height:1.5;
}
#typeRolesPopup label.role {
	width:12em;
}