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

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

.coolButton:hover {
    background: #006bb8;
}

.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: #0073C7;
}

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

a:active {
    color: #0073C7;
}

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

a:visited {
    color: #0073C7;
}

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

a:active {
    color: #0073C7;
}