/* here you can put your own css to customize and override the theme */
a,a:hover,a:focus,.btn,.btn:hover,.btn:focus,button,button:hover,button:focus {
	text-decoration: none;
	outline: none !important;
}

em {
	color: #e50000;
	font-style: normal;
}

.label {
	padding: .25em .5em !important;
}
/**内部人员**/
.label-staff {
	background-color: #7fc7bb;
}
/**市场人员**/
.label-salesman {
	background-color: #eb917f;
}
/**经销商**/
.label-dealer {
	background-color: #ebb27c;
}
/**养殖户**/
.label-farmer {
	background-color: #7abeeb;
}
/**供应商**/
.label-supplier {
	background-color: #bb89c9;
}
/**其它**/
.label-other {
	background-color: #bbbdbd;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellipsis-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

.middle {
	vertical-align: middle !important;
}

.cursor-pointer {
	cursor: pointer;
}

.text-red {
	color: #ff0000;
}

.fa-2 {
	font-size: 2em;
}

.fa-3 {
	font-size: 4em;
}

.fa-4 {
	font-size: 7em;
}

.fa-5 {
	font-size: 12em;
}

.fa-6 {
	font-size: 20em;
}

.fa-1,.fa-2,.fa-3,.fa-4,.fa-5,.fa-6 {
	margin-right: 0.0714286em;
}

.font-size-10 {
	font-size: 10px !important;
}

.font-size-11 {
	font-size: 11px !important;
}

.font-size-12 {
	font-size: 12px !important;
}

.font-size-13 {
	font-size: 13px !important;
}

.font-size-14 {
	font-size: 14px !important;
}

.font-size-15 {
	font-size: 15px !important;
}

.font-size-16 {
	font-size: 16px !important;
}

.font-size-17 {
	font-size: 17px !important;
}

.font-size-18 {
	font-size: 18px !important;
}

.font-size-19 {
	font-size: 19px !important;
}

.font-size-20 {
	font-size: 20px !important;
}

.font-size-21 {
	font-size: 21px !important;
}

.font-size-22 {
	font-size: 22px !important;
}

.font-size-23 {
	font-size: 23px !important;
}

.font-size-24 {
	font-size: 24px !important;
}

.font-size-34 {
	font-size: 34px !important;
}

.color-0 {
	color: #000000;
}

.color-1 {
	color: #111111;
}

.color-2 {
	color: #222222;
}

.color-3 {
	color: #333333;
}

.color-4 {
	color: #444444;
}

.color-5 {
	color: #555555;
}

.color-6 {
	color: #666666;
}

.color-7 {
	color: #777777;
}

.color-8 {
	color: #888888;
}

.color-9 {
	color: #999999;
}

.color-a {
	color: #AAAAAA;
}

.color-b {
	color: #BBBBBB;
}

.color-c {
	color: #CCCCCC;
}

.color-d {
	color: #DDDDDD;
}

.color-e {
	color: #EEEEEE;
}

.color-f {
	color: #FFFFFF;
}

.border {
	border: 1px solid #EEEEEE;
}

.border-left {
	border-left: 1px solid #EEEEEE;
}

.border-right {
	border-right: 1px solid #EEEEEE;
}

.border-top {
	border-top: 1px solid #EEEEEE;
}

.border-bottom {
	border-bottom: 1px solid #EEEEEE;
}

.border-none {
	border: 0 none;
}

.border-left-none {
	border-left: 0 none;
}

.border-right-none {
	border-right: 0 none;
}

.border-top-none {
	border-top: 0 none;
}

.border-bottom-none {
	border-bottom: 0 none;
}

.border-dashed {
	border: 1px dashed #EEEEEE;
}

.border-dashed-left {
	border-left: 1px dashed #EEEEEE;
}

.border-dashed-right {
	border-right: 1px dashed #EEEEEE;
}

.border-dashed-top {
	border-top: 1px dashed #EEEEEE;
}

.border-dashed-bottom {
	border-bottom: 1px dashed #EEEEEE;
}

.padding-5 {
	padding: 5px;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-right-5 {
	padding-right: 5px;
}

.padding-top-5 {
	padding-top: 5px;
}

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

.margin-5 {
	margin: 5px;
}

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

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

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

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

.padding-10 {
	padding: 10px;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.margin-10 {
	margin: 10px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-top-10 {
	margin-top: 10px;
}

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

.padding {
	padding: 15px;
}

.padding-left {
	padding-left: 15px;
}

.padding-right {
	padding-right: 15px;
}

.padding-top {
	padding-top: 15px;
}

.padding-bottom {
	padding-bottom: 15px;
}

.margin {
	margin: 15px;
}

.margin-left {
	margin-left: 15px;
}

.margin-right {
	margin-right: 15px;
}

.margin-top {
	margin-top: 15px;
}

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

.padding-20 {
	padding: 20px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.margin-20 {
	margin: 20px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-top-20 {
	margin-top: 20px;
}

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

.padding-25 {
	padding: 25px;
}

.padding-left-25 {
	padding-left: 25px;
}

.padding-right-25 {
	padding-right: 25px;
}

.padding-top-25 {
	padding-top: 25px;
}

.padding-bottom-25 {
	padding-bottom: 25px;
}

.margin-25 {
	margin: 25px;
}

.margin-left-25 {
	margin-left: 25px;
}

.margin-right-25 {
	margin-right: 25px;
}

.margin-top-25 {
	margin-top: 25px;
}

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

.padding-30 {
	padding: 30px;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-right-30 {
	padding-right: 30px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.margin-30 {
	margin: 30px;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-right-30 {
	margin-right: 30px;
}

.margin-top-30 {
	margin-top: 30px;
}

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

.padding-40 {
	padding: 40px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-right-40 {
	padding-right: 40px;
}

.padding-top-40 {
	padding-top: 40px;
}

.padding-bottom-40 {
	padding-bottom: 40px;
}

.margin-40 {
	margin: 40px;
}

.margin-left-40 {
	margin-left: 40px;
}

.margin-right-40 {
	margin-right: 40px;
}

.margin-top-40 {
	margin-top: 40px;
}

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

.padding-50 {
	padding: 50px;
}

.padding-left-50 {
	padding-left: 50px;
}

.padding-right-50 {
	padding-right: 50px;
}

.padding-top-50 {
	padding-top: 50px;
}

.padding-bottom-50 {
	padding-bottom: 50px;
}

.margin-50 {
	margin: 50px;
}

.margin-left-50 {
	margin-left: 50px;
}

.margin-right-50 {
	margin-right: 50px;
}

.margin-top-50 {
	margin-top: 50px;
}

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

.padding-100 {
	padding: 100px;
}

.padding-left-100 {
	padding-left: 100px;
}

.padding-right-100 {
	padding-right: 100px;
}

.padding-top-100 {
	padding-top: 100px;
}

.padding-bottom-100 {
	padding-bottom: 100px;
}

.margin-100 {
	margin: 100px;
}

.margin-left-100 {
	margin-left: 100px;
}

.margin-right-100 {
	margin-right: 100px;
}

.margin-top-100 {
	margin-top: 100px;
}

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

.padding-150 {
	padding: 150px;
}

.padding-left-150 {
	padding-left: 150px;
}

.padding-right-150 {
	padding-right: 150px;
}

.padding-top-150 {
	padding-top: 150px;
}

.padding-bottom-150 {
	padding-bottom: 150px;
}

.margin-150 {
	margin: 150px;
}

.margin-left-150 {
	margin-left: 150px;
}

.margin-right-150 {
	margin-right: 150px;
}

.margin-top-150 {
	margin-top: 150px;
}

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

.padding-0 {
	padding: 0px;
}

.padding-left-0 {
	padding-left: 0px;
}

.padding-right-0 {
	padding-right: 0px;
}

.padding-top-0 {
	padding-top: 0px;
}

.padding-bottom-0 {
	padding-bottom: 0px;
}

.margin-0 {
	margin: 0px;
}

.margin-left-0 {
	margin-left: 0px;
}

.margin-right-0 {
	margin-right: 0px;
}

.margin-top-0 {
	margin-top: 0px;
}

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

.table-vertical-middle td {
	vertical-align: middle !important;
}

.table-vertical-bottom td {
	vertical-align: bottom !important;
}

.table-border-none td,.table-border-none th {
	border: none !important;
}

.table-mobile>thead>tr>th,.table-mobile>tbody>tr>th,.table-mobile>tfoot>tr>th,.table-mobile>thead>tr>td,.table-mobile>tbody>tr>td,.table-mobile>tfoot>tr>td {
	padding: 12px 8px !important;
}

.btn-group-mobile .btn-group+.btn-group>.btn {
	border-left: 0 !important;
}

.dropdown-menu-mobile {
	max-height: 240px;
	overflow-y: auto;
}

.dropdown-menu-mobile>li>a {
	padding: 4px 20px;
}

.list-group-mobile .list-group-item {
	border-left: 0 none;
	border-right: 0 none;
	border-radius: 0;
}

.input-group.date .input-group-addon {
	border-left: 0 none;
}

.list-group-mobile-setting {
	margin: 10px 0;
}

.list-group-mobile-setting .list-group-item {
	padding: 14px 15px;
	border: 1px solid #ebecee;
	border-left: 0 none;
	border-right: 0 none;
	border-radius: 0;
}

.list-group-mobile-setting .list-group-item:after {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	right: 15px;
	line-height: 1;
	font-family: 'FontAwesome';
	font-size: 18px;
	color: #bbbbbb;
	content: "\f105"
}

.list-group-mobile-setting .list-group-item-static:after {
	content: normal;
}

.list-group-mobile-setting  .list-group-item .info {
	float: right;
	padding-right: 15px;
	max-width: 200px;
}

/* start tag */
.tag {
	display: inline-block;
	line-height: 28px;
	height: 28px;
	margin: 5px;
	padding: 0 12px;
	border-radius: 2px !important;
	font-size: 12px;
	text-decoration: none !important;	
}

.tag-default:hover,.tag-default:focus,.tag-default:active {
	background-color: #e7e7e7;
	color: #666;
}

.tag-purple {
	background-color: #beafce;
	color: #fff;
}

.tag-purple:hover,.tag-purple:focus,.tag-purple:active {
	background-color: #aa95c0;
	color: #fff;	
}

.tag-blue {
	background-color: #8ec5ee;
	color: #fff;
}

.tag-blue:hover,.tag-blue:focus,.tag-blue:active {
	background-color: #74b1df;
	color: #fff;	
}

.tag-green {
	background-color: #8fced3;
	color: #fff;
}

.tag-green:hover,.tag-green:focus,.tag-green:active {
	background-color: #77bec4;
	color: #fff;	
}

.tag-red {
	background-color: #e78f8e;
	color: #fff;
}

.tag-red:hover,.tag-red:focus,.tag-red:active {
	background-color: #d97877;
	color: #fff;	
}

.tag-yellow {
	background-color: #f6bc7d;
	color: #fff;
}

.tag-yellow:hover,.tag-yellow:focus,.tag-yellow:active {
	background-color: #e7aa67;
	color: #fff;	
}

.tag-grey-blue {
	background-color: #88abc0;
	color: #fff;
}

.tag-grey-blue:hover,.tag-grey-blue:focus,.tag-grey-blue:active {
	background-color: #6d95ad;
	color: #fff;	
}

.tag-default {
	background-color: #eee;
	color: #666;
}
/* end tag */

/* start clearpop */
.clearpop {
	top: 40%;
	right: 5%;
	left: 5%;
	position: fixed;
	z-index: 999999;
	text-align: center;
}

.clearpop-inner {
	display: inline-block;
	padding: 15px;
	background-color: rgba(43, 66, 80, .7);
	color: #fff;
}
/* end clearpop */