/* All styles created for demo purposes only, you may not need this for your project */
.demo-button button {
  margin-bottom: 5px; }

.demo-icons li {
  margin-bottom: 50px;
  text-align: center; }

.demo-icons .lnr,
.demo-icons .fa {
  font-size: 28px; }

.demo-icons .cssclass {
  display: block;
  margin-top: 5px;
  margin-left: 5px; }

/*# sourceMappingURL=demo.css.map */
.navbar-default .brand{
	padding: 20px 39px
}
.navbar-default .brand a{
	font-size: 25px;
	color: #666;
}
.dashboardhome {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.firstline {
  display: flex;
  width: 100%;
  height:20%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  }
  .boxfirst {
    width: 200px;
    height: 200px;
    /* 1B899D */
    /* or F89A3A */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background-color: #1B899D;
    color: white;
    margin:5px;
    padding: 5px;
  }
  .boxfirsthead {
    /* padding: 5px; */
    margin:5px;
    background-color: #1B899D;
  }
  .boxfirstvalue {
    /* padding: 5px; */
    margin:5px;
    /* background-color: #F89A3A; */
  }
  .secondline {
    display: flex;
    width: 100%;
    height:500px;
    flex-direction: row;
    flex-wrap: wrap;
    }
    .thirdline {
      display: flex;
      width: 100%;
      height:500px;
      flex-direction: row;
      flex-wrap: wrap;
      }