/**
 * 通用css
 * created by Liutong
 * v2 滚动条样式升级 
 */

/**IE滚动条设置**/
html,body {
	font-size: 13px;
	height: 100%;
	width: 100%;
	scrollbar-arrow-color: #555555;
	scrollbar-face-color: #DDDDDD;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-shadow-color: #5bc0de;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-track-color: #5bc0de;
	scrollbar-base-color: #DDDDDD;
	font-family: STHeiti,'Microsoft YaHei','宋体',arial !important;
	background: #ecf0f5;
}

img {
	cursor: pointer;
}

.input-group i {
	width: 15px;
}

.sfi_price {
	font-weight: bold;
	text-align: right;
	color: #d73925;
	text-align: right;
}

.container,.container-fluid {
	overflow: auto;
}

*::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

*::-webkit-scrollbar-button {
	display: none;
}

*::-webkit-scrollbar-thumb {
	background: #DDD;
	border-radius: 8px;
}

#sysMain {
	overflow: hidden;
}

/**谷歌滚动条设置**/
#sysMain::-webkit-scrollbar {
	width: 0px;
}

#sysMain::-webkit-scrollbar-button {
	display: none;
}

#sysMain::-webkit-scrollbar-thumb {
	background: #DDD;
	border-radius: 8px;
}

.row {
	padding: 0px;
	margin: 0px
}

.likly-table {
	margin: 0 auto;
	overflow-x: auto;
	width: 100%;
	padding: 10px;
}
/*减少padding 使元素紧凑*/
.closer {
	height: 35px !important;
	line-height: 25px;
	padding: 5px !important;
}

.margin {
    margin: 10px;
}

/*无内边距*/
.no-padding {
	padding: 0px !important;
}
/*无外边距*/
.no-margin {
	margin: 0px !important;
}

.question {
	cursor: pointer;
}

.readonly {
	background-color: #eee;
}

.trSelected{
	background: #87CEEB;
}

.moneyInput{
	font-size: 16px;
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #FF6347;
	/* font-style: italic; */
	font-weight: bold;
	text-align: right;
	padding-right: 0px;
}

.qtyInput{
	font-size: 16px;
	font-family: "Arial", "Helvetica", "sans-serif";
	color: black;
	/* font-style: italic; */
	font-weight: bold;
	text-align: right;
	padding-right: 0px;
}

.black-color{
	color : #333333;
}

.remove {
	cursor: pointer;
	color: #dd4b39;
}
/* 字体对齐优先级调整   */
.text-left{
	text-align: left !important;
}
.text-right{
	text-align: right !important;
}
.text-center{
	text-align: center !important;
}
.text-middle{
	vertical-align: middle !important;
}
.text-bigger{
	font-size: 1.2em;
}
.has-error .select2-selection {
  border-color: #dd4b39 !important;
}
/* select2样式缩小 */
.input-sm+.select2 .select2-selection{
	height: 30px !important;
	padding: 5px 10px !important;
}
.small-box .icon {
  font-size: 70px;
}
.small-box:hover .icon{
  font-size: 80px;
}
.small-box .top-bar i{
	font-size:1.3em;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index:3;
}
.small-box .top-bar i:hover{
	transform : scale(1.2);
}
.dashed-box{
	border:1px dashed #CCCCCC !important;
	background:white;
	font-size:5em;
	color:#DDDDDD;
	height:170px;
	line-height:170px;
}
.dashed-box:hover{
	color: #CCCCCC;
}
.dashed-border{
	border:1px dashed #CCCCCC !important;
}
/*覆盖默认盒子样式*/
.box.box-solid.box-info{
	border: none !important;
	border-top: 3px solid #3c8dbc !important;
}
.box.with-top-border{
	border-top:1px solid #f4f4f4 !important;
}
.box.box-solid.box-info > .box-header{
   color: #444444;
   background: #FFFFFF;
}
/* 更好看的表格  增加补丁 标题文本居中  */
.likly-table>table>thead>tr>th,.query-res-table>table>thead>tr>th {
	padding: 10px 3px;
	text-align: center;
}
.likly-table td{
	vertical-align: middle !important;
}

.panel-heading>.text-center:hover {
	cursor: pointer;
	color: #CCCCCC;
}

/* 非空样式  */
.not-null {
	color: #FF6347;
}
/* 提示信息不变形占小位置的input */
.hidden-input {
	width: 1px !important;
	height: 1px !important;
	visibility: hidden;
}

