@charset "UTF-8";
@font-face {
  font-family: Noto-L;
  src: url(../../css/noto/NotoSansKR-Thin.otf);
}
@font-face {
  font-family: Noto;
  src: url(../../css/noto/NotoSansKR-Light.otf);
}
@font-face {
  font-family: Noto-M;
  src: url(../../css/noto/NotoSansKR-Medium.otf);
}

@font-face {
	font-family: 'Pretendard-K';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(./Pretendard/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(./Pretendard/woff/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard-K';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(./Pretendard/woff2/Pretendard-Regular.woff2) format('woff2'), url(./Pretendard/woff/Pretendard-Regular.woff) format('woff');
}

body { 
	
	font-family: "Pretendard-K", sans-serif; 
	background: #f2f2f2;
}
.theme-color-home {
	color: #132938;
}
.theme-color-assess {
	color: #36A787;
}
.theme-color-analytics {
	color: #5D6E8F;
}
.theme-color-action {
	color: #895B7f;
}
.theme-color-mng {
	color: #36A787;
}
.theme-color-sysop {
	color: #895B7f;
}
.theme-color-asp {
	color: #00a0b0;
}
.theme-color-calendar {
	color: #FFC670;
}
.layout-container { 
	width: 100%;
	padding-bottom: 50px;
}
.layout-gnb {
	padding: 5px 0px;
	box-shadow: 0px 1px 10px rgb(50 50 50 / 50%); 
	position: relative;
	background: #fff;
	background: rgba(15,23,42,1);
}
.layout-lnb {
	background: #f2f2f2;
	padding-top: 20px;


}
.layout-lnb .lnb-wrapper { 
	box-shadow: 0px 0px 5px rgb(50 50 50 / 10%); 
	box-shadow: none;
	color: #fff;
	position: relative;
}
.layout-content {
}
.layout-content #content-title {
	font-size: 18px;
}
.layout-content #content-title .sub-title {
	font-size: 16px;
	color: #555;
	vertical-align: 0px;
}
.layout-content #content-title .sub-title > i {
	margin: 0 2px;
}
.layout-content .container { 
}
.layout-copyrighter {
	color: #8E8F90;
	/*
	background: #323439;
	*/
	background: #323439;
}
.layout-copyrighter .footer {
	padding: 8px 0;
}
.layout-copyrighter .brand {
	margin-left: 10px;
}
.layout-copyrighter .brand > a {
	display: inline-block;
	background: #323439;
	padding: 5px 15px;
	border-radius: 4px;
}
.layout-copyrighter .copyrighter {
	padding-left: 10px;
	vertical-align: middle;
	text-align: center;
}
.content-body-wrap { 
	margin: 10px 0px 10px 0px; 
}




.layout-gnb .logo {
	position: absolute;
	right:0;
	background: rgba(15,23,42,1);
	border-radius: 4px;
	display:flex;
	align-items:center;
	justify-content:center;
	height:70px;
	padding:10px;
}
.layout-gnb .logo img {
	max-width:120px;
	max-height:70px;
	padding: 10px;
}

.layout-gnb .gnb-tools {
	position: absolute;
	top: 62px;
	right: 15px;
	margin-top: -5px;
}
.layout-gnb .tools-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 90px;
	width: 360px;
}
.layout-gnb .tools-menu > li {
	color: gray;
	float: right;
	margin: 0 0 10px 10px;
}
.layout-gnb .tools-menu a {
	display: inline-block;
	width: 55px;
	height: 55px;
	color: gray;
	font-size: 20px; 
	text-align: center;
	border-radius: 50%; 
	line-height: 360%;
	background: #fff;
	box-shadow: 0 1px 7px rgb(150 150 150 / 30%);
}
.layout-gnb .tools-menu i > div {
	font-size: 11px;
	line-height: 22px;
}

