/* progression steps for three line text*/
/* health and dental*/
.green-next-apply-long {
float: left;
width: 104px;
height: 49px;
padding-top: 3px;
font-size: 12px;
color: #999;
text-align: center;
}

.green-active-apply-long {
float: left;
width: 104px;
height: 49px;
padding-top: 3px;
background-color: #c5d2af;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.green-next-request-long {
float: left;
width: 242px;
height: 32px;
padding-top: 3px;
font-size: 12px;
color: #999;
text-align: center;
}

.green-active-request-long {
float: left;
width: 242px;
height: 49px;
padding-top: 3px;
background-color: #c5d2af;
font-size: 12px;
font-weight: bold;
text-align: center;
}
/* end health and dental*/

/* life*/
.brown-next-apply-long {
float: left;
width: 104px;
height: 32px;
padding-top: 3px;
font-size: 12px;
color: #999;
text-align: center;
}

.brown-active-apply-long {
float: left;
width: 104px;
height: 49px;
padding-top: 3px;
background-color: #e8d4ab;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.brown-next-request-long {
float: left;
width: 242px;
height: 32px;
padding-top: 3px;
font-size: 12px;
color: #999;
text-align: center;
}

.brown-active-request-long {
float: left;
width: 242px;
height: 49px;
padding-top: 3px;
background-color: #e8d4ab;
font-size: 12px;
font-weight: bold;
text-align: center;
}
/* end life*/

/* travel */
.blue-next-apply-long {
float: left;
width: 104px;
height: 32px;
padding-top: 3px;
font-size: 12px;
color: #999;
text-align: center;
}

.blue-active-apply-long {
float: left;
width: 104px;
height: 49px;
padding-top: 3px;
background-color: #c3cbdc;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.blue-next-request-long {
float: left;
width: 242px;
height: 32px;
padding-top: 3px;
font-size: 12px;
color: #999;
text-align: center;
}

.blue-active-request-long {
float: left;
width: 242px;
height: 49px;
padding-top: 3px;
background-color: #c3cbdc;
font-size: 12px;
font-weight: bold;
text-align: center;
}
/* end travel */

/* critical */
.purple-next-apply-long {
float: left;
width: 104px;
height: 32px;
padding-top: 3px;
font-size: 12px;
color: #999;
text-align: center;
}

.purple-active-apply-long {
float: left;
width: 104px;
height: 49px;
padding-top: 3px;
background-color: #d3c0c0;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.purple-next-request-long {
float: left;
width: 242px;
height: 32px;
padding-top: 3px;
font-size: 12px;
color: #999;
text-align: center;
}

.purple-active-request-long {
float: left;
width: 242px;
height: 49px;
padding-top: 3px;
background-color: #d3c0c0;
font-size: 12px;
font-weight: bold;
text-align: center;
}
/* end critical */
/* end progression steps */