/* Define custom properties for colors */
:root {
    --bg-color: #008000f7;
    --bg2-color: rgba(0, 0, 0, 0.6);
    --text-color: #fff;
    --text2-color: #292727;
    --success-color: #28a745;
    --error-color: #dc3545;
    --warning-color: #f05025;
    --info-color: #17a2b8;
    --active-bg: #253360;
}

.wzt-notification {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
    position: fixed;
    top: 6%;
    right: 1%;
    width: auto;
    color: var(--text-color);
    display: none;
    z-index: 99999999999999;
}

.wzt-notification-success {
    background-color: var(--success-color);
    display: block;
}

.wzt-notification-error {
    background-color: var(--error-color);
    display: block;
}

.wzt-notification-warning {
    background-color: var(--warning-color);
    display: block;
}

.wzt-notification-info {
    background-color: var(--info-color);
    display: block;
}

.wzt-notification strong {
    font-weight: bold;
}