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

.x-align-left {
	text-align: left !important;
}

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

.x-align-right {
	text-align: right;
}

.x-align-top {
	vertical-align: top !important;
}

.x-avatar {
	height: 85px;
	width: 85px;
	border-radius: 50%;
	margin: 16px 0px;
	object-fit: cover;
	object-position: top;
}

.x-avatar-small {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: solid 1px #d9e3e8;
}

.x-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px;
    font-size: 10px;
    line-height: 10px;
	height: 10px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0,145,234,0.7);
    border-radius: 50%;
    position: absolute;
    margin-left: 0.3rem;
}

.x-badge-message {
	display: inline-block;
	min-width: 10px;
	padding: 3px;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: rgba(0,145,234,0.7);
	border-radius: 50%;
	margin-left: 0.3rem;
}

.x-bannerHoder {
	height: 350px;
	position: relative;
}

.x-bannerHoder::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.x-bannerImg {
	max-height: 100%;
	max-width: 100%;
}


.x-imageOverLay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	border: none;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

.x-bgColor-blue {
	background-color: #0091ea !important;
}

.x-bgColor-dark {
	background-color: #000;
}

.x-bgColor-darkBlue {
	background-color: #1E6F9F;
}

.x-bgColor-darkSlateGray {
	background-color: #546E7A;
}

.x-bgColor-green {
	background-color: #24D27C;
}

.x-bgColor-highlight {
	background-color: #FF9900;
}

.x-bgColor-orange {
	background-color: #FE7C50;
}

.x-bgColor-pink {
	background-color: #FE7CD2;
}

.x-bgColor-silver {
	background-color: #C9C9C9;
}

.x-bgColor-steelBlue {
	background-color: #228AD9;
}

.x-bgColor-white {
	background-color: #FFFFFF;
}

.x-bgColor-whiteSmoke {
	background-color: #F8F8F8;
}

.x-bgColor-transparent {
	background-color: transparent;
}

.x-bgColor-red {
	background-color: red;
}

.x-blockedPanel .ui-blockui-content {
	background: #fff;
}

.x-blockPage{
	
}

.x-blockPage .ui-blockui-content{
	top: 50% !important;
	left: 50% !important;
	position: fixed !important;
}

.x-border-none, .x-border-none>tbody>tr>.ui-panelgrid-cell {
	border: none !important;
}

.x-border-hidden, .x-border-hidden>tbody>tr>.ui-panelgrid-cell {
	border: hidden !important;
}

.x-borderColor-blue {
	border-width: 1px;
	border-style: solid;
	border-color: #0091ea !important;
}

.x-borderColor-silver {
	border: 1px solid #C9C9C9;
}

.x-borderColor-darkSlateGray {
	border: 1px solid #546E7A;
}

.x-breakWord {
	word-break: break-word;
}

.x-btn {
	border-radius: 5px !important;
	font-size: 12px;
	margin: 5px 8px;
}

.x-btn .ui-button-text {
	vertical-align: middle;
}

.x-btn .ui-button-text:before {
	content: '';
	width: 17px;
	height: 17px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-right: 2px;
}

.x-btnOK .ui-button-text:before {
	background-image:
		url("/leshan/faces/javax.faces.resource/images/check-white.svg?ln=modena-layout");
}

.x-btnCancel .ui-button-text:before {
	background-image:
		url("/leshan/faces/javax.faces.resource/images/delete-white.svg?ln=modena-layout");
}

.x-btnPrinter .ui-button-text:before {
	background-image:
			url("/leshan/faces/javax.faces.resource/images/x-printer.svg?ln=primefaces-modena");
}

.x-button-icon {
	background-image: none !important;
	text-indent: 0px !important;
	margin-top: -6px !important;
	margin-left: 0px;
}

.x-icon-add-enabled {
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-right: 5px;
	background-size: cover;
	background-image:
		url("/leshan/faces/javax.faces.resource/images/plus-sign-highlight.svg?ln=primefaces-modena");
}

.x-icon-add-disabled {
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-right: 5px;
	background-size: cover;
	background-image:
		url("/leshan/faces/javax.faces.resource/images/plus-sign-gray.svg?ln=primefaces-modena");
}

.x-icon-viewEye{
	background-image: url("/leshan/faces/javax.faces.resource/XProvider/View.png?ln=XImage");
	background-size: 39px 39px;
	background-color: white;
	width: 40px!important;
	height: 40px!important;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	margin: 0 auto;
	border-radius:50%!important;
	overflow:hidden;
}

.x-button-large {
	min-width: 150px;
	height: 34px;
	border-radius: 5px !important;
	font-size: 14px;
}

.x-button-normal {
	border-radius: 5px !important;
	font-size: 12px;
	height: 32px;
	margin: 5px;
}

.x-button-normal .ui-button-text {
	padding: 5px !important;
	margin: 0px 8px;
	white-space: nowrap;
}

.x-button-normal-right {
	border-radius: 5px !important;
	font-size: 12px;
	height: 32px;
	margin: 5px;
}

.x-button-normal-right .ui-button-text {
	padding: 5px !important;
	margin: 0px 8px;
	white-space: nowrap;
}

.x-button-cancel {
	color: #FFFFFF !important;

	background: linear-gradient(-63deg,rgba(142,190,250,1),rgba(168,191,252,1));
}

.x-button-small {
	min-width: 50px;
	border-radius: 5px !important;
	font-size: 12px;
}

.x-button-small .ui-button-text {
	padding: 3px !important;
}

.x-color-blue {
	color: #0091ea;
}

.x-color-dark {
	color: #000 !important;
}

.x-color-darkBlue {
	color: #1E6F9F;
}

.x-color-darkSlateGray {
	color: #546E7A;
}

.x-color-green {
	color: #24D27C;
}

.x-color-grey {
	color: #999999;
}

.x-color-highlight {
	color: #FF9900;
}

.x-color-orange {
	color: #FE7C50;
}

.x-color-pink {
	color: #FE7CD2;
}

.x-color-red {
	color: #ee3333;
}

.x-color-silver {
	color: #C9C9C9;
}

.x-color-steelBlue {
	color: #228AD9;
}

.x-color-white {
	color: #FFFFFF;
}

.x-color-whiteSmoke {
	color: #F8F8F8;
}

.x-color-darkSmoke {
	color: #999;
}

.x-cricleIcon {
	width: 90px;
	height: 90px;
	vertical-align: middle;
	border-radius: 90px;
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid rgba(34, 138, 217, 0.6);
	background-color: rgba(34, 138, 217, 0.1);
}

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

.x-cricleIcon-appointment{
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/appointment.png?ln=XImage");
}

.x-cricleIcon-audio {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/audio.png?ln=XImage");
}

.x-cricleIcon-careteam {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/careteam.png?ln=XImage");
}

.x-cricleIcon-consultation {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/consultation.png?ln=XImage");
}

.x-cricleIcon-followupSurvey {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/followupsurvey.png?ln=XImage");
}

.x-cricleIcon-narrative {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/narrative.png?ln=XImage");
}

.x-cricleIcon-prescription {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/prescription.png?ln=XImage");
}

.x-cricleIcon-video {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/video.png?ln=XImage");
}

.x-cricleIcon-office {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/office.png?ln=XImage");
}

.x-cricleIcon-procedure {
	background-image: url("/leshan/faces/javax.faces.resource/XProcedure/procedure.svg?ln=XImage");
}

.x-cricleIcon-emergency {
    background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/emergency.png?ln=XImage");
}

.x-cricleIcon-order-only {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/order-only.png?ln=XImage");
}

.x-cricleIcon-hospital {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/hospital.png?ln=XImage");
}

.x-cricleIcon-patient-connection {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/patient-connection.png?ln=XImage");
}

.x-cricleIcon-physicalExam {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/physicalExam.png?ln=XImage");
}

.x-cricleIcon-service-package-only {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/service-package-only.png?ln=XImage");
}

.x-cricleIcon-inter-organization-order-only {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/inter-organization-order-only.png?ln=XImage");
}

.x-component-simpleConfirmDialog {
	min-width: 300px ;
}

.x-component-simpleConfirmDialog-button.ui-state-focus {
	background-color:#0288d1 ;
	box-shadow:none !important;
}

.x-component-simpleConfirmDialog-button.ui-state-focus.ui-state-hover{
	background-color: #29a1ec;
}

.x-contentCol{
	padding: 4px 10px;
}

.x-contentCol .ui-inputfield{
	width: 100%;
	max-width: 250px;
	margin-right: 12px;
}

.x-contentCol .ui-selectonemenu{
	width: 100%;
	max-width: 214px;
	margin-right: 12px;
}

.x-disabled {
	disabled: disabled;
}

.x-display-block {
	display: block;
}

.x-display-fullBlock {
	display: block;
	width: 100%;
}

.x-display-hidden {
	display: none !important;
}

.x-display-inline {
	display: inline;
}

.x-display-inlineBlock {
	display: inline-block !important;
}

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

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

.x-ellipsis-7Line {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}


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

.x-emptyImg {
	height: 200px;
	width: 200px;
	opacity: 0.15;
	margin: 50px 0px 10px 0px;
}

.x-emptyText {
	display: block;
	color: #999999;
	font-size: 16px;
	font-family: Microsoft YaHei !important;
}

.x-emptyTipPanel {
	margin: 20px auto;
	text-align: center;
}

.x-errorCode {
	font-size: 72px;
}

.x-expandPanel {
	
}

.x-explandLink.ui-link {
	cursor: pointer;
	text-indent: 0em;
	display: inline-block;
}

.x-editTable .pe-timepicker-input {
	width: auto !important;
}

.x-editTable tr td {
	padding: 2px 0px !important;
}

