@import url(harmorny.css);
@import url(nanum.css);

@media print {
	.toggle-print { display:none; }
	.pagebreak { page-break-before: always; border:1px solid transparent; }
	#content .container-fluid { margin: 0 0 0 0 !important; }
	/*
	#content>.container>.row>div[class*="col-"],
	#content>.container-fluid>.row>div[class*="col-"] {
		padding-top:0px !important;
	}
	body { background-color:#fff !important; }
	.table td { padding-top:2px !important; padding-bottom:2px !important; } 
	*/
}
button, a { outline:none !important; }
html { position:relative; min-height:100%; scroll-behavior: smooth; }
body { padding-top:0px; overflow-y:scroll; }
body.login-main { padding-top:0px; }
body.login-main.bg1 {
	background:url('/images/comm/1.jpg') no-repeat 50% 50%;
	background-size:cover;
}
body.login-main.bg2 {
	background:url('/images/comm/2.jpg') no-repeat 50% 50%;
	background-size:cover;
}
body.login-main.bg3 {
	background:url('/images/comm/3.jpg') no-repeat 50% 50%;
	background-size:cover;
}
body { 
	background:#f4f4f4; 
}

#content>.container>.row>div[class*="col-"],
#content>.container-fluid>.row>div[class*="col-"] {
	padding-top:60px;
}

