PC-application/app/rehabilitation/css/rehabilitation_management.css

.flex-box{display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */     /* NEW - Chrome */
	  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  -ms-flex-wrap: wrap;
	      flex-wrap: wrap;
	  }
.flex-box-item{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	  -moz-box-flex: 1;         /* OLD - Firefox 19- */
	  -webkit-flex: 1;          /* Chrome */
	  -ms-flex: 1;              /* IE 10 */
	  width: 50%;               /* For old syntax, otherwise collapses. */
	  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	 position: relative;}
[flex-grow="2"]{-webkit-box-flex: 2;-ms-flex-positive: 2;flex-grow: 2;}
[flex-grow="5"]{-webkit-box-flex: 5;-ms-flex-positive: 5;flex-grow: 5;}
body,html,.c-container{height: 100%;}
.rehabilition{
    /*height: 100%;*/
    overflow: hidden;
    overflow-y: scroll;
    /*padding-top: 49px;*/
    /*max-width: 1620px;*/
    margin: 0 auto;
    padding-bottom: 50px;
}
.nav-content-right{height: 100%;overflow: auto;}
.search-left{border-right: solid 1px #d7dce6;background-color: #f5f5f5;height: 100%;}
.mw400{max-width: 400px;}
.search-condition{padding: 20px 10px;border-bottom: solid 1px #d7dce6;}
.search-condition p{font-size: 14px;margin-bottom: 15px;}
.task-list{padding-left: 10px;overflow: hidden;}
.task-list li{width: 90px;cursor: pointer;text-align: center;display: block;float: left;border-radius: 14px;font-size: 14px;margin-left: 20px;margin-bottom: 20px;color: #333333;border: solid 1px #d7dce6;padding: 3px;}
.task-list li.active{background-color: #12b7f5;color: #fff;}
.btn-search{background-color: #12b7f5;color: #fff;border-radius: 0;width: 120px;margin-top: 30px;}
.btn-search:hover,.btn-search:focus,.btn-search:active,.btn-search:hover:active{background-color: #1c9aca;color: #fff;outline: none;outline-color: transparent;}
/*日历*/
.calendar-content{margin: 0 auto;}
/*图例注释*/
.calendar-descript{padding: 15px 20px;background-color: #fff;}
.calendar-descript span{vertical-align: middle;}
.icon{width: 12px;height: 12px;vertical-align: middle;background-size: 100% 100%;background-repeat: no-repeat;display: inline-block;}
.icon-blue{background-color: #12b7f5;border-radius: 2px;}	
.icon-green{background-color: #2dbe55;border-radius: 2px;}
.icon-flag{
    background-image: url(../images/woderenwu_icon.png);
    background-size: 100% 100%;
}
.icon-shuaxin{background-image: url(../images/icon/shuaxin.png);}
.icon-shuaxin:hover{background-image: url(../images/icon/shuaxin1.png);}
.icon-back{background-image: url(../images/icon/fanhui_icon.png);}
.icon-back:hover{background-image: url(../images/icon/fanhui02_icon.png);}
.icon-check{
    background-image: url(../images/wancheng_icon.png);
    background-size: 100% 100%;
}
.icon-prev{background-image: url(../images/icon/houtui_icon.png);}
.icon-next{background-image: url(../images/icon/qianjing_icon.png);}
.icon-rili{background-image: url(../images/icon/rilibiao02_icon.png);}
.rili:hover .icon-rili,.active .icon-rili{background-image: url(../images/icon/rilibiao_icon.png);}
.icon-liebiao{background-image: url(../images/icon/shijianzhou_icon.png);}
.shijianzhou:hover .icon-liebiao,.active .icon-liebiao{background-image: url(../images/icon/shijianzhou02_icon.png);}

.icon-20{width: 20px;height: 20px;}
.icon-16{width: 16px;height: 16px;}
/*周期*/
.calendar-week{background-color: #ebebf5;border: solid 1px #d7dce6;padding: 11px;}
/*日期*/
.calendar-days>.flex-box{
    border-bottom: 1px solid #d7dce6;
    border-right: 1px solid #D7DCE6;
    border-left: 1px solid #D7DCE6;
}
.calendar-day {
    height: 135px;
    border-left: 1px solid #d7dce6;
    cursor: pointer;
    position: relative;
    padding: 5px;
    width: 14.28571428%;
    /*border-bottom: 1px solid #d7dce6;*/
}

.calendar-days .calendar-day:first-child {
    border-left-width: 0;
}

.calendar-day:hover {
    -webkit-box-shadow: 0 0 0 1px #12b7f5 inset;
    box-shadow: 0 0 0 1px #12b7f5 inset;
}

.calendar-day.current-day {
    background-color: #ddf6fe;
}
.no-server{text-align: center;top: 50%;position: absolute;left: 0;right: 0;color: #c8c8c8;font-size: 18px;}
/*彩带*/
.coloured-ribbon{font-size: 12px;width: 22px;text-align: center;height: 40px;display: inline-block;padding-top: 8px;line-height: 1;color: #fff;}
.coloured-box{top: 0;position: absolute;right: 5px;}
.coloured-ribbon-blue {
    background-image: url(../images/biaoqian-lanse_img.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.coloured-ribbon-green {
    background-image: url(../images/biaoqian-lvse_img.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.task-icon{position: absolute;left: 50px;top: 10px;min-height: 20px;}
.task-icon .icon-check{position: absolute;right: -3px;bottom: 0;width: 15px;height: 15px;}
.day-number{font-size: 28px;color: #999999;margin-bottom: 0;line-height: 1;}
/*进度条*/
.progress-box{position: absolute;bottom: 0;left: 0;right: 0;padding: 10px 5px;text-align: center;}
.progress-box .progress{margin-bottom: 9px;background-color: #d7dce6;border-radius: 10px;position: relative;}
.progress-box .progress > span{position: absolute;left: 0;right: 0;text-align: center;color: #333333;top: 2px;}
.progress-box .progress-bar{background-color: #12b7f5; border-radius: 10px;}
.progress-box .progress-bar-success{background-color: #2dbe55; border-radius: 10px;}
/*页头*//*max-width: 1620px;*/
.page-title {
    /*position: fixed;
    top: 0;
    left: 0;
    right: 0;*/
    padding: 9px;
    border-bottom: 1px solid #d7dce6;
    z-index: 5;
    /*margin: 0 auto;*/
    background-color: #fff
}

.page-title-name {
    padding-right: 15px;
    font-size: 14px;
    border-right: 1px solid #d7dce6;
    display: inline-block;
    margin-right: 10px;
}

.page-title span {
    vertical-align: middle;
}
.mr10{margin-right: 10px;}
.page-title .icon{cursor: pointer;}
.currentDay{font-size: 16px;margin: 0 25px;vertical-align: middle;width: 100px;text-align: justify;text-align-last: justify;display: inline-block;}
.switch-list{border: solid 1px #12b7f5;border-radius: 6px;overflow: hidden;}
.switch-list .icon{position: relative;top: 3px;}
.rili,.shijianzhou{width: 40px;height: 28px;display: inline-block;float: left;background-color: #fff;}
.rili.active,.shijianzhou.active,.rili:hover,.shijianzhou:hover{background-color: #12b7f5;border-radius: 5px;}
/*列表展示*/
.time-axis td{border: none !important;color: inherit;}
.time-axis th{background-color: #f5f5fa;border-bottom: solid 1px #d7dce6;}
.time-axis td p{color: inherit;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.time{position: relative;}
.time-box{position: relative;padding: 8px 50px 8px 8px!important;}
.cur-status{position: absolute;z-index: 3;right: 5px;top: 50%;padding: 8px;line-height: 1;margin-top: -12.5px;border-radius: 100%;color: #fff;}
.cur-status:empty{margin-top: -8px;right: 12.5px;background-color: #d7dce6;}
.time-axis [is-future="1"]{background-color: #dff5fc;color: #12b7f5;}
/*.time-axis [is-future="1"] td p,.time-axis [is-future="1"] td{}*/
.time-axis tr:hover{background-color: #f5f5fa;color: #333333;}
/*.time-axis tr:hover p{}*/
[is-future="1"] .cur-status,[is-future="2"] .cur-status{background-color: #12b7f5;}
[is-future="-1"] .cur-status{background-color: #ff3b30;}
.c-ff3b30{color: #ff3b30!important;}
[is-future="1"] .day-number{color: #12B6F4;}
[is-future="2"] .day-number{color: #333;}
[is-future="3"] .cur-status{background-color: #5cb85c;}
.calendar-day[is-future="0"]{background-color: #f5f5fa;}
.calendar-day[is-future="1"]{background-color: rgba(18, 182, 244, 0.25);}
.calendar-day[is-future="3"]{background-color: #efefef;}
.time-box:after{content: '';position: absolute;right: 0;z-index: 2;right: 19px;height: 100%;width: 1px;background-color: #d7dce6;top: 50%;}
.time-axis tr:nth-last-of-type(1) .time-box:after{display: none;}
.view-task{text-align: center;cursor: pointer;}
.task-status{text-align: center;}
[v-cloak]{display: none;}
.visibility-hide{visibility: hidden;}
.c-666{color: #666!important;}