.no-data, .full-data, .partial-data-1, .partial-data-2 {
    text-align: center;
    position: relative;
    padding: 0px;
}

    .no-data span, .full-data span, .partial-data-1 span, .partial-data-2 span {
        color: white;
        font-weight: bold;
        padding: 0px;
		padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 12px;
        font-family: Roboto;
        text-transform: uppercase;
        width: 32px;
    }


.no-data span {
        background: red;
		display: flex;
		height: 100%;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
}

    .full-data span {
        background: rgb(80, 120, 66);
		display: flex;
		height: 100%;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
    }


.partial-data-1 span {
        background: darkgoldenrod;
		display: flex;
		height: 100%;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
}

.partial-data-1 span {
    background: darkgoldenrod;
		display: flex;
		height: 100%;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
}

.partial-data-2 span {
        background: darkorange;
		display: flex;
		height: 100%;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
    }

.text-nowrap1{
	align-items: center;
	--white-space: nowrap;
}