/*
* 
* ==========================================================
* STYLE.SCSS
* ==========================================================
*
* Fallback icons style. Use this style if you're loading the chat into an external domain and you have cross-origin issues that prevent the icons to load.
* Instructions: insert the CSS code below into your external website with the cross-origin issue, replace [YOUR-SITE-URL] with the URL of your website, the URLs must point to the PNG files of /supportbaord/media/icons/png/.
*
*/

.sb-editor .sb-bar-icons > div:before, .sb-editor .sb-submit:before, .sb-search-btn > i:before, .sb-chat .sb-scroll-area .sb-header .sb-dashboard-btn:before,
.sb-input.sb-input-btn > div:before, .sb-chat .sb-responsive-close-btn:before {
    display: none;
}

.sb-editor .sb-bar-icons > div, .sb-editor .sb-submit, .sb-search-btn > i, .sb-select p:after, .sb-chat .sb-scroll-area .sb-header .sb-dashboard-btn,
.sb-input.sb-input-btn > div, .sb-chat .sb-responsive-close-btn {
    background-size: 20px 20px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s;
}

.sb-editor .sb-bar-icons .sb-btn-emoji {
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-emoji.png);
}

.sb-editor .sb-bar-icons .sb-btn-attachment {
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-attachment.png);
}

.sb-editor .sb-submit {
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-send.png);
    width: 15px;
    background-position: right center !important;
    opacity: .5;
}

.sb-search-btn > i {
    opacity: .7;
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-search.png);
    transition: opacity .5s;
}

.sb-select p:after {
    content: "" !important;
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-arrow-left.png);
    transform: rotate(-90deg);
    width: 9px;
    height: 32px;
    background-size: contain !important;
}

.sb-chat .sb-scroll-area .sb-header .sb-dashboard-btn {
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-arrow-left-white.png) !important;
}

.sb-input.sb-input-btn > div {
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-arrow-right-white.png) !important;
}

.sb-chat .sb-scroll-area .sb-header .sb-dashboard-btn.sb-icon-close {
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-close-white.png) !important;
}

.sb-editor .sb-submit:hover, .sb-search-btn > i:hover {
    opacity: 1;
}

.sb-chat .sb-responsive-close-btn {
    background-image: url(https://support.preprod.legalisation.tn/media/icons/png/icon-close-white.png) !important;
    background-size: 12px 12px !important;
    background-position: 38px 15px !important;
}