/*---------- 通用样式 ------------*/
*,
*:before,
*:after {
	box-sizing: border-box;
}

body {
	background-color: #e8ebf0;
	color           : #778191;
	line-height     : 1.4;
	font-family     : "微软雅黑";
	font-size       : 14px;
}

ul,
ol,
li,
dl,
dt,
dd {
	list-style: none;
}

ul,
ol {
	padding: 0;
}

ul li,
ol li {
	line-height: 1.8;
}

input,
button,
select {
	outline: none;
}

footer {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	padding   : 1rem 0;
}

.clear:after {
	content: '';
	display: block;
	clear  : both;
}

.none {
	display: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}

.bold {
	font-weight: bold;
}

.left {
	float: left;
}

.right {
	float: right;
}

.listnone {
	list-style: none;
	margin    : 0;
	padding   : 0;
}

.font-normal {
	font-weight: normal;
}

.fs16 {
	font-size: 16px;
}

.mtb10 {
	margin: 10px 0;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.ml10per {
	margin-left: 10%;
}

.ml15per {
	margin-left: 15%;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.mb0 {
	margin-bottom: 0px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.pd-lr-10 {
	padding: 0 10px;
}

.w10per {
	width: 10%;
}

.w15per {
	width: 15%;
}

.lineheight36 {
	line-height: 36px;
}

.input-small {
	width: 10% !important;
}

.input-normal {
	width: 35% !important;
}

.input-middle {
	width: 50% !important;
}

.input-large {
	width: 80% !important;
}

.input-largest {
	width: 100% !important;
}

.max-width160 {
	max-width: 160px;
}

.max-width480 {
	max-width: 480px;
}

.max-height45 {
	max-height: 45px;
}

.error {
	background: #f44236;
	margin-top: 10px;
	color     : #fff;
	padding   : 0.5rem 1.5rem;
	display   : none;
}

.errorShow {
	display   : inline-block;
	margin-top: 0;
}

.input-success-border {
	border-color: #43b968;
}

.input-info-border {
	border-color: #20b9ae;
}

.input-warning-border {
	border-color: #f59345;
}

.input-danger-border {
	border-color: #f44236;
}

.form-control[readonly] {
	background: #fff;
	cursor    : auto;
}

.show-device {
	display: none;
}

@media (max-width: 992px) {
	.show-device {
		display: block;
	}
}

.navbar-toggle .icon-bar {
	background-color: rgba(0, 0, 0, .5);
}

.clearDate {
	position : absolute;
	right    : 10px;
	top      : 10px;
	font-size: 18px;
	cursor   : pointer;
}

.progressStatus {
	padding: 0 6px;
}

.progressStatus.ready {
	color           : #fff;
	background-color: #3e70c9;
}

.progressStatus.apply {
	color           : #fff;
	background-color: #f59345;
}

.progressStatus.success {
	color           : #fff;
	background-color: #43b968;
}

.progressStatus.back {
	color           : #fff;
	background-color: #f44236;
}

.progressStatus.warning {
	color           : #fff;
	background-color: #dbdd0c;
}

#setMeetingProgressDialog .progressStatus {
	padding: 0;
}

.menu-item-city {
	padding      : 5px 10px;
	font-size    : 16px;
	border-radius: 3px;
}

.menu-item-city.active {
	color           : #FFFFFF;
	background-color: #43b968;
}

.menu-item-city:hover {
	color           : #FFFFFF;
	text-decoration : none;
	background-color: #44c26b;
}

/*--------- 登录框 ---------------*/
.wrapper {
	min-height      : 100%;
	background-color: #e8ebf0;
	position        : relative;
}

.loginBox {
	max-width: 401px;
	margin   : 50px auto;
}

.loginPanel {
	background        : #fff;
	border            : 3px solid #e8ebf0;
	border-top-color  : #4285f4;
	padding           : 20px;
	-webkit-box-shadow: none;
	box-shadow        : none;
}

.loginPanel .panel-heading {
	background-color: #fff;
	padding         : 35px 0;
	border-bottom   : 0;
}

.loginPanel img,
.navbarLeft img {
	margin: 0 auto;
}

.loginBox .form-control,
.normalFormControl {
	border-radius: 2px;
	padding      : 8px 12px;
	height       : auto;
	display      : inline-block;
}

.loginBox .form-control:focus,
.normalFormControl:focus {
	border-color      : #4285f4;
	outline           : 0;
	-webkit-box-shadow: none;
	box-shadow        : none;
}

.loginBox .btnLogin {
	background-color: #4285f4;
	border-color    : #4285f4;
	width           : 100%;
	line-height     : 32px;
	font-size       : 16px;
}

.loginBox .btnLogin:hover {
	border-color    : #3d81f1;
	background-color: #3d81f1;
}

.loginType li {
	float     : left;
	width     : 50%;
	padding   : 5px 0;
	text-align: center;
}

.loginType li label {
	position: relative;
	cursor  : pointer;
}

.loginType li label:before {
	content              : '';
	vertical-align       : text-bottom;
	display              : inline-block;
	width                : 20px;
	height               : 20px;
	margin-right         : 5px;
	text-align           : center;
	border               : 1px solid #CCCCCC;
	border-radius        : 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius   : 100%;
}

.loginType li input[name="loginType"]:checked+label:before {
	line-height     : 1.414;
	color           : #FFFFFF;
	content         : '\f00c';
	font-family     : 'FontAwesome';
	background-color: #43b968;
	border-color    : #43b968;
}

#loginFrm .checkbox input[type=checkbox] {
	display: none;
}

#loginFrm .checkbox label {
	padding-left: 0;
}

