body.roko-instabot-widget {
    background-color: White;
    background-image: none;
}

.roko-instabot-widget.theme-2 .head {
    background: linear-gradient(to right, rgb(4, 67, 121), rgb(4, 67, 121));
    color: White;
}

.roko-instabot-widget .head .avatar {
    /*background-image: url('https://static.instabot.io/99a30454-6943-4a3b-9794-291ede32bd3b/e69a8831-e1a6-4858-ae55-a84569e12250');*/
	background-image: url('https://www.etcourse.com/chatbot-image/chatbot-white-256x256-v3.png');
}

.roko-instabot-widget .head .close:before,
.roko-instabot-widget .head .close:after {
    background-color: White;
}

.roko-instabot-widget.full-screen .head {
    border-bottom-width: 1px;
}

.roko-instabot-widget.theme-1 .head .head-logo {
    background-image: none;
    display: none;
}

.roko-instabot-widget.theme-2 .head .head-logo {
    display: none;
}

.roko-instabot-widget.theme-2 .head .head-logo:before {
    background-image: none;
}

.roko-instabot-widget.theme-2 .typing {
    background-color: rgb(4, 67, 121);
}

.roko-instabot-widget.theme-2 .typing>div {
    background-color: White;
}

.roko-instabot-widget.theme-2 .send-btn {
    background-color: rgb(4, 67, 121);
    color: White;
}

.roko-instabot-widget .response {
    background-color: rgb(4, 67, 121);
    color: White;
}

.roko-instabot-widget .response .tail {
    border-left-color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message .question {
    background-color: rgb(4, 67, 121);
    color: White;
}

.roko-instabot-widget .conversation .message a {
	color: #fff;
}

.roko-instabot-widget .conversation .message .question .tail {
    border-right-color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message .avatar {
    background-color: rgb(4, 67, 121);
    /*background-image: url('https://static.instabot.io/99a30454-6943-4a3b-9794-291ede32bd3b/e69a8831-e1a6-4858-ae55-a84569e12250');*/
    background-image: url('https://www.etcourse.com/chatbot-image/chatbot-white-256x256-v3.png');
}

.roko-instabot-widget .conversation .message .avatar::after {
    content: ""
}

/*.roko-instabot-widget .conversation .message.type-4 .actions-container .action .card-action .text { 							background-color: rgb(4, 67, 121); 							color: White; 						}*/
.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 .conversation .message.type-3 .actions-container .wrap .action,
.roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action {
    border-color: rgb(4, 67, 121);
    background-color: White;
    color: rgb(4, 67, 121);
}

.roko-instabot-widget.theme-2 .conversation .message.type-3 .actions-container .wrap .action .icon,
.roko-instabot-widget.theme-2 .conversation .message.type-6 .actions-container .wrap .action .icon {
    border-color: rgb(4, 67, 121);
}

.roko-instabot-widget.theme-2 .conversation .message.type-3 .actions-container .wrap .action .icon:before,
.roko-instabot-widget.theme-2 .conversation .message.type-6 .actions-container .wrap .action .icon:before {
    background-color: rgb(4, 67, 121);
}

.roko-instabot-widget.theme-2 .conversation .message.type-6 .actions-container .wrap .action .icon svg path {
    stroke: White;
}

.roko-instabot-widget.theme-1 .conversation .message.type-3 .actions-container .wrap .action:hover,
.roko-instabot-widget.theme-1 .conversation .message.type-3 .actions-container .wrap .action.selected,
.roko-instabot-widget.theme-1 .conversation .message.type-3 .actions-container .wrap .action:focus,
.roko-instabot-widget.theme-1 .conversation .message.type-6 .actions-container .wrap .action:hover,
.roko-instabot-widget.theme-1 .conversation .message.type-6 .actions-container .wrap .action.selected,
.roko-instabot-widget.theme-1 .conversation .message.type-6 .actions-container .wrap .action:focus {
    background-color: rgb(4, 67, 121);
    color: White;
}

.roko-instabot-widget.theme-2 .conversation .message.type-6 .actions-container .wrap .action.selected .icon {
    background-color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action .card-action,
.roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action .card-action {
    background-color: White;
}

.roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action:hover .card-action,
.roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action.selected .card-action {
    background-color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message.type-4 .actions-container .wrap .action .card-action .text {
    color: rgb(4, 67, 121);
}

.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 {
    color: White;
}






.roko-instabot-widget .conversation .message .nps-container .buttons-container .btn {
    border-color: rgb(4, 67, 121);
    background-color: White;
    color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message .nps-container .buttons-container .btn:hover,
.roko-instabot-widget .conversation .message .nps-container .buttons-container .btn.selected {
    background-color: rgb(4, 67, 121);
    color: White;
}

.roko-instabot-widget .conversation .message .nps-container .labels-container {
    color: rgb(4, 67, 121);
}


.roko-instabot-widget .conversation .message .nps2-container .buttons-container .btn {
    border-color: rgb(4, 67, 121);
    background-color: White;
    color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message .nps2-container .buttons-container .btn:hover,
.roko-instabot-widget .conversation .message .nps2-container .buttons-container .btn.selected {
    background-color: rgb(4, 67, 121);
    color: White;
}

.roko-instabot-widget .conversation .message .nps2-container .labels-container {
    color: rgb(4, 67, 121);
}





.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot {
    border-color: rgb(4, 67, 121);
    background-color: White;
    color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot:hover,
.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot.selected {
    background-color: rgb(4, 67, 121);
    color: White;
}

.roko-instabot-widget .conversation .message .scheduler .duration {
    background-color: rgba(4, 67, 121, 0.1);
    color: rgb(4, 67, 121);
}



.roko-instabot-widget .conversation .message .list-lookup.single .options .option:hover {
    color: White;
    background-color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message .list-lookup.multi .options .option.selected .icon {
    background-color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message .list-lookup.multi .confirm-btn.active {
    color: White;
    background-color: rgb(4, 67, 121);
}


.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot {
    border-color: rgb(4, 67, 121);
    background-color: White;
    color: rgb(4, 67, 121);
}

.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot:hover,
.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot.selected {
    background-color: rgb(4, 67, 121);
    color: White;
}

.roko-instabot-widget .conversation .message .scheduler .duration {
    background-color: rgba(4, 67, 121, 0.1);
    color: rgb(4, 67, 121);
}