body{
    padding:0;
    margin:0;
    overflow: hidden;
}
#sidenav{
    width: 100px;
    height: calc( 100vh - 50px );
    float: left;
    box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
}
#main{
    width: calc( 100vw - 100px );
    height: calc( 100vh - 50px );
    float: right;
    background: #f5f7f9;
    box-sizing: border-box;
}
#main .tableArea{
    
    height: calc( 100vh - 80px );
    overflow:auto;
}
.breadcrumb{
    width: 100%;
    height: 25px;
    border-bottom: solid 1px #ccf;
}
.el-breadcrumb{
    margin-top:10px;
    margin-left:10px;
}
.pull_left{
    float:left;
}
.pull_right{
    float:right;
}

div#toolbar{
    padding:10px;
    height:40px;
}

div#table{
    height: calc(100vh - 150px);
    overflow:auth;
}

div#pagination{
    margin-top:10px;
    height:40px;
    text-align: right;
}
.el-pagination{
    float: right;
    margin:0px 10px
}

.formtitle{
    text-align:center;
}

.formtitle h3{
    text-align:center;
    margin:0px;
    padding:10px;
}

.form{
    width:100%;
}

.form-control{
    width: 460px; 
}

.download{
    text-decoration: none;
    color:blue;
}

a.download:hover{
   color:red; 
}
#header{
    height: 50px;
    width: 100vw;
    background:#409eff;
    color:white;
}
#header #title {
    width: 200px;
    height:50px;
    border-right: solid 1px #55aeff;
}
#header #title h1{
    font-size:22px;padding:10px 20px;;margin:0px;
}
#header #tool{
    padding: 12px 10px 0px 0px;
}
#footer{
    position: absolute;
    bottom: 0px;
    height:50px;
    border-top:solid 1px grey;
    width: 100vw;
    font-size:12px;
    text-align:center;
}
#footer p{
    color:#999;
}
#footer a{
    text-decoration: none;
    color:#999;
}