.alert {
    display: none;
    min-width: 25%;
    max-width: 50%;
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
    text-align: left;
    position: fixed;
    top: 40%;
    left: 20%;
    margin-top: -50px;
    margin-left: -50px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    z-index: 2002;
}

    .alert h4 {
        font-size: 1.7rem;
        font-weight: 500;
        margin-top: 5px;
    }

    .alert p {
        font-size: 1.2rem;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .alert.success {
        color: #155724;

        @if (SessionHandler.UserId == 6210 /*Henrik*/) // Gift to Henrik from Jocke {
            <text> background-image: url(https://fsmedia.imgix.net/05/a9/aa/5c/261b/4afa/a99c/ac32c5c1b81e/vault-boy.png);
            background-size: contain;
            background-repeat: no-repeat;
            height: 85%;
            background-position-y: center;
            </text>
        }

        background-color: #d4edda;
        border-color: #c3e6cb;
    }

    .alert.warn {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

    .alert.danger {
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

    .alert a {
        position: absolute;
        top: -5px;
        right: 10px;
        text-decoration: none;
        color: inherit;
        font-size: 1.9rem;
    }

        .alert a:hover {
            cursor: pointer;
            font-weight: 600;
        }

#alert-modal {
    border-radius: 1em;
    border: 1px solid black;
}