body {
    background-color: #f0f0f0;
}
/* General error box styling */
.error-message {
    border-left: 4px solid #e53935; /* red */
    background-color: #fcebea;
    color: #b71c1c;
    padding: 12px 16px;
    margin: 16px 0;
    font-family: \'Segoe UI\', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Bold part (e.g., "Error:") */
.notification-message strong {
    font-weight: 600;
}

/* General error box styling */
.notification-message {
    border-left: 4px solid #35a5e5; /* red */
    background-color: #fcfdfd;
    color: #2196F3;
    padding: 12px 16px;
    margin: 16px 0;
    font-family: \'Segoe UI\', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Bold part (e.g., "Error:") */
.error-message strong {
    font-weight: 600;
}
#a8_qrcode {
    width: 100%;
    height: 200px;
}
@font-face {
    font-family: \'Selincah\';
    src: url(\'includes/fonts/SELINCAH.ttf\') format(\'truetype\');
    font-weight: normal;
    font-style: normal;
}
.bottom-divider {
    color: #e1e1e1;
    margin-left: 1em;
    margin-right: 1em;
}