#app-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.gif-wrapper {
	display: flex;
	align-items: center;
}

#consolidatedManagementPlanForm {
    flex: 1; /* take up half the space */
    max-width: 50%; /* limit width to half of the container */
	resize: vertical;
}

input[type="text"],
textarea {
    width: 100%;
	height: calc(7em);
    padding: 1px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

.container {
	width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px; /* spacing between form and right div */
}

#rightDiv {
    flex: 1; /* take up half the space */
    padding: 20px;
    border-radius: 4px;
	text-align: left;
}

.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	margin: auto auto;
	position: relative;
	padding: 10px;
	animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }