@font-face{
    font-family:'Fort';
    src:url("../../../etc.clientlibs/freshchat/clientlibs/main/resources/fonts/Fort-Light.woff2") format("woff2");
    font-weight:300;
    font-style:normal
}

@font-face{
    font-family:'Proxima Nova';
    src:url("../../../etc.clientlibs/freshchat/clientlibs/main/resources/fonts/proximanova-medium.woff2") format("woff2");
    font-weight:500;
    font-style:normal
}

/* This CSS we want on each page that freshchat will load. */
.button-chat .button-chat_closed {
    display: inline;
}

.button-chat .button-chat__available {
    display: none;
}

.button-chat.button-chat_available .button-chat__closed {
    display: none;
}

.button-chat.button-chat_available .button-chat__available {
    display: inline;
}

body.freshchat-loading-page {
    background: #f3f3f3;
    font-family: Fort,Helvetica,Arial,sans-serif
}

.livechat__page {
    position: relative;
    height: 100vh;
    width: 100vw
}

.livechat__page__message {
    background: #f9f9f9;
    border-radius: 8px;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%,-50%) rotate(0);
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    padding: 32px 24px
}

.livechat__page__message_hidden {
    display: none
}

.livechat__page__message__icon {
    background: #fff;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    padding: 8px;
    border-radius: 50%;
    text-align: center
}

.livechat__page__message__icon img {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(151deg) brightness(102%) contrast(104%);
    vertical-align: middle;
    width: 30px;
    height: 24px
}

.livechat__page__message h3 {
    font-family: "Proxima Nova",Helvetica,Arial,sans-serif;
    color: #272e35;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 24px
}

.livechat__page__message hr {
    margin: 24px 0;
    border: 0;
    border-bottom: 1px solid #e3e4e4
}

.livechat__page__message p {
    font-family: Fort,Helvetica,Arial,sans-serif;
    color: #414b56;
    margin: 0
}

.livechat__page__message p small {
    font-size: 14px
}