body{
    -ms-overflow-style: none;
    scrollbar-width: none;
	background-color: #2274a5;
}
body::-webkit-scrollbar { 
    display: none;
    /* مخفی کردن اسکرول در کروم، سافاری و اپر*/
}
::-webkit-scrollbar {
  width: 1.5px;
}
::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
}
footer{
	display: flex;
  	justify-content: center;
  	position: fixed;
  	bottom: 20px;
  	left: 50%;
  	transform: translate(-50%);
}
.right{
	position: fixed;
	right: 0;
}
.top{
	position: fixed;
	top: 15px;
}
.left{
	position: fixed;
	left: 15px;
}
.account {
	cursor: pointer;
  color: #fff;
  font-size: 24px;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#bodyMessages{
	width: 750px;
/*	min-width: 400px;*/
	height: 610px;
/*	min-height: 450px;*/
	position: fixed;
	left: 50%;
	transform: translate(-50%);
/*	border: 1px solid #fff;*/
  overflow-y: scroll;
}

.form-profile {
  width: 272px;
  background-color: #6ebbd2;
  color: #fff;
  padding: 8px;
  border-radius: 15px;
}
.user-message {
  background-color: #71ebe0;
  width: auto;
  color: #fff;
  padding: 15px;
  border-radius: 15px;
  position: absolute;
  left: auto;
  right: 5px;
  margin: 8px 0;
  max-width: 600px;
}
.M1-thinking, .AI-message {
  background-color: #3b8aa24f;
  width: auto;
  color: #fff;
  padding: 15px;
  border-radius: 15px;
  position: absolute;
  left: 5px;
  right: auto;
  margin: 8px 0;
  max-width: 600px;
}
.control{
  display: flex;
  width: 81%;
  height: 45px;
  gap: 6px; 
}
#text{
	width: 541.5px;
}
.controler{
  display: flex;
  gap: 10px;
  width: 700px;
  background-color: #cadae1;
  padding: 15px;
  border-radius: 28px;
  overflow: hidden;
  position: fixed;
  bottom: 5px;
}
.bodyBtn{
	display: flex;
 	 gap: 6px;
}
#dark{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
}
.form-update{
  display: grid;
  justify-content: center;
  border-radius: 15px;
  padding: 8px;
  background-color: #46a4a4;
  color: #fff;
  margin: 0 auto;
  width: 410px;
  text-align: center;
  direction: rtl;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: 2;
}
@media screen and (max-width: 500px){
  body{
    margin: 5px;
    font-size: 15px;
  }
  #bodyMessages{
    width: 100%;
  }
  .controler{
    width: 100%;
    margin: 0 5px;
  }
  .form-update{
    width: 350px;
    font-size: 15px;
  }
  .control{
    width: 84%;
  }
  .text{
      padding: 5px;
  }
  #fileImage{
    display: none;
  }
  footer{
    margin: 0 auto;
    width: 100%;
  }
}