#loginFrm .checkbox input[type=checkbox]+label:before {
	content       : '';
	display       : inline-block;
	vertical-align: bottom;
	width         : 20px;
	height        : 20px;
	line-height   : 18px;
	margin-right  : 6px;
	font-family   : 'FontAwesome';
	text-align    : center;
	font-size     : 16px;
	border        : 1px solid #ccc;
	border-radius : 3px;
}

#loginFrm .checkbox input[type=checkbox]:checked+label:before {
	content     : '\f00c';
	color       : #43b968;
	border-color: #43b968;
}

.hideCp {
	display: none;
}


/*----------- 页面结构 -----------------*/
.site-sidebar {
	background-color: #212330;
	position        : fixed;
	left            : 0;
	top             : 0;
	min-height      : 100%;
	width           : 220px;
	margin-top      : 60px;
	z-index         : 99;
}

.site-header {
	position        : fixed;
	left            : 0;
	top             : 0;
	min-width       : 100%;
	height          : 60px;
	background-color: #fff;
	z-index         : 100;
}

.site-content {
	margin-top : 60px;
	margin-left: 220px;
	position   : relative;
}

/*---------- 左侧边栏 ----------*/
.siteBarMenu {
	padding: 20px 0;
}

.siteBarMenu li>a {
	padding           : 0.75rem 1.25rem;
	display           : block;
	color             : rgba(255, 255, 255, .8);
	-webkit-transition: all 0.2s ease-in-out;
	transition        : all 0.2s ease-in-out;
}

.siteBarMenu li>a:hover {
	color          : rgba(255, 255, 255, 1);
	text-decoration: none;
}

.siteBarMenu li>a>i {
	margin-right: 10px;
}


/*-------- 页面头部 ---------*/
.navbar {
	border       : none;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 0;
}

.navbarLeft {
	background-color: #212330;
	width           : 220px;
}

.pageTitle {
	margin     : 0;
	font-size  : 24px;
	line-height: 60px;
	margin-left: 15px;
	color      : rgba(0, 0, 0, 0.5);
}

.userInfo {
	display      : inline-block;
	line-height  : 60px;
	margin-right : 15px;
	margin-bottom: 0;
}


/*------------- 首页正文区 -----------*/
.content-area {
	padding: 20px 0;
}

.statisticsItem {
	background-color: #fff;
	padding         : 1.25rem;
	margin-bottom   : 10px;
	border          : 1px solid rgba(0, 0, 0, 0.125);
	position        : relative;
	overflow        : hidden;
}

.statisticsItem .itemIcon {
	position   : absolute;
	top        : 0;
	right      : 0;
	width      : 60px;
	height     : 60px;
	line-height: 50px;
	text-align : center;
}

.statisticsItem .itemIcon .iconBg {
	display      : inline-block;
	width        : 120px;
	height       : 120px;
	border-radius: 50%;
	position     : absolute;
	top          : -60px;
	right        : -60px;
	z-index      : 8;
}

.iconBg-danger {
	background-color: #f44236 !important;
}

.iconBg-success {
	background-color: #43b968 !important;
}

.iconBg-primary {
	background-color: #3e70c9 !important;
}

.iconBg-warning {
	background-color: #f59345 !important;
}

.statisticsItem .itemIcon i {
	z-index     : 9;
	color       : #fff;
	font-size   : 1.75rem;
	position    : relative;
	padding-left: 15px;
}