.layout-gnb .gnb-menu {
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
	float: left;
}
.layout-gnb .gnb-menu > li {
	float: left;
	margin: 0 15px 0px 0px;
}
.layout-gnb .gnb-menu a {
	display: inline-block;
	width: 70px;
	height: 70px;
	color: #748398;
	font-size: 30px; 
	text-align: center;
	border-radius: 50%; 
	border-radius: 6px;
	/*
	border: 1px solid #748398;
	box-shadow: 0 1px 7px rgb(150 150 150 / 30%);
	*/
	padding: 4px 0 0px 0;
	text-decoration: none;
}
.layout-gnb .gnb-menu a:hover, 
.layout-gnb .gnb-menu a.active {
	color: #fff;
	/*
	background: #2C3344;
	*/
}
.layout-gnb .gnb-menu i > div {
	font-size: 14px;
}

.layout-gnb .gnb-wrapper .user-box {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 17px 7px 0 0;
	float: right;
}
.layout-gnb .gnb-wrapper .user-box > li {
	float: left;
}
.layout-gnb .gnb-wrapper .user-box .photo {
	font-size: 20px;
	margin-bottom: 5px;
}
.layout-gnb .gnb-wrapper .user-box .name,
.layout-gnb .gnb-wrapper .user-box .email {
	padding: 0 5px;
	color: #fff;
}
.layout-gnb .gnb-wrapper .user-box .name {
}
.layout-gnb .gnb-wrapper .user-box .email {
}
.layout-gnb .gnb-wrapper .user-box a.u-item {
	text-decoration: none;
	color: #748398;
	color: #8f9faf;
	padding: 5px;
	display: inline-block;
	font-size: 20px;
	margin: 4px 0 0 4px;
	position: relative;
}
.layout-gnb .gnb-wrapper .user-box a .badge {
	position: absolute;
	left: -5px;
	top: -3px;
}

.lnb-submenu {
	margin: 0px 0px 10px 0;
}
.lnb-submenu .panel-card {
	margin: 10px 0;



}
.lnb-submenu .panel-card .panel-body {
	padding: 30px 10px;
}
.lnb-submenu a {
	display: block;
	border-radius: 4px;
	padding: 5px 5px 5px 5px;
	color: #895B7f;
	text-decoration: none;
	height: 100px;
	text-align: center;
	
}
.lnb-submenu .ico {
	font-size: 50px;

}
.lnb-submenu .name {
	font-size: 14px;
	color: #777;

}
.lnb-submenu a:hover .name, .lnb-submenu .active a .name {
	color: #000;
	font-weight: bold;
}
.lnb-submenu a:hover .ico, .lnb-submenu .active a .ico {

}

.panel-card {
	border-width: 0;
	/*
	box-shadow: 0 1px 15px rgb(0 0 0 / 4%);
	*/
	border-radius: 8px;
	/*
	box-shadow: 0 1px 7px rgb(150 150 150 / 30%);
	*/
	box-shadow: none;
}
.panel-card .panel-heading {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom: 0px solid transparent;
	padding-bottom: 0px;
}
.panel-card .panel-footer {
	background: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top: 0px solid transparent;
	padding-top: 0px;
}
.panel-card .panel-heading {
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
} 
.panel-card .panel-body {
	padding: 25px;
}
.panel-card .panel-footer {
	padding-left: 25px; padding-right: 25px;
}
.dashboard .panel-card .panel-heading {
	font-weight: bold;
	color: #000;
}
.dashboard .panel-card .panel-heading .fa {
	display: none;
}
.panel-card {
	border-color: #fff;
}
.panel-card .panel-heading {
	background: #fff;
}
.panel-card .panel-body {
	border-color: #fff;
}
.table thead, .thead-tr {
	background: none;
	color: #555;
}
.table .thead-tr {
	background: #fafafa;
}
.panel-card.title-sm {
	margin-bottom: 10px;
}
.panel-card.title-sm .panel-body {
	padding-top: 15px;
	padding-bottom: 15px;
}
.panel-card h1,
.panel-card h2,
.panel-card h3,
.panel-card h4,
.panel-card h5,
.panel-card h6 {
	margin: 0;
}
.assess-view h6 { margin: 10px 0; }

