.fchat-max-container.fchat-no-toolbar-elements .slide-fade-leave-active .fchat-chat-panel:before {
    visibility: hidden
}

.fchat-max-container.fchat-no-toolbar-elements .fchat-main-panel .fchat-chat-panel:before {
    content: " ";
    position: fixed;
    top: 1rem;
    left: 1px;
    right: 1px;
    height: calc(29px + 1rem);
    background-color: var(--fchat-header-background-color);
    width: auto
}

.fchat-toolbar {
    z-index: 3;
    margin-top: -1px
}

.fchat-mobile .fchat-toolbar {
    padding-top: var(--fchat-header-override-padding-top)
}

.fchat-no-toolbar-elements .fchat-toolbar {
    padding: .5rem
}

.fchat-toolbar .fchat-toolbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.fchat-toolbar .fchat-route-back {
    overflow: hidden
}

.fchat-route-back .fchat-toolbar-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fchat-toolbar .fchat-button-hover {
    position: relative;
    overflow: visible;
    height: 1.875rem;
    width: 2rem
}

.fchat-toolbar .fchat-button-text:focus {
    color: var(--fchat-header-text-color)
}

body.fchat-mobile .fchat-toolbar .fchat-button-hover {
    margin: 0 .2rem 0 0
}

.fchat-button-hover,.fchat-button-submitting {
    position: relative
}

.fchat-button-hover:focus:before:not(:disabled),.fchat-button-hover:hover:before:not(:disabled),.fchat-button-submitting:before:not(:disabled) {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(247,247,249,.2);
    border-radius: 5px
}

.fchat-toolbar .fchat-button-hover:disabled {
    color: #fff!important;
    color: var(--fchat-header-text-color)!important
}

.fchat-toolbar .fchat-button-hover:hover:disabled .fchat-tooltip-hover {
    display: none!important
}

.fchat-overlay .fchat-toolbar {
    z-index: auto!important;
    margin-top: 0!important;
    padding: 0!important
}

.fchat-toolbar-agent-avatars {
    margin-left: .5rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.fchat-toolbar-agent-avatars .fchat-avatar {
    height: 1.875rem;
    width: 1.875rem;
    line-height: 1.725rem;
    font-size: .8rem
}

.fchat-toolbar-agent-avatars>.fchat-avatar:not(:first-child) {
    margin-left: -15px
}

.fchat-toolbar-agent-avatars .fchat-toolbar-agent-details {
    margin-left: .5rem;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.fchat-toolbar-agent-details .fchat-toolbar-agent-name {
    font-size: .87rem
}

.fchat-toolbar-agent-details .fchat-toolbar-agent-title {
    font-size: .75rem
}

.fchat-header-text,.fchat-header-text:hover {
    color: var(--fchat-header-text-color)
}

.fchat-toolbar-menu .fchat-header-text:focus {
    color: #fff
}

.fchat-toolbar-menu .fchat-dropdown-menu {
    top: 2.1875rem;
    border-radius: 5px;
    padding: .5rem 0;
    width: calc(100vw - 3.125rem);
    max-width: 60vw
}

.fchat-toolbar-menu .fchat-dropdown-menu:after,.fchat-toolbar-menu .fchat-dropdown-menu:before {
    content: "";
    position: absolute;
    bottom: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-bottom-color: #fff
}

.fchat-toolbar-menu .fchat-dropdown-menu.fchat-dropdown-menu-right:after,.fchat-toolbar-menu .fchat-dropdown-menu.fchat-dropdown-menu-right:before {
    right: .5625rem
}

.fchat-toolbar-menu .fchat-dropdown-menu.fchat-dropdown-menu-left:after,.fchat-toolbar-menu .fchat-dropdown-menu.fchat-dropdown-menu-left:before {
    left: .5625rem
}

.fchat-toolbar-menu .fchat-dropdown-menu .fchat-button {
    display: block;
    width: 100%;
    margin: 0;
    color: #545454;
    border-radius: 0;
    padding: .5rem 1rem
}

.fchat-toolbar-menu .fchat-dropdown-menu .fchat-button:focus,.fchat-toolbar-menu .fchat-dropdown-menu .fchat-button:hover {
    background-color: #f6f6f6
}

.fchat-toolbar-menu .fchat-dropdown-menu .fchat-button:focus {
    outline: 0
}