﻿.roko-instabot-widget .head .main .avatar {
	background-image: url('https://static.instabot.io/5e4225cb-0d12-4a1a-b62b-0a3143fef28a/0893959e-6507-40de-89d4-06e4a3611560');
}

.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 .response {
	background-color: DeepSkyBlue;
	color: White;
}

	.roko-instabot-widget .response .tail {
		border-left-color: DeepSkyBlue;
	}

.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: DeepSkyBlue;
	background-image: url('https://static.instabot.io/5e4225cb-0d12-4a1a-b62b-0a3143fef28a/0893959e-6507-40de-89d4-06e4a3611560');
}

	.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: White;
	background-image: none;
}

.roko-instabot-widget:not(.rokoinstabot-preview) .head {
	background: linear-gradient(to right, DeepSkyBlue, DeepSkyBlue);
	color: White;
}

.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: DeepSkyBlue;
	color: White;
}

.roko-instabot-widget .conversation .message.type-3 .actions-container .wrap .action,
.roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action {
	background-color: White;
	color: DeepSkyBlue;
}

	.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);
	}

	.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: DeepSkyBlue;
	}

		.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: DeepSkyBlue;
		}

.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: DeepSkyBlue;
}

.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: White;
}

.roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action .icon:before {
	background-color: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action.selected .icon svg path {
	stroke: White;
}

.roko-instabot-widget .conversation .message.type-6 .actions-container .wrap .action.selected .icon {
	background-color: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message .avatar-container .avatar {
	background-image: url('https://static.instabot.io/5e4225cb-0d12-4a1a-b62b-0a3143fef28a/0893959e-6507-40de-89d4-06e4a3611560');
}

.roko-instabot-widget .pika-single .pika-lendar .pika-table tbody tr td .pika-button:hover:after {
	background-color: DeepSkyBlue;
}









.roko-instabot-widget .conversation .message .nps2-container .buttons-container .btn {
	color: rgb(58, 58, 60);
}

.roko-instabot-widget .conversation .message .nps2-container .labels-container {
	color: rgb(58, 58, 60);
}

.roko-instabot-widget .conversation .message .nps2-container .buttons-container .btn:hover,
.roko-instabot-widget .conversation .message .nps2-container .buttons-container .btn.selected {
	color: White;
}

	.roko-instabot-widget .conversation .message .nps2-container .buttons-container .btn:hover::after,
	.roko-instabot-widget .conversation .message .nps2-container .buttons-container .btn.selected::after {
		background-color: DeepSkyBlue;
	}







.roko-instabot-widget .conversation .message .nps-container .buttons-container .btn {
	color: rgb(58, 58, 60);
}

.roko-instabot-widget .conversation .message .nps-container .labels-container {
	color: rgb(58, 58, 60);
}

.roko-instabot-widget .conversation .message .nps-container .buttons-container .btn:hover,
.roko-instabot-widget .conversation .message .nps-container .buttons-container .btn.selected {
	color: White;
}

	.roko-instabot-widget .conversation .message .nps-container .buttons-container .btn:hover::after,
	.roko-instabot-widget .conversation .message .nps-container .buttons-container .btn.selected::after {
		background-color: DeepSkyBlue;
	}


.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot {
	border-color: DeepSkyBlue;
	background-color: White;
	color: DeepSkyBlue;
}

	.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot:hover,
	.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot.selected {
		background-color: DeepSkyBlue;
		color: White;
	}

.roko-instabot-widget .conversation .message .scheduler .duration {
	background-color: rgba(0,191,255,0.1);
	color: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message .compact-scheduler .timeslots .timeslot {
	border-color: DeepSkyBlue;
	background-color: White;
	color: DeepSkyBlue;
}

	.roko-instabot-widget .conversation .message .compact-scheduler .timeslots .timeslot:hover,
	.roko-instabot-widget .conversation .message .compact-scheduler .timeslots .timeslot.selected {
		background-color: DeepSkyBlue;
		color: White;
	}

.compact-scheduler .calendar .date-selector .dates .item.selected .day:before {
	background-color: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message .scheduler .calendar table tbody tr td.today div {
	border-color: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message .scheduler .calendar table tbody tr td.active div:hover,
.roko-instabot-widget .conversation .message .scheduler .calendar table tbody tr td.selected div {
	background-color: DeepSkyBlue;
	border-color: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message .compact-scheduler .email-container.valid input,
.roko-instabot-widget .conversation .message .scheduler .email-container.valid input {
	border-color: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message .list-lookup.multi .options .option.selected .icon svg path {
	stroke: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message .list-lookup.multi .confirm-btn.active {
	color: DeepSkyBlue;
}

.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot {
	border-color: DeepSkyBlue;
	background-color: White;
	color: DeepSkyBlue;
}

	.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot:hover,
	.roko-instabot-widget .conversation .message .scheduler .timeslots .timeslot.selected {
		background-color: DeepSkyBlue;
		color: White;
	}

.roko-instabot-widget .conversation .message .scheduler .duration {
	background-color: rgba(0,191,255,0.1);
	color: DeepSkyBlue;
}

.roko-instabot-widget-button {
	background-color: transparent !important;
	box-shadow: none !important;
	width: 100px;
	height: 100px;
}

.roko-instabot-widget.rokoinstabot-preview.roko-instabot-position-bottom-right .conversation:after {
	right: 75px;
}
