.main-box{
  color: #ffffff;
  position: relative;
  padding:20px 15px;
  overflow: hidden;
  margin-bottom: 10px;
  box-shadow:0 0 6px rgba(0,0,0,0.25);
  background-color:#fff;
}

.main-box .head-title{
  font-size: 14px;
  line-height: 16px;
  font-family: 'Lato-Regular';
  display:block;
  margin-bottom:10px;
  color:#666666;
}

.main-box .number{
  font-size: 18px;
  line-height: 20px;
  font-family: 'Lato-Bold';
  display:block;
  color:#666;
}
.main-box .sidebox {
  position:absolute;
  top:0; right:0;
  background-color:#666;
  width:45px; height:45px;
  border-radius:0 0 0 100%;
  display:block;
  text-align:center
  }
.main-box .sidebox i {
    font-size:26px;
    line-height:26px;
    position: relative;
    top: 5px;left: 4px;
  }
.main-box .sidebox i:before{font-family: 'material-design-iconic'; font-style: normal;}
.funder-icon:before {content: '\f131';}
.loanamount-icon:before {content: '£';}
.bal-pending-icon:before{content: '\f336';}
.amountrep-icon:before{content: '£';}
.purplebox.main-box .sidebox { background-color:#8f74d1; }
.yellowbox.main-box .sidebox { background-color:#f8bc3e; }
.greenbox.main-box .sidebox { background-color:#0eb122; }
.pinkbox.main-box .sidebox { background-color:#de5ece; }
.redbox.main-box .sidebox { background-color:#ec5b42; }
.orangebox.main-box .sidebox { background-color:#f47126; }