
                
            .roko-instabot-widget .head .main .avatar {
                background-image: url('https://static.instabot.io/7709eeb7-e7e0-4398-896a-e8395dfff83d/b78249af-228f-4d7d-9338-01b6c621a4f9');
            }
            .roko-instabot-widget .head .close:before, .roko-instabot-widget .head .close:after {
                background-color: rgb(255, 255, 255);
            }
            .roko-instabot-widget.full-screen .head {
                border-bottom-width: 1px;
            }
            .roko-instabot-widget .response {
                background-color: #F2971C
                color: rgb(255, 255, 255);
            }
            .roko-instabot-widget .response .tail {
                border-left-color: #F2971C;
            }
            .roko-instabot-widget .conversation .message .question {
                background-color: rgb(241, 241, 241);
                color: rgb(58, 58, 60);
            }
            .roko-instabot-widget .conversation .message .question .tail {
                border-right-color: rgb(241, 241, 241);
            }
            .roko-instabot-widget .conversation .message .avatar {
                background-color: rgb(242, 151, 28);
                color: rgb(255, 255, 255);
                background-image: url('https://static.instabot.io/7709eeb7-e7e0-4398-896a-e8395dfff83d/b78249af-228f-4d7d-9338-01b6c621a4f9');
            }
            .roko-instabot-widget .conversation .message .avatar::after {
                content: ""
            }
            .roko-instabot-widget .conversation .message.type-3 .actions-container,
            .roko-instabot-widget .conversation .message.type-4 .actions-container,
            .roko-instabot-widget .conversation .message.type-3 .actions-container .action,
            .roko-instabot-widget .conversation .message.type-4 .actions-container .action .card-action,
            .roko-instabot-widget .conversation .message.type-4 .actions-container .action .card-box .card-info { }
        
                
                .roko-instabot-widget:not(.rokoinstabot-preview)::after {
                    background-color: rgb(255, 255, 255);
                    background-image: none;
                }
                .roko-instabot-widget:not(.rokoinstabot-preview) .head {
                    background: linear-gradient(to right, #327C58, #327C58);
                    color: rgb(255, 255, 255);
                }
                .roko-instabot-widget .head .head-logo {
                    display: none;
                }
                .roko-instabot-widget .head .head-logo:before {
                    background-image: none;
                }
                .roko-instabot-widget:not(.rokoinstabot-preview) .typing {
                    background-color: rgb(241, 241, 241);
                }
                .roko-instabot-widget .typing > div {
                    background-color: rgb(58, 58, 60);
                }
                .roko-instabot-widget .send-btn {
                    background-color: #1D6093;
                    color: rgb(255, 255, 255);
                }
                .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action,
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action {
                    background-color: rgb(255, 255, 255);
                    color: #F2971C;
                    line-height: 15px;
                }
                .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action.selected,
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action.selected,
                .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action:hover,
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action:hover {
                    background-color: rgb(241, 241, 241);
                    color: rgb(58, 58, 60);
                }
                .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action .icon,
                .roko-instabot-widget .conversation
                 .message.type-6 .actions-container .wrap .action .icon {
                    border-color: #F2971C;
        
                }
                .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action .icon:before,
                .roko-instabot-widget .conversation .message.type-4 .actions-container .action .card-box .card-info .text {
                    color: #F2971C;
                }
                .roko-instabot-widget .conversation .message.type-4 .actions-container .action.active:hover,
                .roko-instabot-widget .conversation .message.type-4 .actions-container .action.active.selected {
                    background-color: #F2971C;
                }
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action:hover .card-action .text,
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action.selected .card-action .text,
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action:hover .card-info .text,
                .roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action.selected .card-info .text {
                    color: rgb(255, 255, 255);
                }
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action .icon:before {
                    background-color: #F2971C;
                }
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action.selected .icon svg path {
                    stroke: rgb(255, 255, 255);
                }
                .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action.selected .icon {
                    background-color: #F2971C;
                }
                .roko-instabot-widget .conversation .message .avatar-container .avatar {
                    background-image: url('https://static.instabot.io/7709eeb7-e7e0-4398-896a-e8395dfff83d/b78249af-228f-4d7d-9338-01b6c621a4f9');
                }
                .roko-instabot-widget .pika-single .pika-lendar .pika-table tbody tr td .pika-button:hover:after {
                    background-color: #F2971C;
                }
                .roko-instabot-widget.rokoinstabot-preview .conversation .message-container {
                        margin-right: 20px;
                        overflow: hidden;
                        border-radius: 8px;
                        background-color: #f7f5f2;
                        padding: 15px 18px;
                        width: 350px;
                }
                .roko-instabot-widget.rokoinstabot-preview .conversation .message .avatar-container .question .text {
                    font-size: 15px;
                    line-height: 20px;
                    letter-spacing: -.41px;
                }
            .roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot {
				border-color: #1D6093;
				background-color: rgb(255, 255, 255);
				color: #1D6093;
			}
			.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot:hover,
			.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot.selected {
				background-color: #1D6093;
				color: rgb(255, 255, 255);
			}
			.roko-instabot-widget .conversation .message .scheduler .duration {
				background-color: rgba(130,8,32,0.1);
				color: #1D6093;
			}


            /* TEASER MESSAGE */
            .roko-instabot-widget.rokoinstabot-preview .conversation .message-container{
                background-color: WHITE;
                border: 5px solid #f9f9f9;
            }

            /* STYLE FOR SMALL ARROW BELOW TEASER MESSAGE */
            .roko-instabot-widget.rokoinstabot-preview .conversation:after{
            }

            /* FIX TEASER MESSAGE STYLE ON MOBILE SCREEN */
            .roko-instabot-widget.rokoinstabot-preview.mobile-view .conversation .message-container{
                width: unset;
            }
            .roko-instabot-widget.rokoinstabot-preview.mobile-view .conversation {
                padding-top: 10px;
                padding-bottom: 7px;
            }

            /* FOR CIRCULAR CLOSE BUTTON ON TEASER MESSAGE */
            .roko-instabot-widget.rokoinstabot-preview .head .close{
                clip-path: circle(50%)
            }

            /* FOR FOOTER MESSAGE */
            .roko-instabot-widget .footer {
                height: fit-content;
                background-color: #F2971C;
            }

            /* AVATAR BUTTON AT THE BOTTOM */
            .roko-instabot-close-chat-button, .roko-instabot-widget-button {
                height: 70px;
                width: 70px;
            }

            /* CHANGE FONT SIZE FOR MESSAGE TEXTS IN CHAT FOR MOBILE VIEW */
            .roko-instabot-widget.mobile-view .conversation .message .question .text,
            .roko-instabot-widget.mobile-view .conversation .message.type-3 .actions-container .wrap .action{
                font-size: 15px;
            }

            /* BUTTON STYLE FOR THE QUESTION CHOICE */
            .roko-instabot-widget .conversation.ps .message .question {
                background-color: #efefef;
                color: rgb(58, 58, 60);
            }

            /* BUTTON STYLE FOR THE ANSWER CHOICE */
            .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action {
                background-color: white;
                color: #1D6093;
            }

            /* BUTTON STYLE FOR THE RESPONSE */
            .roko-instabot-widget .response{
                background-color: #1D6093;
                color: #ffffff;
            }

            /* MAKING ENTIRE CHAT WINDOW BIGGER */
            html.roko-instabot-position-bottom-right:not(.rokoinstabot-preview):not(.rokoinstabot-mobile-view) .roko-instabot-widget {
                width: 450px;
            }

            /* INCREASING FONT SIZE FOR QUESTION AND ANSER CHOICES  */
            .roko-instabot-widget .text,
            .roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action, .roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action {
                font-size: 15px;
            }

            /* INCREASING FONT SIZE FOR TEASER MESSAGE */
            .roko-instabot-widget.rokoinstabot-preview .conversation .message .avatar-container .question .text{
                font-size: 18px;
            }
            /* INCREASING TYPED RESPONSE MESSAGE FONT */
            .roko-instabot-widget .input-container-wrap .input-container input {
                font-size: 15px;
            }