html, body {
    height: 100vh; /* Full viewport height */
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: flex-start; /* Aligns content to the top */
    margin: 0; /* Remove default margin */
    padding-top: 20px; /* Optional: Adds some space at the top */
}

/* Info Alert */
.element-alert.info {
    background-color: var(--CTT-core-color-status-new-light);
}

/* Warning Alert */
.element-alert.warning {
    background-color: #ffc107;
}

/* Error Alert */
.element-alert.error {
    background-color: #dc3545;
}

.element-alert.error p.title {
	font-weight: bold;
	font-size: 22px;
}	

.element-popup .body {
	width: 100%;
	white-space: normal;
	padding-right: 30px;
	word-wrap: break-word; 
	overflow-wrap: break-word; 
}	

.element-popup .body b {
	font-weight:bold;
}	

.element-popup .content {
	width: 100%;
}	

.element-popup .title {
	margin-top: 4px;
}	

.element-popup .div {
	padding: 0px;
}	

.element-popup #info-card-container-reject-suggestion {
    padding: 0px 0px var(--CTT-core-units-space-space-l-duplicate) 0px;	
}	

#info-card-container-reject-suggestion {
	display:none;
}	

p.body pre {
	white-space: pre-wrap; /* Allows wrapping */
    word-wrap: break-word; /* Ensures long words wrap */
    overflow-wrap: break-word; /* Alternative for better compatibility */
}	

.element-popup .element-infocard-2-reject {
	background-color: #ffeaec;
}

.element-popup .element-infocard-2 {
    box-sizing: border-box;
	margin:2px;
}

.element-popup .element-infocard-2:hover {
	border: 3px solid var(--CTT-core-color-brand-primary); 
    cursor: pointer;    
	margin:0px;
}

.element-popup .element-infocard-2.selected {
	border: 3px solid var(--CTT-core-color-brand-primary); 
    cursor: pointer;    
	margin:0px;
}

.element-popup .main-action {
	border: 1.5px solid;
    border-color: var(--CTT-core-color-surface-background);
	cursor: pointer;
	display:none;
}	

.element-popup .secondary-action {
	border: 1.5px solid;
    border-color: var(--CTT-core-color-outline-outline-brand);
	cursor: pointer;
}	


.element-popup .main-action:hover {
	background-color: var(--CTT-core-color-surface-background);
	border: 1.5px solid;
    border-color: var(--CTT-core-color-outline-outline-brand);
}	

.element-popup .secondary-action:hover {
	background-color: var(--CTT-core-color-outline-outline-brand);
	border: 1.5px solid;
    border-color: var(--CTT-core-color-surface-background);
}	

.element-popup .main-action:hover .button-2 {
	color: var(--CTT-core-color-text-text-error);
}	

.element-popup .secondary-action:hover .button {
	color: var(--CTT-core-color-surface-background);
}

img#img-close {
    cursor: pointer;
    display:none;
}