/**
* Taike chat by Ninchat.
* Copyright (c) Somia Reality (Ninchat) 2022-. All rights reserved.
* Learn more about secure customer appointments at https://ninchat.com
*/

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('https://ninchat.com/customer/fonts/open-sans-v15-latin-300.woff2') format('woff2'),
        url('https://ninchat.com/customer/fonts/open-sans-v15-latin-300.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('https://ninchat.com/customer/fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
        url('https://ninchat.com/customer/fonts/open-sans-v15-latin-regular.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('https://ninchat.com/customer/fonts/open-sans-v15-latin-600.woff2') format('woff2'),
        url('https://ninchat.com/customer/fonts/open-sans-v15-latin-600.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('https://ninchat.com/customer/fonts/open-sans-v15-latin-700.woff2') format('woff2'),
        url('https://ninchat.com/customer/fonts/open-sans-v15-latin-700.woff') format('woff'),
}


/* Promo */

.ninchat-promo-title                                                                           { font-weight: 500; margin: 0 0 6px; }
p.ninchat-promo-description                                                                    { font-size: 15px; margin: 0; }


/* Window */

#ninchat-iframe.ninchat-embed-container                                                        { border-radius: 30px; }
#ninchat-iframe.ninchat-embed-container.ninchat-bottom                                         { transition: height 0.2s ease, right 0s ease, width 0s ease;  box-shadow: 0 5px 15px rgba(0, 0, 0, .2); }

#ninchat-iframe.ninchat-embed-container > .ninchat-titlebar > .ninchat-action                  { float: right; width: 40px !important; }
#ninchat-iframe.ninchat-embed-container > .ninchat-titlebar .ninchat-action:hover              { background-color: #575757; color: #fff; }
#ninchat-iframe.ninchat-embed-container > .ninchat-titlebar .ninchat-action .ni:before         { font-size: 24px !important; line-height: 51px !important; }
#ninchat-iframe.ninchat-embed-container.ninchat-full > .ninchat-titlebar > .ninchat-action.ninchat-full-height { transform: rotate(180deg); line-height: 60px; }
#ninchat-iframe.ninchat-embed-container.ninchat-full,
#ninchat-iframe.ninchat-embed-container.ninchat-full > .ninchat-titlebar                       { border-radius: 0 !important; }
#ninchat-iframe.ninchat-embed-container.ninchat-open > .ninchat-titlebar                       { overflow: hidden; }


/* Minimized */

#ninchat-iframe.ninchat-embed-container.ninchat-bottom.ninchat-minimized                       { bottom: 15px; right: 10px; transition: height 0.3s ease, right 0s ease, width 0.3s ease; }
#ninchat-iframe.ninchat-embed-container.ninchat-bottom.ninchat-minimized .ninchat-titlebar     { border-radius: 30px; }
#ninchat-iframe.ninchat-embed-container.ninchat-bottom.ninchat-open,
#ninchat-iframe.ninchat-embed-container.ninchat-bottom.ninchat-full                            { background: transparent; }
#ninchat-iframe.ninchat-embed-container.ninchat-bottom.ninchat-minimized > .ninchat-titlebar > .ninchat-action.ninchat-close { border-radius: 0 30px 30px 0; line-height: 51px; width: 36px !important; }
#ninchat-iframe.ninchat-embed-container.ninchat-bottom.ninchat-minimized > .ninchat-titlebar .ninchat-action.ninchat-close:hover { background-color: 575757; color: #fff; }

@media (min-width: 800px) {
  #ninchat-iframe.ninchat-embed-container.ninchat-bottom.ninchat-open                          { bottom: 15px; overflow: hidden; max-height: calc(100% - 25px);}
}
@media (max-width: 799px) {
  #ninchat-iframe.ninchat-embed-container.ninchat-ball.ninchat-open                            { right: 0; }
}

#ninchat-iframe.ninchat-embed-container.ninchat-open > .ninchat-titlebar > .ninchat-action.ninchat-minimize { background: url(https://ninchat.com/customer/taike/taike-hyphen.svg) 50% 50% / 15px no-repeat; }
#ninchat-iframe.ninchat-embed-container.ninchat-open > .ninchat-titlebar > .ninchat-action.ninchat-minimize:hover { background-color: #575757; }
i.ni.ni-angle-down                                                                             { display: none; }

#ninchat-iframe.ninchat-embed-container.ninchat-full > .ninchat-titlebar > .ninchat-action.ninchat-minimize { background: url(https://ninchat.com/customer/taike/taike-hyphen.svg) 50% 50% / 15px no-repeat; }
#ninchat-iframe.ninchat-embed-container.ninchat-full > .ninchat-titlebar > .ninchat-action.ninchat-minimize:hover { background-color: #575757; }