/** 
 * 描    述：定义公共类名及jquery插件样式
 * 作用范围: 公共，独立样式
 */

/* 字体样式 */
.text-center{text-align: center}
.text-small{font-size:12px;}
.text-main{color:#0ED3B7}
.text-sub{color:#0ae}
.text-mix{color:#aed}
.text-green{color:#4bbd00;}
.text-gray{color:#BBB;}
.text-dot{color:#e33}
.text-yellow{color:#F60;}
.text-purple{color:#8B008B;}
.text-white{color:#FFF !important;}
.mui-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mui-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 背景 */
.bg-white{background: #fff;}

/* 自定义标注 */
[class*="me-tips-"]{position: relative;}
[class*="me-tips-"]::before{content: ""; width:8px;height: 8px;;display: inline-block;border-radius: 50%; margin-right:5px;vertical-align: middle;display: inline-block;}
.me-tips-main::before{background: #0ED3B7;}
.me-tips-dot::before{background: #e33;}
.me-tips-green::before{background:#4bbd00;}
.me-tips-gray::before{background:#BBB;}
.me-tips-yellow::before{background:#F60;}
.me-tips-purple::before{background:#8B008B;}


/* a标签、按钮、input等基础样式重写 */
.hide{display: none !important;}
.inline-b{display:inline-block;zoom:1;}
a.me-btn{border-bottom-color:#CCC;}
.me-btn{height:27px;line-height:27px;padding:0px 10px;font-size:14px;color:#404040;background:#FFF;border:1px solid #CCC;border-radius:3px;cursor:pointer;display:inline-block;}
.me-btn:hover{background:#F1F1F1;}
.me-btn:hover{background:#F1F1F1;}
.me-btn.bg-yellow{background: #F60;color:#FFF;border-color:#F71;}
.me-btn.bg-yellow:hover{background: #F71;}
.me-btn.bg-green{background: #4bbd00;color:#FFF;border-color:#4cdb00;}
.me-btn.bg-green:hover{background: #4cdb00;}
input[type=checkbox]{vertical-align: middle;}
input:checked +span{color:#007aff;}
input:disabled{background: #Fdd}
input:disabled +span{color:#999;}
input[readonly]{background: #Fdd}


/* 间距 */
.padding-small{padding:5px;}.padding{padding:10px;}.padding-mid{padding:15px;}.padding-big{padding:20px;}
.padding-small-top{padding-top:5px;}.padding-top{padding-top:10px;}.padding-big-top{padding-top:20px;}
.padding-small-right{padding-right:5px;}.padding-right{padding-right:10px;}.padding-big-right{padding-right:20px;}
.padding-small-bottom{padding-bottom:5px;}.padding-bottom{padding-bottom:10px;}.padding-big-bottom{padding-bottom:20px;}
.padding-small-left{padding-left:5px;}.padding-left{padding-left:10px;}.padding-big-left{padding-left:20px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-bottom-60{padding-bottom:60px;}
.margin-small{margin:5px;}.margin{margin:10px;}.margin-mid{margin:15px;}.margin-big{margin:20px;}
.margin-small-top{margin-top:5px;}.margin-top{margin-top:10px;}.margin-mid-top{margin-top:15px;}.margin-big-top{margin-top:20px;}
.margin-small-right{margin-right:5px;}.margin-right{margin-right:10px;}.margin-big-right{margin-right:20px;}
.margin-small-bottom{margin-bottom:5px;}.margin-bottom{margin-bottom:10px;}.margin-big-bottom{margin-bottom:20px;}
.margin-left{margin-left:10px;}.margin-left{margin-left:10px;}.margin-big-left{margin-left:20px;}

/* 最小宽度限制 */
.min-width-150{min-width:150px;}
.min-width-200{min-width:200px;}

/* 最大宽度限制 */
.max-width-200{max-width:200px;}

/* 边框 */
.border{border:1px solid #DDD;}
.border-top{border-top:1px solid #DDD;}.border-top{border-top:1px solid #DDD;}.border-bottom{border-bottom:1px solid #DDD;}.border-left{border-left:1px solid #DDD;}


/* 网格 */
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float:left}
.x1{width:8.33333333%}.x2{width:16.66666667%}.x3{width:25%}.x4{width:33.33333333%}.x5{width:41.66666667%}.x6{width:50%}.x7{width:58.33333333%}.x8{width:66.66666667%}.x9{width:75%}.x10{width:83.33333333%}.x11{width:91.66666667%}.x12{width:100%}

/* 列表 */
.showinfo{margin:10px 0px;border-top: 1px solid #DDD}
.showinfo li{background: #FFF;border-bottom: 1px solid #DDD;padding:5px 0px;line-height: 26px;}
.showinfo li.title{background: #0ED3B7;color:#FFF;text-align:center;line-height: 26px;}
.showinfo li.title2{background: #69b3d3;color:#FFF;text-align:center;line-height: 26px;}
.showinfo li.bg-gray{background:#f6f6f6}
.showinfo li span{width:140px;color:#999;float:left;text-align:right;display:inline-block;}
.showinfo li h4{padding-left:145px;font-size:14px;font-weight:normal;}
.headimg{padding:5px 0px;border-left:1px solid #DDD;height:100px}
.disrt{display:inline-block;padding:2px 5px;line-height: 16px;border:1px solid #DDD;border-radius: 2px;margin-left:5px;color:#0a8;cursor: pointer;background: #F4F4F4}
/* 列表弹窗 */
.showinfo.sel_dep{margin:0px;border-top:0px;max-height:400px;overflow: auto;}
.showinfo.sel_dep span{width:160px;}
.showinfo.sel_dep h4{padding-left:165px;}
.showinfo.sel_dep.organize .fold{height: 30px; line-height: 30px; width: 50px; padding-left: 12px;}
/* 列表-图片 */
.showinfo img{height:80px; border:1px solid #ddd; border-radius: 2px; margin-right: 8px;}
/* 列表-表格重写 */
.showinfo li.data-table{margin:0;padding:0;border-bottom:0;}
.showinfo li.data-table th,.showinfo li.data-table td{border:1px solid #ddd;font-size:12px;padding:6px 2px;}
.showinfo li.data-table th{border:1px solid #ddd;border-top:0;background:#D9FFEF;text-align: center;font-weight: normal;color:#686868;}
.showinfo li.data-table td{border:1px solid #ddd;}
.showinfo li.data-table img{height:60px; vertical-align: middle}
.showinfo li.data-table tbody tr:nth-child(even){background-color: #fff;}
/* 列表-图片预览 */
#xw_img_preview_box img{cursor: pointer;}

/* 自定义列表标题 */
.me-list-title{display: inline-block;border-left: 4px solid #64dd32;padding-left:5px;margin:5px;font-size:16px}

/* 面板及面板组 */
.panel{position:relative;border:1px solid #DDD;}
.panel-heading{padding:5px;background:#BBECB3;border-bottom:1px solid #DDD;position: absolute;top:0;left:0;right:0;}
.panel-body{padding-top:32px;background:#FFF;}
.panel-group{border-bottom:1px solid #DDD;border-left:1px solid #DDD;background:#FFF;}
.panel-group .panel{border-bottom:0px;border-left:0px;}

/* 搜索框 */
.search-form .me-select{height:29px;line-height: 29px;margin-right:5px;vertical-align: middle;border-color: #ebebeb;}
.search-form .me-btn{vertical-align: middle;}
.me-search-input{height:27px;line-height:27px;margin-right:5px;border:1px solid #CCC;border-radius:3px;padding-left: 5px;vertical-align: middle;}
.search-form .select2-container{vertical-align: top;margin-right: 5px;}
.search-form .select2-container .select2-selection--single{height:29px;}

/* 菜单图标按钮 */
.btn .me-icon{margin-right:5px;margin-left:-2px;}
.btn .me-icon.si{bottom:-1px;}

/* 重定义导航栏 */
.sidebar .subnav h3{margin-right:8px;}
.subnav .nav-icon{margin-right:7px;}
.subnav .nav-arrow.icon{float:right;margin-top:15px;margin-right:0px;background-position: -72px -25px;}
.subnav .nav-arrow.icon.icon-fold{background-position: -48px -25px;}
.subnav .side-sub-menu{position:relative;}
/* .subnav .side-sub-menu:before{content: "";display: block;position: absolute;z-index: 1;left: 16px;top: 0;bottom: 0;border: 1px solid #ddd;border-width: 0 0 0 1px;} */
/* .subnav .side-sub-menu li:before{content: "";display: block;position: absolute;z-index: 2;left: 14px;top: 50%;margin-top:-3px;bottom: 0;width:3px;height:3px;background:#DDD;border: 1px solid #ddd;border-radius: 2px;} */
/* .subnav .side-sub-menu li.current:before{background:#48DEC2;border-color:#58EED2;} */
.subnav .side-sub-menu li.current a,.subnav .side-sub-menu li.current a:hover{color:#1DAF94;}

/* 科室选择框样式重设 */
.showinfo.sel_dep .checkbox,.showinfo.sel_dep .radio{margin-left:0px; margin-right: 10px;}

/*自定义报表表单*/
.form_design_cont table th,.form_design_cont table td{border:1px solid #DDD;padding:5px;vertical-align:middle;}
.form_design_cont input,.form_design_cont textarea {padding: 4px;border: 1px solid #eeeeee;background-color: #fff;transition: all .3s linear;}
.form_design_cont input:disabled,.form_design_cont textarea:disabled{background: #Fdd}
.form_design_cont input[type=text] {width: 220px;height: 20px;vertical-align: middle;}
.form_design_cont input[type=radio],.form_design_cont input[type=checkbox]{margin:0px 5px;}

/*mui式分页，用于使用ajax分页时*/
.mui-pagination{display: inline-block;margin: 0 auto;padding-left: 0;border-radius: 6px;}
.mui-pagination > li{display: inline;}
.mui-pagination > li > a{cursor: pointer}
.mui-pagination > li > a,.mui-pagination > li > span{line-height: 1.428571429;position: relative;float: left;margin-left: -1px;padding: 6px 12px;text-decoration: none;color: #007aff;border: 1px solid #ddd;background-color: #fff;}
.mui-pagination > li:first-child > a,.mui-pagination > li:first-child > span{margin-left: 0;border-top-left-radius: 6px;border-bottom-left-radius: 6px;background-clip: padding-box;}
.mui-pagination > li:last-child > a,.mui-pagination > li:last-child > span{border-top-right-radius: 6px;border-bottom-right-radius: 6px;background-clip: padding-box;}
.mui-pagination > li:active > a, .mui-pagination > li:active > a:active,.mui-pagination > li:active > span,.mui-pagination > li:active > span:active,.mui-pagination > li.mui-active > a,.mui-pagination > li.mui-active > a:active,.mui-pagination > li.mui-active > span,.mui-pagination > li.mui-active > span:active{z-index: 2;cursor: default;color: #fff;border-color: #007aff;background-color: #007aff;}
.mui-pagination > li.mui-disabled > span,.mui-pagination > li.mui-disabled > span:active,.mui-pagination > li.mui-disabled > a,.mui-pagination > li.mui-disabled > a:active{opacity: .6;color: #777;border: 1px solid #ddd;background-color: #fff;}
.mui-pagination-lg > li > a,.mui-pagination-lg > li > span{font-size: 18px;padding: 10px 16px;}
.mui-pagination-sm > li > a,.mui-pagination-sm > li > span{font-size: 12px;padding: 5px 10px;}

/* 自定义角标 */
.me-badge{width:8px;height:8px;display: inline-block;border-radius: 50%;border:1px solid #ddd}

/* 状态时间线 */
.status-timeline{margin-top:10px}
.status-timeline li{float: left;text-align: center; width: 80px; position: relative;padding-top:10px}
.status-timeline li::before{content: '';display: block;border-top:1px solid #ddd;position: absolute;top:0;height:1px;width:100%}
.status-timeline .me-icon{position: absolute; top:-10px; left:31px; background: #fff;z-index: 9;}
.status-timeline .me-icon.si{font-size: 18px;}
.status-timeline .me-icon.alicon{font-size:17px; top:-8px}
.status-timeline li:first-child::before{left:50%}
.status-timeline li:last-child::before{right:50px}
.status-timeline li.active{color:#0a9a60}

/* 自定义表格   */
.me-table { width: 100%; text-align: center; }
.me-table tr { background-color: #fff; }
.me-table th { background: #D9FFEF; font-weight: normal; padding: 5px; border: 1px solid #DDD; font-size: 13px; }
.me-table td { border: 1px solid #DDD; padding: 5px; font-size: 13px; }
.me-table .btn-opr { cursor: pointer; }
.me-table .btn-opr:hover { text-decoration: underline; }
.me-table .btn-opr.btn-del { color: #f60; }
.me-table .btn-opr.btn-add { color: #0ae; }
.me-table-count { font-size: 15px; line-height: 30px; vertical-align: bottom; }
.me-table-count .item { vertical-align: bottom; }
.me-table a{cursor: pointer;}

/* 湘卫-自定义 fieldset 样式 */
.xw-fieldset{border: 1px groove #ccc; border-radius: 4px;}
.xw-fieldset legend{font-size: 14px; padding:2px 10px; color:#333}

/* 表单-表单项标题按钮 */
.form-horizontal .form-item .item-label .item-btn{display: inline-block; cursor: pointer; padding: 4px 10px; border: 1px solid #ddd; border-radius: 2px; line-height: 20px; font-weight: normal; color: #833704;}
.form-horizontal .form-item .item-label .item-btn .si{vertical-align: middle;}
.form-horizontal .form-item .item-label .item-btn:hover{background-color: #f5f5f5;}
.form-horizontal .form-item .item-label .item-btn.item-bth-main{background-color: #009688; border:1px solid transparent; color:#fff}
.form-horizontal .form-item .item-label .item-btn.item-bth-main:hover{opacity:.8}

/* 实心小三角 */
.arrow {
	display: inline-block;
	width: 0;
	height: 0;
	line-height: 0;
	vertical-align: middle;
	border: 4px dashed transparent;
}
.arrow-down {
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: 0;
}
.arrow-up {
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-top-width: 0;
}
.arrow-left {
	border-right-style: solid;
	border-right-color: #000;
	border-left-width: 0;
}
.arrow-right {
	border-left-style: solid;
	border-left-color: #000;
	border-right-width: 0;
}

/* 提醒框 */
.alert {
	color: #c09853;
	font-weight: bold;
	border: 1px solid #fbeed5;
	background-color: #fcf8e3;
}
.alert .close {
    float: right;
    position: relative;
    top: -2px;
    right: -21px;
    font: bold 20px/20px arial; 
	color: #c09853;
    opacity: 0.4;
}
.alert .close:hover {
	opacity: 0.6;
}
button.close {
    padding: 0;
    cursor: pointer;
    border: 0 none;
	background: none;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.alert-info {
	background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
.alert-error {
	color: white;
	border-color: #eed3d7;
	background-color: #FF6666;
}
.alert-success {
    color: #468847;
    background-color: #CCFF99;
    border-color: #eed3d7;
}
#top-alert {
    display: block;
    top: 50px;
    left: 220px;
    right: 20px;
    z-index: 3000;
	margin-top: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
    overflow: hidden;
    font-size: 16px;
}
#top-alert .close{
    right:35px;
    position: fixed;
    top:75px;
}
.alert-content{
	margin-left: 14px;
    max-width:600px;
    word-wrap: break-word;
    word-break: break-word;
}

/* = Thinkbox弹出层插件样式
------------------------------------------ */
.thinkbox-content{
    padding: 15px;
    min-width: 100px;
}
.thinkbox-default .thinkbox-tools {
    border:none!important; 
    background-color: #fff!important;
}
.thinkbox-default .thinkbox-top-left {
    border-radius: 0!important;
}
.thinkbox-default .thinkbox-top-right {
    border-radius: 0!important;
}
.thinkbox-default .thinkbox-bottom-left {
    border-radius: 0!important;
}
.thinkbox-default .thinkbox-bottom-right {
    border-radius: 0!important;
}
.thinkbox-default .thinkbox-window-actions button {
    margin-right: 6px!important;
    /* background-image:none!important; */
    /* background-color:#dd0000!important; */
}

/* = uploadify上传插件样式
------------------------------------------ */
.uploadify-button {
	position: relative;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background-color: #27ae60;
}
.uploadify-queue-item {
	position: absolute;
	margin-top: 4px;
	padding: 15px;
	width: 470px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.uploadify-queue-item .cancel {
	float: right;
}
.uploadify-queue-item .cancel a,
.uploadify-queue-item .cancel a:hover {
	font-family: Consolas;
	color: #404040;
	text-decoration: none;
	border-bottom: 0 none;
}
.uploadify-queue-item .fileName {
	color: #2D7200;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

.webuploader-container{height:31px}
.upload-img-box {
	/* margin-top: 4px; */
}
.upload-img-box .upload-pre-item {
	padding: 1px;
	width: 120px;
	max-height: 120px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ccc;
	transition: all .3s linear;
}
.upload-img-box .upload-pre-item img {
	vertical-align: top;
}
.upload-img-box .upload-pre-file {
	padding: 0 10px;
	width: 380px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px dashed #ccc;
	background-color: #fff;
}
/* 上传图片点击弹出层 */
.upload-img-popup {
	position: fixed;
	z-index: 9999;
	padding: 3px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
}
.upload-img-popup .close-pop {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 17px;
	height: 17px;
	background: url(../images/bg_icon.png) no-repeat -25px 0;
}
.upload-img-popup .close-pop:hover {
	text-decoration: none;
	border-bottom: 0 none;
}
.upload-img-popup img {
	display: block;
}
.upload_icon_all {
	width: 15px;
	height: 15px;
	background: url(../images/attachment_1.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

