.open .zmdi-plus-circle-o:before {
	content: '\f270';
}

.open .zmdi-chevron-right:before {
	content: '\f2f9';
}

/*margin*/
body {
	margin: 0;
	font-family: "microsoft yahei";
	font-size: 12px;
}

.m-auto {
	margin: auto;
}

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

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

.m-l-lg {
	margin-left: 15px;
}

.m-r-sm {
	margin-right: 5px;
}

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

.m-r-lg {
	margin-right: 15px;
}

.m-l-llg {
	margin-left: 20px;
}

.m-l-lllg {
	margin-left: 4em;
}

.m-t-sm {
	margin-top: 5px;
}

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

.m-t-lg {
	margin-top: 15px;
}

.m-t-llg {
	margin-top: 20px;
}

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

.m-b-sm {
	margin-bottom: 5px;
}

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

.m-b-lg {
	margin-bottom: 15px;
}


/*padding*/

.p-none {
	padding: 0 !important;
}

.border-bottom-none {
	border-bottom: none !important;
}

.p-m {
	padding: 10px;
}

.p-l-sm {
	padding-left: 5px;
}

.p-l-m {
	padding-left: 10px;
}

.p-l-lg {
	padding-left: 15px;
}

.p-b-sm {
	padding-bottom: 5px;
}

.p-b-m {
	padding-bottom: 10px;
}

.p-t-lg {
	padding-top: 15px;
}

.p-b-lg {
	padding-bottom: 15px;
}

.p-sm {
	padding: 5px;
}

.form-label {
	font-weight: 600;
}

.fs-14 {
	font-size: 14px;
}

.fs-15 {
	font-size: 15px;
}

.fs-16 {
	font-size: 16px;
}

.fs-18 {
	font-size: 18px;
}

.fs-24 {
	font-size: 24px;
}

.fs-wt-none {
	font-weight: normal;
}

/*error*/

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

p.error {
	color: #F44336;
	margin-bottom: 0;
}

p.error-msg {
	color: #F44336;
	margin-bottom: 0;
}

input.error {
	border-color: #e51c23 !important;
}

input[type="radio"].error:after {
	border-color: #e51c23 !important;
}

input.error[type="checkbox"]:after,
.checkbox input.error[type="checkbox"]:after,
.checkbox-inline input.error[type="checkbox"]:after {
	border-color: #e51c23 !important;
}

input.error,
textarea.error,
select.error {
	border-color: red !important;
}

[v-cloak] {
	display: none;
}

select.input-sm {
	height: 29px;
	line-height: 29px;
}

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

.no-left.no-top #page-wrapper {
	margin: 0 !important;
	padding: 5px 15px;
}

.no-top #page-wrapper {
	margin: 0;
	margin-left: 210px;
	padding-top: 10px;
}

.no-left.no-top .page-header {
	margin: 10px 0 20px;
	border-bottom: none;
}

.loading i {
	font-size: 20px;
}

.cursor:hover {
	cursor: pointer;
}

.head-img img {
	max-width: 100px;
	height: auto;
	max-height: 100px;
}

.upload-file .progress {
	height: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	line-height: 20px;
}

.upload-file .progress .progress-bar {
	font-size: 14px;
	line-height: 20px;
}


/*flex*/

