[v-cloak] {
    display: none;
}
.header {
    padding: 20px 0;
}
.body {
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 80px;
}
.segment {
}
.segment .tag {
    width: 45px;
    height: 40px;
    margin: 0 .25rem .5rem .25rem;
    cursor: help;
}
.segment .tag:not(:last-child) {
    margin-right: .25rem;
}
.segment .tag.is-success {
    cursor: default;
}
.segment .tag.is-danger {
    cursor: pointer;
}
.footer {
    background-color: #ffffff!important;
    padding: 1rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}
.notification {
    padding: .7rem 2.5rem .7rem 1.5rem
}
.notification>.delete {
    top: .8rem;
}
.notification.is-loading {
    pointer-events: none;
    text-indent: 1.5rem;
}

.notification.is-loading::after {
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    width: 1em;
    top: calc(50% - (1em * .5));
    position: absolute!important;
}

.notification.is-loading::after {
    border-color: transparent transparent #fff #fff!important;
}

.modal-loading .modal-content {
    text-align: center;
}
.modal-loading .modal-background {
    background-color: rgba(10, 10, 10, 0.1);
}

.modal-loading .modal-content .notification {
    display: inline-block;
    pointer-events: none;
    text-indent: 1.5rem;
    padding: .7rem 1rem .7rem 1rem;
}

.modal-loading .modal-content .notification::after {
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    width: 1em;
    top: calc(50% - (1em * .5));
    position: absolute!important;
}

.modal-loading .modal-content .notification::after {
    border-color: transparent transparent #fff #fff!important;
}

@media screen and (max-width: 768px) {
    .action-buttons {
        justify-content: space-between!important;
    }
    .action-buttons .button {
        margin: 0!important;
    }
    .modal-card-foot, .modal-card-head {
        padding: 15px!important;
    }
    .modal-card-title {
        font-size: 1rem!important;
    }
}