.roko-instabot-widget {
    background: white;
}

/* Inside chat pane */
.roko-instabot-widget .head {
    background: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255));
    color: rgb(53, 76, 100);
}
.roko-instabot-widget .head .main .avatar {
    background-image: url(https://static.instabot.io/c35ab1c7-5bed-4b4a-91a3-b6e0bc01902e/e5299c03-876f-4685-a4c6-e4f8ffb9921a);
}
.roko-instabot-widget .conversation .message .question {
    background-color: rgb(241, 241, 241);
    color: rgb(58, 58, 60);
}
.roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action, .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action {
    border-color: rgb(255, 255, 255);
    background-color: rgb(53, 76, 100);
    color: rgb(255, 255, 255);
}
.roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action .icon, .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action .icon:before {
    background-color: rgb(255, 255, 255);
}
.roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action .icon {
    border-color: rgb(255, 255, 255);
}
.roko-instabot-widget .response {
    background-color: rgb(255, 255, 255);
    color: rgb(53, 76, 100);
}
.roko-instabot-widget a {
    color: rgba(153,102,47,1.0);
    font-weight: 600;
}

/* Close button on bubble popup on page load */
.roko-instabot-widget.rokoinstabot-preview .head .close {
    background-image: none;
    background-color: transparent;
}
.roko-instabot-widget.rokoinstabot-preview .head .close:before, .roko-instabot-widget.rokoinstabot-preview .head .close:after {
    background-color: rgb(58, 58, 60);
    display: block;
}
.roko-instabot-widget.rokoinstabot-preview .head .close:before {
    transform: rotate(45deg);
}
.roko-instabot-widget.rokoinstabot-preview .head .close:after {
    transform: rotate(-45deg);
}
.roko-instabot-widget.rokoinstabot-preview .head .close:after, .roko-instabot-widget.rokoinstabot-preview .head .close:before {
    position: absolute;
    left: 9px;
    top: 3px;
    content: "";
    height: 16px;
    width: 2px;
    background: black;
}
.roko-instabot-widget .head .close {
    right: -15px;
    width: 50px;
    height: 30px; 
}
.roko-instabot-widget .head .close:after, .roko-instabot-widget .head .close:before {
    background: black;
}

/* fixing shadow box for teaser */
.roko-instabot-widget.rokoinstabot-preview {
    margin-left: auto;
    margin-right: auto;
}

.roko-instabot-widget.rokoinstabot-preview .conversation .message-container {
    box-shadow: none;
}

html.rokoinstabot-preview.roko-instabot-position-bottom-right .roko-instabot-widget {
    box-shadow: 0 4px 11px 0 hsla(0,0%,7%,.2);
    -webkit-box-shadow: 0 4px 11px 0 hsla(0,0%,7%,.2);
}

.roko-instabot-widget.rokoinstabot-preview .head .close {
    top: 10px;
    right: 10px;
}