.container {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
}

/*
 * content nav
 */
ol.breadcrumb {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -20px;
	padding: 13px 26px 11px;
	color: #a2a2a2;
	margin-bottom: 13px;
}
.breadcrumb>li+li:before {
	content: "\003e";
}
/*
 * content nav
 */

/*
 * jstree
 */
div.jstree a.jstree-anchor {
	font-size: 12px;
	color:#909090;
}
/*
 * jstree
 */

nav.navbar {
	background-color: #3c434f;
}
nav.navbar a {
	color: #fff;
}

div[data-role=contents] {
	/*margin-top: 50px;*/
	padding: 16px 20px;
	padding-top: 70px;
	transition: all 0.5s ease;
}
div[data-role=contents] img {
	/* max-width: 100%; */
	/*width: 30px; */
	/* height: 30px; */
	/* display: inline-block; */
	/* position: absolute; */
	/* top: 0px; */
}
.page-header {
	margin-top: 22px;
	margin-bottom: 10px;
	/*padding-left: 10px;*/
}
.page-header > h5 {
	font-size: 20px;
	font-weight: 300;
}

.col-align-center {
	text-align: center;
}
.col-align-center > button[data-role=send][data-type=right] {
	margin-top: 150px;
	margin-left: 0;
}
.col-align-center > button[data-role=send][data-type=left] {
	margin-top: 350px;
	margin-left: 0;
}
/*
.navbar-header {
	width: 50%; 
}
*/

.reserveItem {
	display: inline-block;
	*display: inline; /* leading asterisk IS correct */
	zoom: 1; /* seems to fix drawing bug on border in IE 7 */
}
table.table {
	margin-bottom: 0px;
}
table.table > tbody {
	border: none;
}
table.table > tbody > tr {
	border-top: 1px solid #bfcdd8;
}
table.table > thead {
	border-bottom: none;
}
table.table > thead > tr {
	border-top: 1px solid #c5c5c5;
	border-bottom: none;
}
table.table th {
	background-color: #f8fafa;
}
table.table th.rowspan {
	vertical-align: middle;
	border-right: 1px solid #e8e8e8;
}
.table-striped {
	border-bottom: 1px solid #e8e8e8;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #fff;
}
.table>thead>tr>th {
	border-bottom: 1px solid #c5c5c5;
	font-weight: normal;
	color: #2e3435;
	vertical-align: middle;
}
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
	color: #8a8d8e;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: middle;
}
table.table-data {
	margin-top: 6px;
	border-top: 2px solid #cccccc;
}
.table-data>thead>tr>th,
.table-data>tbody>tr>th,
.table-data>tfoot>tr>th {
	font-weight: normal;
	color: #333333;
	vertical-align: middle;
	border: 1px solid #dddddd;
}
.table-data>thead>tr>td,
.table-data>tbody>tr>td,
.table-data>tfoot>tr>td {
	color: #666666;
	vertical-align: middle;
	border: 1px solid #dddddd;
}
/**
* paging
*/
.nav-page-head {
	font-size: 11px;
}
.pagination {
	margin: 10px 0;
}
.pagination > li > a {
	border-radius: 3px;
	margin-left: 4px;
	margin-right: 4px;
	border: none;
	transition: all 0.5s ease;
}

/*.pagination>li:first-child>a:hover,
.pagination>li>a[aria-label=dec]:hover {
	background-color: #2196F3;
	color: #E3F2FD;
}*/

.pagination li a {
	/* border-radius: 3px; */
	/* margin-right: 5px; */
	/* background-color: transparent; */
	/* transition: all 0.5s ease; */
	font-size: 16px;
	font-family: sans-serif;
	transition: none;
	/* letter-spacing: -5px; */
	/* padding: 4px 6px 0 1px; */
	/* border: 1px solid #c5c5c5; */
	/* display: inline-block; */
	/* height: 23px; */
	/* width: 23px; */
}
.pagination li a span {
	color: #868686;
	letter-spacing: -3px;
}
.pagination li a span:hover {
	color: #ff8458;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: transparent;
	color: #ff8458;
	border: none;
	text-decoration: underline;
}
.pagination>li>a,
.pagination>li>span {
	background-color: #fff;
	color: #868686;
}
/* pagination */
.pagination>li>a, .pagination>li>span {
	padding: 2px 5px;
}
.pagination>li>a:hover {
	background-color: #ffffff;
	color: #ff8458;
}
/**
* paging end
*/

