/*
 * Copyright 2005-2018 the original author or authors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

div.mibew-chat-wrapper {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    bottom: -9px !important;
    right: 0 !important;
    z-index: 999999999;
    max-height: 100%;
}

iframe.mibew-chat-frame {
    background: url("images/ajax-loader.gif") center center no-repeat #f1f2f2 !important;
    margin: 0 !important;
    padding: 0px !important;
    border: 0 !important;
    outline: 0 !important;
    border: 1px solid #aaa !important;
    width: 510px !important;
    max-width: 100% !important;
    height: 480px !important;
    overflow: hidden !important;
    z-index: 999999999 !important;
    /*border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    box-shadow: 0 1px 1px 1px #ddd !important;
    -moz-box-shadow: 0 1px 1px 1px #ddd !important;
    -webkit-box-shadow: 0 1px 1px 1px #ddd !important;*/
}

div.mibew-chat-frame-toggle {
    position: fixed !important;
    /*border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;*/
    overflow: hidden !important;
    z-index: 999 !important;
    /*border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    box-shadow: 0 1px 1px 1px #ddd !important;
    -moz-box-shadow: 0 1px 1px 1px #ddd !important;
    -webkit-box-shadow: 0 1px 1px 1px #ddd !important;*/
    cursor: pointer;
}

div.mibew-chat-frame-toggle-on {
    width: 27px !important;
    height: 480px !important;
    right: 510px !important;
    bottom: 0 !important;
    background: #ffffff url("images/right.png") scroll no-repeat center center;
    background-size: cover;
    max-height: 98%;
}

