/* custom kayako style */
/* MOBILE FIRST - LEVEL 1 */
.presence__title, .home__title, .home__subtitle { font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
.messenger__bubble { display: none !important; }
.messenger__window { transition: none !important; }
.messenger__window .home__content { background: #fff !important; }
.messenger__window .home__title { color: white; font-size: 14px; text-transform: uppercase; font-weight: 600; position: absolute; top: -48px; margin: 0 auto; left: 30px; right: 60px; padding: 0; text-align: center; }
.messenger__window .home__subtitle { color: #888; margin: 0; padding: 20px; }
.messenger__window .home__content__animate--x { animation: none !important; position: relative; top: 42px; }
.messenger__window .home__lede { padding-top: 0; }
.messenger__window .widget__twitter { display: none; }
.messenger__window .widget__presence { box-shadow: none !important; border-radius: 0; }
.messenger__window .presence__header { box-shadow: none !important; border-bottom: 1px solid #eee; }
.messenger__window .icon__close__container { background: #888888; margin-right: -18px; margin-top: -18px; width: 100%; box-shadow: 3px 0px 5px rgba(0,0,0,.2); }
.messenger__window .icon__close__container img { display: none; }
.messenger__window .icon__close__background { width: 60px; height: 60px; background: #ffcb05; border-radius: 0; }
.messenger__window .icon__close__background:before { content: url(https://cdn.mikroe.com/icons/close-regular-x20.png); font-size: 32px; }
.messenger__window .presence__title { color: #231f20; }
.messenger__window .textarea__wrapper { min-height: 100px; }
.messenger__window .emoji__picker__wrapper { bottom: 161px; box-shadow: 0 0px 5px rgba(0,0,0,.2); }
.messenger__window .emoji__picker:before { height: 0; box-shadow: none; }
.messenger__window .emoji__picker:after { height: 0; background: none; }
/* IE Support */
.messenger__window .mini-button,
.messenger__window .enter-button {
    top: auto;
}

.messenger__window .mini-button,
.messenger__window .enter-button {
    background: #ffca05;
    top: initial;
    bottom: -60px;
    right: 0;
    width: 50% !important;
    height: 60px;
    border-radius: 0;
    text-transform: uppercase;
    padding: 0;
}

.messenger__window .mini-button:hover .messenger__window .enter-button:hover {
    background: #ebb705;
}

.messenger__window .mini-button:active .messenger__window .enter-button:active {
    background: #ebb705;
}

.messenger__window .mini-button:hover:after .messenger__window .enter-button:hover:after {
    background: none !important;
}

.messenger__window .mini-button:after,
.messenger__window .enter-button:after {
    content: 'send message';
    color: #231f20;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.messenger__window .enter-button {
    position: absolute;
    display: block !important;
}

/* buttons */
.messenger__window .textarea__actions { height: 60px; padding: 0; width: 50%; background: #231F20; }
.messenger__window .textarea__actions:hover { background: #000; }
.messenger__window .textarea__actions:active { background: #000; }
.messenger__window .textarea__action__emoji.action__emoji { width: 100%; height: auto; margin: 0; position: relative; overflow: hidden; }
.messenger__window .textarea__action__emoji.action__emoji:after { content: 'STICKER'; position: absolute; left: 0; right: 0; text-align: center; line-height: 60px; font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; color: #fff; }
.messenger__window .textarea__actions svg { display: none !important; position: absolute; z-index: -1;  }
.messenger__window .textarea__action__emoji.action__attachment {
    display: none;
}
/* MOBILE FIRST - LEVEL 2 */
.home__content.shrink { padding: 0; }
.home__content.shrink .home-shrink__lede { height: 60px; background: #f4f6f7; border-radius: 0; box-shadow: 0 0px 5px rgba(0,0,0,.2); }
.home__content.shrink .user__name { color: #231f20; }
.home__content.shrink .icon__back svg .fill__path { fill: #ffcb05; }
.home__content.shrink .lede__brand { color: #231f20; }
.home__content.shrink .lede__replytime { color: #231f20; }
.home__content.shrink .textarea__wrapper { padding-right: 22px; }
.home__content.shrink .widget__presence { width: 100%; }
.home__content.shrink .icon__close__container { width: auto; margin-top: 0; }
/* IE Support */
.home__content.shrink .home__content__animate--x { position: static; top: auto; }
.home__content.shrink .home__content__animate--x { position: initial; top: initial; }

/* MOBILE FIRST - LEVEL 3 */
.chat__header { background: #f4f6f7 !important; height: 60px !important; box-shadow: 0 0px 5px rgba(0,0,0,.2); }
/* IE Support */
.chat__header .icon__close__container { margin-top: 0; }
.chat__header .icon__close__container { margin-top: initial; margin-left: 15px; background: #ffcb05 !important; }
.chat__header .icon__close__background { background: transparent; }
.chat__header .chat__header__title { color: #231f20; }
.chat__header .chat__header__subtitle { color: #231f20; font-size: 12px; font-weight: 400; }
.chat__header .chat__header__avatar { width: 89px; }
.chat__header .icon__back path { fill: #ffcb05 !important; }
.chat__messages .message__bubble.primary { background: #00acc4; }
.chat__messages .prompt__action button { color: #00acc4; }
.chat__body .prompt__body a { color: #00acc4 !important; }
/* IE Support */
.tab__chat .textarea__actions.disableAction:after { left: auto; }
.tab__chat .textarea__actions.disableAction:after {
    content: "Send Message";
    position: absolute;
    left: initial;
    /* background: #ffcb05; */
    right: 0;
    width: 50%;
    height: 60px;

    text-align: center;
    line-height: 60px;
    background: #dedede !important;
    color: #888 !important;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
}
.messenger__window .tab__chat .chat__body .chat__messages .message__body .message__emoji {
    margin-bottom: 15px;
    margin-top: 15px;
}

.messenger__window .tab__chat .chat__body .chat__messages .message__body .message__emoji p {
    margin-top: 5px;
}

.messenger__window .home__container .widget__conversations__container .conversations__title {
    color: #ffca05;
}

.messenger__window .floating__button button {
    background-color: #ffca05;
}
.messenger__window .throbber i {
    color: #231F20 !important;
}