.progress {
	margin: 80px;

	.page-title {
		right: 30%;
	}

	.app {
		margin-bottom: 24px;

		.logs-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			position: relative;
			
			h2 {
				margin-bottom: 24px;
			}

			.infos {
				position: relative;
				display: inline-block;

				.tooltip {
					position: absolute;
					top: 30px; 
					left: 50%;
					transform: translateX(-100%);
					background-color: #333;
					color: #fff;
					padding: 8px 12px;
					border-radius: 6px;
					font-size: 14px;
					z-index: 1000;
					white-space: nowrap;
					box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
					display: none;
				}

				&:hover .tooltip {
					display: block;
				}
			}
		}
	}

	.progress-btn {
		display: flex;
		justify-content: end;

		.btn {
			display: inline-flex;
			border-radius: var(--general-border-radius);
			background-color: var(--primary-button);
			color: white;
			font-size: 18px;
			text-decoration: none;

			&:hover {
				background-color: var(--primary-button-hover);
			}
		}
	}

	#progress-bar-container {
		width: 100%;
		background-color: #D9D9D9;
		margin-bottom: 10px;

		#progress-bar {
			width: 0%;
			height: 6px;
			background-color: #AFAFAF;
			text-align: center;
			color: white;
			transition: width 0.5s;
		}
	}

}