﻿.choices__item {
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-topbar * {
    max-height: 50px;
}

#_globalsite-container .choices__list {
    max-height: initial !important;
}

.dropdown-menu {
    max-height: initial !important;
}

.page-content {
    padding: calc(40px + 1.5rem) calc(1.5rem*.5) 60px calc(1.5rem*.5);
}

.text-bg-pending, .text-bg-new {
    background: var(--vz-danger) !important;
}

.text-bg-acknowledged {
    background: #6db09d !important;
}

.text-bg-completed, .text-bg-done, .text-bg-ok {
    background: #40bb82 !important;
}

.text-bg-cancelled {
    background: #f3f6f9 !important;
    color: black !important;
}

.text-bg-started {
    background: #ffca5b !important;
}

.navbar-header form {
    padding: 0;
    display: flex !important;
    align-items: center !important;
}

.nav-tab-danger.active {
    background: var(--vz-danger) !important;
}

.nav-tab-secondary.active {
    background: var(--vz-secondary) !important;
    color: white !important;
}

.nav-tab-success.active {
    background: var(--vz-success) !important;
    color: white !important;
}

.nav-tab-info.active {
    background: var(--vz-info) !important;
    color: white !important;
}

.nav-tab-warning.active {
    background: var(--vz-warning) !important;
    color: black !important;
}

.nav-tab-light.active {
    background: var(--vz-light) !important;
    color: black !important;
}

.choices__list--dropdown {
    display: none;
    transform: none !important;
}

.choices__list--dropdown.is-active {
    display: block;
    animation-name: none !important;
}

@keyframes loading-dot-1 {
    0% {
        top: 0;
    }

    50% {
        top: -6px;
    }

    100% {
        top: 0;
    }
}

@keyframes loading-dot-2 {
    0% {
        top: -3px;
    }

    25% {
        top: -6px;
    }

    50% {
        top: -3px;
    }

    75% {
        top: 3px;
    }

    100% {
        top: -6px;
    }
}

@keyframes loading-dot-3 {
    0% {
        top: -6px;
    }

    50% {
        top: 0px;
    }

    100% {
        top: -6px;
    }
}

#elmLoader {
    display: none;
}

.elmLoaderClone {
    display: none;
    z-index: 5000;
    background-color: white;
    opacity: 0.5;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0
}

.search-label {
    font-weight: 400;
    font-size: .8512rem;
    position: absolute;
    top: 50%;
    left: 41px;
    transform: translateY(-50%);
    color: gray;
    pointer-events: none;
    transition: 0.2s;
}