.x-editTablelabelCol {
	text-align: left !important;
}

.x-editTablelabelCol .ui-outputlabel{
	white-space: nowrap;
	width: auto;
	margin-right: 24px;
}

.x-favoriteBtn, .x-favoriteBtn.ui-state-focus, .x-favoriteBtn.ui-state-hover
	{
	background-image:
		url("/leshan/faces/javax.faces.resource/images/star.svg?ln=primefaces-modena");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	background-color: transparent;
}

.x-favoriteBtn .ui-button-text {
	padding-left: 30px !important;
	color: #546e7a;
}

.x-favoriteBtn.x-active {
	background-image:
		url("/leshan/faces/javax.faces.resource/images/star-on.svg?ln=primefaces-modena");
}

.x-fileAdd .ui-button {
	background-image:
		url("/leshan/faces/javax.faces.resource/images/add-white.svg?ln=modena-layout") !important;
	height: 50px;
	width: 50px;
	background-color: transparent;
	background-size: 50px 50px;
	border-radius: 50% !important;
	background-position: center !important;
	background-repeat: no-repeat;
}

.x-fileAdd .ui-button:hover {
	border: none !important;
}

.x-fileAdd .ui-fileupload-buttonbar, .x-fileEdit .ui-fileupload-buttonbar {
	display: inline-block;
	padding: 0px !important;
}

.x-fileAdd .ui-state-disabled, .x-fileAdd .ui-icon, .x-fileAdd .ui-button-text,
	.x-fileEdit .ui-state-disabled, .x-fileEdit .ui-icon, .x-fileEdit .ui-button-text,
	.x-fileEdit .ui-fileupload-content, .x-fileEdit .ui-fileupload-cancel,
	.x-fileEdit .ui-fileupload-upload {
	display: none !important;
}

.x-fileAdd.ui-state-hover, .x-fileAdd.ui-state-focus {
	background-color: transparent;
}

.x-fileDelete {
	height: 50px;
	width: 50px;
	background-image: url("/leshan/faces/javax.faces.resource/images/trash.svg?ln=modena-layout")
		!important;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border-radius: 50% !important;
}
.x-fileEdit {
	display: inline-block;
	height: 50px;
	width: 50px;
}

.x-fileEdit .ui-button {
	background-position: center !important;
	height: 50px;
	width: 50px;
	background-image: url("/leshan/faces/javax.faces.resource/images/pencil.svg?ln=modena-layout")
		!important;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	border-radius: 50% !important;
	vertical-align: baseline !important;
	padding: 0px !important;
}

.x-float-left {
	float: left;
}

.x-float-right {
	float: right;
}

.x-font-header1 {
	font-size: 28px;
	line-height: 42px;
}

.x-font-header2 {
	font-size: 24px;
	line-height: 38px;
}

.x-font-header3 {
	font-size: 20px;
	line-height: 34px;
}

.x-font-header4 {
	font-size: 18px;
	line-height: 32px;
}

.x-font-header5 {
	font-size: 16px;
	line-height: 30px;
}

.x-font-large {
	font-size: 18px;
}

.x-font-normal {
	font-size: 14px;
}

.x-font-small {
	font-size: 12px;
}

.x-font-strong {
	font-weight: 600 !important;
}

.x-font-strongALarge {
	font-weight: 600;
	font-size: large;
}

.x-font-thin {
	font-weight: normal;
}

.x-fontFamily-pingFang {
	font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold',
		'PingFang SC';
}

.x-fontFamily-yaHei {
	font-family: Microsoft YaHei !important;
}

.x-footer {
	text-align: center;
}

.x-focus-white .ui-state-focus.ui-paginator-first {
	background-color:white !important;
}

.x-focus-white .ui-state-focus.ui-paginator-prev {
	background-color:white !important;
}

.x-focus-white .ui-state-focus.ui-paginator-next{
	background-color:white !important;
}

.x-focus-white .ui-state-focus.ui-paginator-last {
	background-color:white !important;
}

.x-general-confirmDialog {
	min-width: 300px ;
}

.x-header-left {
	margin: 0px 30px;
}

.x-header-left a {
	margin: 0px 10px;
	display: inline-block;
}

.x-header-right {
	float: right;
}

.x-header, .x-footer {
	background-color: #eee;
	border: none;
	flex: 0 0 auto;
}

.x-headerButton {
	margin: 0px 10px;
}

.x-headerButton .ui-button-text {
	padding: 10px 10px 10px 8px !important;
}

.x-icon-audio {
	/* background-image: url("/leshan/faces/javax.faces.resource/images/audio-blue.svg?ln=primefaces-modena"); */
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/audio.png?ln=XImage");
	background-repeat: no-repeat;
	background-color: transparent;
}

.x-icon-audio.ui-state-disabled {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/audio-grey.png?ln=XImage")
		!important;
}

