@import "../../../styles_design.scss";

.titleStatic{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
}

.div2{
  height: 50%;
  .flagTop{
    width: 10%;
    height: 50%;
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    margin-right: 1%;
    margin-left: 1%;
    border-radius:0 0 10px 10px;
    .data{
      // font-size := {{datasize}};
      position:relative;
      top:10%;
    }
    .title{
      position:relative;
      top:10%;
      color: #bfc0c2;
      // font-size: 10px;
    }
  }
}

//.div1{
//  vertical-align: top;
//  margin-right: 1%;
//  margin-left: 1%;
//  .flag{
//    margin-top: 2%;
//    display: inline-block;
//    vertical-align: top;
//    margin-right: 1%;
//    margin-left: 1%;
//  }
//  .divright{
//    float: left;
//    position: relative;
//    right:-100px;
//    margin-left: -100px;
//    width: 100px;
//    background: gray;
//  }
//}
.center{
  padding-right  : 50px;
  display:inline-block;
  vertical-align: top;
}

.flag{
  display: inline-block;
  width:200px;
  margin: 10px 10px 15px 10px;
  border-radius:0 0 10px 10px;
}

.Statistics{
  border-radius:10px 10px 10px 10px;
  width:260px;
  height: 80px;
  background-color:azure;
  margin:auto;
  margin-top: 10px;
}

.right{
  display:inline-block;
  width:300px;
  background: white;
}

.demo-chart{
  height: 30px;
}
.demo-type-chart{
  height: 500px;
}

.cont-block {
  width:20%;
  display:inline-block;
  min-width:200px;
  margin: 10px 2% 20px;
  //margin-top: 10px;
  //margin-bottom: 10px;
  //margin-left: 2%;
  //margin-right: 2%
}

.cardHover:hover{
  cursor: pointer;
}
