﻿.dashboard{flex:1; display:flex; flex-direction:row; justify-content:space-between; gap:15px;}
.dashboard-left{display:flex; flex-direction:column; gap:15px; flex:1;}
.dashboard-right{display:flex; flex-direction:column; gap:15px; width:500px;}

.dashboard-left-today{display:flex; flex-direction:row; gap:15px; justify-content:space-between;}
.dashboard-left-today>div{background:#fff; border-radius:6px; box-shadow:0px 0px 10px #dadada;display:flex; flex-direction:row; gap:15px; flex:1; padding:20px;}
.dashboard-left-today>div>div:nth-child(2){display:flex; flex-direction:column; justify-content:space-between;}
.dashboard-left-today>div>div:nth-child(2) label{font-size:16px; font-weight:500;}

.dashboard-left-func{display:flex; flex-direction:row;  justify-content:space-between; gap:15px;}
.dashboard-left-func-report>div:first-child{display:flex; flex-direction:column; gap:15px;}
.dashboard-left-func-report>div>label{font-size:16px; font-weight:500; color:#333; }
.dashboard-left-func-report{display:flex; flex-direction:row; background:#fff; border-radius:6px; box-shadow:0px 0px 10px #dadada; padding:20px; gap:20px;}
.dashboard-left-func-count{display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; align-items:center; align-content:center;}
.dashboard-left-func-count-block{display:flex; flex-direction:column; align-items:center; }
.dashboard-left-func-count-block span{font-size:28px; font-weight:500;}

/*监护病症 #5470C6
防疫隔离 #91CC75
高龄老人 #FAC858
丧失能力 #EE6666
智力低下 #73C0DE
精神疾病 #3BA272
妇幼人群 #9A60B4
慢性病患者  #FC8452*/

.func-count-block-1{color:#5470C6;}
.func-count-block-2{color:#91CC75;}
.func-count-block-3{color:#FC8452;}
.func-count-block-4{color:#EE6666;}
.func-count-block-5{color:#73C0DE;}
.func-count-block-6{color:#3BA272;}
.func-count-block-7{color:#9A60B4;}
.func-count-block-8{color:#FAC858;}

.dashboard-left-func-op{display:flex; flex-direction:column; padding:20px; flex:1;  background:#fff; border-radius:6px; box-shadow:0px 0px 10px #dadada; gap:20px; width:40%;}
.dashboard-left-func-op>label{font-size:16px; font-weight:500; color:#333;}
.dashboard-left-func-op>div {display:flex; flex-direction:column; gap:15px;}
.dashboard-left-func-op>div>div{display:flex;  gap:15px;}
.dashboard-left-func-op>div>div>div{background:#F8FAFF; border-radius:6px; padding:20px 30px; display:flex; align-items:center; gap:10px;}
.dashboard-left-func-op>div>div>div span{display:inline-block; width:100px;}

.dashboard-left-report{background:#fff; border-radius:6px;  box-shadow:0px 0px 10px #dadada; padding:20px;}
.dashboard-right{background:#fff; border-radius:6px;  box-shadow:0px 0px 10px #dadada; padding:20px;}