.panel-tools a {
	font-size: 18px;
	text-decoration: none;
	margin-left: 15px;
}
.panel-tools button {
	vertical-align: 2px;
}
.label-tag:hover {
	color: #222 !important;
	background: #e0e0e0;
}
.label-tag {
	font-size: 12px;
	padding: 1px 9px 3px 9px;
	text-align: center;
	border-radius: 8px;
	color: #444;
	background: #eee;
}
.label-round {
	font-size: 10px;
	padding: 0px 7px 2px 7px;
	text-align: center;
	border-radius: 10px;
	color: #000;
	border: 2px solid #000;
}
.label-round-f11 {
	font-size: 11px;
	padding: 1px 7px 1px 7px;
}
.label-round-primary {
	color: #1890FF;
	border-color: #1890FF;
}
.label-round-success {
	color: #21BF54;
	border-color: #21BF54;
}
.label-round-info {
	color: #5BC0DE;
	border-color: #5BC0DE;
}
.label-round-warning {
	color: #ff9800;
	border-color: #ff9800;
}
.label-pm {
	font-size: 12px;
	line-height: 100%;
	padding: 0px 10px 2px 10px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	background: #ff9800;
}
.label-member {
	font-size: 12px;
	line-height: 100%;
	padding: 0px 10px 2px 10px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	background: #21BF54;
}
.label-open {
	font-size: 12px;
	line-height: 100%;
	padding: 0px 10px 2px 10px;
	text-align: center;
	border-radius: 10px;
	color: #aaa;
	border: 1px solid #aaa;
}
.label-default-2 {
	background: #fff;
	border: 1px solid #aaa;
	color: #666;
}

.card-heading {
	margin-bottom: 15px;


}

