:root {

    --turq: #3acde1;
    --lblue: #3497fc;
    --blue: #5672fb;
    --pink: #f74a85;
    --yella: #fcc440;
    --navy: #0D0A27;
}


.drDashboard * {
    
    -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
     margin: 0 auto;
  max-width: 100%;
    
}

.drDashboard {
    
    display: inline-block;
    padding-left: 0px;

    
}

.image_logo {
    padding-top:20px;
    width:200px;
  
}

.grid_item {
  background: #ebebeb;
  display: block;
  float: left;
  position: relative;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.grid_link {
  display: block;
  position: relative;
  overflow: hidden;
  border: 4px solid var(--navy);
}

.tile {
  font-family: Roboto;
  position: absolute;
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  width: 100%;
   
    
}

.tile li {
    
    font-size: 12pt;
    line-height:40px;

}

.tile ul {
    list-style: none;
    padding-inline-start: 20px
}


.main_metric {
  
  font-size: 30pt;
  font-weight:bold;
  text-anchor:middle;
}

.metric_title {
    font-size:15pt;
   font-weight:bold;
   text-anchor:middle;
 overflow-wrap: break-word;
    
}

.week_and_target{

  font-size:8pt;
  fill:#A9A9A9
  
}

.last_week_metric{
    font-size:13pt;
   font-weight:bold;
}

.target_title {
  font-size:8pt;
  fill:#A9A9A9;
 text-anchor:end;

}

.target_metric {
  
      font-size:13pt;
   font-weight:bold;
   text-anchor:end;

}



.span__1 {
  width: 300px;
}
.span__1 .grid_link {
  padding-bottom: 100%;
}



.debt_per {
  fill: var(--turq);
}

.cust_sat {
  fill: var(--blue);
}

.serv_ex {
 fill: var(--pink);
}

.work_stat {
 fill: var(--yella); 
}