blockquote, pre { font-size: inherit; margin: 0px; }
@media (max-width:991px) {
	body.of-fix { overflow:hidden; }
}
a { color:#555; }
p { margin:0px; }
input[type=checkbox],
input[type=radio] { vertical-align:-2px; }

fieldset.origin {
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	padding: 10px;
}
fieldset.origin legend {
	font-size: inherit;
	width: auto;
	border-bottom-width: 0;
	margin: 0;
}

.btn-inverse {
  color: #fff;
  background-color: #555;
  border-color: #444;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  color: #fff;
  background-color: #333;
  border-color: #222;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
  background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #222;
  border-color: #111;
}
.btn-inverse .badge {
  color: #555;
  background-color: #fff;
}

.btn-lightgreen {
  color: #fff;
  background-color: #6cd076;
  border-color: #6cd076;
}
.btn-lightgreen:hover,
.btn-lightgreen:focus,
.btn-lightgreen.focus,
.btn-lightgreen:active,
.btn-lightgreen.active,
.open > .dropdown-toggle.btn-lightgreen {
  color: #fff;
  background-color: #5bc065;
  border-color: #5bc065;
}
.btn-lightgreen:active,
.btn-lightgreen.active,
.open > .dropdown-toggle.btn-lightgreen {
  background-image: none;
}
.btn-lightgreen.disabled,
.btn-lightgreen[disabled],
fieldset[disabled] .btn-lightgreen,
.btn-lightgreen.disabled:hover,
.btn-lightgreen[disabled]:hover,
fieldset[disabled] .btn-lightgreen:hover,
.btn-lightgreen.disabled:focus,
.btn-lightgreen[disabled]:focus,
fieldset[disabled] .btn-lightgreen:focus,
.btn-lightgreen.disabled.focus,
.btn-lightgreen[disabled].focus,
fieldset[disabled] .btn-lightgreen.focus,
.btn-lightgreen.disabled:active,
.btn-lightgreen[disabled]:active,
fieldset[disabled] .btn-lightgreen:active,
.btn-lightgreen.disabled.active,
.btn-lightgreen[disabled].active,
fieldset[disabled] .btn-lightgreen.active {
  background-color: #5bc065;
  border-color: #5bc065;
}
.btn-lightgreen .badge {
  color: #5bc065;
  background-color: #fff;
}

.btn-lightgray {
  color: #fff;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.btn-lightgray:hover,
.btn-lightgray:focus,
.btn-lightgray.focus,
.btn-lightgray:active,
.btn-lightgray.active,
.open > .dropdown-toggle.btn-lightgray {
  color: #fff;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn-lightgray:active,
.btn-lightgray.active,
.open > .dropdown-toggle.btn-lightgray {
  background-image: none;
}
.btn-lightgreen.disabled,
.btn-lightgray[disabled],
fieldset[disabled] .btn-lightgray,
.btn-lightgray.disabled:hover,
.btn-lightgray[disabled]:hover,
fieldset[disabled] .btn-lightgray:hover,
.btn-lightgray.disabled:focus,
.btn-lightgray[disabled]:focus,
fieldset[disabled] .btn-lightgray:focus,
.btn-lightgray.disabled.focus,
.btn-lightgray[disabled].focus,
fieldset[disabled] .btn-lightgray.focus,
.btn-lightgray.disabled:active,
.btn-lightgray[disabled]:active,
fieldset[disabled] .btn-lightgray:active,
.btn-lightgray.disabled.active,
.btn-lightgray[disabled].active,
fieldset[disabled] .btn-lightgray.active {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn-lightgray .badge {
  color: #f2f2f2;
  background-color: #fff;
}


.btn-pupple {
  color: #fff;
  background-color: #895B7F;
  border-color: #895B7F;
}
.btn-pupple:hover,
.btn-pupple:focus,
.btn-pupple.focus,
.btn-pupple:active,
.btn-pupple.active,
.open > .dropdown-toggle.btn-pupple {
  color: #fff;
  background-color: #693B5F;
  border-color: #895B7F;
}
.btn-pupple:active,
.btn-pupple.active,
.open > .dropdown-toggle.btn-pupple {
  background-image: none;
}
.btn-lightgreen.disabled,
.btn-pupple[disabled],
fieldset[disabled] .btn-pupple,
.btn-pupple.disabled:hover,
.btn-pupple[disabled]:hover,
fieldset[disabled] .btn-pupple:hover,
.btn-pupple.disabled:focus,
.btn-pupple[disabled]:focus,
fieldset[disabled] .btn-pupple:focus,
.btn-pupple.disabled.focus,
.btn-pupple[disabled].focus,
fieldset[disabled] .btn-pupple.focus,
.btn-pupple.disabled:active,
.btn-pupple[disabled]:active,
fieldset[disabled] .btn-pupple:active,
.btn-pupple.disabled.active,
.btn-pupple[disabled].active,
fieldset[disabled] .btn-pupple.active {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
}
.btn-pupple .badge {
  color: #895B7F;
  background-color: #fff;
}

.btn-gray {
  color: #fff;
  background-color: #aaa;
  border-color: #aaa;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #fff;
  background-color: #a0a0a0;
  border-color: #a0a0a0;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-lightgreen.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
}
.btn-gray .badge {
  color: #adadad;
  background-color: #fff;
}

.btn-label { font-size:11px; padding:2px 6px; }

.btn-fw { width: 100%; }

.label-inverse {
  background-color: #555;
}
.label-inverse[href]:hover,
.label-inverse[href]:focus {
  background-color: #333;
}
.label-white { border:1px solid #bbb; color:#333; background:#fff; }
.label-gray { border:1px solid #f0f0f0; color:#333; background:#f2f2f2; }
.label-r { border-radius: 10px; padding: 5px 7px; }

.x { min-height:300px; }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.ib, .inline { display:inline-block !important; }
.dat { width:100px !important; display:inline-block !important; text-align:center; }
.form-group .blk { margin-top:0px; }
.form-group .blk label { font-weight:normal; }
.form-group .blk.desc { font-size:12px; margin-bottom:5px; }
.nodata { padding:30px 0; margin-bottom:20px; text-align:center; background:#f5f5f5; border-radius:10px; }
.table .nodata { background:transparent; margin:0px; border-radius:0; }
.media.nodata { padding:28px 0; margin:0px; background:none; border-radius:0px; }
.media-list { border-top:1px solid #ddd; }
.media-list.media-hover>li.media:hover { background:#f5f5f5; }
.media { padding:10px 5px; margin:0px; border-bottom:1px solid #ddd; }

.excel-table { width:100%; border-spacing:10px; border-collapse:collapse; }
.excel-table td { border:1px solid #aaa; padding:5px 8px; }
.excel-table label { font-weight:inherit; }

.media-list.no-list { border-top-width:0px ; }
.media-list.no-list .media { border-top-width:0px ; }
.no-list .media { padding:10px 0px; margin:0px; border-bottom-width:0px; }

.progress { height:5px; }
.icon-x-flipped { transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); }
.icon-y-flipped { transform: scaleY(-1); -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); }
.tal { text-align:left !important; }
.tac { text-align:center !important; }
.tar { text-align:right !important; }
.tvt { vertical-align:top !important; }
.tvm { vertical-align:middle !important; }
.tvb { vertical-align:bottom !important; }
.lbd { border-left-width:3px !important; border-left-style:double !important; }
.m0 { margin:0px; }
.mt0 { margin-top:0px; }
.mr0 { margin-right:0px; }
.mb0 { margin-bottom:0px; }
.ml0 { margin-left:0px; }
.table { margin-bottom:0px; }
.table>thead>tr>th,
.table>tbody>tr>td { vertical-align:middle; }
.table thead, .thead-tr {
	color: #707070;
	background: #f2f2f2;
	background-color: #f3f3f3;
	background-image: -moz-linear-gradient(top,#f8f8f8,#ececec);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#ececec));
	background-image: -webkit-linear-gradient(top,#f8f8f8,#ececec);
	background-image: -o-linear-gradient(top,#f8f8f8,#ececec);
	background-image: linear-gradient(to bottom,#f8f8f8,#ececec);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#ececec',GradientType=0);
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width: 1px;
}
.table-fixed { table-layout: fixed; }
.nopad { padding:0px !important; }
.table-responsive { border-color:#fff !important; }
.list-searchbox { padding:10px; margin-bottom:10px; border:1px solid #ddd; border-radius:5px; background:#fcfcfc; }
.list-searchbox hr { margin:5px; border-width:0; }
.list-caption { padding-top:0px; margin-top:0px; min-height:42px; }
.list-count { margin-top:10px; margin-bottom:10px; text-align:right; }
caption .list-count { float:left !important; margin-top:10px; margin-bottom:0px; text-align:left; }
.list-title { float: left; color: #333; padding-top: 10px; }
.list-action { float:right !important; }
.list-action select { display:inline-block; width:auto; vertical-align:middle; }
.sort_none{background: url(../images/comm/th_all.png) no-repeat 100% 50%;padding-right:15px;cursor:pointer}
.sort_asc{background: url(../images/comm/th_up.png) no-repeat 100% 50%;padding-right:15px;cursor:pointer}
.sort_desc{background: url(../images/comm/th_down.png) no-repeat 100% 50%;padding-right:15px;cursor:pointer}
.form-control { box-shadow:none; }
.table .mpad { padding:1px 1px !important; }
.table.head-nowrap th { white-space:nowrap !important; }
@media (min-width:768px) { 
	/*
	.form-inline .form-group { margin-bottom:5px; }
	*/
}
@media (max-width:991px) {
	.hidden-991 { display:none !important; }
}
@media (max-width:767px) {
	.hidden-767 { display:none !important; }
}
@media (max-width:480px) {
	.hidden-480 { display:none !important; }
}
.tree-area { overflow:auto; }
.tree-wrap .page-header { margin:0px; border-width:0px; font-size:15px; padding:5px 0; font-weight:bold; }
.tree-wrap .page-header .pull-right { margin-top:-5px; }


input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid { color: #b94a48; border-color: #ee5f5b; }
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; }

.ui-datepicker{z-index: 9999 !important};

.project-thumb .thumbnail { border:1px solid #c5c5c5; padding:0px 10px; border-radius:0px; position:relative; }
.project-thumb .thumbnail .caption { position:relative; }
.project-thumb .thumbnail:hover { cursor:pointer; box-shadow:inset 0 0 3px #000; }
.project-thumb .pjt-alarm { position:absolute; top: -10px; right: 7px; }
.pjt-title { font-size:16px; height:20px; overflow:hidden; display:inline-block; margin-right:33px; position:relative; margin-bottom:5px; }
.pjt-recomm { position:absolute; right:8px; top:9px; }
.pjt-recomm.active, .pjt-recomm.focus, .pjt-recomm:active, .pjt-recomm:focus, .pjt-recomm:hover { border-color:#ccc; background:transparent; }
.pjt-desc { font-size:12px; height:65px; overflow:hidden; color:#999; margin-top:5px; }
.pjt-date { font-size:13px; color:#0970C8; }
.pjt-bar { height:3px; }
.picker-wrap { list-style:none; margin:0px; padding:0px; }
.picker-wrap li { list-style:none; margin:0 5px 0 0; padding:0px; float:left; text-align:center; }
.cate-picker { margin:0px; }
.c01 { background:#000000; }
.c02 { background:#7F7F7F; }
.c03 { background:#880015; }
.c04 { background:#ED1C24; }
.c05 { background:#FF7F27; }
/*
.c06 { background:#FFF200; }
*/
.c06 { background:#F9DA09; }
.c07 { background:#22B14C; }
.c08 { background:#00A2E8; }
.c09 { background:#3F48CC; }
.c10 { background:#A349A4; }

.assess-thumb.thumbnail { border-width:0px; margin:0px; padding:0px; background:transparent; }
.assess-thumb.thumbnail .caption { position:relative; }
.assess-thumb.thumbnail .caption:after { content:''; border-right:1px solid #d3d3d3; position:absolute; right:0px; top:0px; bottom:35%; }
.assess-thumb.thumbnail .assess-bar { height:3px; display:none; }
.assess-thumb.thumbnail h4.assess-initial { margin:0px; padding:10px; }
.assess-initial { text-shadow:1px 1px 2px #aaa; filter:progid:DXImageTransform.Microsoft.Shadow(color=red,direction=45,strength=10); font-size:18px; font-weight:bold; width:120px; padding:0; text-align:center; background:transparent !important; }
.initial { text-shadow:1px 1px 2px #aaa; filter:progid:DXImageTransform.Microsoft.Shadow(color=red,direction=45,strength=10); padding:0; text-align:center; background:transparent !important; }

@media (max-width:991px) {
	.assess-initial { width:auto; 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; }
.assess-initial.i01, .initial.i01{ color:#000000; }
.assess-initial.i02, .initial.i02{ color:#7F7F7F; }
.assess-initial.i03, .initial.i03{ color:#880015; }
.assess-initial.i04, .initial.i04{ color:#ED1C24; }
.assess-initial.i05, .initial.i05{ color:#FF7F27; }
.assess-initial.i06, .initial.i06{ color:#F9DA09; }
.assess-initial.i07, .initial.i07{ color:#22B14C; }
.assess-initial.i08, .initial.i08{ color:#00A2E8; }
.assess-initial.i09, .initial.i09{ color:#3F48CC; }
.assess-initial.i10, .initial.i10{ color:#A349A4; }
@media (max-width:992px) {
	.pjt-desc { height:auto; overflow:auto; }
}

.login { padding-top:60px; }
.login .brand { margin:20px 0 20px 0; }
.login .brand-name { display:inline-block; vertical-align:bottom; margin-left:5px; padding-bottom:4px; color:#fff; font-size:17px; font-weight:normal; font-family:malgun gothic; letter-spacing:-1px; }
.vision-panel { margin:30px; border:0px solid #fff; border-radius:2px; box-shadow:none; padding:40px; display:inline-block; min-height:290px; }
.vision-panel img { width:100%; min-width:400px; }
.login-v-area { background:#333; background-color:rgba(0, 0, 0, 0.5); border-radius:20px; border: 1px solid transparent; }
.login-box, 
.login-box .help-block a,
.login-box .help-block a:hover { color:#fff !important; }
.login-box .help-list a,
.login-box .help-list a:hover { color:#fff !important; }
.login-box .help-list { margin:0px; padding:0px 0 0 15px; }
.login-box .help-list li { margin:0px; padding:4px 0; }
.logo-area { margin-bottom:20px; }
.logo-area img { vertical-align:bottom; }
.login-btn { padding-left:30px; padding-right:30px; border:2px solid #fff; }
.login-box .form-control { border:1px solid #777; }
@media (max-width:992px) {
	.login { padding-top:20px; }
	/*
	.login .login-box { padding-top:0px; }
	*/
	.login-box { margin:10px 0 !important; }
	.login-v-area { background:none !important; }
}
.login-box .req-account { color:#fff; font-size:15px; letter-spacing:0px; }
.login-box { background:#222; background-color:rgba(0, 0, 0, 0.5); padding:20px; margin: 25px; }

@media (max-width:991px) {
	.toggle-sidebar { display:none; }
	.navbar .container-fluid { padding-left:0; padding-right:0; }
}
.navbar { background:#17365D; border-radius:0; height:51px; margin:0px; }
.nav-wrap .brand { float:left; width:16%; padding:0px; }
.nav-wrap .brand img { max-height:36px; margin-top:7px; }
.nav-wrap .brand-name { display:inline-block; vertical-align:bottom; margin-left:5px; padding-bottom:4px; color:#fff; font-size:17px; font-weight:normal; font-family:malgun gothic; letter-spacing:-1px; }
.nav-wrap .menu { float:left; }
.nav-wrap .alarm { float:left; margin:14px 10px 0 18px; color:#fff; font-size:18px; }
.nav-wrap .alarm .badge { background:#D9534F; }
.nav-wrap .alarm a { text-decoration:none; color:#fff; }
.nav-wrap .nav-right { float:right; }
.nav-wrap .search { float:left; margin-top:9px; }
.nav-wrap .tools { float:left; margin:12px 30px 0 40px; }
.nav-wrap .tools .user-name { text-decoration:none; color:#fff; }
.nav-wrap .logo { float:left; padding:0px; }
.nav-wrap .logo img { max-height:36px; margin-top:6px; }
.nav-wrap .user-photo { width:30px; height:30px; border-radius:3px; margin:-3px 7px 0 0; float:left; }
.nav-wrap .nav>li>a { font-size:18px; color:#fff; }
.nav-wrap .nav>li.active>a { color:#1BE1FE; }
.nav-wrap .nav>li>a:focus,
.nav-wrap .nav>li>a:hover { background:#112844; }

.nav-wrap .nav>li.staff>a { font-size: 16px; }

.badge.new-cnt { background:#D9534F; color:#fff; }
.badge.badge-danger { background: #D9534F; color: #fff; }


.rs-sidebar-backdrop { position:fixed; top:0; left:0; right:0; bottom:0; background:#111; opacity:.0; filter:alpha(opacity=0); z-index:1050; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }
.rs-sidebar { display:none; width:300px; max-width:75%; min-width:250px; position:fixed; top:0; left:0; bottom:0; border-right:3px solid #000; box-shadow:0 0 10px #000; z-index:1060; background:#f4f4f4; }
.rs-sidebar.in { display:block; }
.rs-sidebar a { text-decoration:none; }
.rs-sidebar .sidebar-header { display:block; height:49px; /*background:#17375E;*/ background:transparent; border-bottom:1px solid #ddd; }
.rs-sidebar .sidebar-header .pull-left { margin:10px 15px 15px 15px; font-size:24px; font-weight:bold; }
.rs-sidebar .sidebar-header .pull-right { margin:15px; }
.rs-sidebar .sidebar-header .pull-right .btn { margin-right:10px; }
.rs-sidebar .sidebar-header .pull-right img { width:25px; height:25px; border-radius:50%; }
.rs-sidebar .sidebar-body { position:absolute; top:50px; left:0; right:0; bottom:0px; overflow:auto; padding:0; padding-bottom:50px; }
.rs-sidebar .sidebar-body ul { list-style:none; margin:0; padding:0; }
.rs-sidebar .sidebar-body li { list-style:none; margin:0; }
.rs-sidebar .sidebar-body a { display:block; padding:5px 10px 7px 10px; font-size:15px; }
.rs-sidebar .sidebar-body a .glyphicon { margin-right:10px; }
.rs-sidebar .sidebar-body a button.glyphicon { font-size:10px; background:transparent; margin:2px 0px 3px -5px; }
.rs-sidebar .sidebar-body a button:focus { outline:none; }
.rs-sidebar .sidebar-body ul.lv1 { }
.rs-sidebar .sidebar-body li.lv1 { border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.rs-sidebar .sidebar-body ul.lv2 { border-top:1px solid #ddd; }
.rs-sidebar .sidebar-body ul.lv2 a { padding-left:28px; }
.rs-sidebar .sidebar-body li.lv2 { border-bottom:1px dotted #ddd; }
.rs-sidebar .sidebar-body li.lv2:last-child { border-bottom-width:0px; }
.rs-sidebar .sidebar-body ul.lv3 { border-top:1px dotted #ddd; background:#fff; }
.rs-sidebar .sidebar-body ul.lv3 a { padding-left:56px; }
.rs-sidebar .sidebar-body li.stacked-div { border-top:1px solid #ddd; }
.rs-sidebar .sidebar-body .caret-none { margin-right:21px; 	}
@media (min-width:992px) {
	.rs-sidebar-backdrop,
	.rs-sidebar.in { display:none; }
}
@media (max-width:767px) {
	.rs-sidebar .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35ms; -o-transition-duration: .35ms; transition-duration: .35ms; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; }
}

/*
.sidebar { width:16%; position:fixed; top:50px; bottom:0px; padding:10px; z-index: 2; padding-bottom:50px; }
.sidebar-left { left:0; overflow-y: auto; }
.sidebar-right { right:0; }
*/
#content .container-fluid { margin: 0 16% 0 16%; }
body.sysop #content .container-fluid { margin: 0 0 0 16%; }
.team-selector.fx { position:fixed; left:0; right:0; top:50px; z-index:1; margin:0 16%; }
/*
.fx-wrap .fx { position:fixed; top: 50px; left:0; right:0; z-index:1; margin:0 16%; padding:10px 25px 0 25px; background:#fff; }
*/
.fx-wrap .fx { position:fixed; left:0; right:0; z-index:1; padding:10px 25px 0 25px; background:#fff; }
/*
.fx-wrap.adm .fx { margin-right:0; }
.fx-wrap .fx-content { margin-top:158px; }
*/
.team-selector { background: #f4f4f4 !important; padding:10px 25px !important; border-bottom:1px solid #ddd; }




.assess-head-fx { background: #f4f4f4 !important; padding:10px 0px 0 0px !important; border-bottom:1px solid #ddd; position:fixed; left:0; right:0; top:50px; z-index:10; margin:0 16%;}

@media (max-width:991px) {
	/*
	.sidebar { display:none; }
	*/
	#content .container-fluid,
	body.sysop #content .container-fluid,
	.fx-wrap .fx,
	.team-selector.fx
	{ margin: 0 0 0 0; }
	.fx-wrap .fx { padding-left:15px; padding-right:15px; }

	.assess-head-fx.fx { margin: 0 0 0 0; }
	.assess-head-fx { padding:10px 10px 0 10px !important; }
}

/*
.sidebar .nav-stacked { font-weight:bold; }
.sidebar .nav-stacked li { padding-bottom:5px; }
.sidebar .nav-stacked li.stacked-div { border-top:1px solid #ddd; }
.sidebar .nav-stacked a { }
.sidebar .btn-collapse-arrow { padding:0px 2px; font-size:10px; background:transparent; }
.sidebar .btn-collapse-arrow:focus { outline:none; }
.sidebar .btn-add { padding:0px 2px; float:right; font-size:10px; background:transparent; }
.sidebar .nav-stacked>li>a:hover .btn-add { display:block; }
.sidebar .caret-none { margin-right:21px; 	}
.sidebar .list-group { margin:0px; }
.sidebar .list-group-item { font-weight:normal; border-width:0px; border-radius:0; padding:15px 15px 15px 15px; }
.sidebar .s-menu { white-space:nowrap; overflow:hidden; padding: 8px 10px 8px 35px;  }
.sidebar .list-group-item:hover { background:#e0e0e0; }
.sidebar .list-group-item.active { background:#ddd; color:#555; }
.sidebar .list-group-item,
*/
.banner-area .list-group-item { background:transparent; }
.banner-area .list-group-item { border:0px solid #ddd; border-bottom:1px solid #ddd; }

.nav>li>a:focus,
.nav>li>a:hover { background:#e0e0e0; }

#footer { width:100%; background:#262626; height:40px; position:absolute; bottom:0px; }
#footer .cs-footer { margin-top:10px; text-align:center; color:#8A8989; }
@media (max-width:768px) {
	#footer .cs-footer { margin-top:15px; font-size:10px; }
}
#footer.non-color {
	background:none;
}
#footer.non-color .cs-footer {
	color:#fff;
}

/* common */
/* enable absolute positioning */
.inner-addon { position: relative; }
/* style icon */
/*.inner-addon .glyphicon { position: absolute; padding: 7px; pointer-events: none; }*/
.inner-addon .glyphicon { position: absolute; padding: 7px; cursor:pointer; }
/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}
/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.caret.up { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 0px solid; border-bottom: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.modal-content { border-width:15px; }
@media (min-width:768px) {
	.utils-alert .modal-dialog { max-width:400px; }
}
.utils-alert .modal-content { border-width:1px; }
.utils-alert .modal-footer { text-align:center; }
.utils-message .ico,
.utils-wait .ico { float:left; }
.utils-message .msg { float:left; margin-left:10px; }
.utils-wait .msg { float:left; margin-left:10px; margin-top:5px; }
.utils-wait .alert-default { background:#fff; }
.modal-backdrop.in { opacity:.2; filter:alpha(opacity=20); }
.modal-body { max-height:80vh; overflow-y:auto; }

.cs-well { background:#f5f5f5; border-radius:5px; padding:10px; }
.cs-labels h4 { margin:0px; }
.label, .cs-labels .label { font-weight:normal; }
.fwn { font-weight:normal; }
.sch-label { font-size:11px; }
.sch-month .sch-label { font-size:8px; }
.sch-month .time { font-size:9px; }

.toggle-max-991 { display:none; }
@media (max-width:991px) {
	.toggle-max-991 { display:block !important; }
	.toggle-max-991.cell { display:table-cell !important; }
	.rsn-toggle { display:none !important;}
}
.media-heading { font-weight:bold; }

.searchbox { margin-bottom:20px; }
.searchbox .navbar-form { margin:0px; padding:0px; }
.page-header { margin-top:0px; border-bottom-color:#ddd; }
.pagination-wrap { text-align:center; }
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	background-color:#545454;
	border-color:#545454;
}

.btn-area { margin-top:20px; border-top:1px solid #ddd; padding:20px; text-align:center; }


#content-body { padding:0 10px 60px 10px; }
.login-main #content-body { padding:0 0px 60px 0px; }
@media (max-width:991px) {
	#content-body { padding:0 0 60px 0; }
}



/* Share */
.l01 { background-color:#E7E7E7; color:#464646; }
.l02 { background-color:#B6CFF5; color:#464646; }
.l03 { background-color:#98D7E4; color:#464646; }
.l04 { background-color:#E3D7FF; color:#464646; }
.l05 { background-color:#FBD3E0; color:#464646; }
.l06 { background-color:#F2B2A8; color:#464646; }
.l07 { background-color:#C2C2C2; color:#f4f4f4; }
.l08 { background-color:#2DA2BB; color:#f4f4f4; }
.l09 { background-color:#B99AFF; color:#f4f4f4; }
.l10 { background-color:#F691B2; color:#464646; }
.l11 { background-color:#FFC8AF; color:#464646; }
.l12 { background-color:#FFDEB5; color:#464646; }
.l13 { background-color:#FBE983; color:#464646; }
.l14 { background-color:#FDEDC1; color:#464646; }
.l15 { background-color:#B3EFD3; color:#464646; }
.l16 { background-color:#A2DCC1; color:#464646; }
.l17 { background-color:#FFAD46; color:#f4f4f4; }
.l18 { background-color:#EBDBDE; color:#464646; }
.l19 { background-color:#CCA6AC; color:#f4f4f4; }
.l20 { background-color:#42D692; color:#464646; }
</select>

/** Share - Main */

/** Share - Project Info */
@media (min-width: 992px) {
	.project-info .thumbnail { margin-bottom:0px; }
}
/*
.project-info { border:1px solid #c5c5c4; padding:20px; margin-bottom:20px; }
*/
.project-info .page-header { border-bottom-width:0px; margin-bottom:0px; padding-bottom:5px; }
.project-info .pjt-bar-lg { height:2px; margin:10px 0; }
.project-info .cs-duration { color:#0070CA; }
.project-info .cs-progress { margin-top: 10px; }
.project-info .cs-desc { color:#777; margin-top: 10px; margin-bottom:20px; max-height:350px; overflow:auto; }

.share .nav-tabs { margin-bottom:20px; }
.share .nav-tabs .badge { background:#D9534F; font-weight:normal; }
.share .nav-tabs>li>a { border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; }
.share .action-group { float:right; }
.share .action-group .btn-group { margin:3px; }


/** Share - Conversation */
.write-wrap { padding: 3px; }
.write-wrap.panel { display:none; margin-top:0px; margin-bottom:10px; }
.write-wrap .panel-heading { padding:5px 5px !important; background:none !important; }
.write-wrap .panel-body { padding:5px 10px !important; }
.write-wrap .write-wrapbox { margin:0; border-width:0px; padding:5px;outline:none; width:100%; height:60px; }

.writebox { width:100%; outline:none !important; border-width:0px; height:48px; }
.writebox:focus:invalid { color: inherit; border-color: inherit; }
.writebox:focus:invalid:focus { border-color: inherit; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

.conversations .media-object { width:65px; margin:0px; }
.conversations .user-thumb { margin:0px 10px 10px 0; }
.conversations .content { margin:10px 0; }
.pre-content { white-space: pre-wrap; word-break: break-all; }
.conversations .media-body img.media-object { width:141px; }
.conversations .media-body .media-object.user-thumb { width:41px; }
/*
.conversations .media-body .fa { font-size:48px; }
*/
.files-left { margin:0 10px 0px 0; }
.consultings-left { margin:0 12px 0px 0; }
.consulting-play { font-size: 60px !important; text-decoration:none !important; }
.consulting-join { font-size: 68px !important; text-decoration:none !important; }
.consulting-realtime-label { color:red; border:1px solid red; border-radius:3px; font-size:11px; padding:1px 2px; }

.preview-wrap { position:relative; } 
.preview-link { display:inline-block; vertical-align:middle; }
.preview-wrap .preview-backdrop { display:none; top:0; left:0; right:0px; bottom:0px; background:#000; filter:alpha(opacity=50); opacity:.5; z-index:100; position:absolute; }
.preview-wrap .preview-link:hover .preview-backdrop { display:block; }
.preview-wrap .preview-icon { font-size:40px; color:#fff; top:50%; left:50%; margin-top:-20px; margin-left:-20px; }

.conversations .media-body .media-list { background:#f5f5f5; }
.conversations .media-body .media-list > .media { padding-left:10px; padding-right:10px; }
.conversations .media, .media-body { overflow:visible; }
.conversations .media:after,
.conversations .media-body:after { content:''; clear:both; display:block; }
.conversations .video-wrap { margin-right:-10px; }

.conversation-files .panel { margin:10px 0 0 0; }
.conversation-files .file-thumb { width:50px;	margin-right:20px; }
.conversation-files h5 { margin-top:0px; margin-bottom:7px; }

.conversation-consultings .panel { margin:10px 0 0 0; }
.conversation-consultings .consulting-thumb { width:50px;	margin-right:20px; }
.conversation-consultings h5 { margin-top:0px; margin-bottom:7px; }

@media (max-width:991px) {
	.conversations .media .media-left { display:none; }
	.conversations .media-body .media-list { position:relative;  }
	.conversations .media-body .media-list > .media { padding-left:20px; }
	.conversations .media-body .media-list:before { position:absolute; top:0px; bottom:0px; content:' '; border:2px solid #DBE9F4; }
	.conversations .media-body .media-body img.media-object { width:80px; }
	.conversations .media-body .media-body img.user-thumb { width:41px; }
	.conversations .sub-write-wrap { margin-left:0px; }
}

/** Share - File */
.files .media-object { width:51px; }
.files img.media-object { width:141px; }
.files .video-wrap { display:none; }
.files .fa { font-size:60px; }
.files .media h5 { margin-top:0px; margin-bottom:10px; }
.files .media h5:first-child { font-weight:bold; }
.files .media h5:nth-child(3) {  color:#68717F; }

/** Share - Members */
.members .media-object { width:50px; }
.members .media h5 { margin-top:0px; margin-bottom:10px; }
.members .media h5:first-child { font-weight:bold; }
.members .media h5:nth-child(3) {  color:#68717F; }


/* Assess */
.cate { width:80px; padding-top:20px; padding-bottom:20px; font-size:20px; text-align:center; }
@media (max-width:767px) {
	.cate { width:54px; padding-top:15px; padding-bottom:15px; font-size:14px; }
}
.cate-pti { background:#00D5D5; color:#CCFFFF; }
.cate-isac { background:#0088E2; color:#CCECFF; }
.cate-tel { background:#ED496C; color:#FFCCCC; }
.cate-ted { background:#ED496C; color:#FFCCCC; }
.goal-ldp { background:#604A7B; color:#E6E0EC; }
.goal-ldp.on { background:#FF6699; color:#FFF3FF; }
.goal-default { background:#BFBFBF; color:#7F8A9F; }
/*
.goal-content-tbl .table>thead>tr>th,
.goal-content-tbl .table>thead>tr>td { padding-left:15px; }
*/

.st { display:inline-block; margin:0 2px; border:1px solid #aaa; width:13px; height:13px; border-radius:50%; }
.st-red { background:red; }
.st-green { background:green; }
.as-type { display:inline-block; min-width:42px; font-weight:bold; }
.as-rate { margin-top:5px; color:#0070C9; }
.as-user { margin-top:5px; }
.goal-desc { }
.as-rs-type { text-align:center; font-size:18px; font-weight:bold; border:1px solid #000; }
.chartbox { margin:40px 0; text-align:center; }
.chartbox img { max-width:100%; }

.myassess .nav-tabs,
.results .nav-tabs,
.goals .nav-tabs 
.evaluations .nav-tabs 
{ margin-bottom:15px; }

.searchbox .cate-list { margin-top:10px; }
.searchbox .cate-list button:before { top:48%; left:0; position:absolute; content:''; border:1px solid #666; }
.searchbox .btn-link:focus,
.searchbox .btn-link { outline:none; }
.searchbox .btn-link.active { text-decoration:none; }
.searchbox .btn-link.active:after { top:98%; left:0; position:absolute; content:''; width:100%; border:1px solid #337AB7; }
.searchbox2 { border:1px solid #e1e1e1; background:#f5f5f5;  margin-bottom:10px; }
.searchbox2 .group-wrap { margin:10px 20px;  }
.searchbox2 .group-wrap p { margin:0px;  }

.common .media-list  { border-top-width:0px; padding:0px; }
.common .media-list .media { border:1px solid #d3d3d3; box-shadow:0 0 1px #ddd; /*margin-bottom:10px*/; padding:0px; }
.common .media-list .media .media-heading {}
.common .media-list .media .media-body { vertical-align:middle; padding:10px; }
.common .media-list .media.nodata { padding:28px 0; margin:0px; background:none; border-radius:0px; }
.common .description-img-area { margin-bottom:10px; text-align:center }
/*
.common .description-area { margin-bottom:10px; border-bottom:2px solid #4d4d4d; padding:10px 0px 10px 0px; }
*/
.description-area > p { margin: 0px 0 0 0px; }
.description-area img { max-width:100%; height:auto;}
#assess-timer { margin-top:10px; font-size:18px; font-weight:bold; }
#assess-timer .secs { color:gray; font-style:italic; }
#assess-timer .secs.active { color:red; font-style:normal; }
.fixed-inside-container { }
.question-area { margin-top:20px; }
.group-wrap.depth1 { }
.group-wrap.depth2 { }
.group-wrap.depth3 { }
.page-wrap { }
.group-desc-txt.depth1 { margin:20px 0 20px 0; }
.group-desc-txt.depth2 { margin:20px 0 20px 0; }
.group-desc-txt.depth3 { margin:20px 0 20px 0; }
.group-desc-img.depth1 { margin:20px 0 20px 0; }
.group-desc-img.depth2 { margin:20px 0 20px 0; }
.group-desc-img.depth3 { margin:20px 0 20px 0; }


/** Assess - My Assess */

/** Assess - Assess Apply */
.assess-app .jumbotron .page-header h4 { margin-top:0px; }
.assess-app .no-list .media-left { padding-right:20px; }

.assess-list { position:relative; }
/*
.assess-list .assess-cont { border-bottom:1px solid #fff; padding-top:20px; padding-bottom:15px; }
*/
.assess-list .assess-cont { border-bottom:1px solid #fff; padding-top:5px; padding-bottom:5px; }
.assess-list.assess-hover .assess-cont:hover { background:#f5f5f5; }
.assess-list.assess-hover .assess-cont.active { /* background:#5CB85C; color:#fff; */ }
.assess-cont.jumbotron { background:#fff; margin:0; border-radius:0; }
.assess-list .assess-header { font-weight:bold; margin-bottom:5px; background:#f4f4f4; padding:5px 10px; border-radius:5px; }
.assess-list .assess-body { padding:0 0 0 0px;	}
.assess-list .assess-body label { font-weight:normal; }
.assess-list .assess-body.stacked label { margin:1px; display:block; padding:0px; }

/** Assess - Assess View */
.assess-view .team-selector { margin-bottom:20px; background:#f4f4f4; padding:10px }
.assess-view .t-select { margin:1px 0; }
.assess-view .sub-title { font-size:16px; margin:30px 0 10px 0; }
.assess-view .sub-title-right { float:right; font-size:12px; margin:10px 0; }
.assess-view .sub-title .sub-title-right { float:right; font-size:12px; margin-bottom:0px; }
.assess-view .chart.chart-bordered { padding:1px; background:#f4f4f4; }
.assess-view .plus { color:blue; }
.assess-view .minus { color:red; }
.assess-view .bg-even { background:transparent; }
.assess-view .bg-odd { background:#f9f9f9; }

.assess-view .box { margin-bottom:30px; }
.assess-view .box.on {  }
.assess-view .box-heading { }
.assess-view .box-heading-caption { font-size:16px; padding:15px; border:1px solid #f0f0f0; border-bottom-width:0px; background:#f0f0f0; text-align:center; }
.assess-view .box-body { padding:15px; border:1px solid #f0f0f0; box-shadow:5px 5px 10px #aaa; min-height: 200px; }
.assess-view #cmt-area { margin:0px; min-height:190px; }
.assess-view #cmt-area ul { padding-left: 20px; font-weight:normal; }
.assess-view #chart-total { margin-top:15px; height: 150px; }
.assess-view .gauge-legend { margin:35px 0 0 0; padding:0px; list-style:none; }
.assess-view .color-strong { color:#376193; }
.assess-view .color-moderate { color:#8FB5E4; }
.assess-view .color-weak { color:#FFC000; }
.assess-view .compare-box { margin:30px 0 0 0; }
.assess-view .compare-box .compare-name { font-weight:bold; font-size:16px; color: #000; }
.assess-view .compare-box .compare-value { font-weight:bold; font-size:24px; color:#A60A18; padding:0 0 0 20px; }
@media all and (min-width:1200px) { .assess-view .table-responsive { overflow:hidden; } }
.assess-view .tbl { width:100%; border-collapse:collapse; }
.assess-view .tbl th, .assess-view .tbl td { padding:7px; vertical-align:middle !important; }
.assess-view .tbl .th { color: #fff; font-weight:bold; background: #4CAF50; padding:6px; border:1px solid #ddd; }
.assess-view .tbl .td { padding:6px; border:1px solid #ddd; }
.assess-view .tbl-group { table-layout:fixed; }
.assess-view .tbl-group .th { text-align: center; border:0px solid #ddd; background:none; }
/*
.assess-view .tbl-group .th { text-align: center; border:0px solid #ddd; background:none; }
.assess-view .tbl-group .heading { color: #fff; font-weight:bold; background: #376092; padding:6px; margin: 5px 5px; border-radius:5px; box-shadow:1px 1px 5px #376092; font-size:17px; word-break: break-all; }
*/
.assess-view .tbl-group .th.i-heading { color: #fff; font-weight:normal; background: #4CAF50; padding:6px; margin: 5px 5px; border-radius:10px; border: 1px solid #fff; boxx-shadow:1px 1px 5px #376092; font-size:15px; word-break: break-all; line-height: 110%; padding-top: 5px; padding-bottom: 5px; }

.assess-view .tbl-group .td { text-align: center; color: #000; border:0px solid #ddd; }
/*
.assess-view .tbl-group .g3-heading { color: #fff; background: #336699; }
*/
.assess-view .tbl-group .g3-heading { color: #fff; background: #4CAF50; font-weight: normal; line-height: 120%;  padding-top: 5px; padding-bottom: 5px; word-break: break-all; }
.assess-view .tbl-group .tit { background: #aaa; color:#fff; }
.assess-view .tbl-group .td-g3 { border: 1px solid #ddd; }
.assess-view #cmt-area #cmt-view-area { display:block; }
.assess-view #cmt-area #cmt-edit-area { display:none; }
.assess-view #cmt-area.edit #cmt-view-area { display:none; }
.assess-view #cmt-area.edit #cmt-edit-area { display:block; }
.assess-view #cmt-area.well { background: #fbfbfb; box-shadow:none; }
.assess-view .tbl-insight { border-collapse:separate !important; border-spacing:5px !important; }
.assess-view .tbl-insight .th { background:none; border-width:0; border-bottom:2px solid #000; color:#000; vertical-align:bottom !important; font-size:14px; line-height:110%; }
.assess-view .tbl-insight .is-a { background: #102540; color: #fff; position:relative; font-size:16px; }
.assess-view .tbl-insight .is-a > .dv { position:absolute; top:5px; left: 5px; font-size:12px; color:#f0f0f0; }
.assess-view .tbl-insight .is-b { background: #DCE6F2; color: #000; }
.assess-view .tbl-insight .is-c { background: #fff; color: #4B7EBC; text-align:center; vertical-align:middle; font-size:30px; border:1px solid #ddd; }
.assess-view .tbl-insight .is-d { background: #336796; color: #fff; }
.assess-view .tendency-str { font-weight:normal; font-size:12px; color:#0f7177; }
.assess-view .chart-cmt { padding:10px; }
.assess-view .total-cmt { padding-left:20px; }
.assess-view .total-cmt>li { margin-bottom:10px; }
.assess-view .total-cmt-category1 { color:#0070C0; font-weight:bold; }
.assess-view .total-cmt-category2 { color:#ee0000; font-weight:bold; }
.assess-view .total-cmt a { font-weight:bold; color: #337AB7; text-decoration:underline; }
.assess-view .cmp-sec { margin:10px; }
.assess-view .cmp-sec-title { }
.assess-view .cmp-alert { margin-top:10px; padding-top:8px; }
.assess-view .cmp-items { }
.assess-view .cmp-guide { margin-top:10px; padding-top:10px; border-top:1px solid #447799; font-weight:bold; }
.assess-view .my-circle { display: inline-block; border-radius:50%; font-size:12px; padding:1px 3px; min-width:19px; text-align:center; background:#447799; color:#fff; }
.assess-view .cmp-char { font-style: italic; }
.assess-view .cmp-a {}
.assess-view .cmp-b {}
.assess-view .cmp-c {}
.assess-view .cmp-d {}


/** Assess - Goals Apply */
.goal-tbl { border:1px solid #555; }
.goal-tbl caption { font-weight:bold; font-size:15px; color:#555; }
.goal-tbl>tbody>tr>th { text-align:center; vertical-align:middle; background:#f4f4f4; }
.goal-tbl ul { margin:0px; padding-left:20px; }

/** Assess - Goals View */

/** Misc - Message */
.message .media-object { width:65px; margin:0px 10px 10px 0; }
.message .user-thumb { margin:0px 10px 10px 0; }
.message .content { margin:10px 0; }
.message .media-body .media-object { width:41px; }
.message .media-body .fa { font-size:48px; margin:0 10px 10px 0; }
@media (max-width:991px) {
	.message .media .media-left { display:none; }
	.message .media-body .media-list { position:relative;  }
	.message .media-body .media-list > .media { padding-left:20px; }
	.message .media-body .media-list:before { position:absolute; top:0px; bottom:0px; content:' '; border:2px solid #DBE9F4; }
	.message .media-body .media-body .media-object { width:30px; }
}

/** Sysop - user */
.tree-wrap-team .tree-area,
.tree-wrap-question .tree-area, 
.tree-wrap-group .tree-area { min-height:370px; }
@media (max-width:991px) {
	.tree-wrap-team .tree-area, 
	.tree-wrap-question .tree-area,
	.tree-wrap-question .tree-group { min-height:0px; }
}

.mce-path-item { display:none !important; }
.message-content p { margin:0px; } 
.message-content a { text-decoration:underline; color:red; } 
.mce-container .mce-path > .mce-path-item, .mce-path > .mce-divider { display: none !important; }
.mce-container .mce-container-body .mce-resizehandle { width: 100%; height: 5px; }
.mce-container .mce-i-resize:before { content: ""; }
.mce-statusbar .mce-container-body { height: 4px; }

.message-link { font-weight:bold; color:red;text-decoration:underline; }



/** Report **/
.team-name { font-weight:bold; color:#000; }
.s-up, .up { font-weight:normal; color:blue; }
.s-eq { font-weight:normal; color:green; }
.s-down, .down { font-weight:normal; color:red; }
.s-strong { font-weight:bold; color:#000; }
.chart .label { padding-left:20px; padding-right:20px; }





/** */
.viewer-backdrop { position:fixed; top:0; left:0; right:0; bottom:0; background:#000; opacity:.4; filter:alpha(opacity=40); z-index:10000000; }
.viewer-close { position:fixed; top:50px; right:50px; z-index:10000002; font-size:30px; }
.viewer-close-btn { color:#fff; }
.viewer-close-btn:hover { text-decoration:none; }
.viewer-img { position:absolute; top:50px; left:50%; z-index:10000001; }


.popover-title { font-weight:bold; }
.popover-body { padding:10px; }
.popover-foot { text-align:center; padding-top:10px; border-top:1px solid #d0d0d0; }
.popover-helpblock { font-size:12px; margin:5px 0; }


.send-message { font-size:16px !important; color:#F0AD4E; }

.list-no { background:#8EB5E3; color:#fff; font-size:26px; width:66px; text-align:center; padding:10px 0; border-radius:5px; }



.process-list { margin:20px 0 0 0; padding:0 30px 0 0; }
.process-list .item { 
	float: left; list-style-type:none; padding: 0; margin: 5px 0 0 35px;
	text-align:center; position:relative; 
}
.process-list .item.success { xopacity: .8; }
.process-list .item:first-child { margin-left: 0; } 
.process-list .item-wrapper { position: relative; border: 1px solid #ddd; border-radius: 8px; }
.process-list .item-d { font-size: 16px; position: absolute; top: 50%; left: -23px; margin-top: -13px; color: #bbb; }
.process-list .item .head, 
.process-list .item .foot { position:relative; text-align:center; padding: 5px 10px; }
.process-list .item .head { background: #f0f0f0; border-radius: 10px 10px 0 0; }
.process-list .item .foot { xbackground: #E3F3C1; border-radius: 0 0 10px 10px; xcolor: #5F801C; }
/*
.process-list { margin:20px 0 0 0; padding:0 30px 0 0; }
.process-list .item { list-style-type:none; padding:0; margin:1px; float:left; text-align:center; position:relative; letter-spacing:-1px; }
.process-list .item>div { height:30px; position:relative; text-align:center; padding:5px; padding-left:30px; }
.process-list .item>div:after { border-width:30px; border-style:solid; border-right-width:0; content:' '; position:absolute; z-index:2; top:0; right:-30px; }
.process-list .item>div:before { border-color:#fff; border-width:30px; border-style:solid; border-right-width:0; content:' '; position:absolute; z-index:1; top:0; left:0px; }
.process-list .item .head:before { border-bottom-width:0; border-top-color:transparent; }
.process-list .item .foot:before { border-top-width:0; border-bottom-color:transparent; }
.process-list .item:first-child > div:before { display:none; }

.process-list .item .head { background:rgba(192, 192, 192, 1); color:rgba(0, 0, 0, 0.87); }
.process-list .item .foot { background:rgba(192, 192, 192, 0.6); color:#000; }
.process-list .item .head:after { border-color:rgba(192, 192, 192, 1); border-bottom-width:0; border-top-color:transparent; }
.process-list .item .foot:after { border-color:rgba(192, 192, 192, 0.6); border-top-width:0; border-bottom-color:transparent; }

.process-list .item.default .head { background:rgba(192, 192, 192, 1); color:rgba(0, 0, 0, 0.87); }
.process-list .item.default .foot { background:rgba(192, 192, 192, 0.6); color:#000; }
.process-list .item.default .head:after { border-color:rgba(192, 192, 192, 1); border-bottom-width:0; border-top-color:transparent; }
.process-list .item.default .foot:after { border-color:rgba(192, 192, 192, 0.6); border-top-width:0; border-bottom-color:transparent; }

.process-list .item.primary .head { background:rgba(51, 122, 183, 1); color:rgba(255, 255, 255, 0.87); }
.process-list .item.primary .foot { background:rgba(51, 122, 183, 0.6); color:#fff; }
.process-list .item.primary .head:after { border-color:rgba(52, 122, 183, 1); border-bottom-width:0; border-top-color:transparent; }
.process-list .item.primary .foot:after { border-color:rgba(52, 122, 183, 0.6); border-top-width:0; border-bottom-color:transparent; }

.process-list .item.warning .head { background:rgba(255, 128, 0, 1); color:rgba(255, 255, 255, 0.87); }
.process-list .item.warning .foot { background:rgba(255, 128, 0, 0.6); color:#fff; }
.process-list .item.warning .head:after { border-color:rgba(255, 128, 0, 1); border-bottom-width:0; border-top-color:transparent; }
.process-list .item.warning .foot:after { border-color:rgba(255, 128, 0, 0.6); border-top-width:0; border-bottom-color:transparent; }

.process-list .item.success .head { background:rgba(92, 184, 92, 1); color:rgba(255, 255, 255, 0.87); }
.process-list .item.success .foot { background:rgba(92, 184, 92, 0.6); color:#fff; }
.process-list .item.success .head:after { border-color:rgba(92, 184, 92, 1); border-bottom-width:0; border-top-color:transparent; }
.process-list .item.success .foot:after { border-color:rgba(92, 184, 92, 0.6); border-top-width:0; border-bottom-color:transparent; }

.process-list .item.danger .head { background:rgba(217, 83, 79, 1); color:rgba(255, 255, 255, 0.87); }
.process-list .item.danger .foot { background:rgba(217, 83, 79, 0.6); color:#fff; }
.process-list .item.danger .head:after { border-color:rgba(217, 83, 79, 1); border-bottom-width:0; border-top-color:transparent; }
.process-list .item.danger .foot:after { border-color:rgba(217, 83, 79, 0.6); border-top-width:0; border-bottom-color:transparent; }
*/


.message-view .popover-content img { max-width: 100%; height:auto; }

.clb { color: #337AB7; }

ul.tbl { display:table; width:100%; padding:0px; list-style:none; }
ul.tbl > li { display:table-cell; vertical-align:middle; }
ul.tbl.pad5 > li { padding:5px; }
ul.tbl > li.wa { width:auto; }

.il-box { margin:0px; width:100%; display:table; margin:0px; padding:0px; list-style:none; }
.il-box>li { padding:0px 4px; display:table-cell; vertical-align:middle; }
.il-box>li:first-child { padding-left:0px; }
.il-box>li:last-child { padding-right:0px; }
.il-box .form-control { display:inline-block; }
.il-box input[type=radio] { margin-right:3px; }
.il-box .div { width:1px; height:24px; display:inline-block; vertical-align:middle; border:1px solid #ccc; padding:0px; margin:0 3px;  }
.il-box .div-sm { width:1px; height:16px; display:inline-block; vertical-align:-2px; border:1px solid #ccc; padding:0px; margin:0 3px;  }
.il-box label { font-weight:normal;  }

.sub-item { font-weight:normal; list-style:none; }

.content { word-break:break-all; }

.dynatree-act { margin-left:5px; }
.btn-dynatree-act { margin:0; padding:0px 3px; font-size:10px;  }


.link-target { opacity:.5; filter:alpha(opacity=50); font-style:italic; }
.link-target input,
.link-target select,
.link-target textarea { display:none; }
.ques-blind { display:none; }
.link-target .ques-blind { display:block; border:3px solid red; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; filter:alpha(opacity=0); z-index:99; }


/*
.link-group-target { opacity:.5; filter:alpha(opacity=50); font-style:italic; }
*/
.link-group-target { opacity:.5; filter:alpha(opacity=50); font-style:italic; overflow:/*hidden*/auto; height:0 }
.link-group-target input,
.link-group-target select,
.link-group-target textarea { display:none; }
.link-group-target .ques-blind { display:block; border:3px solid red; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0; filter:alpha(opacity=0); z-index:99; }

.link-group-target-wrap { }
.link-group-target-org { }
.link-group-target-org .ques-no { display:none; }

.ud-wrap { font-size:12px; white-space: nowrap; }
.hnp { padding-left: 0 !important; padding-right: 0 !important; }


/*
.dashboard { padding:20px 20px 0 20px; background:#fbfbfb; border:1px solid #ddd; border-radius:10px; }
*/
.dashboard .d-list { min-height: 102px; padding-left:25px; }
.dashboard .panel-default .panel-heading { color:#000; font-weight:bold; font-size:14px; }
.dashboard .panel-heading .fa { vertical-align:middle; margin-right:3px; }
.dashboard .site-name { font-size:12px; letter-spacing:0px; }
@media (max-width:991px) {
	.dashboard { padding:0 0 0 0; background:#fff; border-width:0px; border-radius:0; }
}

.youtube-iframe { margin-top: 7px; }
@media (max-width:768px) {
	.youtube-iframe { width:100%; }
}

.preview-mail-content { border:1px solid #aaa; border-radius:3px; padding:10px; min-height:100px; max-height:600px; overflow:auto; }
.ls-1 { letter-spacing:-1px; }


.d { color: #aaa; font-weight:normal; }
.btn-link { border-width:0; margin:0px !important; padding:0px !important; }
.btn-link[disabled] { color: #aaa; }

.assess-app-tpl-table .full {
	padding:0px;
}
.assess-app-tpl-table .full label {
	display:inline-block;
	width:100%;
	padding:10px 0;
	margin:0;
}

/*ie fix
.fake-hide { overflow:hidden; height:0px; }
*/
.fake-hide { overflow:auto; height:0px; }
.fake-show { height:auto; }


.opp-ques-box { display:inline-block; padding:10px; font-weight:bold; }
/*
.opp-arrow { position:absolute; font-size:25px; line-height:100%; bottom:-25px; opacity:.11; filter:alpha(opacity=11); }
*/
.opp-arrow { position:absolute; width:50px; height:20px; bottom:-25px; }
.opp-arrow.l { background:url(../images/comm/al.png) no-repeat left center; left:10px; }
.opp-arrow.r { background:url(../images/comm/ar.png) no-repeat right center; right:10px; }
@media (max-width:1260px) {
	.opp-arrow { display:none; }
}

.item-pull .iw { float:left; width:20%; min-width: 200px; }
@media (max-width:480px) {
	.item-pull .iw { min-width:190px; }
}
.iw ul.tbl > li { vertical-align: top; }



.btn-coaching { }
.btn-coaching > span { font-size:18px; padding:0; margin:0; vertical-align:-3px; margin-right:7px; }

.btn-merge-group { position:relative; }
.btn-merge-group .merge-item { position:absolute; }
.fwb { font-weight: bold; }

.tbl-sky { border-collapse:separate !important; border-spacing: 1px !important; width: 100%; border: 1px solid #d0d0d0; background: #d0d0d0; border-radius: 4px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); }
.tbl-sky .th { background: #336796; color: #fff; padding: 5px 15px; font-weight: bold; text-align: center; }
.tbl-sky td { padding: 5px 15px; text-align: center; }
.tbl-sky .td-a { background: #DEE2F1; color: #000; }
.tbl-sky .td-b { background: #E9EBF5; color: #000; }

ul.item-tbl { border: 1px solid red; display: table-row; }
ul.item-tbl > li { display: table-cell; padding: 0 3px; }
.review-point {
	color: #ddd;
}
.review-point.icon-star-full {
	color: #FF8C55;
}
.expert-sch.panel-footer { border-top: 1px solid #ddd !important; padding-top: 10px !important; }
.expert-sch ul.il-box { margin-top: 10px !important; }