div.mibew-chat-frame-toggle-off {
    width: 100px !important;
    height: 40px !important;
    right: 0px !important;
    bottom: 35% !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 54' style='enable-background:new 0 0 60 54' xml:space='preserve'%3E%3Cpath style='fill:%23fff;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))' d='M40.6 48c-.9.1-1.8.2-2.8.2h-.7c-4.9-.2-9.5-2.1-13.1-5.4-.6 0-1.2.1-1.8.1-.9 0-1.9-.1-2.8-.2-2.5 2.4-5.9 3.8-9.4 3.9H8.7L1 46l6.3-4.6c1-.7 1.8-1.7 2.4-2.8C7.6 37 5.9 35 4.6 32.7c-1.8-3.1-2.7-6.6-2.7-10.1 0-5.7 2.4-11.1 6.6-15C12.4 3.9 17.7 2 23 2.2c2.6.1 5.1.7 7.5 1.7 2 .9 3.9 2.1 5.6 3.6.6-.1 1.2-.1 1.8-.1 5.3 0 10.3 2 14.1 5.7 3.8 3.7 6 8.6 6.2 13.9v.7c0 3.6-.9 7.1-2.7 10.1-1.3 2.3-3.1 4.3-5.1 5.9.6 1.1 1.4 2.1 2.4 2.8l6.3 4.6-7.7.5h-.1c-.7.2-4.7 0-10.7-3.6z'/%3E%3Cpath style='fill:%23fff' d='M45.7 49.3c0-.1 0-.1 0 0-.1-.1-.2-.1-.3-.1h-.1c-.1 0-.2-.1-.3-.1h-.1c-.1 0-.2-.1-.3-.1h-.1c-.1 0-.2-.1-.3-.1-.1-.1-.2-.1-.3-.2-.1-.1-.2-.1-.3-.2-.1-.1-.2-.1-.3-.2-.1-.1-.2-.1-.3-.2-.1-.1-.2-.1-.3-.2-.1-.1-.2-.1-.3-.2-.1-.1-.2-.1-.2-.2 0-.4-.1-.5-.2-.5l-.2-.2-.2-.2-.2-.2c-1.1.2-2.2.3-3.4.3H37.4c-4.8-.2-9.2-2.1-12.5-5.4-.8.1-1.6.2-2.4.2-1.1 0-2.3-.1-3.4-.3-2.2 2.5-5.4 3.9-8.8 4H9.1L6 45l2.5-1.8c1.3-1 2.4-2.3 3.1-3.8.1-.3.3-.6.4-1-2.4-1.6-4.3-3.7-5.8-6.2-1.6-2.8-2.5-6-2.5-9.3 0-5 1.9-9.6 5.4-13.1 3.5-3.5 8.2-5.4 13.1-5.4 2.6 0 5.1.5 7.5 1.6 2.1.9 4 2.2 5.6 3.9.8-.1 1.6-.2 2.4-.2 4.9 0 9.4 1.9 12.9 5.2 3.5 3.4 5.5 7.9 5.6 12.7v.6c0 3.3-.9 6.5-2.5 9.3-1.4 2.5-3.4 4.6-5.8 6.2v.5c0 .1.1.1.1.2s.1.1.1.2c.7 1.5 1.8 2.8 3.1 3.8l2.5 1.8-3.1.2H47.2c-.1 0-.2 0-.3-.1h-.1c-.1 0-.2 0-.3-.1h-.1c-.1 0-.2-.1-.3-.1H46c-.1 0-.2-.1-.3-.1h-.1c-.1 0-.2-.1-.3-.1h-.1'/%3E%3Cpath style='fill:%23fff' d='M46.6 43.6c-.1-.1-.1-.2-.1-.2s0-.1-.1-.1v-.1c0-.1 0-.1-.1-.2v-.1c0-.1 0-.1-.1-.2 0-.1 0-.1-.1-.2 0-.1 0-.1-.1-.2 5-3.1 8.4-8.6 8.4-14.9V26.8c-.3-9.4-8-16.9-17.5-16.9-.9 0-1.9.1-2.8.2-3.2-3.4-7.7-5.5-12.7-5.5-9.6 0-17.5 7.8-17.5 17.5 0 6.3 3.4 11.9 8.4 14.9-.2.7-.4 1.3-.7 1.9C11 40.6 9.8 42 8.4 43h1c3.2-.1 6.3-1.5 8.4-4.1 1.2.3 2.5.4 3.8.4.9 0 1.9-.1 2.8-.2 3.1 3.3 7.4 5.4 12.2 5.5h.6c1.3 0 2.6-.1 3.8-.4.1.1.1.2.2.2.1.1.1.2.2.2l.2.2.2.2.2.2.2.2c.1.1.2.1.2.2.1.1.2.1.2.2.1.1.2.1.2.2.1.1.2.1.2.2.1.1.2.1.3.2.1.1.2.1.3.2.1 0 .2.1.3.1.1 0 .2.1.3.1.1 0 .2.1.3.1.1 0 .2.1.3.1h.1c.1 0 .2.1.3.1.1 0 .2.1.3.1.1 0 .2.1.3.1h.1c.1 0 .2.1.3.1h.1c.1 0 .2.1.3.1h.1c.1 0 .2 0 .3.1h.1c.1 0 .2 0 .2.1H50.2c-1.5-1.1-2.7-2.5-3.5-4.2 0-.1-.1-.2-.1-.2.1.5.1.4 0 .3z'/%3E%3Cpath style='fill:%236e6961' d='M12.8 39.2c.3-.6.5-1.3.7-1.9-5-3.1-8.4-8.6-8.4-14.9 0-9.6 7.8-17.5 17.5-17.5 9.6 0 17.5 7.8 17.5 17.5s-7.8 17.5-17.5 17.5c-1.3 0-2.6-.1-3.8-.4-2.3 2.8-5.8 4.3-9.4 4.1 1.4-1.2 2.6-2.6 3.4-4.4z'/%3E%3Cpath style='fill:%236e6961' d='M40 21.8c-.2-6.1-3.5-11.3-8.3-14.3 1.7 2.7 2.7 5.9 2.7 9.4 0 9.6-7.8 17.4-17.4 17.4-3.3 0-6.5-.9-9.1-2.6 1.4 2.2 3.3 4.1 5.6 5.5-.2.7-.4 1.3-.7 1.9-.8 1.7-2 3.2-3.5 4.2 3.6.3 7.1-1.3 9.4-4.1 1.2.3 2.5.4 3.8.4 3.4 0 6.7-1 9.5-2.9 2.5-1.6 4.5-3.9 5.9-6.6 1.1-2.1 1.7-4.4 1.9-6.7.2-.3.2-1 .2-1.6z'/%3E%3Cpath style='fill:%23ee7100' d='M47.8 44.5c-.3-.6-.5-1.3-.7-1.9 5-3.1 8.4-8.6 8.4-14.9 0-9.6-7.8-17.5-17.5-17.5-9.6 0-17.5 7.8-17.5 17.5S28.3 45.2 38 45.2c1.3 0 2.6-.1 3.8-.4 2.3 2.8 5.8 4.3 9.4 4.1-1.4-1.2-2.6-2.6-3.4-4.4z'/%3E%3Cpath style='fill:%23ee7100' d='M47.8 44.5c-.3-.6-.5-1.3-.7-1.9 5-3.1 8.4-8.6 8.4-14.9 0-6.3-3.3-11.8-8.3-14.9 1.7 2.7 2.7 5.9 2.7 9.4 0 9.6-7.8 17.4-17.4 17.4-3.3 0-6.5-.9-9.1-2.6 3.1 4.8 8.5 8 14.7 8 1.3 0 2.6-.1 3.8-.4 2.3 2.8 5.8 4.3 9.4 4.1-1.5-1-2.7-2.4-3.5-4.2z'/%3E%3Ccircle style='fill:%23fff' cx='31.6' cy='28' r='1.6'/%3E%3Cg%3E%3Ccircle style='fill:%23fff' cx='38.1' cy='28' r='1.6'/%3E%3C/g%3E%3Cg%3E%3Ccircle style='fill:%23fff' cx='44.3' cy='28' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    background-color: #fff;
    background-size: 38px;
    background-position-x: 6px;
    filter: drop-shadow(0 0 1px rgba(0,0,0,.5));
}

