/* $Id$ */
@CHARSET "UTF-8";
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, span, div {
    /*font-family: arial,"宋体",宋体,"Microsoft Yahei","微软雅黑",Tahoma,Helvetica,STHeiti;*/
    font-family:Arial,sans-serif,"Microsoft YaHei","黑体";
}
body {
	background: #f6f6f6 none;
	min-width: 940px;
}
.container {
	max-width: 1999px;
	width: 980px;
}
.label-default {
	background-color: #abbac3
}
.label-default[href]:hover,.label-default[href]:focus {
	background-color: #abbac3
}
.form-horizontal label.control-label, .form label {
	font-weight: normal;
	color: #999;
}
.form-horizontal label.control-label {
	padding-right: 9px;
	padding-left: 0;
	text-align: right;
	/*width: 11%;*/
	min-width: 60px;
}
.form-horizontal .col-xs-offset-1 {
	margin-left: 11%;
}
input.form-control, select.form-control, textarea.form-control {
	width: 240px;
}
textarea.form-control {
	min-height: 66px;/**yangzy布局可以设置textarea高度*/
}
.form-control {
}
.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) inset, 0 0 4px rgba(102, 175, 233, 0.6);
	box-shadow: none;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
}
.form-group {
    margin-bottom: 10px;
}
.btn {
	min-width: 80px;
	min-width: 54px\0; /* 修复IE8的Bug，IE8的min-width不包含padding和border的宽度！！！ */
}
.btn-lg {
	min-width: 110px;
}
textarea {
	resize: none;
}
input[type="radio"], input[type="checkbox"] {
	margin-top: 2px;
	cursor: pointer;
}
select {
	cursor: pointer;
}

.help-inline {
	margin-left: 251px;
	margin-top: -24px;
	color: #737373;
	margin-bottom: 7px;
}
.help-block {
	margin-bottom: 2px;
}

.tooltip, .label, code {
	font-size: 12px;
	font-weight: normal;
}

.modal-dialog {
	margin: 10px auto;
	margin-top: 55px;
}
.modal-body {
	max-height: 550px;
	overflow-y: hidden;
	padding-bottom: 0;
	
}
.modal-body iframe {
	width: 100%;
	height: 100%;
	background: #fff url(/img/loading_big.gif) no-repeat center 42%;
}
.modal-backdrop {
	/*background-color: #fff;*/
	/*background-color: transparent;*/
}
.close {
	font-size: 24px;
}

.loadbar, .alertbar {
	position: fixed;
	top: -100px;
	left: 50%;
	width: 280px;
	margin-left: -140px;
	z-index: 99999;
	padding: 11px 16px;
	text-align: center;
	cursor: wait;
	font-size: 14px;
	background: url(/img/ui/wash-000-40.png) repeat 0 0;
	border-radius: 3px;
	color: #eee;
}
.loadbar {
	display: block;
	top: 1px;
	padding: 12.5px 16px;
}
.alertbar {
	cursor: default;
	z-index: 999999999999998;
}
.alertbar .close {
	right: 9px;
	top: -1px;
	font-size: 24px;
}
.alertbar.error {
	color: #fff;
	background: #f43a47 none;
	width: 360px;
	margin-left: -180px;
	border-radius: 0;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}

.note {
	border-left: 3px solid #EEEEEE;
	margin: 20px 0;
	padding: 20px;
}
.note h4 {
	margin-bottom: 5px;
	margin-top: 0;
}
.note p:last-child {
	margin-bottom: 0;
}
.note-danger {
	background-color: #FDF7F7;
	border-color: #EED3D7;
}
.note-danger h4 {
	color: #B94A48;
}
.note-warning {
	background-color: #FAF8F0;
	border-color: #FAEBCC;
}
.note-warning h4 {
	color: #8A6D3B;
}
.note-info {
	background-color: #F4F8FA;
	border-color: #BCE8F1;
}
.note-info h4 {
	color: #34789A;
}

/* helper css */
.center {
	text-align: center;
}
.no-pm {
	padding: 0;
	margin: 0;
}
.f11 {
	font-size: 11px !important;
}
.f12 {
	font-size: 12px !important;
}
.f13 {
	font-size: 13px !important;
}
.f14 {
	font-size: 14px !important;
}
.f15 {
	font-size: 15px !important;
}
.f16 {
	font-size: 16px !important;
}
.f17 {
	font-size: 17px !important;
}
.f18 {
	font-size: 18px !important;
}

