@CHARSET "UTF-8";
html {
}

body {
	font-family:"Microsoft YaHei", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:13px;
	overflow:hidden;
	background-color:#fff;
	color:#555;
}

body.overflow-y-auto {
	overflow-y:auto;
}

h1,h2,h3,h4,h5,h6 {
	font-family:inherit;
}

button {
	outline:none !important;
}

button.btn {
	border-radius:4px !important;
}

label {
	font-size:13px;
}

textarea, input[type=text], input[type=password], input[type=datetime],
input[type=datetime-local], input[type=date], input[type=month],
input[type=time], input[type=week], input[type=number],
input[type=email], input[type=url], input[type=search],
input[type=tel], input[type=color] {
	padding:2px 4px 4px 4px;
	border-radius:4px !important;
	font-size:13px;
	color:#555;
}

textarea {
	padding:2px 4px 3px 4px !important;
	font-size:13px !important;
}

textarea::-webkit-input-placeholder {
	color:#c0c0c0;
}

textarea::-moz-placeholder {
	color:#c0c0c0;
}

textarea::-ms-input-placeholder {
	color:#c0c0c0;
}

a {
	color:#555;
	text-decoration:none;
}

.body {
	width:100%;
	height:100%;
	padding-left:12px;
	padding-right:12px;
	/* background-color:#e4e6e9; */
	/* background-color:#eaecee; */
	/* background-color:#008DC8; */
	background-color:#f1f3f6;
}

/* 和提醒的body重复，有影响 */
.body::before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	opacity:0.3;
	opacity:0;
	background-size: cover;
	background-position: center center;
	background-image: url('../images/blurry.jpg');
	background-repeat: no-repeat;
}

.navbar {
	background-color:#fff;
	border-bottom:2px solid #008dc8;
	padding-top:2px;
	max-width:1680px;
	margin:0 auto;
	/**
	background:#438eb9;
	background-image:-webkit-linear-gradient(top, #489ece 0%, #438eb9 100%);
	background-image:-o-linear-gradient(top, #489ece 0%, #438eb9 100%);
	background-image:linear-gradient(to bottom, #489ece 0%, #438eb9 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#489ece', endColorstr='#438eb9', GradientType=0);
	*/
}

/* .navbar::before {
	content:"";
	width:100%;
	height:45px;
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	opacity:0.3;
	background-size: cover;
	background-position: center center;
	background-image: url('../images/blurry.jpg');
	background-repeat: no-repeat;
} */

.navbar .navbar-header .logo {
	margin-left:10px;
}

@media only screen and (max-width: 991px) {
	.navbar .navbar-header .logo {
		margin-left:0px;
	}
}

.navbar .navbar-nav > li {
	border-color:transparent;
	float:left !important;
}

.navbar .navbar-nav > li > a {
	font-weight:bold;
	/* 2019/05/05 mqj update start */
	/* min-width:110px; */
	min-width:100px;
	/* 2019/05/05 mqj update end */
	text-align:center;
	color:#008dc8;
	text-shadow:none;
	border-radius:4px 4px 0px 0px;
}

.navbar .navbar-nav > li > a.active {
	background-color:#008dc8 !important;
	color:#fff;
	/* font-size:118% !important; */
}

@media only screen and (max-width: 991px) {
	.navbar .navbar-nav > li > a {
		min-width:auto;
	}
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
	background-color:#008dc8 !important;
}

/**
.navbar .ace-nav > li.blue > a {
	background:#438cbc;
}

.navbar .ace-nav > li.blue > a:hover, .ace-nav > li.blue > a:focus, .ace-nav > li.open.blue > a {
	background:#3c83b0;
}

.navbar .ace-nav > li.light-blue > a {
	background:transparent;
}

.navbar .ace-nav > li.light-blue > a:hover, .ace-nav > li.light-blue > a:focus, .ace-nav > li.open.light-blue > a {
	background:#3c83b0;
}
*/

.navbar .ace-nav > li {
	border:0px;
}

.navbar .ace-nav > li > a:hover,
.navbar .ace-nav > li > a:focus,
.navbar .ace-nav > li.open > a {
	background-color:#fff;
}

.navbar .ace-nav > li.navbar-bell .ace-icon,
.navbar .ace-nav > li.navbar-clock .ace-icon {
	color:#008dc8;
}

.navbar .ace-nav > li.navbar-info .ace-icon {
	color:#008dc8;
	width:17px;
}

.navbar .ace-nav > li.navbar-info .nav-user-photo {
	border-color:#008dc8;
	border-radius:6px;
}

.navbar .ace-nav > li.navbar-info .user-info {
	color:#008dc8;
}

.main-container {
	max-width:1680px;
	margin:0 auto;
}

.main-container:before {
	width:auto;
}