.itemContent h6 {
	font-size: 1.5rem;
}

.itemContent p.count {
	font-size: 3rem;
}

.btnManage {
	padding       : 3px 10px;
	color         : #fff;
	letter-spacing: 1px;
}

a.btnManage:visited {
	color: #fff;
}

a.btnManage:hover {
	color: #fff;
}

.btnManage-danger {
	background-color: #f44236;
	border          : 1px solid #f44236;
}

a.btnManage-danger:hover {
	background-color: #ee3427;
	border          : 1px solid #ee3427;
}

.btnManage-success {
	background-color: #43b968;
	border          : 1px solid #43b968;
}

a.btnManage-success:hover {
	background-color: #3bb963;
	border          : 1px solid #3bb963;
}

.btnManage-primary {
	background-color: #3e70c9;
	border          : 1px solid #3e70c9;
}

a.btnManage-primary:hover {
	background-color: #3268c8;
	border          : 1px solid #3268c8;
}

.btnManage-warning {
	background-color: #f59345;
	border          : 1px solid #f59345;
}

a.btnManage-warning:hover {
	background-color: #f78d39;
	border          : 1px solid #f78d39;
}

/*----------- 弹出框样式 ------------*/
.modal-backdrop.in {
	filter : alpha(opacity=30);
	opacity: .3;
}

.normalModalContent {
	border-radius: 0;
	border       : 1px solid rgba(0, 0, 0, 0.125);
	box-shadow   : none;
}

.normalModalTitle {
	letter-spacing: 1px;
	color         : rgba(0, 0, 0, 0.8);
	font-weight   : 600;
}

.normalControlLabel {
	font-weight: normal;
	font-size  : 14px;
}

.inlineBlockInput {
	display: inline-block;
	width  : auto;
}

.btnNormalPrimary {
	background-color: #3e70c9;
	border-color    : #3e70c9;
	padding         : 0.5rem 1.5rem;
	border-radius   : 0;
}

.btnSmallPrimary {
	background-color: #3e70c9;
	border-color    : #3e70c9;
	padding         : 0.25rem 1.25rem;
	border-radius   : 0;
}

.btnNormalPrimary:hover,
.btnSmallPrimary:hover {
	background-color: #3268c8;
	border-color    : #3268c8;
}

.btnNormal {
	padding         : 0.5rem 1.5rem;
	background-color: #fff;
	border-radius   : 0;
}

.btnSmallSuccess {
	background-color: #5cb85c;
	border-color    : #5cb85c;
	padding         : 0.25rem 1.25rem;
	border-radius   : 0;
}

.btnSmallSuccess:hover {
	background-color: #449d44;
	border-color    : #449d44;
}


/*-------------- 类别展示正文区 -------------*/
.pageMenuTitle {
	margin-top    : 0;
	color         : #333;
	font-weight   : bold;
	letter-spacing: 1px;
}

.contentBox {
	background-color: #fff;
	padding         : 10px;
	border          : 1px solid rgba(0, 0, 0, 0.125);
}

.normalBreadcrumb {
	padding         : 0;
	margin          : 0 0 10px 0;
	border-radius   : 0;
	background-color: transparent;
}

.btnEdit {
	padding         : 0.25rem 1.25rem;
	background-color: #fff;
	border-radius   : 0;
	border-color    : #ccc;
	color           : #333;
}

.btnEdit:hover {
	background-color: #fdfdfd;
}

/*.btnDel{padding: 0.25rem 1.25rem; background-color: #f44236; border-radius: 0; border-color: #f44236; color: #fff;}*/
.btnDel:hover {
	background-color: #ee3427;
	border-color    : #ee3427;
	color           : #fff;
}

.pagination {
	margin   : 0;
	font-size: 12px;
}

.pagination>li {
	border-radius: 0;
}

.pagination>li>a,
.pagination>li>span {
	padding: 0.5rem 1.25rem;
	color  : #999;
}

.pagination>li>a:hover {
	color: #999;
}

.pagination>.active>a,
.pagination>.active>a:hover {
	background-color: #3e70c9;
	border-color    : #3e70c9;
}

.input-search {
	padding: 0.35rem 0.25rem;
	border : 1px solid #ccc;
}

.input-search:focus {
	border-color: #4285f4;
}

.addCase>tbody>tr>td {
	vertical-align: middle;
}

.normalTable>tbody>tr>td {
	vertical-align: middle;
	line-height   : 28px;
}