.  {
	/* background-image: url("/leshan/faces/javax.faces.resource/images/careteam-blue.svg?ln=primefaces-modena"); */
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/careteam.png?ln=XImage");
	background-repeat: no-repeat;
	background-color: transparent;
}

.x-icon-careteam.ui-state-disabled {
	background-image:
		url("/leshan/faces/javax.faces.resource/XNewIcon/careteam-grey.png?ln=XImage") !important;
}

.x-icon-consultation {
	/* background-image: url("/leshan/faces/javax.faces.resource/images/consultation-blue.svg?ln=primefaces-modena"); */
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/consultation.png?ln=XImage");
	background-repeat: no-repeat;
	background-color: transparent;
}

.x-icon-consultation.ui-state-disabled {
	background-image:
		url("") !important;
}

.x-icon-narrative {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/narrative.png?ln=XImage");
	background-repeat: no-repeat;
	background-color: transparent;
}

.x-icon-narrative.ui-state-disabled {
	background-image:
		url("/leshan/faces/javax.faces.resource/XNewIcon/narrative-grey.png?ln=XImage") !important;
}

.x-icon-video {
	/* background-image: url("/leshan/faces/javax.faces.resource/images/video-blue.svg?ln=primefaces-modena"); */
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/video.png?ln=XImage");
	background-repeat: no-repeat;
	background-color: transparent;
}

.x-icon-video.ui-state-disabled {
	background-image: url("/leshan/faces/javax.faces.resource/XNewIcon/video-grey.png?ln=XImage")
		!important;
}

.x-icon-printer {
	height: 35px;
	width: 35px;
	display: inline-block;
	margin-right: 5px;
	background-size: cover;
	background-image:
		url("/leshan/faces/javax.faces.resource/images/x-printer.svg?ln=primefaces-modena");
}

.x-icon-pdf {
	height: 30px;
	width: 30px;
	display: inline-block;
	margin-right: 5px;
	background-size: cover;
	background-image:
		url("/leshan/faces/javax.faces.resource/images/x-pdf.svg?ln=primefaces-modena");
}

.x-icon-excel {
	height: 35px;
	width: 32px;
	display: inline-block;
	margin-right: 5px;
	background-size: cover;
	background-image:
		url("/leshan/faces/javax.faces.resource/images/x-excel.svg?ln=primefaces-modena");
}

.x-icon-arraw-left {
	height: 35px;
	width: 35px;
	display: inline-block;
	background-size: cover;
	background-image:
		url("/leshan/faces/javax.faces.resource/images/left-arrow-blue.svg?ln=primefaces-modena");
}

.x-icon-arraw-left:hover {
	background-image:
		url("/leshan/faces/javax.faces.resource/images/leftarrow-navy.svg?ln=primefaces-modena");
}

.x-icon-arraw-right {
	height: 35px;
	width: 35px;
	display: inline-block;
	background-size: cover;
	background-image:
		url("/leshan/faces/javax.faces.resource/images/right-arrow-blue.svg?ln=primefaces-modena");
}

.x-icon-arraw-right:hover {
	background-image:
		url("/leshan/faces/javax.faces.resource/images/rightarrow-navy.svg?ln=primefaces-modena");
}

.x-imageGrid .ui-datagrid-column {
	padding: 0px !important;
}

.x-imageViewer {
	width: 65px;
	height: 65px;
	border-radius: 0px;
	padding: 0px !important;
	margin-right: 15px;
	position: relative;
	display: inline-block;
}
.x-imageViewer-hover{
	border: 1px solid transparent;
}

.x-imageViewer-hover:hover{
	border: 1px solid #0091ea;
	cursor: zoom-in;
}

.x-imageViewer img {
	max-width: 65px;
	max-height: 65px;
}

.x-graphicImage:hover {
	cursor: zoom-in;
}

.x-imageViewer .ui-panel-content {
	height: 65px;
	width: 65px;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle !important;
	display: table-cell;
	padding: 0px !important;
}

.x-infoItem label, .x-infoItem span {
	line-height: 28px;
}

.x-itemTitleColumn {
	background-color: #ccc;
	background-size: 50px 2px;
	background-position: 0px 10px;
	background-repeat: no-repeat;
}

.x-inputGroup .ui-inputgroup-addon{
	line-height: 28px;
	border: none !important;
	white-space: nowrap;
}

.x-labelCol-large {
	width: auto !important;
	min-width: 180px !important;
	text-align: left !important;
	line-height: 40px;
}

.x-labelCol-special {
	width: auto !important;
	min-width: 230px !important;
	text-align: left !important;
	line-height: 40px;
}

.x-labelCol-normal {
	width: 120px !important;
	text-align: left !important;
	line-height: 40px;
}

.x-labelCol-small {
	width: 80px !important;
	text-align: left !important;
	line-height: 40px;
}

.x-labelCol-small .ui-outputlabel{
	white-space: nowrap;
	margin-right: 12px;
}

.x-loadingBlock .ui-shadow {
	box-shadow: none !important;
}