.page-content {
	padding:12px 0px;
	position:static;
	background-color:inherit;
}

.page-background {
	/* background-color:rgba(58, 163, 217, 0.1);
	background-image:-webkit-linear-gradient(top, rgba(58, 163, 217, 0.1) 0%, #fff 100%);
	background-image:-o-linear-gradient(top, rgba(58, 163, 217, 0.1) 0%, #fff 100%);
	background-image:linear-gradient(to bottom, rgba(58, 163, 217, 0.1) 0%, #fff 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(58, 163, 217, 0.1)', endColorstr='#fff', GradientType=0); */

	/* background-color:rgba(58, 163, 217, 0.1);
	background-image:-webkit-linear-gradient(top, rgba(58, 163, 217, 0.5) 0%, rgba(0, 219, 0, 0.1) 100%);
	background-image:-o-linear-gradient(top, rgba(58, 163, 217, 0.5) 0%, rgba(0, 219, 0, 0.1) 100%);
	background-image:linear-gradient(to bottom, rgba(58, 163, 217, 0.5) 0%, rgba(0, 219, 0, 0.1) 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(58, 163, 217, 0.5)', endColorstr='rgba(0, 219, 0, 0.1)', GradientType=0); */

	/* background-color:#ebebeb; */
	/* background-color:#f2f2f2; */
	/* background-color:#e4e6e9; */

	/* background: #66cdcc;
	background: -moz-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #66cdcc), color-stop(100%, #336799));
	background: -webkit-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	background: -o-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	background: -ms-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	background: linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cdcc, endColorstr=#336799, GradientType=1); */

 	/* background: #66cdcc;
	background: -moz-linear-gradient(-45deg, rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 219, 0, 0.1)), color-stop(100%, rgba(58, 163, 217, 0.5)));
	background: -webkit-linear-gradient(-45deg, #rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	background: -o-linear-gradient(-45deg, rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	background: linear-gradient(-45deg, rgba(0, 219, 0, 0.1) 0%, rgba(58, 163, 217, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0, 219, 0, 0.1), endColorstr=rgba(58, 163, 217, 0.5), GradientType=1); */
}

.page-box-background {
	background-color:#fff;
	border-radius:4px;
}

.page-content .section {
	padding-left:12px;
	padding-right:12px;
	overflow:auto;
	position:relative;
}

.page-content .page-header {
	padding-bottom:7px;
}

.page-content .page-header h1 {
	font-size:22px;
	font-family:"Microsoft YaHei", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type=radio].ace + .lbl::before {
	font-size:13px;
	line-height:16px;
	margin-right:4px;
}

/** IEの場合 */
.form-control,
select.form-control[multiple] {
	height:27px;
}

.input-group-addon {
	padding:2px 8px;
}

.form-group {
	margin-bottom:2px;
}

.form-group .control-label {
	padding:3px 0px !important;
}

.input-group > .btn-group > .btn {
	line-height:1.42857143;
}

.condition .conditionRow .conditionCell div.input-group {
	width:160px !important;
}

.condition .conditionRow .conditionCell > input:not([type=checkbox]):not([type=radio]) {
	width:160px !important;
}

.condition .conditionRow .conditionCell input[type=text] {
	height:27px !important;
}

.condition .conditionRow .conditionCell select {
	width:160px !important;
}

/** IEの場合 */
.condition .conditionRow .conditionCell .multiselect-btn {
	height:27px !important;
}

.condition .conditionRow .conditionCell .search-date-picker {
	border-radius:4px 0px 0px 4px !important;
}

.condition .conditionRow .conditionCell .search-datetime-picker {
	border-radius:4px 0px 0px 4px !important;
}

.condition .conditionRow .conditionCell .dateBtn {
	border-radius:0px 4px 4px 0px !important;
}

.condition .conditionRow .conditionCell > .radio .lbl::before {
	font-size:13px;
	line-height:16px !important;
	height:17px !important;
	min-width:17px !important;
}

.condition .conditionRow .conditionCell > .checkbox {
	margin-top:3px !important;
}

.widget-box {
	margin:0px;
	padding:12px;
}

.widget-box .title-icon {
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:100%;
	color:#fff;
}

.widget-box .english {
	font-size:12px;
}

.dropdown-menu .divider {
	margin:5px 0px;
}

.footer-container {
	border-top:3px double #ddd;
	background-color:#fff;
	max-width:1680px;
	margin:0 auto;
	position:relative;
	z-index:1;
}

.footer-container .footer-content {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
}

.footer-container .footer-content .footer-logo {
	width:70px;
	margin-top:-4px;
}

/** IEの場合 */
.ace-file-container, .ace-file-input {
	height:27px !important;
}
.ace-file-input .ace-file-container {
	border-radius:4px;
}
.ace-file-input .ace-file-container:before {
	line-height:20px !important;
	background-color:#239bd6 !important;
	font-size:12px;
	border:2px solid #fff;
	border-radius:4px;
	font-weight:normal;
}
.ace-file-input .remove {
	background-color:#EA4F55;
	top:5px;
}
.ace-file-input .ace-file-container .fa-upload {
	color: #858585 !important;
	background: none !important;
	border:2px solid #fff;
	border-radius:4px;
	left:1px;
}
.ace-file-input .ace-file-container .ace-file-name {
	line-height: 26px !important;
}

.bg-company {
	background-color:#EA4F55;
	margin-right:2px;
}

.bg-position {
	background-color:#239bd6;
	margin-right:2px;
}

.bg-list {
	background-color:#fccf05;
	margin-right:2px;
}

.bg-resume {
	background-color:#ff8a00;
	margin-right:2px;
}

.bg-package {
	background-color:#fb7e1a;
	margin-right:2px;
}

.bg-attence {
	background-color:#EA4F55;
	margin-right:2px;
}

.bg-colleague {
	background-color:#27C183;
	margin-right:2px;
}

.bg-achievement {
	background-color:#bf5ccc;
	margin-right:2px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	opacity:0.8;
}

.btn.btn-white.multiselect-btn {
	color:#555 !important;
}

.btn-loading {
	width:80px;
	color:#fff;
}

.btn-loading.disabled,
.btn-loading[disabled],
fieldset[disabled] .btn-loading,
.btn-loading.disabled:hover,
.btn-loading[disabled]:hover,
fieldset[disabled] .btn-loading:hover,
.btn-loading.disabled:focus,
.btn-loading[disabled]:focus,
fieldset[disabled] .btn-loading:focus,
.btn-loading.disabled:active,
.btn-loading[disabled]:active,
fieldset[disabled] .btn-loading:active,
.btn-loading.disabled.active,
.btn-loading[disabled].active,
fieldset[disabled] .btn-loading.active {
	background-color: #8b9aa3 !important;
	border-color: #8b9aa3;
	opacity:1 !important;
}

.btn-primary,
.btn-primary:focus,
.btn-info,
.btn-info:focus {
	background-color:#239bd6 !important;
	border-color:#239bd6;
}

.btn-primary:hover,
.btn-primary:active,
.btn-info:hover,
.btn-info:active {
	background-color:#0081b7 !important;
	border-color:#239bd6;
}

.btn-green,
.btn-green:focus {
	background-color:#27C183 !important;
	border-color:#27C183;
}

.btn-green:hover,
.btn-green:active {
	background-color:#09ad6b !important;
	border-color:#27C183;
}

.btn-light-green,
.btn-light-green:focus {
	background-color:#21C4D3 !important;
	border-color:#21C4D3;
}

.btn-light-green:hover,
.btn-light-green:active {
	background-color:#1eadba !important;
	border-color:#21C4D3;
}

.btn-red,
.btn-red:focus {
	background-color:#EA4F55 !important;
	border-color:#EA4F55;
}

.btn-red:hover,
.btn-red:active {
	background-color:#dc242b !important;
	border-color:#EA4F55;
}

.btn-deep-yellow,
.btn-deep-yellow:focus {
	background-color:#E7B72F !important;
	border-color:#E7B72F;
}

.btn-deep-yellow:hover,
.btn-deep-yellow:active {
	background-color:#d0a52b !important;
	border-color:#E7B72F;
}

.label-green {
	color:#27C183 !important;
	background-color:transparent;
}

.label-blue {
	color:#239bd6 !important;
	background-color:transparent;
}

.label-deep-blue {
	color:#2A76B9 !important;
	background-color:transparent;
}

.label-light-green {
	color:#21C4D3 !important;
	background-color:transparent;
}

.label-light-yellow {
	color:#fccf05 !important;
	background-color:transparent;
}

.label-red {
	color:#EA4F55 !important;
	background-color:transparent;
}

.label-purple {
	color:#bf5ccc !important;
	background-color:transparent;
}

.label-orange {
	color:#fb7e1a !important;
	background-color:transparent;
}

.label-grey {
	color:#999 !important;
	background-color:transparent;
}

.background-green {
	background-color: #27C183 !important;
}

.background-blue {
	background-color: #239bd6 !important;
}

.background-deep-blue {
	background-color: #2A76B9 !important;
}

.background-light-green {
	background-color: #21C4D3 !important;
}

.background-yellow {
	background-color: #fccf05 !important;
}

.background-red {
	background-color: #EA4F55 !important;
}

.background-purple {
	background-color: #bf5ccc !important;
}

.background-orange {
	background-color: #fb7e1a !important;
}

