/*
 * Customization of the Bulma CSS framework.
 */

/* Remove special text color for links. */
a {
    color: unset;
}

/* Do not break / wrap icon texts within dropdowns. */
.dropdown-item .icon-text {
    flex-wrap: unset !important;
}

/* Make modals look sharp */
.modal-card-head,
.modal-card-foot {
    border-radius: 0px;
}

.modal {
    z-index: 100 !important;
}

/* Increase space between modal card header icon and text */
.modal-card-head .icon-text .icon {
    margin-right: 0.75em;
}

/* A slightly more intense red */
.has-background-danger,
button.is-danger:not(.is-outlined):not(.is-light),
a.is-danger:not(.is-outlined):not(.is-light) {
    background-color: #ed4337 !important;
}

.has-text-danger {
    color: #ed4337 !important;
}

/* A card with a more narrow shadow */
.card {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid #c9ccd4b6;
}

/* Align values vertically centered. */
table td {
    vertical-align: middle;
}

.modal-card-foot .button {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.modal-card-foot .button.is-light {
    border: 1px solid #c9ccd4b6;
}