iframe {
	border: 0
}

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

.page-main {
	display: flex;
	flex-direction: column;
	min-height: 100vh
}

.page-content {
	flex: 1;
	overflow-y: auto !important
}

.webicon {
	font-size: inherit
}

.site-navbar {
	background: #183883
}

.site-navbar .webicon {
	margin-right: 4px;
	font-size: 20px;
	float: left
}

.site-contabs-open .site-contabs .contabs-scroll .con-tabs>li {
	width: 10.5em
}

.site-footer {
	overflow: hidden
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #e67817
}

.navbar-inverse .navbar-toolbar>li>a {
	max-width: 180px;
	height: 61px
}

body, .table, .form-control, .page-aside-title, a.list-group-item, button.list-group-item {
	color: #333
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: textfield;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.checkbox-custom label::before, .radio-custom label::before {
	border-color: #b4babc
}

.tag-form-select .filter-option {
	color: #333
}

.tag-form-select .bs-placeholder .filter-option {
	color: #a3afb7
}

.html table {
	margin: 0 0 11px;
	border: 1px solid #cccccc
}

.html table td, .html table th {
	border: 1px solid #cccccc
}

.html table p {
	margin: auto
}

.approval-history .btn.more::before {
	content: '查看审批历史'
}

.approval-history .btn.more[aria-expanded=true]:before {
	content: '关闭审批历史'
}

.approval-history form .form-group .input-group {
	padding: 0
}

.approval-list {
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px)
}

.approval-list .timeline-content-wrap.times {
	border: 0;
	margin-bottom: 20px
}

.approval-list .timeline-content-wrap.times .label {
	position: absolute;
	left: 0;
	transform: translateX(-50%)
}

.approval-list .widget-header {
	padding: 30px 30px 10px
}

.approval-list .widget-header:after, .approval-list .widget-header:before {
	display: table;
	content: " "
}

.approval-list .widget-header:after {
	clear: both
}

.approval-list .widget-header .label {
	padding: 3px 21px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #76838f;
	cursor: pointer
}

.approval-list .widget-title {
	display: inline;
	margin-bottom: 0;
	font-weight: 300;
	line-height: 32px;
	color: #37474f
}

.approval-list .timeline {
	margin-right: 7%;
	margin-bottom: 0;
	margin-left: 7%
}

.approval-list .timeline::before {
	top: 20px;
	left: 0;
	width: 1px;
	height: 85%;
	margin-left: 0;
	background-color: #e5e5e5
}

.approval-list .timeline>li {
	width: 100%;
	padding-right: 0;
	padding-left: 49px;
	margin-top: 0;
	margin-bottom: 0
}

.approval-list .timeline>li:last-child .timeline-content-wrap {
	border-bottom: none
}

.approval-list .timeline-content-wrap {
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
	overflow: visible
}

.approval-list .timeline-reverse .timeline-content {
	overflow: visible
}

.approval-list .timeline-content-wrap:after, .approval-list .timeline-content-wrap:before {
	display: table;
	content: " "
}

.approval-list .timeline-content-wrap:after {
	clear: both
}

.approval-list .timeline-icon .timeline-reverse .timeline-dot {
	top: 12px
}

.approval-list .timeline-content .title {
	color: #76838f;
	padding: 3px 0 15px;
	margin-left: -20px
}

.approval-list .timeline-content .title .authors, .approval-list .timeline-content .title .room-number {
	margin-right: 5px;
	font-weight: 400;
	color: #37474f
}

.approval-list .timeline-content .metas {
	padding: 3px 0;
	color: #a3afb7
}

.approval-list .timeline-content .members {
	padding-left: 0;
	margin-top: 7px;
	list-style-type: none
}

.approval-list .timeline-content .members>li {
	display: inline-block;
	margin-right: 10px
}

.approval-list .timeline-content .members .avatar-sm {
	width: 27px
}

.approval-list .timeline-content .photos {
	padding-left: 0;
	margin-top: 7px;
	list-style-type: none
}

.approval-list .timeline-content .photos:after, .approval-list .timeline-content .photos:before {
	display: table;
	content: " "
}

.approval-list .timeline-content .photos:after {
	clear: both
}

.approval-list .timeline-content .photos>li {
	float: left;
	width: 31%;
	margin-right: 3%
}

.approval-list .timeline-content .photos>li:last-child {
	margin-right: 0
}

.approval-list .timeline-content .operates {
	padding-left: 0;
	margin-top: 7px;
	list-style-type: none
}

.approval-list .timeline-content .operates>li {
	display: inline-block;
	margin-right: 30px
}

