/**
 * @version 4.24.4
 * Date: 2024-05-14T19:36:39.852Z
 */
.bot-modal {
	display: none;
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.bot-modal #check-css {
	background-color: rgb(255, 0, 0);
	display: none;
}

.bot-modal .card-header div {
	font-size: 20px;
	font-weight: 700;
}

.bot-modal .card-header div.row div.col-md-12>span {
	font-weight: normal;
}

.bot-modal .card {
    backface-visibility: hidden;
	border: 1px solid;
    border-color: #005eaa;
    border-radius: 4px;
}	
@media (min-width: 768px) {
	.bot-modal .card {
		position: absolute;
		right: 0;
	}	
}

.bot-modal .card-header {
	background-color: #005eaa !important;
	-webkit-box-shadow: 0 3px 3px gray;
	-moz-box-shadow: 0 3px 3px gray;
	box-shadow: 0 3px 3px gray;
	max-height: 76px;
	z-index: 99999;
}

.bot-modal .card-header span.self-checker-name {
	line-height: 1em;
}

.bot-modal .card-header.pt-2 {
	padding: 3px!important;
}

.bot-modal svg {
	width: 100%;
	max-width: 70px;
	max-height: 60px;
}

.bot-modal .card-footer {
	padding: 3px 6px;
}

.bot-modal .attribution span {
	font-size: small;
	margin: 0 12px;
}

.bot-modal iframe {
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-color: white;
	overflow-y: scroll;
	border: none;
	padding: 0;
	margin: 0;
}

.bot-modal .card-header {
	position: relative;
}

.bot-modal .card-header .c-black {
	color: #ffffff !important;
	font-weight: bolder;
	font-size: 20px;
}

.bot-modal .card .card-header button.restart {
	border: 1px solid #fff;
	border-radius: 6px;
	background-color: #005eaa !important;
	color: #fff;
}

.bot-modal .card .card-header button.restart:focus,
.bot-modal .card .card-header button.restart:hover {
	background-color: #fff !important;
	color: #005eaa !important;
}

.bot-modal .card .card-header button.restart:focus .cdc-icon-replay:before,
.bot-modal .card .card-header button.restart:hover .cdc-icon-replay:before {
	color: #005eaa !important;
}		

.bot-modal .card .card-header button.restart .restart-label {
	font-size: 0.9rem;
}
.bot-modal .card .card-header button.restart .cdc-icon-replay + .restart-label {
	margin-left: 3px;
}

.bot-modal .card .card-header button:focus {
	box-shadow: unset;
	outline: auto 3px rgba(255, 102, 1, .9);
}

.bot-modal .card-header button.close {
	background-color: transparent;
	border: 1px solid;
	border-color: transparent;
	border-radius: 4px;
	color: white;
	font-size: 48px;
	height: 34px;
	line-height: 0.8rem;
	opacity: 1;
	overflow: hidden;
	padding: 6px 6px 9px 6px;
	z-index: 999;
}

.bot-modal .card-header button.close:focus,
.bot-modal .card-header button.close:hover {
	background-color: #fff;
	border-color: #fff;
	color: #005eaa !important;
	opacity: 1;
}

.bot-modal .card-header button.close .cdc-icon-close {
	font-size: 24px;
}

.bot-modal .card .card-body,
.bot-modal .card .card-body iframe {
	border-radius: 0 0 3px 3px;
}

.bot-modal .card-header .bot-logo + .bot-title {
	margin-left: 8px;
}


@media (min-width: 351px) {
	.bot-modal .card-header .bot-buttons > button + button {
		margin-left: 4px;
	}
}

.bot-modal .card-header .restart {
	height: 34px;
}

@media (max-width: 350px) {
	.bot-modal .card-header .restart {
		align-items: center;
		display: flex;
		justify-content: center;
		width: 34px;
	}

	.bot-modal .card-header .cdc-icon-replay {
		display: inherit;
	}

	.bot-modal .card-header .restart-label {
		display: none;
	}
}

.bot-modal .card-header .bot-title {
	color: #fff;
	line-height: 1;
	margin: 0;
}
@media (min-width: 576px) and (max-width: 767px) {
	.bot-modal .card-header .bot-title {
		padding-top: 0;
	}
}

.quizbot-container,
.wizard-container {
	height: 400px;
}