/*通用*/
body{font-family: "microsoft yahei",'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial'; }
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.ellipsis-2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.6; } 
.line{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.line-dashed{height:1px;margin:9px 0;overflow:hidden; border-bottom:1px dashed #bbb;}
.page-header{ font-weight:100; font-size:30px; margin:15px 0 20px }
.page-loading{position:absolute; width:100px; height:100px;margin-left: auto;margin-right: auto; left:0;right:0;  color:#fff; z-index:1000; border-radius:8px; font-size:16px; text-align:center; padding-top:20px; background:rgba(0,0,0,0.5);  }
.search-form-right{padding-top: 5px; width: 100%; }
.badge-usercount{position: absolute; width:20px; height: 20px;line-height: 20px;text-align: center;background: #ff0000; top:-5px;right:-10px; color:#fff; border-radius: 50%;}
/*常用*/
.text-shadow{text-shadow:1px 1px 3px #000;;}

/*所有动作0.2秒动画完成*/
.animate-all{
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.btn,.btn .caret,.dropdown-toggle .fa-caret-down{ -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;}
.animate-left{
    -o-transition: left 0.2s ease;
    -ms-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    -webkit-transition: left 0.2s ease;
}
.animate-width{
    -o-transition: width 0.2s ease;
    -ms-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -webkit-transition: width 0.2s ease;
}

.animate-opacity{
     -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
}

.margin-0{margin:0 !important;}
.margin-5{margin:5px !important;}
.margin-10{margin:10px !important;}
.margin-15{margin:15px !important;}
.margin-20{margin:20px !important;}
.margin-left-0{margin-left:0px !important;}
.margin-left-5{margin-left:5px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-15{margin-left:15px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-top-0{margin-top:0px !important;}
.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-15{margin-top:15px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-bottom-0{margin-bottom:0px !important;}
.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-right-0{margin-right:0px !important;}
.margin-right-5{margin-right:5px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-15{margin-right:15px !important;}
.margin-right-20{margin-right:20px !important;}

.padding-0{padding:0 !important;}
.padding-5{padding:5px !important;}
.padding-10{padding:10px !important;}
.padding-15{padding:15px !important;}
.padding-20{padding:15px !important;}
.padding-left-0{padding-left:0px !important;}
.padding-left-5{padding-left:5px !important;}
.padding-left-10{padding-left:10px !important;}
.padding-left-15{padding-left:15px !important;}
.padding-left-20{padding-left:15px !important;}
.padding-top-0{padding-top:0px !important;}
.padding-top-5{padding-top:5px !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-15{padding-top:15px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-bottom-0{padding-bottom:0px !important;}
.padding-bottom-5{padding-bottom:5px !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-15{padding-bottom:15px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-right-0{padding-right:0px !important;}
.padding-right-5{padding-right:5px !important;}
.padding-right-10{padding-right:10px !important;}
.padding-right-15{padding-right:15px !important;}
.padding-right-20{padding-right:20px !important;}

.font-weight-100{font-weight:100 !important;}
.font-weight-200{font-weight:200 !important;}
.font-weight-300{font-weight:300 !important;}
.font-weight-400{font-weight:400 !important;}

.line-height-1{line-height:1 !important;}
.line-height-2{line-height:2 !important;}
.line-height-3{line-height:3 !important;}
.line-height-normal{line-height:1.5 !important;}

.border-0{border-width:0;}
.border-1{border: 1px solid #ddd;}
.money{color:#f60;}
.info{color:#999;}
.black{color:#000 !important;}
.blue{color:#4186f6;}
.green{color:#060;}
.light-green{color:#00C200;}
.yellow{color:#ffe300 !important;}
.orange{ color:#FF6600 !important;}
.white{color:#fff !important;}
.red{color:#f00;}
.primary{color:#32B318 !important;}
.opacity-2{opacity: 0.2}
.opacity-4{opacity: 0.4}
.opacity-5{opacity: 0.5}
.opacity-6{opacity: 0.6}
.opacity-8{opacity: 0.8}
.clear{clear:both;}
.font-size-9{font-size:9px !important;}
.font-size-10{font-size:10px !important;}
.font-size-12{font-size:12px !important;}
.font-size-14{font-size:14px !important;}
.font-size-16{font-size:16px !important;}
.font-size-18{font-size:18px !important;}
.font-size-20{font-size:20px !important;}

.bg-white{ background-color:#fff !important;}
.bg-yellow{ background-color:#ffe300 !important;}
.bg-light-yellow{ background-color:#fcf8e3 !important;}
.bg-blue{ background-color:#4186f6 !important;}
.bg-success{background-color:#4cae4c !important;}
.bg-gray{ background-color:#999 !important;}
.bg-black{ background: #000 !important;}
.bg-red{ background:#ff0000 !important;}
.bg-orange{ background:#FF6600 !important;}
.bg-light-green{background:#00C200 !important;}
.bg-light-green2{ background: #F8FDF8 !important;}
.bg-primary{background: #32B318 !important;}


.border-red{border-color: #ff0000 !important;}

.nav-class{}

/*tipsbox*/
#titleBar{
	height:20px; position:relative; background:#fff; padding:0px; border-bottom:1px solid #fff}
#titleBarContent{position:absolute; top:0px; left:5px; font-size:16px;  font-family:微软雅黑; font-weight:bold }

iframe#dhtipsiframe {-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);z-index:20000;border:none;}
#dhtipsdiv {background:#333;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);z-index:20001;border:none;}
#dhtipscontent {width:300px;height:150px;background: rgba(255,255,255,0.5);;border:1px solid #eee; border-right:1px solid #555;border-bottom:1px solid #555;z-index:20002;padding:12px; padding-left:10px;padding-top:10px;

}
.CloseWindow{position:absolute; display:block; width:25px; font-size:16px; cursor:pointer; height:25px; top:0px; right:0px;font-family:Arial; line-height:25px;   color:#ff0000; text-align:center}

.MaxWindow{position:absolute; width:25px;display:block; font-size:16px; cursor:pointer; height:25px; top:0px; right:25px;font-family:Arial; line-height:25px;   color:#1BA14B; text-align:center}
.CloseWindow:hover{color:#fff; background:#ff0000; text-decoration:none; }
.MaxWindow:hover{color:#fff; text-decoration:none; background:#1BA14B; }

.page-title{ padding: 16px 0; min-height: 70px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.page-title>h5{display: inline-block;
text-indent: 8px;
border-left: 2px solid #88B7E0;
font-weight: 400;
margin-right: 8px;
vertical-align: top;}
button,input { /*去掉苹果的默认UI来渲染按钮*/}



/*地址选择器*/
.area_input{ cursor: pointer;}
.area{padding: 6px;margin: 0px;white-space: nowrap;color: #333;text-decoration: none;display: block;float: left;cursor: pointer;border-radius: 5px;padding-left: 10px;padding-right: 10px; font-size:12px;}
.area_active{ background:#333; color:#fff;}
.btn-reselect{background:#fd9a08; color:#fff;}

/*修改bootstrap*/

/*导航菜单*/
.nav-tabs{border-color: #ddd; font-size: 12px; margin-bottom: 15px;}
.nav-tabs > li {margin-left: -1px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 1; }
.nav-tabs > li.active {border-top: 0px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 3; }
.nav-tabs > li > a, .nav-tabs.nav-justified > li > a {border-radius: 0px 0px 0px 0px; }
.nav-tabs > li > a, .nav-tabs > li > a:focus {color: #666; border-left: 0px; border-right: 0px; margin-right: 0px; padding: 10px 16px; background: #FBFAF8; border-bottom: 0px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-top: 3px solid #4186f6; border-left: 0px; border-right: 0px; border-bottom: 1px solid #FFF; color: #000;padding-top:9px; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background: #4186f6;}
.modal{overflow-scrolling: touch;}
.modal-content{border-radius:2px;overflow-scrolling: touch;}

.body-content{overflow-scrolling: touch;}
.modal-header .modal-title { font-size:16px; font-weight: 400;}
.modal-header .close{ font-size:30px;margin-top: -6px; padding-left:10px;}
.col-bg-1{}
.btn,.form-control,.input-group,.input-group-addon{ border-radius: 2px; }
.panel{ border-radius: 0;}
.panel-heading{ border-radius: 0;}
.panel-black{border-color:#000;}
.open > .dropdown-toggle >.fa-caret-down, .open > .dropdown-toggle >.caret, .open > .dropdown-toggle >.fa-angle-down{transform: rotate(180deg);}
.modal-mx{ max-width:1200px;width:95%;}
/*按钮*/
.btn{ font-weight: 400;}
.btn-blue ,.btn-primary,.webuploader-pick{color: #fff; border: 1px solid #3079ed; background-color: #4b8cf7; }
.btn-blue:hover,.btn-blue:focus,.btn-primary:hover,.btn-primary:focus{background: #4186f6; color:#fff;}
.badge{ padding:3px 6px; font-weight: normal;}
.btn-blue .badge{ color:#4186f6; background: #fff;}
.btn-yellow {color: #202242; background-color: #ffe300; border-color: #ffbe00; }
.input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {height: 24px; padding: 1px 5px; font-size: 12px; line-height: 1.2;}
.btn-success-light{border-color: #d6e9c6; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.btn-warning-light{color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.btn-danger-light{border-color: #ebccd1; color: #a94442; background-color: #f2dede; border-color: #ebccd1 }
.btn-danger-light .line{background-color: #ebccd1;}
.btn-warning-light .line{background-color: #faebcc;}
.btn-success-light .line{background-color: #d6e9c6;}
.btn-gray{ background-color: #eee; border-color:#666;}
/*label*/
.label-blue{background-color: #4b8cf7;}
.label-red{ background-color: #ff0000;}
.label-yellow{ background-color: #ffe300;color:#333;}

/*翻页按钮*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #4b8cf7;}

/*thumbnail*/
.thumbnails{ margin: 0 -10px;}
.thumbnails>div{ padding:0 10px;}
.thumbnail{ border: 1px solid #fafafa; padding:0; border-radius: 0; background: #fafafa; text-decoration: none; color:#333; position:relative;cursor: pointer;}
a.thumbnail:hover,a.thumbnail:focus{ background: #fff; text-decoration: none; color:#000; border-color: #eee ; box-shadow: 3px 4px 8px rgba(0,0,0,0.1);   margin-top:-3px; margin-bottom: 23px;}
.thumbnail .text{ padding:8px 10px 15px 8px; }
.thumbnail .title{ font-size:14px; font-weight: 300; color:#000; line-height: 24px;}
.thumbnail .forbidden{position: absolute; top:0;width:0; width: 100%; height:100%;background-color: rgba(0,0,0,0.5); cursor: default; color: #fff; padding:50% 0; text-align: center;}

a.thumbnail .selected-corner{ position: absolute; right:0; bottom: 0; width:15px; height:15px; line-height: 15px;text-align: center; color:#fff; background: #09c; display: none;}
a.thumbnail.active>.selected-corner{display: block;}

/*考勤控制台*/
.thumbnail-bed{ background: #f1f1f1;}

.thumbnail-bed>.bed-name{ position: absolute;padding:3px 6px; top:3px;right:3px; color:#fff; background: #000; color:#fff;}
.thumbnail-bed>.room-name{ position: absolute;padding:3px 6px; top:3px;left:3px; color:#999;}
.thumbnail-bed .add-icon{display: none;}
a.thumbnail-bed.active { background: #fff;border-color: #333;}
.thumbnail-bed:hover .add-icon{display: block;}
.thumbnail-bed:hover .no-patient{display: none;}
/*按钮连接*/
.link{ display: inline-block; text-decoration: none; color:#333; padding:10px 10px; text-align: center;}
.link:hover{ background:#eee; color:#09c;}
.link-delete:hover{color:#f60;}
.link-right{ border-left: 1px solid #ddd;}
.panel-heading .link-right{ margin-top:-10px; min-width: 40px;}
.panel-heading .link-right:last-child { margin-right:-15px;}
td .link-right{ margin-top:-8px; margin-bottom:-8px; min-width: 40px;}
td .link-right:last-child{margin-right: -8px;}
.modal-bg{ width: 90%;}
.btn-outline{  color: inherit;background-color: transparent;transition: all .5s;}
.btn-primary.btn-outline {
    color: #09c;
}
.btn-primary.btn-outline:hover,.btn-primary.btn-outline:focus{color:#fff;}

/*固定左侧*/

.fixed-div{ margin:0 -10px; }
.absolute{
    position:absolute;
}
.fixed-div:before,.fixed-div:after{display: table;content: " ";}
.fixed-div:after{clear: both;}
.fixed-div>div{padding:0 10px; }
.float-left{float: left;}

.width-100p { width:100%; }
.width-100 { width:100px; }
.width-200 { width:200px;}
.width-300 { width:300px; }
.width-400 { width:400px; }

.border-radius-50{border-radius: 50%;}
.border-radius-100{border-radius: 100%;}

.box-shadow{box-shadow: 3px 4px 5px rgba(0,0,0,0.1);}

.margin-left-200 {  margin-left: 200px;}
.margin-left-300 {  margin-left: 300px;}
.margin-left-400 {   margin-left: 400px;}
.margin-left-500 {   margin-left: 500px;}
/*右侧*/

.margin-right-200 {  margin-right: 200px;}
.margin-right-300 {  margin-right: 300px;}
.margin-right-400 {   margin-right: 400px;}
.margin-right-500 {   margin-right: 500px;}

/*输入搜索框*/
.search-input-list{border: 1px solid #ddd; padding: 0; box-shadow: 3px 4px 6px rgba(0,0,0,0.1); background: #fff; min-height: 30px;}
.search-input-list.absulute{ position: absolute; opacity:1;z-index: 1099;}
.search-input-list .search-result-item{ padding:5px 10px; border-bottom:1px solid #eee; cursor: pointer}
.search-input-list .search-result-item:hover{ background: #f1f1f1;}
.search-input-list .search-result-item.active{ background: #4186f6; color:#fff !important;}
.search-input-list .search-result-item.active:hover{background: #203CD9;}
.search-input-list .disable{color:#999;}
.search-input-list .disable.active{ background: #666;color:#fff;}
.search-input-list .disable.active:hover{ background: #333;}
.search-page-btn{cursor: pointer;}
.search-page-btn:hover{ background: #f1f1f1;}



/*护工系统*/
.hg-photo{ width:100%; max-width:160px; border:1px solid #f1f1f1; background: #fff; padding:5px;box-shadow: 3px 3px 8px rgba(0,0,0,0.1)}


/*手机demo*/
.model-phone {}
.phone-demo{background-image: url(/static/images/common/ip6.png); background-repeat: no-repeat; background-size:100%;  margin-left:auto; margin-right:auto; position:relative; }


.phone-demo .preview-iframe{position: absolute;width:86%; height:77%; overflow: auto;overflow-y: hidden; left:0;right:0; margin-left:auto; margin-right:auto;top:12%; }
.phone-demo-sm{ width:350px; height: 699px;}
.phone-demo-md{width:430px;height:858px; }
.phone-demo-lg{ width:500px; height: 996px;}
.preview-footer{ background: #fff; width:65px; height: 65px; border-radius: 50%; cursor: pointer; font-size:30px; text-align: center; line-height: 65px; position: absolute;left: 0; right:0;margin-left: auto; margin-right:auto; bottom:23px; }
.preview-footer:hover{ background: #000;color:#fff;}




@media only screen and  (min-width: 1500px) and (max-width: 2800px) {

.col-bg{ float:left; width:12.5%;}
}

@media  (max-width: 1500px) {
.modal-bg{ width: 90%;}

}
@media  (max-width: 1200px) {
.modal-bg{ width: 1000px;}
}
@media  (max-width: 995px) {
.modal-bg{ width: 800px;}
}
@media  (min-width: 768px) {
.modal-sm{width:400px;}
}
@media  (max-width: 768px) {

.modal-bg{ width:auto;}
.page-title{ padding:10px 0; min-height: 30px;}
.nav-tabs{border-width: 0;}
.nav-tabs>li>a{ border-width: 0;}
.nav-tabs>li{ border:1px solid #ccc; margin-left:3px; margin-bottom: 3px;}
.nav-tabs>li.active{ border-top: 1px solid #4186f6; border-color:#4186f6; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border-width:0;background: #4186f6;border-color: #4186f6; color:#fff; padding-top:5px;}
.nav-tabs > li > a, .nav-tabs > li > a:focus{
    padding:5px 8px; 
    
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 600px) {


.modal-header,.modal-footer,.modal-body{padding:10px;}
.modal-header .close{ font-size:24px;margin-top: -5px;}
.modal-header .modal-title { font-size:14px;}
.modal-footer>.btn{ padding:4px 10px;}
/*固定左侧/右侧移动端*/
.fixed-div>div{margin:0; margin-bottom: 10px;float:left; width:100%; position: relative;}
.nav-class h4{font-size:12px;}
.nav-class i{font-size:20px;}

h1,.h1{ font-size:22px;}
h2,.h2{ font-size:20px;}
h3,.h3{ font-size:18px;}
h4,.h4{ font-size:16px;}
h5,.h5{ font-size:14px;}
h6,.h6{ font-size:12px;}