html,body{
    height:100%;
    width:100%;
    padding:0px;
    margin:0px;
}

body{
    background:url('../image/bg.jpg')
}

#app-cnc-inner{
    background:url('../image/bg.jpg');
    border:solid 5px rgb(68, 68, 80);
}

#app-normalequ-inner{
    background:url('../image/bg.jpg');
    border:solid 5px rgb(68, 68, 80);
}

div{
    box-sizing:border-box;
}

#app{
    height:100%;
    width:100%;
    color:#efefef;
}

.header{

    height:70px;
    background:linear-gradient(180deg, #0e3674, #5f9dda);
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
  
}

.body{    
    height:calc(100% - 70px);
    width:100%;
}


.row{
    display:flex;
    background:transparent;
}

.row1{
    height:35%;
}

.row2{
    height:30%;

}

.row3{
    height:30%;
}

.title{
    font-size:20px;
}
.caption{
    width:100%;
    height:35px;
    display:flex;
    justify-content:space-between;
    font-size:20px;
    color:#a7c6e5;
}

.content{
    width:100%;
    height:calc(100% - 35px);
    padding-bottom:10px;
}

.gray{
    background:url('../image/gray.png');
    background-repeat:no-repeat;
    background-size:100% 100%;               
}

.green{
    background:url('../image/green.png');
    background-repeat:no-repeat;
    background-size:100% 100%;            
}

.red{
    background:url('../image/red.png');
    background-repeat:no-repeat;
    background-size:100% 100%;               
}

.yellow{
    background:url('../image/yellow.png');
    background-repeat:no-repeat;
    background-size:100% 100%;               
}

.circle{
    height:50px;
    width:50px;
    border-radius:25px;
    border:solid 1px;
}    
.up{
    font-size:26px;
    display:flex;
    justify-content:center;
    align-items:center;
    height:50%;
}

.down{
    font-size:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    height:50%;                        
}       

.circle-1{
    border-color:#caddef;        
}

.circle-2{
    border-color:#ebb099;
}

.circle-3{
    border-color:#f5680b;
}

.small-size{
    font-size:12px;
}  

.medium-size{
    font-size:16px;
}   

.time-picker  .el-date-editor--datetime input{
    background:transparent !important;
    border:transparent !important;
    color:white !important;
    font-size:20px;
    height:26px;
    line-height:26px;
    padding-left:25px !important;
    padding-right:10px !important;


}

.time-picker .el-date-editor--datetime .el-input__icon{
    line-height:26px;
    font-size:20px;
    margin-left:-5px;
    color:white !important;
}   

.title2{
    font-size:20px;
}
.overflow-h{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title3{
    height:16px;
    font-weight:bold;
}

.title4{
    height:20px;
    font-weight:bold;
}

.page  {
    display:inline-block;
    border-radius:none;
    height:28px;
    width:55px; 
    padding-left:10px;

}

.fullscreen{
    background:url('../image/bg.jpg');
}