/*-------- 提示信息 ----------*/
.alert-success-fill {
	color           : #fff;
	background-color: #43b968;
	border-color    : #43b968;
}

.alert-info-fill {
	color           : #fff;
	background-color: #20b9ae;
	border-color    : #20b9ae;
}

.alert-warning-fill {
	color           : #fff;
	background-color: #f59345;
	border-color    : #f59345;
}

.alert-danger-fill {
	color           : #fff;
	background-color: #f44236;
	border-color    : #f44236;
}

.icon-success-color {
	color: #43b968;
}

.icon-info-color {
	color: #20b9ae;
}

.icon-danger-color {
	color: #f44236;
}

.bg-white {
	background-color: #fff !important;
}

.b-a {
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.mb-2 {
	margin-bottom: 1.5rem !important;
	padding      : 0 1rem;
	border-radius: 0;
}

.delFile {
	color: #f44236;
}

.delFile:hover {
	color          : #d10d00;
	text-decoration: none;
}

/*----------- 备注信息 ----------*/
.remarksBox .remarkItem {
	border-bottom: 1px solid #ddd;
	padding-top  : 10px;
	position     : relative;
	transition   : background .3s ease-in-out;
}

.remarksBox .remarkItem:hover {
	background: #f4f4f5;
}

.remarksBox .remarkItem:last-child {
	border-bottom: none;
}

.delPrompt {
	margin: 10px 0 20px 0;
}

/*----------- panel ----------*/
.panelContent {
	background-color: #fff;
	border          : 1px solid rgba(0, 0, 0, 0.125);
	border-radius   : 0;
}

.panelContent .panel-heading {
	background-color: #fff;
	padding         : 20px 20px 10px;
	border-bottom   : none;
	overflow        : hidden;
}

.panelContent .panel-heading .panel-title {
	float: left;
}

.panelContent tr th:first-child,
.panelContent tr td:first-child {
	padding-left: 20px;
}

.panelContent .btnOperate {
	padding      : 0 10px;
	line-height  : 28px;
	border-radius: 2px;
	box-shadow   : 0 1px 0 rgba(0, 0, 0, .05);
	border-color : #dedede;
	font-weight  : 600;
	font-size    : 12px;
}

.panelContent .tools {
	float  : right;
	display: inline-block;
}

.panelContent .table>tbody>tr>td {
	vertical-align: middle;
}

.panelContent i.fa {
	width       : 18px;
	font-size   : 14px;
	text-align  : right;
	margin-right: 6px;
	display     : inline-block;
}

@media (min-width: 768px) {
	.navbar-full-width .navbar-nav {
		width: 100%;
	}

	.navbar-full-width .navbar-nav>li {
		display   : table-cell;
		float     : none;
		width     : 1%;
		text-align: center;
	}

	.navbar-full-width .navbar-nav>li>a {
		border-right: 1px solid rgba(0, 0, 0, 0.125);
		background  : none;
	}

	.navbar-full-width .navbar-nav>li.active>a {
		color          : #2a6496;
		text-decoration: underline;
	}

	.navbar-full-width .navbar-nav>li:last-child>a {
		border-right: none;
	}

	.remarksBox .remarkItem span.jtime {
		position: absolute;
		right   : 10px;
		top     : 10px;
	}
}



@media only screen and (max-width:767px) {
	.site-content {
		margin-left: 0;
	}
}

.panel-department .d-info {
	height       : 42px;
	line-height  : 42px;
	border-bottom: 1px dotted #ddd;
}

.panel-department .d-info:last-of-type {
	border-bottom: none;
}

#report-table td {
	vertical-align: middle;
}

.searchCondition {}

.searchCondition a {
	display         : inline-block;
	margin-right    : 5px;
	padding         : 2px 5px;
	color           : #FFFFFF;
	background-color: #3e70c9;
	border-radius   : 3px;
}

.mSourceType {
	padding         : 0 3px;
	margin-right    : 5px;
	color           : #FFFFFF;
	background-color: #3e70c9;
	border-radius   : 3px;
}

.mSourceType.nei {
	background-color: #f44236;
}

.mSourceType.jiu {
	background-color: #f59345;
}

.mSourceType.jie {
	background-color: #43b968;
}


.timeline-item:before,
.timeline:before {
	content: ''
}

.timeline {
	margin   : 0 auto 40px;
	padding  : 0 0 20px;
	max-width: 840px;
	position : relative
}

.timeline:before {
	position   : absolute;
	top        : 40px;
	bottom     : 85px;
	width      : 2px;
	background : #dbdbdb;
	left       : 170px;
	margin-left: -1px
}

