body {
	background: url('images/building.jpg') no-repeat center bottom fixed;
	background-size: cover;
	}

/* table {
	font-size: 1em;
} */

.ui-draggable, .ui-droppable {
	background-position: top;
}

.link-text {
	color: #0d6efd;
	cursor: pointer;
	text-decoration: underline;
}


.rotate-me {
	display: inline-block;
	transform: rotate(-35deg);
	/* display: inline-block; */
	white-space: wrap;
}

    
.progresses{
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 10px; */
   }

.line-completed{

width: 200px;
height: 4px;
background: #63d19e;
}

.line-pending{

width: 200px;
height: 4px;
background: #c9c3c3ff;
}


.steps-completed {
align-items: center;
align-content: center;
/* display: flex; */
background-color: #63d19e;
color: #fff;
font-size: 14px;
width: 45px;
height: 40px;
align-items: center;
justify-content: center;
border-radius: 50%;

}


.steps-pending {

display: flex;
background-color: #c9c3c3ff;
color: #fff;
font-size: 14px;
width: 45px;
height: 40px;
align-items: center;
justify-content: center;
border-radius: 50%;

}