/*首页个人信息*/
.info-wrap {
	display: none;
	position: absolute;
	top: 50px;
	right:70px;
	width: 250px;
	z-index: 99;
	background: #f9f9f7;
	text-align: center;
	border: 1px solid #ccc;
	border-top: #fff;
	margin: 0;
	box-shadow: 0px 0px 8px 0px #B6B6B6;
	-webkit-box-shadow: 0px 0px 8px 0px #B6B6B6;
	-o-box-shadow: 0px 0px 8px 0px #B6B6B6;
	-ms-box-shadow: 0px 0px 8px 0px #B6B6B6;
	-moz-box-shadow: 0px 0px 8px 0px #B6B6B6;
}

.person-info-header {
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

.person-info-avator {
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
	margin: 5px;
	border-radius: 30px;
}

.person-info-content {
	text-align: left;
	margin-left: 75px;
}

.person-info-name {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	margin: 4px 0px 4px 0px;
}

.person-info-online {
	font-size: 12px;
	font-weight: normal;
	position: relative;
	display: inline-block;
}

.person-info-detail {
	color: #666;
	margin: 0px;
	line-height: 20px;
}

.person-info-body{
	height:30px;
	padding: 5px 15px 5px 15px;
}

/*按钮工具条*/
.buttonToolbar {
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background: #FFF;
	min-height: 35px;
	border-top: 1px solid #ddd;
	box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.065);
	z-index: 2;
}

.fixedButton {
	margin: 0 auto;
	text-align: center;
}

.fixedButton button {
	padding: 5px 15px;
	margin-top: 3px;
}

/* 2行的查询高度 */
.sfi_center_top.query-row-2 {
	height: 92px;
}
/* 3行的查询高度 */
.sfi_center_top.query-row-3 {
	height: 124px;
}
/* 4行的查询高度 */
.sfi_center_top.query-row-4 {
	height: 162px;
}
/* 2行的查询高度 */
.sfi_center_content.query-row-2 {
	top: 73px;
}
/* 3行的查询高度 */
.sfi_center_content.query-row-3 {
	top: 105px;
}
/* 4行的查询高度 */
.sfi_center_content.query-row-4 {
	top: 143px;
}

.sfi_table_list {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
}

#search-content {
	border-bottom-left-radius: 15px !important;
	border-top-left-radius: 15px !important;
}

#search-btn {
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}

.left-radius {
	border-bottom-left-radius: 15px !important;
	border-top-left-radius: 15px !important;
}
.right-radius {
	border-bottom-right-radius: 15px !important;
	border-top-right-radius: 15px !important;
}

.no-left-border {
	border-left: 0px !important;
}

.no-top-border {
	border-top: 0px !important;
}

.no-right-border {
	border-right: 0px !important;
}

.no-bottom-border {
	border-bottom: 0px !important;
}

.unchange{
	display: none !important;
}

/* 显示信息样式  统一替换 @Kenneth 2016年8月25日*/
/* .underline-label {
	width: 100%;
	font-size:15px;
	text-align: center !important;
	border-bottom: 2px solid #00C0EF;
	border-radius: 3px;
	height: 27px;
} */
.underline-label,.underline-label-primary{
	width: 100%;
	font-size:15px;
	text-align: center !important;
	border-bottom: 2px solid #3c8dbc;
	height: 27px;
	white-space:normal;
}

.table-label {
	width: 100%;
	font-size:15px;
	font-weight : 500;
	/* font-weight : normal; */
	color: #00a7d0 !important;
	text-align: left !important;
	padding-left: 20px;
	border-bottom: 1px solid #d2d6de;
	border-radius: 3px;
}

.table-label-center {
	width: 90%;
	font-size:15px;
	font-weight : 500;
	/* font-weight : normal; */
	color: #00a7d0 !important;
	text-align: center !important;
	border-bottom: 1px solid #d2d6de;
	border-radius: 3px;
	white-space:normal;
}

.top .popover-content {
	COLOR: #FF0000;
	font-weight: bold;
}
.bottom .popover-content {
	COLOR: #FF0000;
	font-weight: bold;
}

/**列表状态宽度**/
.badge-40 {
	width: 40px;
}
.badge-50 {
	width: 50px;
}
.badge-60 {
	width: 60px;
}
.badge-70 {
	width: 70px;
}
.badge-80 {
	width: 80px;
}
.badge-90 {
	width: 90px;
}
.badge-100 {
	width: 100px;
}
.badge-120 {
	width: 130px;
}