.x-loadingImg {
	
}

.x-loadingText {
	
}

.x-logo {
	display: inline-block;
}

.x-margin-auto {
	margin: 0 auto;
}

.x-margin-left {
	margin: auto 8px;
}

.x-padding-l-0{
	padding-left: 0px !important;
}

.x-margin-t-1 {
    margin-top: 1rem;
}

.x-menuItem-selected {
	background-color: #2D78FE;
}

.x-menuItem-selected .ui-menuitem-text {
	color: white;
}

.x-menuItem-selected1 {
	background-color: #FFFFFF;
}

.x-menuItem-selected1 .ui-menuitem-text {
	color: #3AA0FF;
	border-bottom: solid 2px #3AA0FF !important;
	padding-bottom: 5px;
}

.x-menuItem-selected2 {
	background-color: #3AA0FF;
}

.x-menuItem-selected2 .ui-menuitem-text {
	color: white;
}

.x-menuLinkItem {
	margin: 0px 6px;
	padding: 4px 6px;
	border-radius: 3px;
}

.x-menuLinkItem.active {
	margin: 0px 6px;
	color: #fff !important;
	background-color: #0091EA;
	padding: 4px 6px;
	border-radius: 3px;
}

.x-messagePort {
	height: 26px;
}

.x-messagePort .ui-message.ui-message-error {
	border: none;
	font-size: 12px;
	margin: 0px;
	padding: 3px 0px !important;
}

.x-messagePort .ui-message.ui-message-error .ui-message-error-detail {
	margin: 3px 0px 0px 0px;
	display: inline-block;
}

.x-messageNoIcon .ui-message .ui-message-error-icon{
	display: none;
}

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

.x-nav .ui-menuitem-text {
	margin: 0px 20px !important;
	font-weight: 600;
	font-size: 16px;
}

.x-nav-img {
	width: 90px;
	float: right;
}

a.x-navLink {
	margin: 0px 20px !important;
	font-weight: 600;
	font-size: 16px;
	color:#546e7a !important;
}

a.x-navLink.x-navLink-clicked {

	color: #03A9F4 !important;
}

.x-navPersonalFavorite {
	position: relative;
	margin-right: 100px;
}

