@charset "UTF-8";
.comment-list {
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.comment-list .comment {
	padding: 10px;
	overflow: auto;
}

.comment-list .comment:hover {
	background-color: rgba(220, 220, 220, 0.5);
	border-left: solid 4px #ccf;
	padding-left: 6px;
}

.comment-list .comment-edit {
	display: none;
	float: right;
}

.comment-list .comment:hover .comment-edit {
	display: block;
	margin-left: 12px;
}

.comment-list .comment-heading {

}

.comment-list .comment-body {
	padding-left: 10px;
	margin-top: 10px;
}

.direct-chat-messages {
	height: auto;
}

.direct-chat-text {
	border-right-color: #cdcdcd;
    background-color: #fdfdfd;
    border-color: #cdcdcd;
}

.right .direct-chat-text {
    background-color: #ededed;
}

.direct-chat-text:after,.direct-chat-text:before {

}

.right .direct-chat-text:after,.right .direct-chat-text:before {
    border-left-color: #cdcdcd;
}

.timeline-body {
	display: inline-block;
	width: 100%;
}

.user-block .profile-picture {
	width: 36px;
	height: auto;
	min-height: 36px;
	color: #666;
	background: #ffffff;
	text-align: center;
}

.user-block .profile-user-icon {
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	position: absolute;
	color: #666;
	background: #d2d6de;
	border-radius: 50%;
	text-align: center;
}

.user-block .username {
	font-size: 120%;
}

.user-block .description {
	font-size:100%;
}

.leader-comment {
	background: #dfdfdf;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
	height: auto;
	width: auto;
	max-width: 90px;
	max-height: 90px;
}

.timeline-header.no-body {
	padding: 5px 10px 5px 10px !important;
}

.direct-chat-msg .profile-picture {
	width: 36px;
	height: auto;
	min-height: 36px;
	background: #ffffff;
	float: left;
}

.direct-chat-msg.right  .profile-picture {
    float: right;
}

.sidebar-menu>li.header {
	font-size: 120%;
    font-weight: bold;
    padding-right: 10px;
}

.sidebar-menu>li.header {
    color: #6b949f;
}

.treeview-menu>li>a {
    font-size: 100%;
}

.sidebar-menu>li.active>a, .treeview-menu>li.active>a {
	font-weight: bold;
}

.treeview-menu {
    padding-left: 14px;
}

.treeview-menu>li.active>a {
	margin-left: -4px;
    border-left: 4px solid #dd4b39;
}

.treeview>a>span {
	line-height: 20px;
}

.sidebar-mini .sidebar-menu .side-pull-right-container {
	display: block;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
	top: -9999px !important;
	width: 0px !important;
}

.sidebar-mini .sidebar-menu .collapse-icon {
	display: none;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu .collapse-icon {
	display: inline-block;
	color: #FFF;
	width: 20px;
	text-align: center;
}

/* Extra small devices (phones, less than 768px) */
.label-horizontal {
    margin: 0;
    padding: 0;
	font-weight: bold;
	word-break: break-all;
}

.data-horizontal {
	margin: 4px 0 8px 12px;
}

.data-horizontal.form-control-static, .label-horizontal.control-label {
	padding-top: 8px;
}

#navbar-module li {
	max-width: 100px;
    overflow: hidden;
    word-break: keep-all;
	white-space: nowrap;
}

.more-modules {
    font-weight: bold;
    font-size: 20px;
}

#navbar-module a {
	word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
	padding: 15px 10px 15px 10px;
}

@media (min-width: 420px) {
	.label-horizontal {
	    display: inline-block;
	    float: left;
	    width: 100px;
	    margin: 0;
	    padding: 0;
	    font-weight: bold;
	    word-break: break-all;
	}

	.data-horizontal {
	    display: inline-block;
	    float: left;
	    width: 100%;
	    margin: 0 0 8px -100px;
	    padding: 0 0 0 100px;
	    word-break: break-all;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#navbar-module li {
		max-width: 100%;
	}

	#navbar-module a {
		padding: 15px 15px 15px 15px;
	}
}

td.data-score {
	text-align:center;
}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    font-size: 120%;
}

.box-body.data-score {
	text-align: right;
	font-size: 120%;
}

.btn-radio {
	padding: 4px 6px 6px 6px;
}

td .label {
	font-size: 90%;
	font-weight: normal;
	padding: 4px 8px 4px 8px;
}

.excess-days {
	font-weight: bold;
	color: #FF0000;
}

.padding-zero {
	padding: 0 !important;
}

table td pre, .data-horizontal pre {
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 100%;
	background-color: inherit;
	white-space: pre-wrap;
    font-family: 맑은 고딕;
}

.deleted-row {
	background-color: #F4F4F4;
	color: #999;
}

.light-box {
	background-color: #FFF;
}

.closed-row {
	background-color: #F4F4F4;
	color: #999;
}