@charset "UTF-8";

body {
	background:#efefef;
}
th {
	font-weight:normal;
}
.CodeMirror {
	height: auto !important;
	background-color: #ddeeff !important;
}
.CodeMirror.javascript {
	background-color: #ddffdd !important;
}
.CodeMirror-scroll {max-height: 300px;}
td.codemirror-bg {
	background-color: #ddeeff !important;
}
td.codemirror-bg-javascript {
	background-color: #ddffdd !important;
}
.display-flex {
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flexbox !important;
	display: -o-flex !important;
	display: flex !important;
}
input[type=radio],input[type=checkbox] {min-width:16px !important}
select,input {max-width:100%;box-sizing:border-box;}

/* 본문 */
div.page-contents {
	border:4px solid #999;
	border-radius:.5em;
	padding:8px;
	background:white;
	margin-bottom:.5em;
	box-shadow: 6px 6px 16px #aaa;
	font-size:14px;
}

/* 메인 헤드 */
div.main-head {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	align-items:center;
	margin-bottom:.2em;
	min-height: 38px;
	flex-wrap:wrap;
}
/* 로고 */
div.main-logo {
	font-size:140%;
	margin-right:16px;
}

/* 메뉴 */
div.main-menu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}

/* 메뉴 아이템 */
div.main-menu ul {
	white-space: normal;
}
div.main-menu a {
	padding:2px 6px;
	font-size:14px;
}
div.main-menu a:hover {
	color:#1f8dd6;
	opacity:0.8;
}

/* 선택된 메뉴 */
div.main-menu li.selected a {
	color:#1f8dd6;
}

/* 계정 */
div.main-account {
	flex:0 0 auto;
	margin-left: 1em;
	position:relative;
}
/* 계정 이름 */
div.main-account div.name {
	cursor:pointer;
}
div.main-account div.name:hover {
	color:#1f8dd6;
}
/* 계정 메뉴 */
div.main-account div.account-menu {
	display:none;
	position:absolute;
	right:0;
	top:1.5em;
	background:white;
	border:1px solid #999;
	box-shadow:3px 3px 8px #666;
	width:120px;
	z-index:9999;
}
a.account-menu-item {
	display:block;
	text-align:center;
	padding:.5em;
	text-decoration:none;
	color:#666;
	border-bottom:1px dotted #ccc;
}
a.account-menu-item:last-child {
border-bottom:none;
}
a.account-menu-item:visited {
	text-decoration:none;
	color:#666;
}
a.account-menu-item:hover {
	background-color:#1f8dd6;
	color:white;
}

/* 페이지 제목 */
div.page-title {
	font-size:150%;
	margin:.1em 0 .3em .1em;
	color:#1f8dd6;
}

/* 프로젝트명 */
div.project-name {
	flex:0 0 auto;
	margin-left: 1em;
	color:red;
}

/* 오른쪽 버튼 메뉴 */
#contextmenu {
	z-index:9999;
	background:white;
	min-width: 150px;
	box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
	position: absolute;
	display: none;
}
/* 오른쪽 버튼 메뉴 아이템 */
#contextmenu > div {
	padding:6px 12px;
	color:#666;
	font-size:14px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#contextmenu > div:not(.not-click) {
	cursor: pointer;
}
#contextmenu > div:hover:not(.not-click) {
	background-color:#1f8dd6;
	color:white;
}

table.common {
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:.5em;
	color:#666;
	border-bottom:1px solid #cbcbcb;
	width:100%;
}
table.common th {
	text-align:center;
	vertical-align: middle;
	color:#333;
	background-color:#e0e0e0;
	border:1px solid #bbb;
	padding:.3em;
}
table.common td {
	vertical-align: middle;
	padding:.3em;
	/*text-align:center;*/
	border:1px solid #bbb;
}
table.hover > tbody > tr:hover {
	cursor:pointer;
	background-color: #eee;
}

/* 모달 */
div.modal {
	padding:1em;
	border:3px solid #1f8dd6;
	background-color:#fcfcff;
	color:#666;
	margin-bottom:.5em;
	border-radius: 5px;
	line-height:150%;
	font-size:14px;
}

/* 팝업 버튼들 */
div.modal-buttons {
	text-align:center;
	margin-top:0.7em;
}

/* flex 로 width 왼쪽은 내용만큼, 오른쪽은 나머지 전부 차지 */
.flex-left {
	flex:0 0 auto;
	-ms-flex: 0 0 auto;
	display:block;
}
.flex-right {
	flex:1 1 auto;
	-ms-flex:1 1 auto;
	display:block;
}