.width-percent-16{
	width : 16%;
}

.margin-bottom-5{
	margin-bottom: 5px;
}

.pull-right-tab {
    position: absolute;
    right: -5px;
    top: 0;
    font-size: 20px;
}
.error-tab{
	background:#FF6347;
}
.error-tab a{
	color:#FFFFFF !important;
}
.error-tab.active a{
	color:#444444 !important;
}

.base-form-group .form-group {
   margin-bottom: 5px !important;
}

/** modal dialog css 弹出框 样式**/
/** head height：60px**/
/** footer height：60px**/
/** boby height：根据 dialog 高度 来决定**/
.modal-dialog{
	margin: 0px;
}
.modal-content{
	position: relative;
}
.modal-body {
	position: relative;
	overflow: auto;
}

.modal-footer {
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

.sfi-modal-dialog {
	margin: 0px;
}

.sfi-modal-content {
	position: relative;
	background-color: #fff;
}

.sfi-modal-header {
	height: 60px;
	min-height: 16.42857143px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.sfi-modal-title {
	margin: 0;
}

.sfi-modal-body {
	position: relative;
	overflow: auto;
}

.sfi-modal-footer {
	height: 60px;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	background-color: #f5f5f5;
}
/* 加载状态Div样式 */
.loading-div {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
	background: rgba(128, 128, 128, 0.2);
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.no-resize {
	resize: none !important;
}

/**搜索框 大小**/
.search-div input{
	margin-left: 10px !important;
	width: 153px !important;
}
.search-div select{
	margin-left: 10px !important;
	width: 153px !important;
}
.search-div .select2{
	margin-left: 10px !important;
	width: 153px !important;
}

.search-bar .col-xs-1,.search-bar .col-sm-1,.search-bar .col-md-1,.search-bar .col-lg-1,
.search-bar .col-xs-2,.search-bar .col-sm-2,.search-bar .col-md-2,.search-bar .col-lg-2,
.search-bar .col-xs-3,.search-bar .col-sm-3,.search-bar .col-md-3,.search-bar .col-lg-3,
.search-bar .col-xs-4,.search-bar .col-sm-4,.search-bar .col-md-4,.search-bar .col-lg-4,
.search-bar .col-xs-5,.search-bar .col-sm-5,.search-bar .col-md-5,.search-bar .col-lg-5,
.search-bar .col-xs-6,.search-bar .col-sm-6,.search-bar .col-md-6,.search-bar .col-lg-6,
.search-bar .col-xs-7,.search-bar .col-sm-7,.search-bar .col-md-7,.search-bar .col-lg-7,
.search-bar .col-xs-8,.search-bar .col-sm-8,.search-bar .col-md-8,.search-bar .col-lg-8,
.search-bar .col-xs-9,.search-bar .col-sm-9,.search-bar .col-md-9,.search-bar .col-lg-9,
.search-bar .col-xs-10,.search-bar .col-sm-10,.search-bar .col-md-10,.search-bar .col-lg-10,
.search-bar .col-xs-11,.search-bar .col-sm-11,.search-bar .col-md-11,.search-bar .col-lg-11,
.search-bar .col-xs-12,.search-bar .col-sm-12,.search-bar .col-md-12,.search-bar .col-lg-12 {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

/**屏幕宽度小于960px时 按钮左移大小不变**/
@media ( min-width : 400px) {
	.form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: right;
	}
}

/**屏幕宽度小于960px时 按钮左移大小不变**/
@media ( max-width : 960px) {
	.fixedButton {
		text-align: left;
	}
}
/**屏幕宽度小于768px时 按钮左移并且变小**/
@media ( max-width : 768px) {
	.buttonToolbar {
		height: 25px;
		min-height: 25px;
	}
	.fixedButton {
		margin: 0 auto;
		text-align: left;
	}
	.fixedButton button {
		padding: 1px 5px;
		margin-top: 2px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}
	.panel .panel-body .panel-config-content>form.form-horizontal div.form-group
		{
		margin-bottom: 5px;
	}
}

/* 图片展示  */
.thumbnail  > img{
	height: 150px;
}
.thumbnail > div.caption{
	text-align:center;
}

.thumbnail > div.caption >p >a{
	margin : 10px 0px 0px 0px;
}