@media screen and (max-width: 767px) {
	div[data-role=contents] {
		padding-top: 125px;
		padding-left: 10px;
	}
	.navbar-right {float: right;}
}
@media screen and (min-width: 992px) {
	div[data-role=contents] {
		padding-top: 70px;
		padding-left: 10px;
	}
}
@media screen and (min-width: 1200px) {
	div[data-role=contents] {
		padding-top: 70px;
		padding-left: 280px;
	}
}
@media (min-width: 1200px) {
	.modal-lg {
		width: 1170px;
	}
}
/* sub top title */
.container-fluid .alert.alert-info {
	color: #474f5f;
	font-size: 18px;
	background-color: #fff;
	border-color: #c5c5c5;
	padding: 5px 0 4px;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-radius: 0;
}
.container-fluid .alert.alert-info b {
	font-weight: normal !important;
}
/* mail */
.mail {border-top: 1px solid #ccc;}
.mail .btn-clear-cycle {
	border-color: #868686;
	position: absolute;
	left: 30px;
	width: 14px;
	height: 14px;
	line-height: 1em;
	padding: 0;
	font-size: 9px;
	color: #828282;
}
.mail .mail-title {
	font-size: 14px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.mail .mail-sub-title {padding-left: 48px;}
.mail dt, .mail dd {display: inline-block;font-weight: normal;}
.mail dd {color: #b1b1b1; padding-left: 6px;}
.mail .mail-sub-time {color: #b1b1b1;}
.mail .mail-body {padding: 10px;}
.mail-component .radio-inline {padding-bottom:0;}
.mail-attach .panel-body .col-md-2.text-primary.text-center {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #7f7f7f;
}
.mail-attach .panel-body {background-color: #f5f5f5;}
.mail-component .panel-body .text-right a {color: #439fe4;}
.mail-footer {border-top: 1px solid #ccc;}
.mail-footer .list-unstyled li {
	padding: 7px 0;
	border-top: 1px solid #ececec
}
.mail-footer .list-unstyled li:first-child {
	border-top: 1px solid #fff;
}
.mail-footer .glyphicon {
	border: 1px solid #ccc;
	border-radius: 3px;
	line-height: 1em;
	padding: 2px 3px;
	font-size: 9px;
	color: #b7b7b7;
	margin-right: 7px;
}
.mail-footer .prevText {color: #45bbff;margin-right: 13px;}

/* sidebar btn */
.btn-primary {
	color: #fff !important;
	background-color: #4daadc;
	border-color: #4daadc !important;
}
span.remove-datepicker-data{
	cursor:pointer;
}
span.pop-datepicker{
	cursor:pointer;
}
.progress-xs {
	height: 6px;
	margin-top: 8px;

	text-indent: -9999px;
	white-space: nowrap;
}
/* btn 공통 */
.btn {font-size: 12px;}
.btn-default {
	color: #9c9c9c;
}
.input-group-btn .btn.btn-success {color:#fff; border-color: #5cb85c !important;}
.input-group-addon, .input-group-btn {
	vertical-align: bottom;
}
.pop-datepicker, .remove-datepicker-data, .input-group-addon {
	color: #acb0b7;
	padding-right: 10px;
	padding-left: 10px;
}
.table-responsive div .btn-clear-blue.pull-right {
	background-color: #41b72b;
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
}
.table-responsive div .btn-clear-red.pull-left {
	background-color: #ffffff;
	color: #848484;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #cccccc;
}
.table-responsive div .btn-clear-blue.pull-right i,
.table-responsive div .btn-clear-red.pull-left i {display:none;}
.container-fluid > .row .btn-clear {
	background-color: #ffffff;
	color: #848484;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #cccccc;
	margin-right: 2px;
}
.container-fluid > .row .btn-clear i {display:none;}
.input-group-btn .btn {color: #838384;}

#searchFrm div .btn-clear-red.pull-left {
	background-color: #ffffff;
	color: #848484;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #cccccc;
}
#searchFrm div .btn-clear-blue.pull-right {
	background-color: #41b72b;
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
}
#searchFrm div .btn-clear-red.pull-left i,
#searchFrm div .btn-clear-blue.pull-right i {display:none;}
.table-responsive .text-ellipsis .btn-xs {color: #a6a7ab;}
.btn-number {
	width: 40px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.btn-record-finish {
	color: #666666;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.btn-record-partial {
	color: #666666;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.btn-record-empty {
	color: #666666;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.btn-record-finish:hover,
.btn-record-partial:hover,
.btn-record-empty:hover {
	background: #eeeeee;
	border: 1px solid #cccccc;
}
/* jstree */
.jstree-default .jstree-wholerow {
	border: 1px solid #e2e3e4;
	border-radius: 2px;
	float: right;
	position: inherit;
}
.jstree-default .jstree-node {
	margin-top: 4px;
}
/*
.jstree-container-ul .jstree-node .jstree-anchor .jstree-icon {display:none;}

.jstree-default>.jstree-striped {background:none;}
*/
/* 전자결재 */
#dynamicTabs #docuPlus {
	background-color: #f5f5f5;
	padding: 11px 10px 14px;
	color: #85878c;
	font-size: 13px;
	border-radius: 3px;
	font-weight: bold;
	border: 1px solid #e6e6e6;
	margin-top: -10px;
	width: 100%;
	cursor: pointer;
	margin-bottom: 10px;
}
#dynamicTabs #docuPlus.glyphicon-plus:before {
	padding: 0 8px 0 5px;
	font-size: 11px;
	color: #85878c;
}
#HwpCtrl {
	position: relative;
	border: 1px solid #ccc;
	margin: 0 auto;
}
#dynamicTabs .radio {margin:0 0 8px 0;}
#dynamicTabs fieldset .row .col-xs-12 > label,
#dynamicTabs fieldset .row .col-xs-12 .form-group > label {
	color: #232831;
	font-size: 13px;
}
#dynamicTabs .radio label.radio-inline {
	padding: 0 5px 0 0;
	color: #a3a5a7;
}
.tsm {font-size: 12px !important; border-top: 1px solid #c5c5c5 !important;}
#dynamicTabs .simpleTable {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0;
	border-radius: 2px;
	margin: 0px;
}
#dynamicTabs .simpleTable .text-right {
	margin: 10px;
}
#dynamicTabs .tab-content .btn-warning,
#dynamicTabs .tab-content .btn-clear-white {
	background-color: #ffffff;
	color: #848484;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #cccccc;
}
#dynamicTabs .tab-content .btn-success,
#dynamicTabs .tab-content .btn-clear-orange {
	background-color: #41b72b;
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #41b72b;
}
#dynamicTabs .tab-content .btn-clear-blue {
	background-color: #4daadc;
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #4daadc;
}
#dynamicTabs .tab-content .btn .glyphicon-plus,
#dynamicTabs .tab-content .btn .glyphicon-send,
#dynamicTabs .tab-content .btn .glyphicon-remove {display:none;}
.simpleTable #btnUp, .simpleTable #btnDown, .simpleTable #btnRemove {
	background-color: #909090;
}

/* 스케쥴 */
.fc-event, .fc-event-dot {
	background-color: #4daadc;
	border: 1px solid #4daadc;
}
#calendar .fc-left .btn-group {
	margin-left: 10px;
}
.fc-unthemed .fc-today {
	background: #f5f5f5;
}
.fc-state-default {
	background-color: #ffffff;
	border-color: #cfd0d2;
	color: #a8a9ab;
}
.fc-state-active, .fc-state-down {
	background-color: #f0f0f1;
	color: #3e4248;
}
.btn-group-justified .btn-default:active, .btn-group-justified .btn-default.active, .btn-group-justified .open > .dropdown-toggle.btn-default {
	color: #9f9c9c;
	background-color: #f5f5f5;
	border-color: #cccccc;
	box-shadow: none;
}
.btn-group-justified .btn-default {
	color: #9c9c9c;
	border-color: #cccccc;
	display: inline-block;
	min-width: 142px;
}

