body{background-color:#eee}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background-color:#fff;margin:30px;padding:10px 30px;border-radius:20px}.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0;margin-bottom:10px}.item{background-color:#fff;border:1px solid #dddddd;padding:20px;margin:10px 10px 10px 0;border-radius:5px;text-align:center;flex:1}.chart{width:100%;max-height:400px}.chart.pie{max-height:142px!important}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}.blue{text-decoration:none;color:#2548fd;transition:.4s}h1{font-size:1.4em;border-bottom:1px solid #dddddd;padding-bottom:20px;margin-left:5px}h2{font-size:1.2em;margin-left:10px}h3{font-size:1em}.box-gray{background-color:#efefef;padding:20px;border-radius:5px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.content{padding:20px 0 25px;border-radius:15px;max-height:140px;min-height:140px;box-sizing:border-box}.content.data{background-color:#36a2eb}.content .name{font-size:1.4em;color:#fff;font-weight:700;margin:15px 0}.content .time{font-size:1.2em;color:#cfcfcf;margin:15px 0}.content.nodata{padding-top:60px;font-size:12px;color:#ccc}