.div_hospital_item {
|
position:relative;
|
background:#FFFFFF;
|
height:48px;
|
margin-bottom:1px;
|
}
|
|
.div_hospital_code {
|
position:absolute;
|
left:8px;
|
right:8px;
|
top:4px;
|
height:16px;
|
color:#C0C0C0;
|
font-size:12px;
|
line-height:16px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_hospital_name {
|
position:absolute;
|
left:8px;
|
right:8px;
|
top:16px;
|
height:24px;
|
color:#606060;
|
font-size:14px;
|
line-height:24px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_category_major {
|
position:relative;
|
margin:16px 16px 4px 16px;
|
height:16px;
|
color:#808080;
|
font-size:12px;
|
line-height:16px;
|
}
|
|
.div_category_item {
|
position:relative;
|
background:#FFFFFF;
|
height:32px;
|
margin-bottom:1px;
|
}
|
|
.div_category_name_ch {
|
position:absolute;
|
left:16px;
|
right:120px;
|
top:4px;
|
height:24px;
|
color:#606060;
|
font-size:14px;
|
line-height:24px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_category_name_en {
|
position:absolute;
|
right:8px;
|
width:120px;
|
top:4px;
|
height:24px;
|
color:#C0C0C0;
|
font-size:12px;
|
line-height:24px;
|
text-align:right;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_department_item {
|
position:relative;
|
background:#FFFFFF;
|
height:40px;
|
margin-bottom:1px;
|
}
|
|
.div_department_name {
|
position:absolute;
|
top:10px;
|
left:10px;
|
right:128px;
|
height:20px;
|
background:url(../icon/next.png) center left no-repeat;
|
background-size:12px 12px;
|
padding-left:20px;
|
color:#0090FF;
|
font-size:16px;
|
line-height:20px;
|
}
|
|
.div_department_name_ch {
|
position:absolute;
|
top:4px;
|
right:8px;
|
width:150px;
|
height:16px;
|
color:#C0C0C0;
|
font-size:12px;
|
line-height:16px;
|
text-align:right;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_department_name_en {
|
position:absolute;
|
bottom:4px;
|
right:8px;
|
width:150px;
|
height:16px;
|
color:#C0C0C0;
|
font-size:12px;
|
line-height:16px;
|
text-align:right;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_person_hospital {
|
position:relative;
|
margin:16px 8px 4px 8px;
|
height:16px;
|
color:#606060;
|
font-size:12px;
|
line-height:16px;
|
}
|
|
.div_person_item {
|
position:relative;
|
background:#FFFFFF;
|
height:40px;
|
margin-bottom:1px;
|
}
|
|
.div_person_doctor_0, .div_person_doctor_1, .div_person_doctor_2 {
|
position:absolute;
|
left:8px;
|
top:8px;
|
width:24px;
|
height:24px;
|
}
|
|
.div_person_doctor_0 {
|
background:url(../icon/doctor0.png);
|
background-size:24px 24px;
|
}
|
|
.div_person_doctor_1 {
|
background:url(../icon/doctor1.png);
|
background-size:24px 24px;
|
}
|
|
.div_person_doctor_2 {
|
background:url(../icon/doctor2.png);
|
background-size:24px 24px;
|
}
|
|
.div_person_name {
|
position:absolute;
|
left:44px;
|
width:80px;
|
top:8px;
|
height:24px;
|
color:#606060;
|
font-size:14px;
|
line-height:24px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_person_department_name {
|
position:absolute;
|
left:120px;
|
width:120px;
|
top:12px;
|
height:16px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:16px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_person_title {
|
position:absolute;
|
right:8px;
|
width:120px;
|
top:12px;
|
height:16px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:16px;
|
text-align:right;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
/************* MEET ************/
|
.div_week_group {
|
position:absolute;
|
top:40px;
|
height:39px;
|
left:0;
|
right:0;
|
background:#E0F0FF;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
.div_week_on {
|
position:relative;
|
float:left;
|
width:14%;
|
height:40px;
|
color:#606060;
|
font-size:14px;
|
line-height:40px;
|
text-align:center;
|
}
|
|
.div_week_off {
|
position:relative;
|
float:left;
|
width:15%;
|
height:40px;
|
color:#A0A0A0;
|
font-size:14px;
|
line-height:40px;
|
text-align:center;
|
}
|
|
#div_date_group {
|
position:absolute;
|
top:80px;
|
bottom:0;
|
left:0;
|
right:0;
|
background:#FFFFFF;
|
overflow:auto;
|
}
|
|
.div_date_item_on {
|
position:relative;
|
float:left;
|
box-sizing:border-box;
|
height:50px;
|
width:14%;
|
border-bottom:#F0F0F0 1px solid;
|
color:#0090FF;
|
font-size:18px;
|
line-height:48px;
|
text-align:center;
|
}
|
|
.div_date_item_off {
|
position:relative;
|
float:left;
|
box-sizing:border-box;
|
height:50px;
|
width:15%;
|
border-bottom:#F0F0F0 1px solid;
|
color:#A0A0A0;
|
font-size:18px;
|
line-height:48px;
|
text-align:center;
|
}
|
|
.div_date_today {
|
border:#0090FF 1px solid;
|
}
|
|
.div_date_month {
|
position:relative;
|
float:left;
|
width:100%;
|
height:30px;
|
padding-top:10px;
|
color:#606060;
|
background:#F0F0F0;
|
font-size:14px;
|
line-height:30px;
|
text-align:center;
|
}
|
|
.div_time_divider {
|
position:relative;
|
height:8px;
|
}
|
|
.div_time_row {
|
position:relative;
|
height:40px;
|
background:#FFFFFF;
|
border-bottom:#F0F0F0 1px solid;
|
}
|
|
.div_time_period {
|
position:relative;
|
float:left;
|
width:15%;
|
height:40px;
|
color:#0090FF;
|
font-size:14px;
|
line-height:40px;
|
text-align:center;
|
}
|
|
.div_time_hour {
|
position:relative;
|
float:left;
|
width:40%;
|
height:40px;
|
color:#0090FF;
|
font-size:16px;
|
line-height:40px;
|
text-align:center;
|
}
|
|
.div_time_half {
|
position:relative;
|
float:left;
|
width:15%;
|
height:40px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:40px;
|
text-align:center;
|
}
|
|
/*************** PLAN **************/
|
|
.div_plan_date {
|
position:relative;
|
height:24px;
|
background:#F0F0F0;
|
color:#606060;
|
padding-left:12px;
|
padding-top:20px;
|
font-size:14px;
|
line-height:24px;
|
}
|
|
.div_plan_item {
|
position:relative;
|
padding-top:48px;
|
padding-left:60px;
|
padding-right:8px;
|
background:#FFFFFF;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
.div_plan_time {
|
position:absolute;
|
left:12px;
|
top:8px;
|
color:#0090FF;
|
font-size:16px;
|
}
|
|
.div_plan_person_name {
|
position:absolute;
|
top:8px;
|
left:80px;
|
color:#0090FF;
|
font-size:14px;
|
}
|
|
.div_plan_department_name {
|
position:absolute;
|
top:8px;
|
left:160px;
|
color:#C0C0C0;
|
font-size:12px;
|
}
|
|
.div_plan_hospital_name {
|
position:absolute;
|
top:28px;
|
left:80px;
|
right:40px;
|
height:16px;
|
color:#C0C0C0;
|
border-bottom:#F0F0F0 1px solid;
|
font-size:12px;
|
line-height:16px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_plan_called_off {
|
position:absolute;
|
top:20px;
|
right:8px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_off.png);
|
background-size:100%;
|
}
|
|
.div_plan_called_on {
|
position:absolute;
|
top:20px;
|
right:8px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_on.png);
|
background-size:100%;
|
}
|
|
.div_plan_objective {
|
position:relative;
|
margin:4px 0;
|
background:url(../icon/meet_objective.png) no-repeat top left;
|
background-size:16px 16px;
|
padding-left:20px;
|
color:#606060;
|
font-size:12px;
|
line-height:16px;
|
}
|
|
.div_call_content {
|
position:relative;
|
margin:4px 0;
|
background:url(../icon/meet_content.png) no-repeat top left;
|
background-size:16px 16px;
|
padding-left:20px;
|
color:#606060;
|
font-size:12px;
|
line-height:16px;
|
}
|
|
.div_call_feedback {
|
position:relative;
|
margin:4px 0;
|
background:url(../icon/meet_feedback.png) no-repeat top left;
|
background-size:16px 16px;
|
padding-left:20px;
|
color:#0090FF;
|
font-size:12px;
|
}
|
|
.div_call_checkin {
|
position:absolute;
|
left:20px;
|
top:48px;
|
width:24px;
|
height:24px;
|
background:url(../icon/location.png);
|
background-size:100%;
|
}
|
|
/****************** KPI ****************/
|
.div_kpi_item {
|
position:relative;
|
margin:4px;
|
background:#FFFFFF;
|
border-radius:4px;
|
}
|
|
.div_kpi_header {
|
position:relative;
|
border-radius:4px;
|
background:#F0F8FF;
|
height:60px;
|
}
|
|
.div_kpi_hospital_name {
|
position:absolute;
|
top:8px;
|
left:12px;
|
color:#808080;
|
font-size:12px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_kpi_bar {
|
position:absolute;
|
top:26px;
|
left:8px;
|
right:8px;
|
height:4px;
|
border-radius:4px;
|
border:#0090FF 1px solid;
|
padding:2px;
|
}
|
|
.div_kpi_percent {
|
position:relative;
|
height:4px;
|
width:0;
|
border-radius:2px;
|
background:#0090FF;
|
}
|
|
.div_kpi_actual {
|
position:absolute;
|
top:38px;
|
left:12px;
|
color:#808080;
|
font-size:12px;
|
}
|
|
.div_kpi_rate {
|
position:absolute;
|
top:38px;
|
left:60px;
|
right:60px;
|
color:#808080;
|
font-size:12px;
|
text-align:center;
|
}
|
|
.div_kpi_total {
|
position:absolute;
|
top:38px;
|
right:12px;
|
color:#808080;
|
font-size:12px;
|
text-align:right;
|
}
|
|
.div_kpi_person_group {
|
position:relative;
|
padding:4px 8px;
|
overflow:hidden;
|
}
|
|
.div_kpi_person_on, .div_kpi_person_off {
|
position:relative;
|
float:left;
|
box-sizing:border-box;
|
width:33%;
|
padding-left:20px;
|
height:32px;
|
font-size:14px;
|
line-height:32px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_kpi_person_off {
|
color:#808080;
|
background:url(../icon/filter_off.png) center left no-repeat;
|
background-size:16px 16px;
|
}
|
|
.div_kpi_person_on {
|
color:#0090FF;
|
background:url(../icon/filter_on.png) center left no-repeat;
|
background-size:16px 16px;
|
}
|