.view-stats-text {
	padding: 30px 20px;
	margin-top: 30px;
}
.view-stats-text blockquote {
	font-size: 14px;
	margin: 0;
}
/*직급 및 직책관리*/
.rank-list .well {
	padding: 8px 8px 8px 16px;
}
/*이수증 관리*/
.certificate-view .thumbnail {
	margin: 0;
}
.certificate-view .thumbnail .caption p {
	margin: 0;
}

/*데쉬보드*/
p.joins-text {
	padding: 4px 0 0 0;
	margin:0;
}
p.joins-date {
	color: #999999;
	padding: 4px 0 0 0;
	margin:0;
}



/*layout line*/
.panel-line-left  {border-left: 1px solid #e8e8e8;}
.panel-line-right {border-left: 1px solid #e8e8e8;}

/*좌측메뉴 로고 */
#sidebar .tab-content {
	background: url('/resources/custom/images/left-menu-bg.png') right bottom no-repeat;
}

/*nav tab*/
.nav>li>a {
	padding: 10px 6px;
}

/*input file*/
.file-upload h5 {
	display: block;
	width: 100%;
	color: #757575;
	font-size: 12px;
	font-weight: normal;
}
.file-upload input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.file-upload label {
	display: inline-block;
	padding: 6px 10px;
	color: #ffffff !important;
	background-color: #41b72b;
	cursor: pointer;
	border-radius: 4px;
}
/* named upload */
.file-upload .input-upload {
	display: inline-block;
	width: 70%;
	padding: 6px 10px;
	background-color: #f5f5f5;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}