.sha-line, .dot-line, .fr-line {
	font-size: 0;
	padding: 0;
	overflow: hidden;
}
.sha-line {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
.dot-line {
	border-top: 1px dotted #eee;
}
.fr-line {
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	height: 18px;
	display: inline-block;
	margin: 0 15px;
	margin: 7px 20px;
	margin-left: 22px;
	margin-bottom: 0;
}

.loading-img {
	height: 32px;
	background: url(/img/loading_big.gif) no-repeat center center;
}

.cnfont/*, body*/ {
	font-family: "Microsoft YaHei", "黑体", Arial, sans-serif;
	font-weight: normal;
	font-weight: 400;
}

.showUserInfo{
	width: 390px;
	height: 170px;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding:20px;
	position: absolute;
	z-index: 9999;
	display: none;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	top: -3px;
	left: 55px;
}
.setAvatar{
   border-radius: 3px;
   height: 120px;
   vertical-align: top;
   width: 120px;
}
.userInfo{
   margin-left: 20px;
   width:200px;
   height:130px;
}
.userInfo div{
   margin-bottom: 5px;
}
.popover {
    z-index: 999;
}
/*加载效果*/
.spinner {
	margin: 0px auto 0;
	width: 150px;
	text-align: center;
}
 
.spinner > div {
  margin-left:10px;
  width: 20px;
  height: 20px;
  background-color: #DEDEDE;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}	

/**附件字段拖拽**/
/*.ui-state-highlight { height: 1.5em; line-height: 1.2em; }*/
.sort-drop{
width:180px;
height:30px;
float:left;
margin-left:5px;
border:1px dashed blue;
}
.sort-drop-pic{
width:45px;
height:40px;
float:left;
margin-left:5px;
border:1px dashed blue;
}

/* V4.0 */
html, body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, span, div, .cnfont, .cn {
	font-family:Roboto,San Francisco,"Helvetica Neue",Helvetica,Arial,PingFangSC-Light,"Hiragina Sans GB","WenQuanYi Micro Hei",'microsoft yahei ui','microsoft yahei',sans-serif
}
/* 表单输入图标 */
.form-input-icon {
	position:absolute;
	top:6px;
	right: 25px;
	cursor: pointer;
	text-decoration: none;
}
.form-input-icon i {
	/*color: #ABABAB;*/
	font-size: 1.4em;
	opacity: 0.80;
}
/* 图标动画*/
@-webkit-keyframes twinkling{	/*透明度由0到1*/
	0%{
		opacity:0;				/*透明度为0*/
	}
	100%{
		opacity:1;				/*透明度为1*/
	}
}
@-moz-keyframes twinkling {
	0%{
		opacity:0;				/*透明度为0*/
	}
	100%{
		opacity:1;				/*透明度为1*/
	}
}
@-o-keyframes twinkling {
 	0%{
		opacity:0;				/*透明度为0*/
	}
	100%{
		opacity:1;				/*透明度为1*/
	}
}
@keyframes twinkling {
    0%{
		opacity:0;				/*透明度为0*/
	}
	100%{
		opacity:1;				/*透明度为1*/
	}
}
.fa-twinkling{
  -webkit-animation: twinkling 2s infinite; 
  -moz-animation: twinkling 2s infinite; 
  -o-animation:twinkling 2s infinite; 
  animation: twinkling 2s infinite; 
}
.expand-div {
	width:10px;
	height:100%;
	cursor: pointer;
	border-right: 1px solid #eee;
	position: absolute;
	background: #FFFFFF;
	padding-left: 2px;
	color: #666;
	left: -10px;
}

.disabled a {
	cursor: not-allowed !important;
	pointer-events: none !important;
}
.disabled ul input,
.disabled .token-input-list-facebook,
.disabled.attachmentUploadContainer *,
.disabled.picUploadContainer * {
	background-color: #eee !important;
	pointer-events: none !important;
}

.layout-list-picklist-field-item {
	display: flex;
	align-items: center;
}

.layout-list-picklist-field-item span {
	display: flex;
	align-items: center;
	height: 19px;
	border-radius: 10px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 5px;
}