.x-navPersonalFavorite:before {
	width: 13px;
	height: 13px;
	content: '';
	background: url("/leshan/faces/javax.faces.resource/XFramework/star.svg?ln=XImage");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

.x-navDownloadApp {
	position: relative;
	margin-right: 100px;
	margin-top: 5px;
}

.x-navPersonalCenter {
	position: relative;
	margin-right: 100px;
}

.x-navPersonalCenter:before {
	width: 18px;
	height: 18px;
	content: '';
	background: url("/leshan/faces/javax.faces.resource/XFramework/personal-center.svg?ln=XImage");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

.x-navUserName {
	position: absolute;
	padding: 0px 3px;
	color: #948c8c;
	font-size: 12px !important;
	white-space: nowrap;
}

.x-noSerivceItemTip {
	color: #ddd;
	display: block;
	font-weight: 600;
	position: relative;
	text-align: center;
	line-height: 50px;
}

.x-noSerivceItemTip:before, .x-noSerivceItemTip:after {
	content: '';
	position: absolute;
	top: 50%;
	background: #ddd;
	width: 9%;
	height: 2px;
}

.x-noSerivceItemTip:before {
    left: 20%;
}

.x-noSerivceItemTip:after {
    right: 20%;
}

.x-options {
	float: right;
	width: auto;
	display: inline-block;
	border: none;
}

.x-options-header {
	width: auto;
	display: inline-block;
	border: none;
	line-height: 44px;
	margin: 0px;
}

.x-overlay {
	position: fixed;
	top: 48px;
	right: 0;
	left: 0;
	bottom: 48px;
}

.x-lightbox {
	position: absolute;
	margin: auto;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -90%);
}

.x-padding-none, .x-padding-none .ui-panel-content {
	padding: 0px !important;
}

.x-page {
	flex: 1 0 auto;
	border: none;
	background-color: transparent;
}

.x-pagination {
	text-align: center;
	border: none;
	background-color: transparent !important;
	margin: 32px 0px;
}

.x-pagination .x-currentPage,.x-pagination .ui-commandlink.x-currentPage:hover{
	background-color: #fff !important;
	border-color: #fff !important;
	color: #546e7a !important;
	cursor: text !important;
}

.x-pagination .x-currentPage.ui-state-disabled{
	opacity: 1 !important;
}

.x-pagination .ui-commandlink:hover {
	background-color: #0091ea;
	color: #fff !important;
	border-color: #0091ea !important;
}

.x-pagination .x-button-small {
	padding: 3px !important;
}

.x-pagination .ui-inputtext {
	width: 30px;
	text-align: center;
	padding: 3px !important;
	margin: 0px 10px;
}

.x-pagination .ui-commandlink {
	padding: 3px 5px;
	margin: 0px 5px;
	border: 1px solid #e0e0e0;
	border-radius: 5px !important;
	outline: none;
}

.x-panel {
	box-shadow: 0px 0px 10px 2px #e1e5e6;
	margin: 10px 20px 30px 10px !important;
}

.x-panel .ui-panel-titlebar .ui-icon-minusthick, .ui-accordion-header .ui-icon-triangle-1-s
	{
	background-image:
		url("/leshan/faces/javax.faces.resource/images/expand.svg?ln=primefaces-modena") !important;
}

.x-panel .ui-panel-titlebar .ui-icon-plusthick, .ui-accordion-header .ui-icon-triangle-1-e
	{
	background-image:
		url("/leshan/faces/javax.faces.resource/images/collapse.svg?ln=primefaces-modena") !important;
}

.x-panel .ui-panel-titlebar-icon .ui-icon {
	width: 20px;
	height: 20px;
	margin: 10px 0px;
}

.x-panel .ui-panel-title {
	color: #546e7a;
	font-size: 16px;
	font-weight: 600;
}

.x-panel .ui-panel-titlebar {
	background-color: #fff;
	line-height: 40px;
	border-bottom: 1px solid #eee;
}

.x-panelTable label {
	padding: 10px 5px 0px 20px;
	border: none;
	white-space: nowrap;
	color: #666666;
	font-weight: 650 !important;
	font-size: 16px;
	display: block;
	text-align: right;
}

.x-panel-shadowNone {
	box-shadow: none;
}

.x-panelTable td:nth-child(2) {
	padding: 10px 20px 0px 10px;
	vertical-align: top !important;
	line-height: 30px;
}

.x-imageViewer .x-removeBtn {
	background-position: center !important;
	height: 15px !important;
	width: 15px !important;
	background-image: url("/leshan/faces/javax.faces.resource/images/remove.svg?ln=primefaces-modena") !important;
	background-size: cover;
	position: absolute !important;
	background-color: transparent;
	background-repeat: no-repeat;
	right: 0px;
	top: 0px;
}

.x-search .x-searchInput {
	background: url("/leshan/faces/javax.faces.resource/XFramework/search.png?ln=XImage");
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 5px 8px;
	background-origin: padding-box;
	padding-left: 35px !important;
}

.x-search-rightIcon {
	vertical-align: bottom;
}

.x-section {
	border: none;
	padding: 0px !important;
	margin: 20px 0px 10px 0px; 
}

.x-section label {
	padding: 10px 5px 0px 20px;
	border: none;
	white-space: nowrap;
	color: #666666;
	display: block;
	text-align: right;
}

.x-section .ui-selectoneradio label {
	padding: 0px;
	display: inline;
}

.x-sectionContent {
	padding: 5px !important;
	border: none;
}

.x-sectionContent .ui-panelgrid-cell {
	padding: 0px !important;
}

.x-sectionContent .ui-selectonemenu-label{
	font-weight: 100 !important;
}

.x-sectionFooter {
	border: none;
	text-align: right;
	padding: 20px 0px !important;
}

.x-sectionHeader {
	position: relative;
	line-height: 55px;
	font-size: 22px;
	background-image: none;
	background-size: 35px 40px;
	background-position: 0px 10px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 0px;
	font-weight: 700;
	color: #546E7A;
	margin-bottom: 10px;
}
.x-sectionHeader::before {
	content: '';
	background: var(--bg-color-primary);
	height: 15px;
	width: 3px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.x-sectionPanel {
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #ccc;
	border-top: 1px solid #ccc;
	padding-bottom: 10px !important;
}

.x-sectionPanel table {
	width: 100%;
}

.x-sectionSelectOneMenu{
	
}

.x-sectionSelectOneMenu .ui-selectonemenu-label{
	
}

.x-sectionSublabel {
	font-size: 12px !important;
	padding: 0px 5px 0px 0px !important;
}

.x-sectionTable td:nth-child(1), .x-panelTable td:nth-child(1) {
	width: 20px;
	vertical-align: top !important;
}

.x-securityIcon {
	width: 60px;
}

.x-securityIcon img {
	width: 25px;
	height: 25px;
	margin-left: 60px;
}

.x-securityLabel {
	width: 100px;
}

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

.x-securityItem {
	height: 120px;
	border-bottom: 1px solid #eee;
}

.x-securityItem>.ui-panel-content {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 0px !important;
}

.x-securityItem:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.x-securitySpacer {
	background: #ccc;
}

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

.x-visitSortBtn{
	
}

.x-smallAvatar{
	margin: 0px !important;
	height: 24px;
	width: 24px;
}

.x-squareIcon {
	width: 90px;
	height: 90px;
	vertical-align: middle;
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	margin: 0 auto;
	background-color: rgba(34, 138, 217, 0.1);
}

.x-successTip {
	margin: 20px 10px 5px 10px;
}

.x-switcher {
	margin: 0px 70px;
	height: 100%;
}

.x-switcherBtn {
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	background-color: #fff;
	border-radius: 50%;
}

.x-switcherDlg{

}


.x-switcherDlg .ui-dialog-titlebar {
	
}

.x-switcherDlg .ui-dialog-content {
	padding-top: 0px !important;
}

.x-switcherDlg .x-icon-arraw-left {
	
}

.x-switcherDlg .x-icon-arraw-right {
	right: 20px;
}

.x-switcherImgPort {
	width: 100% !important;
	height: 100% !important;
	position: relative;
	background-color: transparent !important;
}

.x-switcherImgPort:only-child{
	transform: translateX(0%) !important;
}

.x-switcherImgPort img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.x-switcherImgPort span.x-display-block {
	position: absolute;
	bottom: 0px;
	margin-bottom: -20px;
	width: 100%;
	text-align: center;
}

.x-switcherPosition{
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	left: 50% !important;
	transform: translateX(-50%);
	overflow: auto;
}

.x-imageCtrl{
	position: absolute;
	bottom: 26px;
	width: 100%;
}

.x-imageCtrl .ui-button{
	margin: 0px 10px;
}

.x-unset-verticalCenter .ui-panelgrid-cell {
	vertical-align: unset;
}

.x-upload .ui-fileupload-buttonbar {
	padding: 0px !important;
}

.x-upload.x-upload-imageList div.ui-fileupload-buttonbar{
	float: left;
	margin: 15px 15px;
	padding: 0px !important;
}

.x-upload .ui-fileupload-buttonbar .ui-button {
	background-image:
		url("/leshan/faces/javax.faces.resource/images/camera.svg?ln=primefaces-modena");
	width: 50px;
	height: 50px;
	display: block;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 50%;
	border: 1px dashed #cdcdcd;
	border-radius: 3px !important;
	background-color: white;
}



.x-upload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:hover {
	background-image:
		url("/leshan/faces/javax.faces.resource/images/camera.svg?ln=primefaces-modena");
	border: 1px dashed #cdcdcd;
}

.x-upload .ui-fileupload-buttonbar .ui-icon, .x-upload .ui-button-text {
	display: none !important;
}

.x-upload .ui-fileupload-content {
	display: none !important;
}

.x-uploadBtnTip {
	margin: 0px;
	line-height: 28px;
	display: block;
}

.x-verticalAlign-top {
	vertical-align: top;
}

.x-wrap-no {
	white-space: nowrap;
}

.x-width-full {
	width: 100% !important;
}

.x-word-break {
	word-break:break-all;
}

.ui-fileupload-buttonbar {
	display: inline-block;
}

.x-message-card label {
	width: 50px;
	text-align: right;
}

.x-emptyMessage {
	display: block;
	border: none;
	background-image:
		url(../images/empty.png?ln=modena-layout);
	background-repeat: no-repeat;
	background-size: 300px;
	background-position: center;
	text-align: center;
	padding-top: 170px !important;
}

.x-tableColumnText {
	 position: absolute;
	 margin-top: 10px;
 }

.x-tableColumnText div {
	margin-top: 0;
	margin-bottom: 0;
}

.x-unReadMsgLabel {
	margin-right: 45px;
	color: #948c8c;
}

.x-unReadMsgCount {
	font-size: 12px;
	color: #fff;
	background: #f54743;
	border-radius: 7px;
	padding: 2px 4px;
	position: absolute;
	line-height: 1;
	top: -6px;
	z-index: 9;
	margin-left: -3px;
	margin-top: 5px;
	white-space: nowrap;
}

.x-unReadMsgLabel.x-ProviderNavLabel {
	color: white;
	margin-left: 40px;
}

.x-unReadMsgCount.x-ProviderNavLabel {
	margin-top: 15px;
	text-align: center;
}

.x-columnMargin-left {
	margin-left:5px;
}
.x-columnMargin-lefts {
	margin-left:35px;
}

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

.x-ten-percent {
	width: 10%;
}

.x-ninety-percent {
	width: 90%;
}

.x-center-alignment {
	vertical-align: middle;
}


.x-EP-expried-image1 {
	background-image: url(/leshan/faces/javax.faces.resource/XWeChat/Prescription/expired3.png?ln=XImage);
	background-position: top left;
	background-repeat: no-repeat;
}

.x-EP-expried-image2 {
	background-image: url(/leshan/faces/javax.faces.resource/XWeChat/Prescription/expired2.png?ln=XImage);
	background-position: top right;
	background-repeat: no-repeat;
}

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

.firstsubdep-index {

}

.alldepsub {

}

.wrapallsubdep {

}

.subdepcli {

}

.depclickel {

}

.editimg {

}

.sendimg {

}

.multiplecss {

}

.z-index-999 {
	z-index: 999 !important;
}

 .ui-tabmenu .ui-tabmenu-nav .ui-state-hover, .ui-tabmenu .ui-tabmenu-nav .ui-state-active {
	 border-bottom: solid 5px white !important;
	 color: #0288d1;
 }

.x-fileupload .ui-fileupload-buttonbar {
	padding: 0px !important;
}

.x-fileupload.x-upload-imageList div.ui-fileupload-buttonbar{
	float: left;
	margin: 15px 15px;
	padding: 0px !important;
}

.x-fileupload .ui-fileupload-buttonbar .ui-button {
	background-image:
			url("/leshan/faces/javax.faces.resource/images/folder-open.svg?ln=primefaces-modena");
	width: 50px;
	height: 50px;
	display: block;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 90%;
	border: 1px dashed #cdcdcd;
	border-radius: 3px !important;
	background-color: white;
}



.x-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:hover {
	background-image:
			url("/leshan/faces/javax.faces.resource/images/camera.svg?ln=primefaces-modena");
	border: 1px dashed #cdcdcd;
}

.x-fileupload .ui-fileupload-buttonbar .ui-icon, .x-upload .ui-button-text {
	display: none !important;
}

.x-fileupload .ui-fileupload-content {
	display: none !important;
}

.x-fileuploadBtnTip {
	margin: 0px;
	line-height: 28px;
	display: block;
}

/*menu update*/
.organziations{
	/*http://localhost:8080/XHealthView/resources/modena-layout/images/organziations.png*/
	background-image: url(../../resources/modena-layout/images/organziations.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.hospital-pharmacy{
	background-image: url(../../resources/modena-layout/images/out-of-hospital-pharmacy.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.user-manage{
	background-image: url(../../resources/modena-layout/images/user-manage.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.system{
	background-image: url(../../resources/modena-layout/images/system.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.data-base{
	background-image: url(../../resources/modena-layout/images/data-base.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.ic_sel_popularizes{
	background-image: url(../../resources/modena-layout/images/ic_sel_popularizes.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.user-feed-back{
	background-image: url(../../resources/modena-layout/images/user-feed-back.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.service-manage{
	background-image: url(../../resources/modena-layout/images/service-manage.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.tele-diagnosis{
	background-image: url(../../resources/modena-layout/images/tele-diagnosis.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.id{
	background-image: url(../../resources/modena-layout/images/id.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.coupon{
	background-image: url(../../resources/modena-layout/images/coupon.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.task{
	background-image: url(../../resources/modena-layout/images/task.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.statistic{
	background-image: url(../../resources/modena-layout/images/business-statistic.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.financia-management{
	background-image: url(../../resources/modena-layout/images/financia-management.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.user-data-analysis{
	background-image: url(../../resources/modena-layout/images/user-data-analysis.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.user-manage{
	background-image: url(../../resources/modena-layout/images/user-manage.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.operation-promotion-statistics{
	background-image: url(../../resources/modena-layout/images/operation-promotion-statistics.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.icon-device{
	background-image: url(../../resources/modena-layout/images/icon-device.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.wechat-messageReply{
	background-image: url(../../resources/modena-layout/images/wechat-messageReply.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.wechat-menu{
	background-image: url(../../resources/modena-layout/images/wechat-menu.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.icon-nutrition-library{
	background-image: url(../../resources/modena-layout/images/nutrition-library.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.icon-physicalActivity-library{
	background-image: url(../../resources/modena-layout/images/physicalActivity-library.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.icon-service-package-management{
	background-image: url(../../resources/modena-layout/images/service-package-management.png) !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: 100%;
	padding-right: 8px;padding-left:5px;position: relative;top: 7px;
}
.x-button-back.x-icon-info {
	background-image: url("/leshan/faces/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-modena");
	background-position: -16px -144px;
}

.x-button-large .x-icon-info + .ui-button-text{
	padding: 0px !important;
}

.x-menuPickList.x-button-disabled .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-picklist-button-add,
.x-menuPickList.x-button-disabled .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-picklist-button-add-all,
.x-menuPickList.x-button-disabled .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-picklist-button-remove,
.x-menuPickList.x-button-disabled .ui-picklist-buttons .ui-picklist-buttons-cell .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-picklist-button-remove-all {
	pointer-events: none; /* 使按钮不可点击 */
	cursor: default; /* 将鼠标形状改为默认样式 */
	color: grey; /* 文字颜色设置为灰色 */
	background-color: grey; /* 背景色设置为白色，去除hover或focus的效果 */
	border-color: grey; /* 边框颜色设置为灰色 */
	opacity: 0.5; /* 设置透明度为0.5，增加灰化效果 */
}


.fixed-width-radio .ui-selectoneradio {
	display: flex;          /* Flex 布局 */
	flex-wrap: wrap;        /* 允许换行 */
	gap: 100px;             /* 选项间距 */
}

.fixed-width-radio .ui-radiobutton {
	width: 20px;          /* 固定宽度 */
	display: inline-block; /* 行内块布局 */
}


.fixed-width-radio .ui-radiobutton label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
}