/* Copyright 2013-2018 Q2eBanking */
#ember-a11y-refocus-nav-message {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.ember-a11y-refocus-skip-link {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.75);
    font-size: .75rem;
    color: #fff;
    padding: .25rem;
    text-decoration: none;
    transform: translateY(-100%);
    transition: transform .3s ease-in-out
}

.ember-a11y-refocus-skip-link:focus {
    transform: translateY(0)
}

@keyframes garage-door-open-keyframes {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes garage-door-close-keyframes {
    0% {
        transform: translateY()
    }

    100% {
        transform: translateY(-100%)
    }
}

.favorites-list {
    position: relative
}

.favorites-list .favorite-items {
    position: absolute;
    right: 0;
    width: 225px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FFF;
    border: 1px solid #A6A6A6;
    border-radius: 8px;
    z-index: 60
}

.favorites-list .favorite-items .favorite-row {
    padding: 10px 0;
    position: relative
}

.favorites-list .favorite-items .favorite-row.selectable:hover {
    background: #E5E5E5
}

.favorites-list .favorite-items .favorite-row .favorite-name {
    cursor: pointer;
    padding-left: 6px
}

.favorites-list .favorite-items .favorite-row .favorite-icon {
    cursor: pointer;
    text-align: right;
    font-size: 20px;
    line-height: .4em
}

.favorites-list .modal {
    display: block
}

.favorites-list .modal .modal-content {
    white-space: normal
}

.favorites-list .modal label {
    color: #2E2E2E!important
}

.info-tooltip .tip-icon {
    cursor: pointer
}

.info-tooltip {
    display: none
}

body.desktop .info-tooltip {
    display: inline-block
}

body .collapse {
    display: none
}

body .collapse-shown {
    display: block
}

body .collapse-hidden {
    display: none
}

body .collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    display: block;
    transition: height var(--t-tween-time-in-m,500ms) var(--t-tween-ease-inout,ease-in-out)
}