.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; }