/* 도움말 상자 */
#helpbox {
	z-index:9999;
	min-width: 150px;
	box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	position: absolute;
	padding:.5em;
	border:3px solid #1f8dd6;
	background-color:#fcfcff;
	font-size:90%;
	display: none;
}

hr.divider {
	width:100%;
	border:none;
	border-top:1px dotted #ccc;
	height:1px;
}

/* CATI */
ul.submenu-buttons {
	list-style: none;
	padding:4px 0 8px;
	margin:0 0 4px;
	border-bottom:1px dotted #ccc;
}
ul.submenu-buttons li {
	display:inline-block;
}
ul.submenu-buttons li a {
	text-decoration: none;
	font-size:14px;
	color:#777;
	padding:4px 8px;
	cursor:pointer;
}
ul.submenu-buttons li.selected a {
	text-decoration: none;
	background-color:#1f8dd6;
	border-radius: 4px;
	color:white;
}
ul.submenu-buttons li a:hover {
	background-color:#1f8dd6aa;
	color:white;
	border-radius: 4px;
}

/*CATI 상단 메뉴*/
div.filters {
	display:flex;
	align-items: center;
	/*padding:.5em;*/
	margin:0 0 .4em;
	/*border:1px solid #ccc;*/
	/*background:#f0f0f0;*/
	font-size:14px;
}
div.filters label {
	margin-right:1em;
}
/*하단 버튼*/
div.bottom-buttons {
	display:flex;
	font-size:14px;
}

/* 달력 토, 일요일 색 */
table.ui-datepicker-calendar tr td.ui-datepicker-week-end:first-child a {
	color:red;
}
table.ui-datepicker-calendar tr td.ui-datepicker-week-end:last-child a {
	color:blue;
}

/*디스플레이 배율에 따른 선 굵기 조절 */
@media(-webkit-min-device-pixel-ratio:1.25){
	table.common {border-bottom-width:0.8px;}
	table.common th,table.common tr.is-sum td {border-width:0.8px;}
	table.common td {border-width:0.8px;}
	div.main-account div.account-menu {border-width:0.8px;}
}
@media(-webkit-min-device-pixel-ratio:1.5){
	table.common {border-bottom-width:0.8px;}
	table.common th,table.common tr.is-sum td {border-width:0.8px;}
	table.common td {border-width:0.8px;}
	div.main-account div.account-menu {border-width:0.8px;}
}
@media(-webkit-min-device-pixel-ratio:1.75){
	table.common {border-bottom-width:0.8px;}
	table.common th,table.common tr.is-sum td {border-width:0.8px;}
	table.common td {border-width:0.8px;}
	div.main-account div.account-menu {border-width:0.8px;}
}
/*@media(-webkit-min-device-pixel-ratio:2){*/
/*	table.common {border-bottom-width:0.5px;}*/
/*	table.common th,table.common tr.is-sum td {border-width:0.5px;}*/
/*	table.common td {border-width:0.5px;}*/
/*	div.main-account div.account-menu {border-width:0.5px;}*/
/*}*/
/*@media(-webkit-min-device-pixel-ratio:2.25){*/
/*	table.common {border-bottom-width:0.44px;}*/
/*	table.common th,table.common tr.is-sum td {border-width:0.44px;}*/
/*	table.common td {border-width:0.44px;}*/
/*	div.main-account div.account-menu {border-width:0.44px;}*/
/*}*/
/*@media(-webkit-min-device-pixel-ratio:2.5){*/
/*	table.common {border-bottom-width:0.4px;}*/
/*	table.common th,table.common tr.is-sum td {border-width:0.4px;}*/
/*	table.common td {border-width:0.4px;}*/
/*	div.main-account div.account-menu {border-width:0.4px;}*/
/*}*/
/*@media(-webkit-min-device-pixel-ratio:3){*/
/*	table.common {border-bottom-width:0.33px;}*/
/*	table.common th,table.common tr.is-sum td {border-width:0.33px;}*/
/*	table.common td {border-width:0.33px;}*/
/*	div.main-account div.account-menu {border-width:0.33px;}*/
/*}*/
/*@media(-webkit-min-device-pixel-ratio:3.5){*/
/*	table.common {border-bottom-width:0.29px;}*/
/*	table.common th,table.common tr.is-sum td {border-width:0.29px;}*/
/*	table.common td {border-width:0.29px;}*/
/*	div.main-account div.account-menu {border-width:0.29px;}*/
/*}*/