.aiAskVideoQuestionLandingStyling{
	position: relative;
	bottom: 4%;
}

.aiAskVideoQuestionLandingStylingDemo{
	position: relative;
    bottom: -2%;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.aiAskVideoQuestionExchangeStyling{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#aiAskVideoQuestionLandingTextContainer{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#aiAskVideoQuestionLandingTextContainer p {
	text-align: center;
}

.aiAskVideoQuestionErrorMainContainerLayout{
	height: 100%;
	justify-content: center;
	position: relative;
    bottom: 4%;
}

#aiAskVideoQuestionInputBoxContainer{
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	margin-top: 10px;
}

#aiAskVideoQuestionPredefinedOptionsContainer{
	display: flex;
	justify-content: center;
	margin-top: 14px;
}

#aiAskVideoQuestionLandingMainText{
	font-weight: 600;
	font-size: 20px;
}

.aiAskVideoQuestionErrorMainTextSpacing{
	margin-top: 6%;
	margin-bottom: 3%;
}

#aiAskVideoQuestionLandingSubText{
	font-weight: 400;
	font-size: 15px;
	color: #6B6B6B;
	padding-left: 10px;
    padding-right: 13px;
}

.aiAskVideoQuestionErrorSubTextSpacing{
	
}

#aiAskVideoQuestionInputBox{
	width: 90%;
    border-radius: 4px;
    height: 47px;
    border: 1px solid #6F6F6F;
    padding: 10px 40px 10px 7px;
    font-size: 15px;
}
.aiAskVideoQuestionInputBoxStyleDemo{
	width: 100% !important;
}

.aiAskVideoQuestionInputBoxAdjustAlignment{
	position: relative;
    right: 7px;
}

#aiAskVideoQuestionInputBox:focus {
    border: 1px solid #0B6F85 !important;
    box-shadow: 0px 0px 4px 0px #0B6F8540 !important;
}

.aiAskVideoQuestionPredefinedButton{
	color: #344054;
    padding: 2px 10px 2px 10px;
    height: 34px;
    border-radius: 4px !important;
    border: none;
    font-size: 12px;
    font-weight: 500;
    width: 126px
}
   
.aiAskVideoQuestionPredefinedButtonIcon{
	margin-right: 9px;
}

.aiAskVideoQuestionPredefinedButtonIcon{
	transition: height 0.6s ease;
	transition: width 0.6s ease;
}

.aiAskVideoQuestionPredefinedButton:hover .aiAskVideoQuestionPredefinedButtonIcon{
	height: 20px;
	width: 20px;
}

#aiAskVideoQuestionKeyDetailButton{
	background: #FAEFDE;
	margin-right: 5px;
	transition: font-size 0.6s ease;
}

#aiAskVideoQuestionKeyDetailButton:hover{
	font-size: 14px;
}

#aiAskVideoQuestionKeyDetailButton:active{
	background: #F8DFB7;
}

#aiAskVideoQuestionFunFactsButton{
	background: #DFF2F2;
	margin-left: 5px;
	transition: font-size 0.6s ease;
}

#aiAskVideoQuestionFunFactsButton:hover{
	font-size: 14px;
}

#aiAskVideoQuestionFunFactsButton:active{
	background: #C4F1F1;
}

#aiAskVideoQuestionTextExchangeContainer{
	max-height: 90%;
	overflow-y: scroll;
}

.aiAskVideoQuestionMessageBox{
	margin: 10px;
	box-shadow: 0px 1px 3px 0px #00000033;
	border-radius: 8px !important;
	padding-bottom: 5px;
}

.aiAskVideoQuestionUserRequestContainer{
	background: #F9F7FC;
}

.aiAskVideoQuestionAIResponseContainer{
	background: #F8F8F8;
}

.aiAskVideoQuestionUserRequestNestedContainer{
	padding-top: 12px;
	padding-bottom: 5px;
	display: grid;
	grid-template-columns: [start] 1fr [line1] 50px [end];
	grid-template-rows: auto;
	grid-template-areas: "main icon"
}

.aiAskVideoQuestionUserRequestLeftSideContainer{
	align-items: flex-end;
}

.aiAskVideoQuestionMessageBoxSenderLabel{
	height: 18px;
   	font-weight: 700;
   	font-size: 15px;
   	color: #0D0D0D;
   	margin-bottom: 2px;
}

.aiAskVideoQuestionMessageBoxInnerContentContainer{
	display: flex;
	flex-direction: column;
	padding-left: 2px;
	padding-right: 2px;
	justify-content: center;
}

.aiAskVideoQuestionMessageBoxMainContentContainer{
	font-weight: 400;
    font-size: 14px;
    color: #0D0D0D;
    display: flex;
    padding: 5px 15px 10px 15px;
}
.aiAskVideoQuestionMessageBoxMainContentContainerUserMessage{
	justify-self: end;
}

.aiAskVideoQuestionAIResponseActionItemsContainer{
	padding-bottom: 10px;
}

.aiAskVideoQuestionAIResponseNestedContainer{
	padding-top: 12px;
	padding-bottom: 5px;
	display: grid;
	grid-template-columns: [start] 50px [line1] 1fr [end];
	grid-template-rows: auto;
	grid-template-areas: "icon main"
}

.aiAskVideoQuestionAIResponseRightSideContainer{
	align-items: flex-start;
}

.aiAskVideoQuestionGenAIIcon{
	border: 1px solid #6B6B6B;
   	border-radius: 20px !important;
   	padding: 3px;
   	background: white;
}

.aiAskVideoQuestionUserRequestRightSideContainer{
    margin-right: 9px;
}

.aiAskVideoQuestionAIResponseLeftSideContainer{
	margin-left: 9px;
}

.aiAskVideoQuestionMessagerIconContainer{
    display: flex;
 	justify-content: center;
}

.aiAskVideoQuestionPaperPlaneIcon{ 
   	cursor: pointer;
   	border-radius: 4px !important;
}

.aiAskVideoQuestionPaperPlaneIcon:focus-visible{ 
	border: 1px solid var(--btn-secondary-color, #0B6F85) !important;
	outline: none;
}

.aiAskVideoQuestionPaperPlaneIcon-Disabled{
	cursor: default !important;
}

.aiAskVideoQuestionActionItemButtons{
	background: transparent;
   	border: none;
   	box-shadow: none;
}

.aiAskVideoQuestionAIOlderResponseContainer .aiAskVideoQuestionAIResponseActionItem{
	opacity: 0;
}

.aiAskVideoQuestionAIOlderResponseContainer:hover .aiAskVideoQuestionAIResponseActionItem{
	opacity: 1;
}

.aiAskVideoQuestionAIOlderResponseContainer:focus-within .aiAskVideoQuestionAIResponseActionItem{
	opacity: 1;
}

.aiAskVideoQuestionAIOlderResponseContainer .aiAskVideoQuestionAIResponsePageNumber{
	opacity: 0;
}

.aiAskVideoQuestionAIOlderResponseContainer:hover .aiAskVideoQuestionAIResponsePageNumber{
	opacity: 1;
}

.aiAskVideoQuestionAIOlderResponseContainer:focus-within .aiAskVideoQuestionAIResponsePageNumber{
	opacity: 1;
}

.aiAskVideoQuestionAIChangeResponseActionButtonContainer{
	display: inline-flex;
}

.aiAskVideoQuestionAIChangeResponseActionButtonContainer p{
	margin-bottom: 0px;
}

#aiPanelHeaderMainContainer{
	display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    background: #F8F8F8;
}
#ead-demo-page .react-text-with-badge-badge{
	background:#ECE6F5 !important;
}