#aiHelpIcon {
	display: block !important;
	position: absolute;
	bottom:32px; 
	right: 32px; 
	
}
#aiHelpIcon .aiHelpText {
	display:none;
	font-size: 11px; 
	vertical-align: middle;
}

.hideFloatingHelp #aiHelpIcon {
	position: static;
	float:right;
}
#aiHelpIcon a {
	text-decoration:none;
	background-color: white!important;
	color: #333;
	padding:3px;
	border-radius: 25px; 
	border: 1px solid #EEE;
	font-size:15px;
	cursor:pointer;
	display: inline-block; 
    --tw-shadow: 0 2px 24px 1px rgba(0, 0, 0, .16);
    --tw-shadow-colored: 0 2px 24px 1px .16);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
 }
#aiHelpIcon a .material-icons {
	border-radius: 25px; 
	border: none;
	background-color: black;
	color: white;
	padding:8px;
	font-size: 15px; 
	height: 15px; 
	width: 15px; 
	overflow: hidden; 
	vertical-align: middle;
	box-sizing: content-box;
}


@media (min-width:320px) {
	#aiHelpIcon {
		position: fixed;
		right: 10px;
		bottom: 10px;
	}
}
@media (min-width:800px) {
	#aiHelpIcon .aiHelpText {
		display:inline-block;
	}
	#aiHelpIcon a {
		padding:8px;
	}
	#aiHelpIcon {
		position: fixed;
		right: 32px;
		bottom: 32px;		
	}
}

@media (min-width:1200px) {
	#aiHelpIcon a .material-icons {
		font-size: 24px; 
		height: 24px; 
		width: 24px; 
	}
}

@media (min-width:800px) {
	/* specific location for inside CMS */
	#cmsToolDivWrapper #aiHelpIcon {
		right: 20px;
		bottom: 20px;
	}
	#cmsToolDivWrapper #aiHelpIcon a .material-icons {
		font-size: 15px; 
		height: 15px; 
		width:15px; 		
	}	
}