.card-thumb-wrapper {
	display: block;
	text-decoration: none !important;
	border-radius: 8px;
	/*
	box-shadow: 2px 2px 4px rgb(50 50 50 / 20%);
	*/
	border: 1px solid transparent;
	margin-bottom: 20px;
}
div.card-thumb-wrapper:hover { 
	/*
	box-shadow: 0 0 5px rgb(50 50 50 / 60%);
	*/
	cursor:pointer;
	border-color: #bbb;
}
.card-thumb.panel {
	margin: 0;
}
.card-thumb .panel-heading {
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.card-thumb .panel-body {
	height: 58px;
	overflow: hidden;
	padding: 15px;
}
.card-thumb .panel-footer {
	padding: 5px 15px 15px 15px;
	margin: 0;
}
.card-thumb .panel-footer.has-adj-pad {
	padding: 5px 10px 10px 15px;
}
.card-thumb .title {
}
.card-thumb .sub-title {
	margin-top: 8px;
}
.card-thumb .date {
	font-size: 13px;
}
.card-group { font-size: 12px; }
.card-group > div > b { margin-right: 10px; }


#content-body { padding: 0 0 0 0; }

.table.table-bordered { border-width: 0px !important; border-top: 1px solid #d0d0d0 !important; }
.table-bordered td, 
.table-bordered th { border-right-width: 0 !important; border-left-width: 0 !important; }
.assess-view .table-bordered td, 
.assess-view .table-bordered th { border-right-width: 1px !important; border-left-width: 1px !important; }
/*
.assess-view tr > th:first-child,
.assess-view tr > td:first-child { background: red !important; }
*/
.table.table-no-bordered  > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 0px solid transparent;
}
.table-bordered th.bdr,
.table-bordered td.bdr { border-right: 1px double #ddd !important; }

.table > thead > tr > th {
	border-bottom: 1px solid #0F172A;
	white-space: nowrap;
}



.list-searchbox {
	padding: 20px 25px; 
	margin-bottom:10px; 
	border:0px solid #ddd; 
	border-radius: 8px; 
	background: #fdfdfd;
	/*
	box-shadow: 0 1px 7px rgb(150 150 150 / 30%);
	*/
}
.list-searchbox input[type=checkbox], 
.list-searchbox input[type=radio] {
	vertical-align: -2px;
}
.list-searchbox .btn-success {
	background: #0F172A;
	border-color: #0F172A;
}
.list-searchbox label { font-weight: normal; }

.tree-wrap-team .tree-area, .tree-wrap-question .tree-area, .tree-wrap-group .tree-area { min-height: auto; }
.btn-area { 
	margin-top: 10px; 
	border-top: 1px solid #bbb;
	padding: 20px 0;
}
.form-control {
	vertical-align: middle;
}

/*
input[type=text] {
	border-width: 0;
	border-bottom-width: 1px;
	border-radius: 1px;
	box-shadow: none;
}
input[type=text]:focus {
	box-shadow:  0 1px 2px rgba(102, 175, 233, .6);
}
input[type=text]:focus:invalid {
	box-shadow:  0 1px 2px #f8b9b7;
}
*/

.box-scroller {
	overflow: auto;
}
.box-scroller::-webkit-scrollbar {
	background-color: #f4f4f4;
	width: 8px;
}
.box-scroller::-webkit-scrollbar-thumb {
	background-color: #d0d0d0;
	border-radius: 5px;
}
.box-scroller::-webkit-scrollbar-track {
	background-color: transparent;
}
.box-scroller.light::-webkit-scrollbar {
	background-color: #fefefe;
}
.box-scroller.light::-webkit-scrollbar-thumb {
	background-color: #f6f6f6;
}
.form-group label button { vertical-align: 1px; }
@media (max-width: 767px) {
	.list-searchbox .form-group {
		margin-bottom: 10px;
	}
	.form-group:last-child {
		margin-bottom: 0px;
	}
	.list-searchbox .btn-success {
		width: 100%;
	}
}
.radio, .checkbox {
	display: initial;
}

.nav-tabs { 
	border-bottom: 2px solid #895B7f; 
	margin: 0 0 10px 0;
	background: transparent;
	border-radius: 4px 4px 0 0;
}
.nav-tabs > li { 
	margin-bottom: -2px;
}
.nav-tabs > li > a { 
	border-radius: 4px 4px 0 0 ;
	color: #777;
	font-weight: bold;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus { 
	background: transparent;
	color: #000;
	border-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-color: #895B7f;
	background: #fff;
	border-width: 2px;
	border-bottom-color: transparent;
	color: #895B7f;
}
@media (max-width: 991px) {
	.nav-tabs > li > a {
		padding: 8px 10px;
	}
}
/*
.action .nav-tabs { margin-bottom:20px; }
*/
.action .nav-tabs .badge { background:#D9534F; font-weight:normal; }
.action .action-group { float:right; }
.action .action-group .btn-group { margin:3px; }

.sub-lnb-wrapper {
	background: #fff;
	margin: 0px 0 10px 0;
}
.sub-lnb-wrapper .nav {
	margin: 0;
}
.sub-lnb-wrapper .nav-tabs { 
	border-width: 0px;
}
.sub-lnb-wrapper .nav-tabs > li { 
	padding-top: 5px;
}
.sub-lnb-wrapper .nav-tabs > li > a { 
	border-width: 0px;
	margin-bottom: 3px;
}
.sub-lnb-wrapper .nav-tabs > li > a:hover,
.sub-lnb-wrapper .nav-tabs > li > a:focus { 
}
.sub-lnb-wrapper .nav-tabs > li.active > a, 
.sub-lnb-wrapper .nav-tabs > li.active > a:hover,
.sub-lnb-wrapper .nav-tabs > li.active > a:focus {
	border-width: 0px;
	border-bottom: 3px solid #895B7f; 
}
.label-desc { font-weight: normal; color: #666; }

.row {
	margin-left: -10px;
	margin-right: -10px;
}
.row > [class*="col-"] {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.photo-circle {
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover; 
	margin: 10px auto; 
	border: 1px solid #ddd; 
	border-radius: 50%; 
	overflow: hidden;
}
.photo-wrapper {
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover; 
	background-color: #aaa;
	margin: 10px auto; 
	border: 1px solid #ddd; 
	overflow: hidden;
}
.thumb-wrapper {
	padding: 10px;
	border: 1px solid #ddd; 
	background: #f0f0f0;
	border-radius: 5px;
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: cover; 
	overflow: hidden;
}

.common .media-list {
	background: #fff;
	margin-bottom: 20px;
}

.panel-card .page-header {
	padding: 10px 0;
	margin: 0 0 0px 0;
}

@media (min-width:768px) {
	.input-fix-sm input[type=text], 
	.input-fix-sm select { width:100px !important; }
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-o-text-overflow: ellipsis;
}

.ellipsis-2 {
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.ellipsis-3 {
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
}
.ellipsis-4 {
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.initial-name { 
	text-shadow:1px 1px 2px #aaa; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color=red,direction=45,strength=10); 
	font-weight:bold; 
	background:transparent !important;
	margin-right: 3px;
}
@media (max-width:991px) {
	.initial-name { 
		white-space:nowrap; 
	}
}
.i01 { background-color: #000000; }
.i02 { background-color: #7F7F7F; }
.i03 { background-color: #880015; }
.i04 { background-color: #ED1C24; }
.i05 { background-color: #FF7F27; }
.i06 { background-color: #F9DA09; }
.i07 { background-color: #22B14C; }
.i08 { background-color: #00A2E8; }
.i09 { background-color: #3F48CC; }
.i10 { background-color: #A349A4; }
.initial-name.i01, .initial.i01{ color:#000000; }
.initial-name.i02, .initial.i02{ color:#7F7F7F; }
.initial-name.i03, .initial.i03{ color:#880015; }
.initial-name.i04, .initial.i04{ color:#ED1C24; }
.initial-name.i05, .initial.i05{ color:#FF7F27; }
.initial-name.i06, .initial.i06{ color:#F9DA09; }
.initial-name.i07, .initial.i07{ color:#22B14C; }
.initial-name.i08, .initial.i08{ color:#00A2E8; }
.initial-name.i09, .initial.i09{ color:#3F48CC; }
.initial-name.i10, .initial.i10{ color:#A349A4; }


/*
.head-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid #d0d0d0;
	margin: 0;
	padding: 10px 0;
}
.head-fixed.content-fixed {
	position: fixed;
	top: 0;
	left: initial;
	right: initial;
	z-index: 100;
	background: #fff;
	border-bottom: inherit;
}
.fixed-base-body { 
	height: 800px; 
	overflow: auto;
}
.pair-fixed-content {
	min-height: 900px;
}
@media (max-width:768px) {
	.head-fixed {
		position: initial;
		bottom: initial;
	}
	.fixed-base-body { 
		height: initial;
		overflow: initial;
	}
	.pair-fixed-content {
		min-height: initial;
	}
	.head-fixed.toggle-fixed-base {
		position: initial;
	}
}
*/

#scroll-base { 
	position: relative; top: 1px;
}
.sticky-content {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 10;
}

@media (max-width: 991px) {
	.layout-lnb {padding-top:44px;}
	.layout-lnb+.layout-content {padding-top:0;} 
	.layout-gnb+.layout-content {padding-top:44px;} 
	.sticky-content {
		position: -webkit-sticky;
		position: sticky;
		top: 43px;
		z-index: 10;
	}
	.sticky-container {
		min-height: initial !important;
	}
	
	.layout-gnb .logo { 
		display:none;
	}
}
@media (max-width: 768px) {
	.sticky-content {
		position: initial;
		top: initial;
		z-index: initial;
	}
	.sticky-container {
		min-height: initial !important;
	}

	
}

#page-main-sticky {
	background: #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.section-split {
	margin: 15px;	
}

.panel-card .media-list { border-width: 0px; margin: 0; }
.panel-card:not(.comments) .media-list > .media:last-child { border-width: 0px; }
.has-pagination .pagination-wrap {
	display: inline-block;
}
.has-pagination .pagination-wrap a {
	font-size: 14px;
}
.list-searchbox .pagination-wrap, 
.has-pagination .pagination-wrap {
	text-align: right;
	margin: 0;
}
.list-searchbox .pagination,
.has-pagination .pagination {
	margin: 0;
	vertical-align: -7px;
}
.list-searchbox .pagination > li > a, 
.has-pagination .pagination > li > a {
	border-width: 0px;
}
.list-searchbox .pagination > li > a, .list-searchbox .pagination > li > span,
.has-pagination .pagination > li > a, .has-pagination .pagination > li > span {
	color: #333;
}
.list-searchbox .pagination > li.disabled > a, .list-searchbox .pagination > li.disabled > span,
.has-pagination .pagination > li.disabled > a, .has-pagination .pagination > li.disabled > span {
	color: #bbb;
}
.list-searchbox .pagination > .active > a,
.has-pagination .pagination > .active > a {
	background: transparent;
	color: #004080;
	color: #D9534F;
	font-weight: bold;
}

.list-searchbox.thin  {
	padding: 0;
	margin: 0;
	background: #F4F7FD;
	border-radius: 0;
	border-bottom: 0px solid #D0D8F3;
}
.list-searchbox.thin .pagination a {
	font-size: 13px;
	padding: 6px 8px;
	background: transparent !important;
}

.conversations .media-body .media-list > .media { padding-left: 20px; padding-right: 15px; }
.pre-content { margin-top: 10px; }

.panel-file-item {
	border: 1px solid red;
}
.panel-file-item .panel-body {
	padding: 10px 25px;
}
.article-attaches { 
	border-top: 1px dashed #ddd;
	padding-top: 10px;
}
.article-attaches .list-group-item {
	border-width: 0;
	padding: 0 0 5px 0;
}
.article-attaches .attach-icon {
	font-size: inherit;
}
.article-attaches .attach-img {
	width: 100px;
}

.cal01, .cal02 { text-align: center !important; width: 110px !important; display: inline-block !important; }
.cal01-datetime, .cal02-datetime { text-align: center !important; width: 150px !important; display: inline-block !important; }

.color-item { display: inline-block; padding: 0px !important; margin: 5px !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; }


.modal-title {
	font-size: 16px;
}

.modal .list-searchbox {
	padding: 0;
}
.modal-header {
	background:#222; 
	color: #fff;
	margin-left: -20px;
	margin-right: -20px;
	border-radius: 5px 5px 0 0 ;
	border: 1px solid #dfdfdf;
	border-bottom: 20px solid #dfdfdf;
}
.modal-header .close {
	color: #fff;
}
.modal-content {
	border: 20px solid #dfdfdf;
	border-top: 0px solid rgba(0, 0, 0, 0);
}
.modal-backdrop.in { opacity: .4; }


.sidebar .home i { color: #132938; }
.sidebar .assess i { color: #36A787; }
.sidebar .analytics i { color: #5D6E8F; }
.sidebar .action i { color: #895B7f; }
.sidebar .mng i { color: #36A787; }
.sidebar .sysop i { color: #895B7f; }
.sidebar .asp i { color: #00a0b0; }

/*
.sidebar .menu .home .submenu > li > a { border-color: #132938 !important; }
.sidebar .menu .assess .submenu > li > a { border-color: #36A787 !important; }
.sidebar .menu .analytics .submenu > li > a { border-color: #5D6E8F !important; }
.sidebar .menu .action .submenu > li > a { border-color: #895B7f !important; }
.sidebar .menu .mng .submenu > li > a { border-color: #36A787 !important; }
.sidebar .menu .sysop .submenu > li > a { border-color: #895B7f !important; }
.sidebar .menu .asp > li > a { border-color: #00a0b0 !important; }
*/


.report .panel-title {
	background: #ebf5fd;
	border: 2px solid #2196f3;
	padding: 15px 20px;
	margin-bottom: 5px;
}
.report .panel-title .name {
	font-size: 20px;
	color: #2196f3;
	font-weight: bold;
}
.report .panel-title .title {
	font-size: 14px;
	letter-spacing: 4px;
	color: #2196f3;
}
.report .multi .panel-title {
	background: #FDF5E7;
	border-color: #FF9800;
}
.report .multi .panel-title .name {
	color: #FF9800;
}
.report .multi .panel-title .title {
	color: #FF9800;
}
.report .team .panel-title {
	background: #EDF7ED;
	border-color: #42AB47;
}
.report .team .panel-title .name {
	color: #42AB47;
}
.report .team .panel-title .title {
	color: #42AB47;
}
.report .panel-title .info {
	padding: 5px;
	background: #fff;
	font-size: 13px;
	text-align: center;
	margin-top: 10px;
}

.report .panel-box {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px 25px;
	box-sizing: border-box;
	box-shadow: 0px 3px 10px rgba(204, 204, 204, 0.5);
	margin-top: 15px;
}
.report .panel-box > .heading-wrapper > .heading, 
.report .panel-box > .heading {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding: 5px 20px 6px 20px;
	border-radius: 15px;
	background: #f1f1f1;
	margin-bottom: 15px;
	line-height: 100%;
}
.report .info-list {
	width: 100%;
}
.report .info-list tr {
	height: 28px;
}
.report .info-list td {
	padding: 3px;
	position: relative;
}
.report .info-list .title {
	color: #777;
	border-bottom: 1px dashed #ddd;
}
.report .info-list .value {
	color: #000;
}
.report .info-list span {
	display: block;
	background: #fff;
	position: absolute;
	bottom: -1px;
}
.report .info-list .title span {
	left: -1px;
	padding: 3px 7px 0 0;
}
.report .info-list .value span {
	left: 7px;
}
@media (max-width: 500px) {
	.report .photo-wrapper { display: none; }
}
.report .compare-info-parent-tbl-wrapper {
	position: absolute;
	z-index: 99;
}
.report .compare-info-parent-tbl td:not(:last-child) {
	border-right: 2px dashed #ddd;
}
.report .para {
	margin-bottom: 20px;
	line-height: 150%;
}
.report .para h4 {
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: inherit;
}
.report .para ul > li {
	color: #3F51B5;
}

.report .para ul {
	list-style-type: none;
	padding-left: 20px;
}
.report .para ul li {
	position: relative;
	padding-left: 15px;
}
.report .para ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 3px;
	height: 3px;
	background-color: #3F51B5;
	border-radius: 100%;
}
.report .bl { color: blue; }
.report .yl { color: #F9C318; }
.report .rd { color: red; }
.report .learning-link { font-weight: bold; color: red !important; }
.report .learning-link::after { 
	content: none !important;
}

.extra-information {
	position:relative;
	margin-left:5px;
}
.extra-information .info-content {
	position:absolute;
	visibility: hidden;
	background: #f2f2f2;
	z-index: 100;
	width: 321px;
	left: -129px;
	top:40px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	word-break: keep-all;
	font-weight:normal;
	line-height:150%;
	box-shadow: 0 3px 10px rgba(204, 204, 204, 0.5);
}
.extra-information:hover .info-content {
	visibility:visible;
}
.btn-link { font-weight: inherit !important; }
.icon-fav { color: red; }

.pagination > li a, .pagination > li > span {
	border-width: 0px;

}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #895B7f
}


.detail-item {
	margin: 0 0 1px 0;
	border-bottom: 1px dashed #ddd;
}
.detail-item > li {
	padding: 5px 5px; 
}
.detail-item.gname {
	background: #f0f0f0;
	border-width: 0px;
	border-radius: 5px;
	margin-top: 20px;
}

.panel-box .heading-right {
	float: right;
	margin-top: 5px;
}
.panel-box .lev-legend {
	font-size: 12px;
}

.survey-panel {
	margin: 10px 0 10px 0;
}
.survey-heading {
	background: #f3f3f3;
	text-align: center;
	font-weight: bold;
	padding: 15px;
}
.survey-heading .tag {
	font-size: 15px;
	line-height: 190%;
}
.survey-heading .question {
	font-weight: normal;
}
.survey-body {
}
.survey-body > table {
	table-layout: fixed;
	width: 100%;
}
.chart-bar {
	background: #f7f7f7;
	border-radius: 7px;
	overflow: hidden;
}
.chart-bar > .bar {
	background: #BDD7ED;
	height: 16px;
	border-radius: 2px;
	position: relative;
	text-align: right;
}
.chart-bar > .bar > .ratio {
	position: relative;
	color: #000;
	font-size: 12px;
	margin-left: 5px;
	margin-right: 5px;
}
.chart-bar > .bar.top {
	background: #F27A48;
}
.chart-bar > .bar.top > .ratio {
	color: #fff;
}

.hl { color: #3F51B5; }

.page-wrap {
	font-size: 15px;
}
.measure-v .iw-wrap {
	padding-left: 13px;
}
.measure-h input[type=checkbox], 
.measure-h input[type=radio] {
	transform: scale(2);
	accent-color: green;
}
@media (max-width: 767px) {
	.measure-h input[type=radio] {
		transform: scale(1.5);
	}
}
.measure-h table td { padding-top: 15px !important; padding-bottom: 15px !important; }


span.fa.fa-star, span.fa.fa-star-o {cursor:pointer;}
.fa-star.fav {color:#ffc670;}


span.pointer {cursor:pointer;}
h3:has(>span), h4:has(>span) {display:inline-block;}
.bg999 {background-color:#999;}