/*TRIGGER*/
.trigger {
    position: relative;
    width: 100%;
    padding: 15px;
    background: #333;
    font-size: 1em;
    font-weight: 500;
    color: var(--color-white);
    margin-bottom: 15px;
}

.trigger_none {
    margin-bottom: 0;
}

.trigger p {
    margin-top: 10px;
}

.trigger_ajax {
    display: none;
    cursor: pointer;
}

.trigger_success {
    background-color: var(--color-green);
}

.trigger_info {
    background-color: var(--color-blue);
}

.trigger_alert {
    color: var(--color-black);
    background-color: var(--color-yellow);
}

.trigger_orange {
    background-color: var(--color-orange);
}

.trigger_error {
    background-color: var(--color-red);
}

.trigger_vintage {
    background-color: var(--color-vintage);
}

.trigger_default {
    background-color: var(--color-default);
}

.trigger_modal {
    position: fixed;
    right: 0;
    top: 0;
    width: 460px;
    max-width: 80%;
    padding: 20px 20px 0 0;
    cursor: pointer;
    z-index: 999;
}

.trigger_modal .trigger {
    padding: 20px;
    margin: auto 30px auto auto;
}