.title-text {
	margin: 7rem 0px;
	text-align: center;
}

.flex-container {
	display: flex;
	align-items: center;
	gap: 4rem;
}

.file-empty-container {
    position: relative; 
    width: 100%; 
    border: 1px dashed #fff;
    border-radius: 8px; 
    color: #fff;
    text-align: center;
    padding: 15px 10rem;
}

.file-upload-input {
	opacity: 0; 
	cursor:pointer; 
	position: absolute; 
	top:0; 
	bottom: 0; 
	right: 0; 
	left: 0;
}

.file-full-container {
	display: flex; 
    width: 30rem;
    border-radius: 8px;
    padding: 15px 1rem;
    background-color: white;
    align-items: center;
    gap: 1rem;
}

.csv-icon {
    background-image: url('../../media/csv_icon.svg');
    width: 32px;
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    height: 32px;
}

.xlsx-icon {
    background-image: url('../../media/xlsx_icon.svg');
    width: 32px;
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    height: 32px;
}

.file-text {
	flex-grow: 1;
	color: #000;
}

.principal-button {
	padding: 15px 52px;
	border-radius: 8px;
	background-color: #0098cd;
	border: none;
	cursor: pointer;
}

.principal-button.disabled {
	background-color: #979797;
}

/* BANNER CSS */

.error-container {
	width: 100%;
	background-color: rgba(255, 0, 0, 0.5);
	text-align: center;
	padding: 15px 0px;
	margin-bottom: 24px;
	border-radius: 8px;
}

.success-container {
	width: 100%;
	background-color: rgba(48, 185, 0, 0.5);
	text-align: center;
	padding: 15px 0px;
	margin-bottom: 24px;
	border-radius: 8px;
}