@media (max-width:767px) {
	.timeline {
		padding: 0
	}

	.timeline:before {
		left       : 50%;
		margin-left: -1px;
		top        : -35px
	}
}

.timeline-item {
	position     : relative;
	padding-left : 210px;
	list-style   : none;
	margin-bottom: 30px
}

.timeline-item:before {
	position        : absolute;
	top             : 34.5px;
	left            : 162px;
	border          : 2px solid #ccc;
	width           : 16px;
	height          : 16px;
	background-color: #ededed;
	border-radius   : 50px
}

@media (max-width:767px) {
	.timeline-item {
		padding-left : 0;
		margin-top   : 60px;
		margin-bottom: 0
	}

	.timeline-item:before {
		display: none
	}
}

.timeline-item:nth-child(4n+1):before {
	border-color: #4285f4
}

.timeline-item:nth-child(4n+2):before {
	border-color: #fbbc05
}

.timeline-item:nth-child(4n+3):before {
	border-color: #34a853
}

.timeline-item:nth-child(4n+4):before {
	border-color: #ea4335
}

.timeline-variant .timeline-item {
	padding-left: 0;
	margin      : 30px 0 0
}

.timeline-variant .timeline-item.right {
	right       : 0;
	padding-left: -webkit-calc(50% + 45px);
	padding-left: calc(50% + 45px)
}

@media (max-width:767px) {
	.timeline-variant .timeline-item {
		margin-top: 60px
	}

	.timeline-variant .timeline-item.right {
		padding: 0
	}
}

.timeline-variant .timeline-item.left {
	left         : 0;
	padding-right: -webkit-calc(50% + 45px);
	padding-right: calc(50% + 45px)
}

.timeline-variant .timeline-item.left .timeline-content:after,
.timeline-variant .timeline-item.left .timeline-content:before {
	right: -5px;
	left : inherit
}

.timeline-variant .timeline-item.left .timeline-icon {
	left : initial;
	right: -67px
}

@media (max-width:767px) {
	.timeline-variant .timeline-item.left {
		padding: 0
	}

	.timeline-variant .timeline-item.left .timeline-icon {
		left       : 50%;
		margin-left: -18px;
		top        : -48px
	}
}

.timeline-variant .timeline-item:before {
	display: none
}

.timeline-date {
	position     : absolute;
	display      : block;
	left         : 0;
	top          : 34px;
	width        : 145px;
	text-align   : right;
	white-space  : nowrap;
	overflow     : hidden;
	text-overflow: ellipsis
}

@media (max-width:767px) {
	.timeline-date {
		width     : 100%;
		left      : 0;
		top       : -40px;
		text-align: center
	}

	.timeline-date span {
		background-color: #e0e0e0;
		padding         : 5px 8px;
		border-radius   : 4px;
		line-height     : 25px
	}
}

.timeline-content:after,
.timeline-content:before {
	content: "";
	width  : 10px;
	height : 10px;
	top    : 37.5px;
	left   : -5px
}

.timeline-content {
	position        : relative;
	background-color: #fff;
	padding         : 25px 30px 25px 28px;
	border-radius   : 3px;
	box-shadow      : 0 0 5px rgba(0, 0, 0, .07);
	min-height      : 85px
}

.timeline-item-gallery .timeline-content {
	padding-bottom: 15px
}

@media (max-width:480px) {
	.timeline-content {
		padding: 15px 18px
	}
}

.timeline-content:after {
	position         : absolute;
	background-color : transparent;
	-webkit-transform: rotate(45deg);
	-ms-transform    : rotate(45deg);
	-o-transform     : rotate(45deg);
	transform        : rotate(45deg);
	box-shadow       : -1px 1px 5px rgba(0, 0, 0, .07);
	z-index          : -1
}

.timeline-content:before {
	position         : absolute;
	background-color : #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform    : rotate(45deg);
	-o-transform     : rotate(45deg);
	transform        : rotate(45deg)
}

@media (max-width:767px) {

	.timeline-content:after,
	.timeline-content:before {
		display: none
	}
}

.timeline-close {
	position: absolute;
	top     : 5px;
	right   : 10px;
}

.timeline-avatar {
	width         : 35px;
	height        : 35px;
	display       : block;
	border-radius : 50px;
	overflow      : hidden;
	vertical-align: middle;
	float         : left
}

.timeline-avatar img {
	width : 100%;
	height: 100%
}