.approval-list .timeline-content .operates .btn {
	width: 103px;
	height: 30px;
	line-height: 16px;
	color: #76838f
}

.approval-list .timeline-content .operates .btn:hover {
	color: #fff
}

@media ( min-width : 768px) {
	#vehicle.modal .modal-dialog {
		width: 700px
	}
}

.modal.modal-contact .btn-add-group {
	width: 90px
}

.modal.modal-contact .loading {
	position: relative;
	min-height: 300px
}

.modal.modal-contact .nav-tabs>li>a {
	padding: 8px 15px
}

.modal.modal-contact .modal-dialog {
	width: 640px
}

.modal.modal-contact .nav-tabs-vertical {
	min-height: 304px
}

.modal.modal-contact li {
	max-width: 120px
}

.modal.modal-contact .tab-pane .btn {
	padding: 2px
}

}
.modal.modal-contact .input-search {
	padding: 0
}

.modal.modal-contact .input-search .input-search-icon {
	left: 4px;
	width: 24px
}

.modal.modal-contact .input-search input {
	padding: 0 26px !important;
	width: 120px
}

.modal.modal-contact .input-search .input-search-close {
	right: 4px;
	width: 24px
}

.modal.modal-contact table * {
	font-size: 12px;
	color: #333333
}

.modal.modal-contact .tab-pane .inner {
	display: flex;
	flex-direction: column
}

.modal.modal-contact .tab-pane .list {
	margin: 10px 0;
	overflow: auto;
	height: 300px
}

#vehicle.modal .modal-body {
	display: flex
}

#vehicle.modal .list-vehicle .item {
	line-height: 36px;
	height: 36px;
	border-right: 1px solid #e4eaec;
	border-bottom: 1px solid #e4eaec;
	padding-right: 5px;
	margin: 0
}

#vehicle.modal .list-vehicle .item label {
	white-space: nowrap;
	display: block
}

#vehicle.modal .list-vehicle .item label::before, #vehicle.modal .list-vehicle .radio-custom label::after {
	margin-top: 9px
}

#vehicle.modal .list-schedule {
	overflow-x: auto
}

#vehicle.modal .list-schedule .item {
	height: 36px;
	width: 5040px;
	margin: 0;
	border-bottom: 1px solid #e4eaec;
	position: relative
}

#vehicle.modal .list-schedule .item i {
	width: 60px;
	height: 36px;
	border-right: 1px solid #e4eaec;
	display: block;
	float: left;
	font-size: 12px;
	font-style: normal;
	padding-left: 4px
}

#vehicle.modal .list-schedule .item b {
	position: absolute;
	top: 8px;
	width: 100px;
	height: 16px;
	line-height: 16px;
	background: #46be8a;
	border-radius: 13px;
	display: block;
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	padding-left: 5px;
	overflow: hidden;
	padding: 0 4px
}

#vehicle.modal .list-schedule .item b.s0 {
	background: #f2a654
}

@media ( min-width : 768px) {
	#room.modal .modal-dialog {
		width: 80%;
		max-height:80%;
		overflow-y: scroll;
		margin-bottom:0
	}
}

#room.modal .modal-body {
	display: flex
}

#room.modal .list-room .item {
	line-height: 150px;
	height: 150px;
	border-right: 1px solid #e4eaec;
	border-bottom: 1px solid #e4eaec;
	padding-right: 5px;
	margin: 0
}

#room.modal .list-room .item label {
	white-space: nowrap;
	display: block
}

#room.modal .list-room .item label::before, #room.modal .list-room .radio-custom label::after {
	margin-top: 64px
}

#room.modal .list-schedule {
	overflow-x: auto
}

#room.modal .list-schedule .item {
	height: 150px;
	width: 5040px;
	margin: 0;
	border-bottom: 1px solid #e4eaec;
	position: relative
}

#room.modal .list-schedule .item i {
	width: 300px;
	height: 150px;
	border-right: 1px solid #e4eaec;
	display: block;
	float: left;
	font-size: 12px;
	font-style: normal;
	padding-left: 4px;
		
}
.modal-footer{
	    padding: 10px 20px 20px;
    border-top: none;
    width: 80%;
    background-color: white;
    margin: 0 auto;
}
#room.modal .list-schedule .item b {
	position: absolute;
	top: 8px;
	width: 100px;
	height: 16px;
	line-height: 16px;
	background: #46be8a;
	border-radius: 13px;
	display: block;
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	padding-left: 5px;
	overflow: hidden;
	padding: 0 4px
}

#room.modal .list-schedule .item b.s0 {
	background: #f2a654
}