.stability-badge{
    position: absolute;
    right:0px;
    top:0px;
    border-style: solid; border-width: 0 100px 40px 0; height: 0px; width: 0px;
    -ms-transform:rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    transform:rotate(360deg);
}

.stability-badge-new{
    border-color: transparent #F44336 transparent transparent;
}

.stability-badge-loyal{
    border-color: transparent #F6BB42 transparent transparent;
}

.stability-badge-occasional{
    border-color: transparent #37BC9B transparent transparent;
}

.stability-text{
    color:#fff; font-size:12px; font-weight:bold; position:relative; white-space: nowrap;
    -ms-transform:rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg);  /* Opera 10.5 */
    -webkit-transform:rotate(21deg); /* Safari and Chrome */
    transform:rotate(21deg);
}   

.stability-text-new{
    right:-56px; top:5px;
}   
.stability-text-loyal{
    right:-54px; top:2px;
}   
.stability-text-occasional{
    right:-34px; top:-2px;
}   


.bullet {    font-size:0.75rem; font-weight: 500;}
.bullet .marker { stroke: #000; stroke-width: 0.5rem; }
.bullet .tick { font-size: 0px; }
.bullet .range.s0 { fill: #FFF; }
.bullet .measure.s4 { fill: #ff5524; }
.bullet .measure.s3 { fill: #ff9d25; }
.bullet .measure.s2 { fill: #ffdd27; }
.bullet .measure.s1 { fill: #b3ff23; }
.bullet .measure.s0 { fill: #58e244; }
.bullet .measure-label tspan {
    font-size: 0px;
}


.persona-card {
	float: left;
	width: 20%;
	margin-bottom:0rem;
	border: 1px solid #BDBDBD !important;
	cursor: pointer;
}

.persona-card:hover {
    background-color: #f5f5f5;
    border: 1px solid #000000 !important;
}