body {
    overflow: hidden;
  }

  .admin-name {
    font-size: 1em; /* Adjust the size as needed */
    font-weight: bold; /* Makes the name stand out */
    /* Add more styles if needed */
}
  .admin-info {
    flex-grow: 1; /* User info takes the available space */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflowing text */
}
  .div99 {
    position: absolute;
    top: 7%;
    left: 0.5rem;
    border-bottom: 1px solid var(--color-gray-300);
    box-sizing: border-box;
    width: 97%;
    height: 22%;
    overflow: hidden;
    overflow-y: auto;
  }
  .admin-chat {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    height: auto;
    }

  .hidden {
    display: none;
}

.chat-session.selected {
  background-color: #f0f0f0; /* Or any indication color */
  border-left: 5px solid #007bff; /* Or any highlight color */
}

  .green-dot {
    height: 10px;
    width: 10px;
    background-color: #00FF00;
    border-radius: 50%;
    display: inline-block;
  }
  
  .live-chat-session {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #ccc;
  }  

  .chats1 {
    position: relative;
    line-height: 1.03rem;
  }
  
  #full-conversation {
    display: flex;
    flex-direction: column;
    margin-left: 20%;
    height: 48%;
    overflow-y: auto;
    flex-grow: 1;
    width: 72%;
    top: 22%;
    position: absolute;
  }
  .chat-gpt3-light-design-child,
  .gpt3-light-design-child-chat {
    margin-bottom: 10px; 
    width: 96%;
    height: auto;
    padding: 2%;
     
  }
  .gpt3-light-design-child-chat {
    text-align: left;
    background-color: white 
  }
  .chat-gpt3-light-design-child {
    background-color: var(--color-gray-100); 
    text-align: right;
  }
  .new-chat8 {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    border-radius: var(--br-7xs);
    border: 1px solid var(--color-gray-300);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-mini-5) var(--padding-125xl) var(--padding-mini-5)
      var(--padding-smi);
  }
  .svg-icon14 {
    position: relative;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
    margin-right: 4px;
  }
  .create-user-flow1 {
    position: absolute;
    top: calc(50% - 10.5px);
    left: 0;
    line-height: 1.25rem;
  }
  .div29 {
    position: absolute;
    height: 100%;
    width: 2rem;
  }
  .a12 {
    border-radius: var(--br-7xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; /* Adjust the items to space between */
    padding: 10px;
    gap: 10px;
    color: #000;
    cursor: pointer;
    position: relative;
    width: 95%;
}

.user-info {
    flex-grow: 1; /* User info takes the available space */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflowing text */
}

.div28 {
    display: flex;
    align-items: center; /* Align download icon vertically */
    justify-content: center; /* Center the download icon horizontally */
    width: 60px; /* Fixed width for the download icon container */
    height: 1.25rem;
}

.icons8-baixar-50-3 {
    width: 1.06rem;
    height: 1.06rem;
    object-fit: cover;
    cursor: pointer;
    margin-right: 10px;
}
.trash-can-button {
  background: none;
  border: none;
  cursor: pointer;
  order: 1; /* Order for the trash can button */
  padding: 0;
  width: 1.06rem;
  height: 1.06rem;
  object-fit: cover;
}
.a12 .user-name {
    font-size: 1em; /* Adjust the size as needed */
    font-weight: bold; /* Makes the name stand out */
    /* Add more styles if needed */
}

.a12 .user-email {
    font-size: 0.8em; /* Smaller font size for the email */
    color: grey; /* Different color for the email */
    /* Add more styles if needed */
}
  .icons8-baixar-50-2 {
    /* position: absolute; */
    top: 0.19rem;
    /* left: 10.5rem; */
    width: 1.06rem;
    height: 1.06rem;
    object-fit: cover;
  }
  .a13,
  .roadmap1 {
    display: flex;
    align-items: center;
  }
  .a13 {
    border-radius: var(--br-7xs);
    flex-shrink: 0;
    flex-direction: row;
    justify-content: flex-start;
    padding: var(--padding-xs);
    gap: var(--gap-xs);
  }
  .roadmap1 {
    position: absolute;
    top: calc(50% - 8.5px);
    left: 0;
    line-height: 1.25rem;
    width: 3.82rem;
    height: 1.03rem;
  }
  .div35 {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(270deg, #202123, rgba(32, 33, 35, 0));
    width: 2rem;
  }
  .a15,
  .a16 {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
  }
  .a15 {
    top: 0;
    border-radius: var(--br-7xs);
    flex-direction: row;
    justify-content: flex-start;
    padding: var(--padding-xs);
    gap: var(--gap-xs);
  }
  .a16 {
    top: 3.25rem;
  }
  .a16,
  .a17,
  .a18 {
    border-radius: var(--br-7xs);
    flex-direction: row;
    justify-content: flex-start;
    padding: var(--padding-xs);
    gap: var(--gap-xs);
  }
  .a17 {
    position: absolute;
    top: 6.5rem;
    left: 0;
    display: flex;
    align-items: center;
  }
  .a18 {
    top: 9.75rem;
  }
  .a18,
  .a19,
  .creating-figma-plugin1 {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
  }
  .a19 {
    top: 13rem;
    border-radius: var(--br-7xs);
    flex-direction: row;
    justify-content: flex-start;
    padding: var(--padding-xs);
    gap: var(--gap-xs);
  }
  .creating-figma-plugin1 {
    top: calc(50% - 8.5px);
    line-height: 1.25rem;
    width: 8.86rem;
    height: 1.03rem;
  }
  .a20 {
    top: 16.25rem;
    border-radius: var(--br-7xs);
    flex-direction: row;
    justify-content: flex-start;
    padding: var(--padding-xs);
    gap: var(--gap-xs);
  }
  .a20,
  .a21,
  .a22,
  .a23,
  .plugin1 {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
  }
  .plugin1 {
    top: calc(50% - 8.5px);
    line-height: 1.25rem;
    width: 2.51rem;
    height: 1.03rem;
  }
  .a21,
  .a22,
  .a23 {
    top: 19.5rem;
    border-radius: var(--br-7xs);
    flex-direction: row;
    justify-content: flex-start;
    padding: var(--padding-xs);
    gap: var(--gap-xs);
  }
  .a22,
  .a23 {
    top: 22.75rem;
  }
  .a23 {
    top: 26rem;
  }
  .a-group {
    position: relative;
    width: 15.25rem;
    height: 28.75rem;
    display: none;
    color: var(--color-whitesmoke);
  }
  .div26,
  .div27 {
    position: absolute;
  }
  .div27 {
    display: flex;
    flex-direction: column;
    align-items: start; 
    justify-content: space-between; 
    width: 100%; 
    height: auto; 
}

  .div26 {
    top: 29%;
    left: 0.5rem;
    border-bottom: 1px solid var(--color-gray-300);
    box-sizing: border-box;
    width: 97%;
    height: 45%;
    overflow: hidden;
    overflow-y: auto;
  }
  .div26::-webkit-scrollbar {
    width: 3px; /* Width of the scrollbar */
}

  .div26::-webkit-scrollbar-thumb {
    background-color: darkgrey; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners on the scrollbar thumb */
}

  .icons8-baixar-50-21 {
    position: absolute;
    top: 44.69rem;
    left: 1.25rem;
    width: 1.06rem;
    height: 1.06rem;
    object-fit: cover;
  }
  .clear-conversations2,
  .dark-mode1 {
    position: absolute;
    top: 80%;
    left: 0.5rem;
    border-radius: var(--br-7xs);
  }
  .clear-conversations3 {
    position: absolute;
    top: 75%;
    left: 0.5rem;
    border-radius: var(--br-7xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-sm-5) var(--padding-61xl) var(--padding-sm-5)
      var(--padding-xs);
    gap: var(--gap-xs);
    cursor: pointer;
  }
  .clear-conversations2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-sm-5) var(--padding-61xl) var(--padding-sm-5)
      var(--padding-xs);
    gap: var(--gap-xs);
    cursor: pointer;
  }
  .dark-mode1 {
    width: 12.44rem;
    height: 1.56rem;
  }
  .download-all {
    position: absolute;
    top: 44.81rem;
    left: 3.13rem;
    line-height: 1.03rem;
  }
  .log-out2 {
    position: absolute;
    top: 85%;
    left: 0.5rem;
    border-radius: var(--br-7xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-sm-5) var(--padding-137xl) var(--padding-sm-5)
      var(--padding-xs);
    gap: var(--gap-xs);
    cursor: pointer;
  }
  .navigation1 {
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0px;
    background-color: #e8e6e6;
    width: 20%;
    color: #000;
    z-index: 9999;
  }
  .field-icon1 {
    position: relative;
    border-radius: var(--br-7xs);
    width: 48rem;
    height: 3.13rem;
    object-fit: cover;
  }
  .prompt1 {
    position: absolute;
    top: 70%;
    left: 9%;
    height:2%;
    width: 88%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-5xs) 0 0;
    box-sizing: border-box;
  }
  /* .chat-gpt3-light-design-child, */
  .chat-gpt3-light-design-item {
    position: absolute;
    top: 1.38rem;
    left: 18.69rem;
    background-color: var(--color-gray-100);
    width: 59.5rem;
    height: 8.38rem;
  }
  .chat-gpt3-light-design-item {
    top: 9rem;
    background-color: var(--color-white);
    width: 59.63rem;
    height: 7.69rem;
  }
  .chat-gpt3-light-design-inner,
  .rectangle-div {
    position: absolute;
    top: 30.5rem;
    left: 18.69rem;
    background-color: var(--color-gray-100);
    width: 59.5rem;
    height: 8.38rem;
  }
  .rectangle-div {
    top: 36.75rem;
    background-color: var(--color-white);
    width: 59.63rem;
    height: 7.69rem;
  }
  .chat-gpt3-light-design-child1,
  .chat-gpt3-light-design-child2 {
    position: absolute;
    top: 15.94rem;
    left: 18.69rem;
    background-color: var(--color-gray-100);
    width: 59.5rem;
    height: 8.38rem;
  }
  .chat-gpt3-light-design-child2 {
    top: 23.56rem;
    background-color: var(--color-white);
    width: 59.63rem;
    height: 7.69rem;
  }
  /* .chat-gpt3-light-design-child3, */
  .ellipse-icon {
    position: absolute;
    top: 69%;
    left: 87%;
    width: 3.8rem;
    height: 3.8rem;
    object-fit: cover;
  }
  #chat-input {
    width: 70%;
    padding: 1%;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: -4%;
    left: 60%;
  }
  #send-icon {
    margin-top: 0.8%;
    font-size: 20px;
    margin-left: 0.4%;
    color: #a9a9a9;
    cursor: pointer;
  }
  #send-button {
    padding: 10px;
    font-size: 16px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    left: 60%;
  }
  .chat-gpt3-light-design-child3 {
    position: absolute;
    top: 74%;
    left: 90%;
    object-fit: cover;
    filter: saturate(0%) brightness(150%);
    width: 1rem;
    height: 1rem;
  }
  
  .join-chat{
      position: absolute;
      top: 62%;
      left: 86%;
      display: flex;
      align-items: center;
      width: 5.2rem;
      height: 1.75rem;
    
  }
  .offline {
    position: absolute;
    top: 65%;
    left: 86%;
    display: flex;
    align-items: center;
    width: 5.2rem;
    height: 1.75rem;
  }
  
  .chat-gpt3-light-design1 {
    position: relative;
    background-color: var(--color-white);
    width: 100%;
    height: 52rem;
    text-align: left;
    font-size: var(--font-size-sm);
    color: var(--color-black);
    font-family: var(--font-roboto);
  }
  @media (min-width: 1044px) {
    .navigation1 {
      left: 0px;
    }
  }
  
  @media (max-width: 1043px) {
    .navigation1 {
      left: -800px;
  }
  .menu-hamburguer {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 10px;
    position: fixed;
    top: 10px;
    left: 90%;
    z-index: 2;
  }
  .barra {
    width: 20px;
    height: 2px;
    background-color: #333;
    margin: 3px 0;
    transition: 0.4s;
  }
  }
  
  @media (max-width: 1036px) {
    .ellipse-icon{ 
      left: 86%;
    }
    .chat-gpt3-light-design-child3{  
      left: 88%;
    }
    .join-chat{ 
      left: 84%;
    }
    .offline{ 
      left: 84%;
    }
    .prompt1{ 
      left: 4%;
    }
    #send-icon{ 
      margin-left: -1%;
    }
    #full-conversation{
      margin-left: 16%;
    }
  }
  
  @media (max-width: 536px) {
    .ellipse-icon{ 
      left: 80%;
    }
    .chat-gpt3-light-design-child3{  
      left: 82%;
    }
    .join-chat{ 
      left: 78%;
    }
    .offline{ 
      left: 78%;
    }
    .prompt1{ 
      left: -2%;
    }
    #send-icon{ 
      margin-left: -1.8%;
    }
    #full-conversation{
      margin-left: 10%;
    }
  }
  
  .83_644 { 
	overflow:hidden;
}
.e83_644 { 
	background-color:rgba(255, 255, 255, 1);
	width:1280px;
	height:832px;
	position:absolute;
}
.e83_653 { 
	background-color:rgba(142.00000673532486, 142.00000673532486, 160.00000566244125, 0.07000000029802322);
	width:463px;
	height:108px;
	position:absolute;
	left:522px;
	top:74px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.e83_654 { 
	color:rgba(142.00000673532486, 142.00000673532486, 160.00000566244125, 1);
	width:412px;
	height:87px;
	position:absolute;
	left:26px;
	top:10px;
	font-family:Roboto;
	text-align:left;
	font-size:14px;
	letter-spacing:0;
	line-height:px;
}
.e83_771 { 
	color:rgba(142.00000673532486, 142.00000673532486, 160.00000566244125, 1);
	width:412px;
	height:22px;
	position:absolute;
	left:548px;
	top:44px;
	font-family:Roboto;
	text-align:left;
	font-size:14px;
	letter-spacing:0;
	line-height:px;
}
.e83_772 { 
	color:rgba(142.00000673532486, 142.00000673532486, 160.00000566244125, 1);
	width:412px;
	height:22px;
	position:absolute;
	left:412px;
	top:700px;
	font-family:Roboto;
	text-align:left;
	font-size:14px;
	letter-spacing:0;
	line-height:px;
}
.e84_778 { 
	color:rgba(0, 0, 0, 1);
	width:187px;
	height:76px;
	position:absolute;
	left:1034px;
	top:50px;
	font-family:Roboto;
	text-align:left;
	font-size:30px;
	letter-spacing:0;
	line-height:px;
}
.e83_663 { 
	width:125px;
	height:132px;
	position:absolute;
	left:349px;
	top:8px;
	background-image:url(images/untitled_design___2024_01_05t024104_2.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.e83_664 { 
	color:rgba(0, 0, 0, 1);
	width:152px;
	height:99px;
	position:absolute;
	left:336px;
	top:116px;
	font-family:Roboto;
	text-align:center;
	font-size:Symbol(figma.mixed)px;
	letter-spacing:0;
}
.e84_780 { 
	box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
	background-color:rgba(232.00000137090683, 230.00000149011612, 230.00000149011612, 1);
	width:150px;
	height:31px;
	position:absolute;
	left:1046px;
	top:116px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.e84_779 { 
	color:rgba(0, 0, 0, 1);
	width:136px;
	height:22px;
	position:absolute;
	left:1060px;
	top:121px;
	font-family:Roboto;
	text-align:left;
	font-size:14px;
	letter-spacing:0;
	line-height:px;
}

  @media (max-width: 400px) {
    .ellipse-icon{ 
      left: 76%;
      width: 2.4rem;
      height: 2.4rem;
    }
    .chat-gpt3-light-design-child3{  
      left: 82%;
      width: 0.6rem;
      height: 0.6rem;
      top: 72.4%;
    }
    .join-chat{ 
      top: 63%;
      left: 72%;
      width: 4.8rem;
      height: 1.4rem;
    }
    .offline{
      top: 65.6%; 
      left: 72%;
      width: 4.8rem;
      height: 1.4rem;
    }
    .prompt1{ 
      left: -6%;
    }
    #send-icon{ 
      margin-left: -5.8%;
    }
    #full-conversation{
      margin-left: 6%;
    }
    .barra {
      width: 16px;
      height: 1.6px;
      background-color: #333;
      margin: 2px 0;
      transition: 0.4s;
    }
    .menu-hamburguer{
      left: 86%;
    }
  }