/* Fonts
*****************************************************************/
/* Palette
*****************************************************************/
/* Text
*****************************************************************/
/* Background
*****************************************************************/
/* Layout
*****************************************************************/
/* Margins
******************************************************************************/
/* Mixins
*****************************************************************/
dcom-progressbar {
  display: block;
  overflow: hidden;
  height: 6px;
  background: #CCCCCC;
  border-radius: 6px;
}
dcom-progressbar .progress {
  width: 0;
  height: 6px;
  background: #1F5EA9;
  -moz-transition: width 1s, background 0.2s;
  -o-transition: width 1s, background 0.2s;
  -webkit-transition: width 1s, background 0.2s;
  transition: width 1s, background 0.2s;
}
dcom-progressbar .progress.completed {
  background: #49AAFF;
}
dcom-progressbar.medium {
  height: 12px;
  border-radius: 12px;
}
dcom-progressbar.medium .progress {
  height: 12px;
}
dcom-progressbar.large {
  height: 20px;
  border-radius: 20px;
}
dcom-progressbar.large .progress {
  height: 20px;
}