.swal2-popup {
    font-family: helvetica, arial !important;
}

.coolButton {
	transition: .1s;
    cursor: pointer; 
    line-height: 50px;
    font-size: 12pt;font-weight: 600; height: 50px;width: 100%;background: #eb4034;color: white;border: none;border-radius: 5px;margin-top: 10px;
}

.coolButton:hover {
    background: #d32f23;
}

.coolTextArea {
	outline: none; background: white; resize: none; border-radius: 8px; min-height: 2em; outline: none; width: 100%; padding: 15px; box-sizing: border-box; font-size: 12pt; font-family: helvetica,arial; border: 1px solid #3e3e3e; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; transition: border-color 0.3s ease;
}

.coolInput {
	outline: none; background: white; resize: none; border-radius: 8px; min-height: 2em; outline: none; width: 100%; padding: 15px; box-sizing: border-box; font-size: 12pt; font-family: helvetica,arial; border: 1px solid #E0E0E0; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; transition: border-color 0.3s ease;
}

a {
    color: #0073C7;
    text-decoration: underline;
}

a:visited {
    color: #eb4034;
}

a:hover {
    color: #d32f23; /* Slightly darker blue */
    text-decoration: underline;
}

a:active {
    color: #eb4034;
}

/* Optional: If you want to remove the default underline and only show it on hover */
a {
    color: #eb4034;
    text-decoration: none;
}

a:visited {
    color: #eb4034;
}

a:hover {
    color: #d32f23;
    text-decoration: underline;
}

a:active {
    color: #eb4034;
}