.background-grey {
	background-color: #999 !important;
}

.background-black {
	background-color: #000 !important;
}

.background-light-orange {
	background-color: #fba765 !important;
}

.dataTables_scrollHead .dataTable thead tr th.fixedColumn {
	border-top:1px solid #ddd !important;
}

.dataTable tbody tr.checked {
	background-color:rgba(35, 155, 214, 0.25)  !important;
}

.dataTables_info {
	font-size:13px;
	display:inline-block;
	padding-top:5px;
}

.dataTables_length {
	display:inline-block;
}

.dataTables_length select[name=searchTable_length] {
	margin-top:-2px;
	border-radius:4px;
	font-size:13px;
	cursor:pointer;
}

.pagination > li > a,
.pagination > li > span {
	height:30px !important;;
}
.pagination > li > a,
.pager > li > a {
	color:#239bd6;
	background-color:#fff;
	border-color:#d9d9d9;
}
.pagination > li > a:hover,
.pager > li > a:hover {
	color:#239bd6;
	border-color:#d9d9d9;
	background-color:#f2f2f2;
}
.pagination > li.disabled > a,
.pager > li.disabled > a,
.pagination > li.disabled > a:hover,
.pager > li.disabled > a:hover {
	background-color:#fff;
}
.pagination > li.active > a,
.pagination > li.active > a:hover {
	background-color:#239bd6;
	border-color:#239bd6;
}

.input-icon > .ace-icon {
	line-height:25px;
}

/** button和分页高度都为28px start */
.pagination > li > a,
.pagination > li > span {
	padding:5px 10px;
}
.pagination .paginate_text a,
.pagination .paginate_text span {
	padding:3px 6px !important;
	height:auto !important;
}
.btn-sm, .btn-group-sm > .btn {
	padding:2px 6px 3px 6px;
}
/** button和分页高度都为28px end */

.main-background-color {
	background-color:#008dc8 !important;
}

.main-color {
	color:#008dc8 !important;
}

.modal {
	z-index:10000;
}
.modal-dialog {
	margin:49px auto 0px auto !important;
	transition:none !important;
}
.modal-content {
	border-radius: 4px;
}
.modal-footer {
	padding:5px;
	border-radius: 4px;
}
.bootbox .modal-header .modal-title {
	font-size:13px;
}

.toast-top-right {
	top:50px;
}
.toast-top-center {
	top:48px;
}
.toast-success {
	background-color:#27C183;
}
.toast-error {
	background-color:#EA4F55;
}

/* 图片查看器不显示前后切换按钮 */
.viewer-toolbar .viewer-prev,
.viewer-toolbar .viewer-next {
	display:none;
}

.multiselect-container input[type=text].multiselect-search {
	margin:0;
	text-align:left;
}

.multiselect-container > li > a > label {
	padding:4px 4px 3px 4px !important;
}

.non-selected-span {
	color:#c0c0c0 !important;
}

.tooltip .tooltip-inner {
	padding:4px 6px;
	text-shadow:none !important;
}

#modalIframe {
	padding:0 !important;
}

.box-loading {
	display: inline-block;
}

.box-loading-content {
	background-color: #fff;
	padding: 24px 30px;
	border-radius: 10px;
}

.box-loading i {
	font-size: 22px;
	margin-right: 10px;
}

.box-loading .loading-msg {
	display: inline-block;
	margin-top: 0;
	font-size: 16px;
	position: relative;
	top: -2px;
}

.box-loading-content .progress-mini{
	height: 4px;
	border-radius: 4px;
	background: #ddd;
	margin-top: 20px;
	margin-bottom: 0;
}

.box-loading-content .progress-message{
	font-size: 12px;
	display: inline-block;
	float: left;
}

.box-loading-content .progress-percentage{
	font-size: 12px;
	display: inline-block;
	float: right;
	color: #2A91D8;
}

.box-loading-bgk {
    background-color: rgba(0, 0, 0, 0.25);
}
/* 2024/09/05 54HR2024升级 【在线的标记 名字后面加在线的标记】 add start */
.user-status-online {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	margin-left: 2px;
	margin-right: 8px;
	background-color: #27C183;
	border: none;
	position: relative;
	bottom: 1px;
}

.user-status-offline {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	margin-left: 2px;
	margin-right: 8px;
	background-color: #AAA;
	border: none;
	position: relative;
	bottom: 1px;
}
/* 2024/09/05 54HR2024升级 【在线的标记 名字后面加在线的标记】 upd end */
/* 2024/09/25 54HR2024升级 【用户管理 我的同事检索画面项目修改】 add start */
td.single-row div {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box !important;
	white-space: normal !important;
}
/* 2024/09/25 54HR2024升级 【用户管理 我的同事检索画面项目修改】 add end */