.box-flex {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -o-flex;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.align-end {
	align-items: flex-end;
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center;
}

.justify-content-space-between {
	justify-content: space-between
}

.align-content-center {
	align-content: center;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.w-50 {
	width: 50px;
}

.w-60 {
	width: 60px;
	min-width: 60px;
}

.w-75 {
	width: 75px;
}

.w-100 {
	width: 100px;
}

.w-125 {
	width: 125px;
}

.w-150 {
	width: 150px;
}

.w-200 {
	width: 200px;
}

.w-220 {
	width: 220px;
}

.w-225 {
	width: 225px;
}

.w-250 {
	width: 250px;
}

.w-300 {
	width: 300px;
}

.w-320 {
	width: 320px;
}

.w-375 {
	width: 375px;
}

.w-400 {
	width: 400px;
}

.w-425 {
	width: 425px;
}

.w-50-0 {
	width: 50%;
}

.w-80-0 {
	width: 80%;
}

.w-12-5 {
	width: 12.5%;
}

.w-100-0 {
	width: 100%;
}

.h-29 {
	height: 29px;
}

.h-100-0 {
	height: 100%;
}

.min-w-100 {
	min-width: 100px;
}

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2
}

.flex-3 {
	flex: 3
}

.flex-4 {
	flex: 4
}

.flex-5 {
	flex: 5
}

.flex-6 {
	flex: 6
}

.flex-7 {
	flex: 7
}

.flex-8 {
	flex: 8
}

.panel .panel-heading.has-right-btn {
	line-height: 29px;
}


/*select2*/

.select2.select2-container {
	height: 29px;
	width: 100% !important;
}


/*select2 end*/


/*ue-editor*/

.edui-container {
	width: 100% !important;
}

.edui-container img {
	max-width: 60%;
}

.ueDitor-parent-node {
	width: 100% !important;
	height: 300px !important;
}


/*ue-editor end*/

.form-unit {
	font-size: 15px;
	font-style: oblique;
	color: #6379bb;
	border-bottom: 1px solid #ddd;
	margin: 8px 10px 25px 10px;
	padding-bottom: 5px;
	clear: both;
}


/*color*/

.red {
	color: #F44336;
}

.blue {
	color: #6699cc;
}

.breadcrumb>li.active {
	color: #6699cc;
}

.breadcrumb>li.active a {
	color: #6699cc;
}

.btn-presc-primary {
	color: #333333;
	box-shadow: 0 0px 0px 0px;
	background-color: #e6e6e6;
	padding: 3px 10px;
	border-radius: 4px;
	font-size: 14px;
	border-color: transparent;
	cursor: pointer;
}

.btn-presc-success {
	color: white;
	background-color: #6baf3a;
	padding: 3px 10px;
	border-radius: 4px;
	font-size: 14px;
	border-color: transparent;
	cursor: pointer;
}

.btn-presc-danger {
	color: white;
	background-color: #F44336;
	padding: 3px 10px;
	border-radius: 4px;
	font-size: 14px;
	border-color: transparent;
	cursor: pointer;
}

.btn-presc-primary:hover {
	color: white;
	background-color: #cccccc;
}

.btn-presc-success:hover {
	color: white;
	background-color: #5f9c34;
}

.btn-presc-danger:hover {
	background-color: #eb1c0c;
}

.btn-presc-default {
	color: #6699cc;
	padding: 5px;
	font-size: 14px;
	cursor: pointer;
}

.btn-presc-default:hover {
	color: #6baf3a;
}

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

.pagination li {
	font-size: 12px;
}


/*table th{
	background-color: #efefef;
}*/

.second-title {
	font-size: 14px;
	color: #3399cc;
	border-bottom: 1px solid #efefef;
	height: 36px;
	line-height: 36px;
}

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

.border-ccc {
	border-color: #ccc;
}

.border-left, .border-right{
	border-left: 1px solid #efefef;
}

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

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

.h-32 {
	height: 32px;
	line-height: 32px;
}

#prescBarcode .box-flex .box-control {
	padding-left: 20px;
	border-left: 1px solid #efefef;
	height: 60px;
	line-height: 60px;
}

#prescBarcode .box-flex .box-label {
	text-align: center;
	width: 120px;
	color: #333;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
}

.box-flex .box-label {
	text-align: center;
	width: 120px;
	color: #333;
	font-size: 14px;
	/* height: 32px; */
	line-height: 32px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.box-flex .box-label-160 {
	text-align: center;
	width: 160px;
	color: #333;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
}

.box-flex .box-control {
	padding-left: 20px;
	border-left: 1px solid #efefef;
	min-height: 32px;
	/*height: 32px;*/
	line-height: 32px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.toltal-price {
	color: red;
	font-size: 20px;
	padding: 5px;
}

.show-repeat {
	background-color: #3399cc;
	color: white;
	font-size: 14px;
	display: inline-block;
	width: 125px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

.btn-presc-green {
	background-color: #3399CC;
	color: white;
	font-size: 16px;
}

.btn-presc-green:hover {
	color: white;
}

.col-xs-11.col-sm-4.alert.alert-danger {
	z-index: 9999 !important
}

.header-nav .active {
	color: #3399cc;
}

.visibility-h {
	visibility: hidden
}

.visibility-v {
	visibility: visible
}

.color-red {
	color: red
}

.color-333 {
	color: #333333
}

.color-666 {
	color: #666666
}

.color-blue {
	color: #2196F3;
}

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

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

.border-bottom-x {
	border-bottom: 2px solid #3399cc;
}

.div-table .account-box-table {
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #efefef;
	flex: 1;
	padding: 5px 0;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
}

.id-table .account-box-table {
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #efefef;
	flex: 1;
	padding: 5px 0;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

.table-account .border-bottom-x:last-child {
	border-bottom: none;
}

.daterange-btn {
	color: #333333 !important;
	border: 1px solid #ccc !important;
	box-shadow: none !important;
	padding: 3px 16px !important;
	box-sizing: border-box;
}

.daterangepicker .daterangepicker_input {
	width: 90px !important;
}

.daterangepicker .line_date_2 {
	right: 370px !important;
}

@media (min-width: 768px) {
	.modal-lg {
		width: 720px;
	}
}

@media (min-width: 992px) {
	.modal-lg {
		width: 1000px;
	}
}


/*select2*/
.select2.select2-container {
	height: 29px;
}

/*select2 end*/

.upload-empty {
	width: 80px;
	height: 80px;
	font-size: 40px;
	line-height: 77px;
	text-align: center;
	border: 1px solid #e3e3e3;
}