.modalStyle {
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial,
		"Microsoft YaHei", FreeSans, Arimo, "Droid Sans",
		"wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3",
		FontAwesome, sans-serif;
	line-height: 1.6;
	color: #333;
	font-size: 1.6rem;
	font-weight: 100;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.ellipse {
	display: block !important;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.am-form .am-tagsinput {
	min-width: 100%;
}
.font-w{
    font-weight: bold;
}
.am-from-input{
	border: 1px solid #ccc;
	height: 36px !important;
}
.head-portrait {
	width: 85px !important;
	height: 85px !important;
}

.hide {
	display: none !important;
}
.hide1 {
	display: none;
}
.height630 {
	height: 630px;
}

.height450 {
	height: 450px;
	overflow: auto;
}

.height350 {
	height: 350px;
	overflow: auto;
}
.w120 {
	width: 120px;
}
.w140 {
	width: 140px;
}
.w100 {
	width: 100px;
}
.w80 {
	width: 80px;
}
.w100p {
	width: 100%;
}
.pointer {
	cursor: pointer;
}

.top10 {
	margin-top: 10px !important;
}

.top20 {
	margin-top: 20px !important;
}

.top50 {
	margin-top: 50px !important;
}
.width-10{
    width: 10px !important;
}

.width-30{
	width: 30px !important;
}

.width-40{
	width: 40px !important;
}

.width-50{
	width: 50px !important;
}
.width-85{
	width: 75px !important;
}

.width-100{
	width: 100px !important;
}
.width-200{
    width: 200px !important;
}
.width-250{
	width: 250px !important;
}
.width-270{
	width: 270px !important;
}
.width-400{
    width: 400px !important;
}
.width-500{
	width: 500px !important;
}
/*** flex布局类 */
.flex {
	display: flex;
}
.fdc {
	flex-direction: column;
}
.flaic {
	display: flex;
	align-items: center;
}
.flsb {
	display: flex;
	justify-content: space-between;
}
.flc {
	display: flex;
	justify-content: center;
}
.cc {
	display: flex;
	justify-content: center;
	align-items: center;
}
.wrap {
	display: flex;
	flex-wrap: wrap;
}
.flex1 {
	flex: 1;
}

.fz12 {
	font-size: 12px;
}
.fz14 {
	font-size: 14px;
}
.fw600 {
	font-weight: 600;
}
.mb10 {
	margin-bottom: 10px;
}

.tree {
	margin-top: 10px;
}

.font-weight {
	font-weight: 100 !important;
}

.am-btn-group button:not(:last-child){
	margin-right:5px;
}

.am-modal-dialog {
	vertical-align: top;
	margin-top: 100px;
	margin-bottom: 100px;
}
.tpl-table-black-opera a {
    display: inline-block;
    padding: 5px 6px;
    font-size: 14px;
    line-height: 18px;
    width: 100px;
}

.tpl-form-select {
	display: block !important;
	width: 100% !important;
	height: 36px !important;
	padding: .5em !important;
	font-size: 14px !important;
	line-height: 1.1 !important;
	color: #555 !important;
	vertical-align: middle !important;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0 !important;
}

.zl-sm-1 {
	width: 8.33333333% !important;
}

.zl-sm-2 {
	width: 16.66666667% !important;
}

.zl-sm-3 {
	width: 25% !important;
}

.zl-sm-4 {
	width: 33.33333333% !important;
}

.zl-sm-5 {
	width: 41.66666667% !important;
}

.zl-sm-6 {
	width: 50% !important;
}

.zl-sm-7 {
	width: 58.33333333% !important;
}

.zl-sm-8 {
	width: 66.66666667% !important;
}

.zl-sm-9 {
	width: 75% !important;
}

.zl-sm-10 {
	width: 83.33333333% !important;
}

.zl-sm-11 {
	width: 91.66666667% !important;
}

.zl-sm-12 {
	width: 100% !important;
}

.zl-radio-inline{
	float: left;
	top: 6px;	
}

.zl-center {
	margin-left: auto;
	margin-right: auto;
}

.zl-tenant-img{
	margin-top: 10px;	
}

.zl-photo-area {
	width: 102px;
	height: 102px;
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
}


.zl-photo-area img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.form-group-15 {
	margin-left: -15px !important;
}

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

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

.to {
	font-size: 12px;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.am-btn-pink, .am-btn-pink:hover, .am-btn-pink:focus {
	color: #fff;
	background-color: #d6487e !important;
}

.am-btn-inverse, .am-btn-inverse:hover, .am-btn-inverse:focus {
	color: #fff;
	background-color: #555 !important;
}

.am-btn-purple, .am-btn-purple:hover, .am-btn-purple:focus {
	color: #fff;
	background-color: #7461aa !important;
}

.am-btn-grey, .am-btn-grey:hover, .am-btn-grey:focus {
	color: #fff;
	background-color: #a0a0a0 !important;
}

.am-btn-green, .am-btn-green:hover, .am-btn-green:focus {
	color: #fff;
	background-color: #23C744 !important;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}
.margin-5{
	margin-left: 5px;
}
.margin-10{
	margin-left: 10px;
}
.margin-loss-15{
	margin-left: -15px;
}

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

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

.m-b-10{
	margin-bottom: 10px;
}
.am-modal-hd {
	text-align:left;
	border-bottom:solid 1px #dedede;
	color:#0e90d2;
}
.am-modal-bd {
	background:#ffffff;
}
.color-blue{
	background: #3bb4f2 !important;
	color: #d9d9d9 !important;
}
.color-purple{
	background: #937ae3 !important;
	color: white !important;
}
.color-black{
	background: #6b6565;
	color: #ffff00;
}
.color-hot-pink{
	background: #FF1493;
	color: white !important;
}

.more-right{
	float: right;
	color: #0e90d2 !important;
	cursor: pointer;
}

tr.selected{
	background: #e4efc9 !important;
}
tr.selected td{
	background: #e4efc9 !important;
}
.margin-no {
	margin: 0px 0px !important;
}

.padding-no {
	padding: 0px 0px !important;
}

.m-l-5{
	margin-left: 5px !important;
}

.am-left {
	float: left !important;
}

.am-right {
	float: right !important;
}

.exam-box{
	padding-top: 1.5rem;
}
.exam-box [class*=am-u-]+[class*=am-u-]:last-child {
    float: left;
}
.exam-box .am-u-sm-1{
	margin-top: 2%;
}
.exam-panel{
	height: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}
.has-error{
	color: #d16e6c  !important;
}
.am-form-group.has-error{
	    color: #d16e6c !important;
}
.am-form-group.has-error label{
	 color: #d16e6c !important;
}
.am-form-group.has-error input, .am-form-group.has-error select, .am-form-group.has-error textarea {
    border-color: #f2a696 !important;
    color: #d68273 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.has-info{
	color:#657ba0 !important;
}
.am-form-group.has-info{
	    color: #657ba0 !important;
}
.am-form-group.has-info label{
	 color: #657ba0 !important;
}
.am-form-group.has-info input, .am-form-group.has-info select, .am-form-group.has-info textarea {
    border-color: #72aec2 !important;
    color: #4b89aa !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.sidebar-nav-link.active a {
	background: #f2f6f9;
	color: #868E8E;
	border-left: #3bb4f2 3px solid;
}

table {
    table-layout: auto !important;
    word-wrap: break-word;
    word-break: break-all;
}
table td {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
table > tbody > tr > td {
    max-width: 50% !important;
    word-wrap: break-word;
    word-break: break-all;
}

.table-checkbox {
	padding-right: 30px !important;
}

.color-light-blue{
    color: #00a7d0;
}

.pointer{
    cursor: pointer;
}


.chosen-type-box {
    display: flex;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.chosen-type {
    height: 36px;
    padding: 0 20px;
    line-height: 36px;
}
.active-chosen-type {
    border-bottom: 2px solid #0e90d2;
    color: #0e90d2;
}


input,select{cursor:expression((this.readOnly && this.readOnly == true)? "default !important":"default !important");}
input[readonly],input[disabled],select[readonly]{
	cursor: default !important;
}


/*开关样式*/
.zl-switch {
	display: none;
}

.zl-switch+label {
	border-radius: 13px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	background: #838fa1;
	width: 88px;
	height: 24px;
	line-height: 1.4;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, .1), 0 0 10px rgba(245, 146, 146, .4);
}

.zl-switch+label:before {
	content: ' ';
	position: absolute;
	background: #fff;
	top: 2px;
	z-index: 99999;
	left: 1px;
	width: 19px;
	color: #fff;
	height: 19px;
	border-radius: 9px;
	box-shadow: 0 0 1px rgba(0, 0, 0, .6)
}

.zl-switch+label:after {
	content: attr(open);
	position: absolute;
	color: #fff;
	font-weight: 700;
	padding: 5px;
	border-radius: 100px;
	font-size: 12px;
}

.zl-switch:checked+label {
	background: #71d371;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, .1), 0 0 10px rgba(146, 196, 245, .4)
}

.zl-switch:checked+label:after {
	content: attr(close);
	font-size: 12px;
	left: 10px
}

.zl-switch:checked+label:before {
	content: '';
	position: absolute;
	z-index: 99999;
	left: 66px;
}

.zl-switch+label:after {
	left: 25px;
}
.datetimepicker table .disabled{
    background: #e4e4e4 !important;
}