.mainDoc{
   width:100vw;
   height:100vh;
}

.allArea{
   flex-direction: row;
   display:flex;
   width:100%;
   height:100%;
}

.leftArea{
   width:21.8%;
   height:100%;
   background:white;
   display:flex;
   flex-direction:column;
}

.headerIconAndTitle{
    height:5.78vw;
    padding:0.25vw;
}

.searchRow{
    height: 4.39vw;
    align-items: center;
    justify-content:center;
    background: white;
    width:100%;
    display:flex;
    overflow-y:hidden;
    overflow-x: hidden;
    flex-direction:row;
    border-top:0.5px solid #DDDDDD;
}

.searchIconAndbox{
   background: rgba(66,118,225,0.10);
   border: 0.5px solid #4276E1;
   border-radius: 3px;
   height:2.34vw;
   flex-direction: row;
   display:flex;
   margin-left:0.5vw;
   align-items:center;
   width:88%;
}

.searchIconAndboxTuo{
   background: rgba(66,118,225,0.10);
   border: 0.5px solid #4276E1;
   border-radius: 3px;
   height:2.34vw;
   line-height: 2.34vw;
   flex-direction: row;
   display:flex;
   margin-left:0.5vw;
   align-items:center;
   width:60%;
   margin-right: 8px;

}

.searchIconAndboxTuo input::-webkit-input-placeholder {
   margin-left:7px;
   font-family: PingFang-SC-Bold;
   font-size: 1vw;
   background:transparent;
   color: #4276E1;
}

.inputSearch{
    border: 0;
    background: transparent;
    color: #4276E1;
    height: 2.34vw;
    width: 90%;
    font-size:1vw;
    line-height: 2.34vw;
    outline: none
}

.searchIconAndbox input::-webkit-input-placeholder {
   margin-left:9px;
   font-family: PingFang-SC-Regular;
   font-size: 1vw;
   background:transparent;
   color: #4276E1;
}

.patientListName{
   margin-top:0.5vw;
   height: 2vw;
   margin-left:1.83vw;
   font-family: Heiti;
   font-size: 1.25vw;
   color: #888888;
   letter-spacing: 0.5px;
   width: 48%;
}

.lineMain{
   width: 2px;
   height: 17px;
   background: white;
}

.selpatientListName{
   margin-top:0.5vw;
   height: 2vw;
   margin-left:1.83vw;
   font-family: PingFang-SC-Bold;
   font-size: 1.25vw;
   color: #4276E1;
   letter-spacing: 0.5px;
   width: 48%;
}

.listAll{
    flex-direction: column;
    display:flex;
    overflow-y: scroll;
    width:100%;
    overflow-x:hidden;
    flex:1;
}

.itemRow{
    flex-direction: row;
    display:flex;
    width:100%;
    height: 5.7vw;
    align-items:center;
    opacity:1;
}
.itemRow:hover{
    flex-direction: row;
    display:flex;
    width:100%;
    height: 5.7vw;
    align-items:center;
    opacity:1;
    background:#E3EBFB;
}

.listItemSel{
    flex-direction: row;
    display:flex;
    width:100%;
    height:5.7vw;
    align-items:center;
    background:#EBF3FE;
}

.listPhoneAndName{
    margin-left:8px;
    flex-direction: column;
    display:flex;
    width: 70%;
}

.listName{
    margin-top: 2px;
    font-family: PingFang-SC-Medium;
    font-size: 1.024vw;
    color: #4A4A4A;
    line-height: 1.2vw;
    text-align: left;
}

.rightArea{
    width:78.2%;
    height: 100%;
    overflow-y:hidden;
    overflow-x:hidden;
    background:#F3F3F3;
}

.listAll::-webkit-scrollbar{
    width: 0.585vw;
    height: 2vw;
    margin-right: 0.585vw;
}

.listAll::-webkit-scrollbar-track {
    opacity:0.01;
    background: #EEEEEE;
}
.listAll::-webkit-scrollbar-thumb {
    background-image: linear-gradient(180deg, #B7DDFC 0%, #4276E1 99%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.27);
    border-radius: 8px;
}

.listNameNum{
    margin-top: 2px;
    font-family: PingFang-SC-Medium;
    font-size: 1.024vw;
    color: #999999;
    line-height: 1.2vw;
    text-align: left;
}

.ant-list-item-meta {
   align-items: center;
   height:3.5vw;
}

.listIcon{
   margin-left:1.83vw;
   width:3.2vw;
   height:3.2vw;
   border-radius: 1.6vw;
}

.listAll .ant-avatar{
   margin-left:1.83vw;
   width:3.2vw;
   height:3.2vw;
   border-radius: 1.6vw;
}

.allpatientsRow{
   display: flex;
   flex-direction: row;
   height: 4.02vw;
   width: 100%;
   align-items:center;
   justify-content: space-between;
}

.drugSelect{
   width: 5.85vw;
   height: 2.34vw;
   color: #4276E1;
   font-size: 1vw;
   background: transparent;
}

.refresh{
   width: 5.85vw;
   height: 2.34vw;
   background: transparent;
   border-radius: 3px;
   border:0.5px solid #4276E1;
   flex-direction:row;
   display:flex;
   align-items:center;
   justify-content:center;
}

.refreshTitle{
   color: #4276E1;
   font-size: 1vw;;
}

.refreshIcon{
   margin-left:5px;
   margin-right:6px;
   width: 0.93vw;
   height: 0.93vw;
}

.searchIcon{
   margin-left:5px;
   margin-right:8px;
   width: 1.1vw;
   height: 1.1vw;
}

.drugSelect .select-option {
    background-color: transparent;
    color: #555555;
}

.drugSelect .ant-select-selection {
    background-color: transparent;
    border: 0.5px solid #4276E1;
    border-radius: 3px;
    color: #4276E1;
    height: 2.34vw;
    font-size: 1vw;
    align-items:center;
    display:flex;
}

.loadMore{
   height:4.5vw;
   width:100%;
   line-height: 4.5vw;
   text-align:center;
}

.listAll .ant-list-item-meta-description {
   font-size:1.024vw;
   line-height:1.024vw;
   color:rgba(0,0,0,.45)
}

.ant-list-item-meta-content{
  margin-left:1.24vw;
}

.noAndMobile{
   font-family: PingFang-SC-Regular;
   flex-direction: row;
   display:flex;
   align-items:center;
}

.noAndMobileName{
   width:40%;
   font-size: 1.35vw;
   color: #4A4A4A;
   letter-spacing:1px;
}

.noAndMobileNameRight{
    margin-right: 1.3vw;
    width: 10vw;
    font-size: 1.2vw;
    color: #4A4A4A;
    text-align:right;
 }

.noAndMobileTitle{
   display:flex;
   align-items:center;
   margin-left:1.2vw;
   margin-right:1.025vw;
   font-size:1vw;
   color: #999999;
}

.start{
   background:transparent;
   height:0.146vw;
   width:0.732vw;
   margin-right:0.512vw;
}

.middle{
  margin-left:4px;
  margin-right:4px;
  color: #4A4A4A;
}
.noIcon{
  width:1.317vw;
  height:1.317vw;
  margin-right:2px;
}

.drugSelect .ant-select-arrow{
  color:#4276E1;
}

.ant-select-dropdown-menu-item{
  font-size: 1vw;
}

 html,body{
    height: 100%;
    background:#333;
 }