.alertify, .alertify-log {
    font-family: sans-serif;
}

.alertify {
    background: #f6f8fa;
    border-radius: 5px;
    border: #818ea1 solid 5px;
    border: rgba(0, 0, 0, 0.4) solid 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
}

.alertify-text {
    border: #CCC solid 1px;
    padding: 10px;
    border-radius: 4px;
}

.alertify-button {
    border-radius: 5px;
    color: #FFF;
    font-weight: 700;
    padding: 3px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
}

    .alertify-button:focus, .alertify-button:hover {
        outline: 0;
    }

    .alertify-button:focus {
        box-shadow: 0 0 5px #2B72D5;
    }

    .alertify-button:active {
        position: relative;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    }

.alertify-button-cancel, .alertify-button-cancel:focus, .alertify-button-cancel:hover {
    background-color: #FE1A00;
    border: #D83526 solid 1px;
}

.alertify-button-ok, .alertify-button-ok:focus, .alertify-button-ok:hover {
    background-color: #5CB811;
    border: #3B7808 solid 1px;
}

.alertify-log {
    background: #1F1F1F;
    background: rgba(0, 0, 0, 0.9);
    padding: 15px;
    border-radius: 4px;
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.alertify-log-warning {
    background: #ff6a00;
}

.alertify-log-error {
    background: #FE1A00;
    background: rgba(254, 26, 0, 0.9);
}

.alertify-log-success {
    background: #5CB811;
    background: rgba(92, 184, 17, 0.9);
}
