[v-cloak] {
    display: none;
}

html, body {
    height: 100%;
}

body, .navbar, .footer, #app {
    background-color: #f7f9fd;
}

#app {
    padding-left: 14px;
    padding-right: 14px;
}
a {
    color: #1e87f0;
}

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

.bd-navbar {
    font-size: 1.125rem;
    padding: 1rem 0;
}

.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
    color: #1e87f0;
}

.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;
}

.tabs li.is-active a {
    border-bottom-color: #1e87f0;
    color: #1e87f0;
}

.is-right {
    float: right !important;
}

.icu-list .box {
    cursor: pointer;
}

.icu-list .active {
    background: #1e87f0;
}
.icu-list .box:not(.active):hover {
    background: hsl(0, 0%, 96%);
}

.icu-list .subtitle {
    color: #c4c4c4;
}

.icu-list .active .title {
    color: #fff;
}

.icu-list .active .subtitle {
    color: #72b6fa;
}

.icu-list-version li {
    margin-top: 0.35rem;
}

.icu-danger {
    color: hsl(348, 100%, 61%);
}

.icu-center {
    text-align: center;
}

.home.tabs-wrapper {
    min-height: 657px;
}

.tabs-content > ul > li {
    display: none;
}

.tabs-content > ul > li.is-active {
    display: block;
}

.countdown {
    display: flex;
    justify-content: center;
}

.countdown-minutes,
.countdown-seconds {
    font-size: 6rem;
    line-height: .8;
}
.countdown-minutes span,
.countdown-seconds span {
    display: inline-block;
    width: 60px;
    text-align: center;
}

.countdown-item {
    margin: 0 5px;
}

.countdown-label {
    text-align: center;
    color: hsl(0, 0%, 48%);
}

.countdown-separator {
    font-size: 3rem;
    line-height: 1.6;
}

.notification.is-desktop {
    display: none;
}

@media screen and (max-width: 769px) {
    .navbar-item > span {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .notification.is-desktop {
        display: block;
    }
}