.increaseCounterTable {padding: 0px; margin: 0px; font-weight:bold; font-size:1.2em !important; color:#fff !important;}
.increaseCounterTable td, .increaseCounterTable tr { border:0px; vertical-align: middle !important; padding: 0px !important; margin: 0px !important; height: 20px; }
.increaseCounterTable tr { min-height:25px; border-bottom:4px solid #fff; }
.increaseCounterTable .stageTitle { background-color: #cfcfcf; color:#000; font-size:1.3em; }
.increaseCounterTable .text { margin-left:10px; }


.increaseBlock { clear:both; padding-top:10px; }
.increaseBlock > div {float:left; color: #ffffff; }
  
.increaseBlock .devText {font-size: 0.8em !important; margin-top: -77px;color: #000;padding-left: 0px;}
.increaseBlock .topText {width: 100%; margin-top: 2px; margin-bottom: -16px;color: #fff; margin-left: 10px;}
.increaseBlock sup {font-size:0.6em !important; margin-top:-15px; padding-right:5px;}
.increaseBlock span { margin-left: 20px; padding:5%; display: flex; justify-content: center; align-items: center; padding-top:16%;}

.increaseBlock .stageName h3 { color: #000;}
	
.lightGreyBg { color:#000; background-color: #cfcfcf !important;}
.greyBg { color:#fff;  background-color: #2f2f2f !important;}
.redBg { color:#fff; background-color: #d20022 !important;}
.redLightBg { color:#fff;  background-color: #ee3131 !important;}
	
.first-triangle-right {
  height:100%;
  border-top: 20px solid transparent;
  border-left: 20px solid #cfcfcf;
  border-bottom: 20px solid transparent;
}.triangle-right {
  height:100%;
  border-top: 20px solid transparent;
  border-left: 20px solid #2f2f2f;
  border-bottom: 20px solid transparent;
}.triangle-right-red-light {
  height:100%;
  border-top: 20px solid transparent;
  border-left: 20px solid #d20022;
  border-bottom: 20px solid transparent;
}