div.mibew-chat-frame-toggle-off::before {
content: 'Chat';
    color:#666;
    text-align: right;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    /*letter-spacing: 1.3px;*/
    margin: 8px 10px 0 0;
    display: block;
}



/* responsive design for mobile devices */
@media only screen and (max-width: 550px) {


div.mibew-chat-frame-toggle-off {
    width: 75px !important;
    height: 30px !important;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTEuNTcgMTk5LjE4Ij48cGF0aCBkPSJNMTguOTUgNTMuNDloNi44MXY3NC44M2MwIDExLjY2IDYuNzggMjIuMiAyMC4zOCAyMi4yaDEzMy4yNHYzLjU2YzAgMTAuMzEtMTEuNzIgMjAuNy0yMy43NSAyMC43SDUzLjc2bC0zOC45NyAyMi45MSA1LjY2LTIyLjkxaC0xLjVjLTEyLjAyIDAtMTcuNDUtMTAuMzgtMTcuNDUtMjAuN1Y3MS4yNWMwLTEwLjMgNS40Mi0xNy43NiAxNy40NS0xNy43NiIgZmlsbD0iIzhiODI3YiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik02Ni4wMyAxLjVoMTU0Ljc1YzEzLjYyIDAgMjkuMjkgMTIuMSAyOS4yOSAyMy43NnY5My43OWMwIDEwLjc0LTEzLjI4IDE4LjQ5LTI2LjAxIDE5LjY4bDguMjkgMzEuNDYtNTMuMTEtMzEuMjNINjYuMDNjLTEzLjYxIDAtMjYuMTgtOC4yNS0yNi4xOC0xOS45MVYyNS4yNkMzOS44NSAxMy42IDUyLjQyIDEuNSA2Ni4wMyAxLjUiIGZpbGw9IiNmMzkzMDEiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNMjE3LjkzIDM0LjU4YzAtMS4zLTEuMDUtMi4zNS0yLjM1LTIuMzVINzQuMzRjLTEuMyAwLTIuMzUgMS4wNS0yLjM1IDIuMzV2NC43YzAgMS4zIDEuMDUgMi4zNSAyLjM1IDIuMzVoMTQxLjI0YzEuMyAwIDIuMzUtMS4wNSAyLjM1LTIuMzV2LTQuN2gwek0yMTcuOTMgNjguMjhjMC0xLjMtMS4wNS0yLjM1LTIuMzUtMi4zNUg3NC4zNGMtMS4zIDAtMi4zNSAxLjA1LTIuMzUgMi4zNXY0LjdjMCAxLjMgMS4wNSAyLjM1IDIuMzUgMi4zNWgxNDEuMjRjMS4zIDAgMi4zNS0xLjA1IDIuMzUtMi4zNXYtNC43aDB6TTIxNy45MyA5OS43MmMwLTEuMy0xLjA1LTIuMzUtMi4zNS0yLjM1SDc0LjM0Yy0xLjMgMC0yLjM1IDEuMDUtMi4zNSAyLjM1djQuN2MwIDEuMyAxLjA1IDIuMzUgMi4zNSAyLjM1aDE0MS4yNGMxLjMgMCAyLjM1LTEuMDUgMi4zNS0yLjM1di00LjdoMHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48L3N2Zz4=') no-repeat 8px 6px #fff;
    background-size: 21px;
}
div.mibew-chat-frame-toggle-off::before {
    margin: 6px 5px 0 0;
    display: block;
    font-size: 0.78rem;
}


    div.mibew-chat-wrapper {
        -webkit-overflow-scrolling: touch !important;
        overflow-y: scroll !important;
    }
iframe.mibew-chat-frame, div.mibew-chat-frame-toggle-on {
    height: 440px !important;
}
div.mibew-chat-wrapper {
max-width: 92%
}
div.mibew-chat-frame-toggle-on {
	right: 92% !important;
}

}

@media screen and (max-height: 400px) {
  div.mibew-chat-wrapper {overflow-y: scroll;}

iframe.mibew-chat-frame {
    height: 380px !important;
}

}

@media only screen and (max-width : 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  div.mibew-chat-wrapper {bottom: 0;}
  div.mibew-chat-frame-toggle-on {max-height: 97%}
  }

@media only screen and (max-width : 550px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  div.mibew-chat-wrapper {bottom: 0;}
  div.mibew-chat-frame-toggle-on {max-height: 100%}
}