.FamilyDoctorSigningStatistical{
  .LeftNav{
    border-right: 1px solid silver;
    padding: 2px;
    .titleTop{
      margin-bottom: 16px;
      width: 100%;
      background-color: rgb(77, 193, 130);
      height: 35px;
      line-height: 35px;
      color: #fff;
      span{
        .anticon-double-left{
          padding: 0 10px;
        }
        .anticon-search{
          float: right;
          line-height: 37px;
          padding: 0 10px;
        }
      }
    }
    ul{
      background-color: #fff!important;
      li{
        color: #666!important;
        background-color: #fff!important;
        &.ant-menu-item-selected{
          background: #fff!important
        }
        .ant-menu-submenu-title{
          color: #666!important;
        }
        span{
          color: #666;
        }
        .ant-menu-submenu-arrow{
          &:before{
            background: #009620;
          }
          &:after{
            background: #009620;
          }
        }
        ul{
          background-color: #fff!important;
          background: #fff!important;
          li{
            background-color: #fff!important;
            background: #fff!important;
            &.ant-menu-item-selected{  background: #f4f4f4 !important;}
          }
        }
      }
      .ant-menu-submenu-active{
        .ant-menu-submenu-arrow{
          &:before{
            background: #009620;
          }
          &:after{
            background: #009620;
          }
        }
      }
    }
    .ant-menu-dark{
      .ant-menu-inline.ant-menu-sub{
        background-color: #fff!important;
        background: #fff!important;
        box-shadow: none;
      }
    }
  }
  .collapsed{
    float: left;
    line-height: 60px;
    background-color: #4cc183;
    color: #fff;
    margin-top: 345px;
  }
  .rightContent{
    background-color: rgba(243, 243, 243, 0.88);
    height: 820px;
    .contentTop{
      width:100%;
      height: 60px;
      line-height: 60px;
      background-color: #fff;
      //margin-left: 5px;
      //text-align: center;
      //font-size: 17px;
      font-weight: 700;
      position: relative;
    }
  }
  .check{
    //width: 99%;
    //height: 50px;
    //line-height: 50px;
    //background-color: #fff;
    //margin-left: 5px;
    //margin-top: 5px;
    //padding-left: 15px;
    position: absolute;
    right: 13px;
    top: 1px;
    font-size: 13px;
    .ant-calendar-picker{  width: 232px;}
    a{
      padding: 3px 5px;
      color: #666;
      &:hover{
        background-color: #1999db;
        color: #fff;
        border-radius: 4px;
      }
      &.active{
        background-color: #1999db;
        color: #fff!important;
        border-radius: 4px;
      }
    }
  }
  .tit{
    width: 100%;
    height: 35px;
    //line-height: 35px;
    background-color: #fff;
    margin-top: 5px;
    border-bottom: 1px silver solid;
    .titLeft{
      display: inline-block;
      width: 3px;
      height: 19px;
      background-color: #1999db;
      margin-left: 15px;
      margin-top: 8px;
      vertical-align: bottom;
    }
    .titRight{
      //vertical-align: text-bottom;
      margin-left: 10px;
      color: #333;
      font-weight: 700;
    }
  }
  .statistical{
    .detailNum{
      width: 8.4%;
      height: 95px;
      background-color: #fff;
      margin-top: 12px;
      margin-left: 7px;
      margin-bottom: 7px;
      float: left;
      .fontSize{
        font-size: 13px;
        float: left;
        margin-top: 20px;
        font-weight: 700
      }
      .fontSize2{
        margin-left: 10px;
        font-size: 15px;
        float: left;
        margin-top: 20px;
        font-weight: 700
      }
      .T{
        font-size: 19px;
      }
      p{
        text-align: center;
        margin-bottom: 14px;
      }
      .img{
        width: 32px;
        height: 32px;
        float: left;
        margin-left: 6px;
        margin-top: 30px;
        div{
          width: 32px;
          height: 32px;
        }
        .img1{ background: url("../image/user2.png") no-repeat; background-size: 100%;}
        .img2{ background: url("../image/user3.png")  no-repeat; background-size: 100%;}
        .img3{ background: url("../image/user4.png") no-repeat; background-size: 100%;}
        .img4{ background: url("../image/user2.png") no-repeat; background-size: 100%;}
        .img5{ background: url("../image/user3.png") no-repeat; background-size: 100%;}
        .img6{ background: url("../image/bl2.png") no-repeat; background-size: 100%;}
        .img7{ background: url("../image/user2.png") no-repeat; background-size: 100%;}
        .img8{ background: url("../image/user4.png") no-repeat; background-size: 100%;}
        .img9{ background: url("../image/user2.png") no-repeat; background-size: 100%;}
        .img10{ background: url("../image/bl2.png") no-repeat; background-size: 100%;}
        .img11{ background: url("../image/bl3.png")  no-repeat; background-size: 100%;}
        //.img1{ background: url("../image/icon.png") -6px 1px no-repeat;}
        //.img2{ background: url("../image/icon.png") -50px 2px no-repeat;}
        //.img3{ background: url("../image/icon.png") -89px -1px no-repeat;}
        //.img4{ background: url("../image/icon.png") -138px -1px no-repeat;}
        //.img5{ background: url("../image/icon.png") -182px -1px no-repeat;}
        //.img6{ background: url("../image/icon.png") -50px -1px no-repeat;}
        //.img7{ background: url("../image/icon.png") -6px -1px no-repeat;}
        //.img8{ background: url("../image/icon.png") -138px -1px no-repeat;}
        //.img9{ background: url("../image/icon.png") -50px -1px no-repeat;}
        //.img10{ background: url("../image/icon.png")-89px -1px no-repeat;}
        //.img11{ background: url("../image/icon.png") -89px -1px no-repeat;}
      }
    }
  }
  .rightBottom{
    .rightBottomRight{
      background-color: #fff;
      .button{
        padding: 5px 10px;

      }
      .button-icon{
        background-color: #1999db;
        color: #fff;
      }
      .histogram{
        //width: 740px;
        //overflow: auto;
        .mini{margin-top: -35px!important;margin-right: 30px; position: relative}
        .ant-pagination-options{display: none!important;}
      }
    }
    .g2-tooltip{display: none;}
    .rightBottomLeft{
      .ant-table-thead{
        .ant-table-column-sorters{
          i{font-size: 16px!important;}
        }
      }
      .ant-table-body{
        .ant-table-tbody{
          tr{
            height: 30px !important;
           .back-1{
             display: inline-block;
             width: 40px;
             background: url("../image/hg1.png")no-repeat;
             background-size: 100% 100%;
             color: #fff;
           }
            .back-2{
              display: inline-block;
              width: 40px;
              background: url("../image/hg1.png")no-repeat;
              background-size: 100% 100%;
              color: #fff;
            }
            .back-3{
              display: inline-block;
              width: 40px;
              background: url("../image/hg1.png")no-repeat;
              background-size: 100% 100%;
              color: #fff;
            }
          }
        }
      }
    }
  }
  .navTree{
    .ant-tree-icon-hide{
      height: 622px;
      overflow: auto;
    }
  }
}
.FamilyPO{
  a{
    width: 80px;
    border: 1px solid silver;
    display: inline-block;
    padding: 3px 0;
    color: #666;
    border-radius: 3px;
  }
  .ant-modal-close{
    top: -12px;
    right: -12px;
  }
}