.timeline-header {
	display: block;
	padding: 7px 0 0 0;
}

@media (max-width:767px) {
	.timeline-header {
		padding-top: 0
	}
}

.timeline-variant .timeline-header {
	padding-top: 0;
	line-height: 16px
}

.timeline-autor {
	display    : inline-block;
	font-weight: 700
}

.timeline-activity {
	display: inline-block;
	margin : 0
}

.timeline-variant .timeline-activity {
	display    : inline;
	line-height: 16px
}

.timeline-time {
	float: right;
	color: #ababab
}

.timeline-variant .timeline-time {
	float      : none;
	display    : block;
	line-height: 21px
}

.timeline-summary {
	color     : #8a8a8a;
	margin-top: 4px
}

.timeline-summary p {
	margin-bottom: 0
}

.timeline-variant .timeline-summary {
	margin-top: 20px
}

.timeline-variant .timeline-summary p {
	line-height: 16px
}

.timeline-gallery {
	margin-top: 12px
}

.timeline-variant .timeline-gallery {
	margin-top: 20px
}

.timeline-gallery .gallery-thumbnail {
	display      : inline-block;
	max-width    : 100px;
	margin-right : 10px;
	margin-bottom: 10px
}

.timeline-blockquote {
	margin     : 10px 0 0 5px;
	padding    : 4px 10px;
	border-left: 4px solid #e0e0e0;
	color      : #8a8a8a
}

.timeline-variant .timeline-blockquote {
	margin-top: 20px
}

.timeline-blockquote p {
	font-size: 13px
}

.timeline-blockquote footer {
	color: #8a8a8a
}

@media (max-width:767px) {
	.timeline-loadmore {
		text-align   : center;
		padding      : 0;
		margin-bottom: 40px;
		margin-top   : 40px
	}
}

.timeline-loadmore .load-more-btn {
	background-color: #dbdbdb;
	border-radius   : 2px;
	padding         : 5px 9px;
	color           : #424242;
	outline         : 0;
	font-size       : 12px;
	font-weight     : 500;
	position        : absolute;
	left            : 131px
}

@media (max-width:767px) {
	.timeline-loadmore .load-more-btn {
		position: relative;
		left    : 0
	}
}

.timeline-loadmore:before {
	display: none
}

.timeline-variant .timeline-loadmore {
	text-align   : center;
	margin-bottom: 40px
}

.timeline-variant .timeline-loadmore .load-more-btn {
	position: relative;
	left    : initial
}

.timeline-item-detailed .timeline-header,
.timeline-item-detailed .timeline-time {
	line-height: 21px
}

.timeline-variant .timeline-item-detailed .timeline-header {
	border-bottom : 1px solid #EEE;
	padding-bottom: 15px
}

.timeline-item-detailed .timeline-avatar {
	vertical-align: top
}

.timeline-variant {
	max-width     : none;
	padding-bottom: 0
}

.timeline-variant:before {
	left   : 50%;
	z-index: -1;
	top    : 70px
}

.timeline-month {
	width           : 100%;
	text-align      : center;
	list-style      : none;
	margin          : 30px 0 15px;
	padding         : 11px 0 12px;
	font-size       : 18px;
	background-color: #EEE;
	font-weight     : 300
}

.timeline-month:first-child {
	margin-top    : 0;
	padding-bottom: 5px
}

.timeline-icon {
	position        : absolute;
	color           : #fff;
	top             : 20px;
	left            : -67px;
	width           : 44px;
	height          : 44px;
	font-size       : 20px;
	border          : 2px solid #fff;
	text-align      : center;
	background-color: #ededed;
	border-radius   : 50%
}

.invoice-details td.amount,
.invoice-details td.description,
.invoice-details td.hours,
.invoice-details td.summary,
.invoice-details th {
	border-bottom: 1px solid #f0f0f0
}

.timeline-icon>.icon {
	line-height   : 40px;
	vertical-align: middle
}

@media (max-width:767px) {
	.timeline-icon {
		left       : 50%;
		margin-left: -18px;
		top        : -48px;
		width      : 38px;
		height     : 38px;
		font-size  : 18px
	}

	.timeline-icon>.icon {
		line-height: 34px
	}
}

.notice-container ul>li {
	padding      : 5px 0;
	border-bottom: 1px dashed #DDDDDD;
}

.notice-container ul>li:last-child {
	padding-bottom: 0;
	border-bottom : none;
}

.normal-more {
	font-size: 16px;
}

.search-condition-box {
	padding         : 20px 10px;
	background-color: #fff;
}