/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 26 2026 | 03:06:04 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

form#myForm {
    width: 100%;
    display: contents;
}

.irisai-hero .irisai-input {
	color: black;
}

.form_content{
	padding-top: 40px;
}

.ask-box {
  
  background-color: #dbd9d9;
  padding: 20px;            /* Keeps text away from the curved edges */
  border-radius: 15px;      /* Controls the roundness of the corners */
  text-align: start;	
  margin: 10px 0 10px 30px; 
}

.answer-box {
  background-color: #f8f8f8;
  padding: 20px;            /* Keeps text away from the curved edges */	
  border-radius: 15px;      /* Controls the roundness of the corners */
  text-align: start;	
   		
}

.thinking-box {
  background-color: #f8f8f8;
  padding: 20px;            /* Keeps text away from the curved edges */	
  border-radius: 15px;      /* Controls the roundness of the corners */
  text-align: start;	
   		
}
.thinking::after {
  content: '';
  animation: dots 2s infinite steps(4);
}

@keyframes dots {
  0%   { content: ''; }
  25%  { content: '.'; }
  50%  { content: '..'; }
  75%  { content: '...'; }
  100% { content: ''; }
}
/* Fixes the container to the absolute bottom of the screen */
#bottom_center_holder {
    position: fixed;
    bottom: 20px;       /* Spacing away from the very edge */
    left: 0;
    right: 0;
    
    /* Flexbox layout to force absolute centering horizontally */
    display: flex;
    justify-content: center;
    align-items: center;
    
    pointer-events: none; /* Prevents container from blocking clicks behind it */
}

/* Re-enables clicking targets specifically for the form once it moves here */
#bottom_center_holder #form_content {
    pointer-events: auto;
    background: #f9f9f9;  /* Optional visual anchor */
    padding: 15px;
    border-radius: 8px;
	
	pointer-events: auto !important; 
}

#bottom_center_holder #myForm {
    display: flex;
	
		pointer-events: auto !important; 


}
.custom-centered-footer{
	background: #f0f0f0;
    font-size: small;
}