.chat-container {
  display: flex;
  background: #3e3e3e;
  padding:15px;
}

#chatBox {
  all:unset;
  min-height: 1px;
  max-height: 400px;
  width: 100%;
  padding: 2.5px;
  box-sizing: border-box;
  font-size: larger;
  border-bottom: 1px solid #ccc;
  overflow-y: auto;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
#chatBox::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}
#chatBox img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 5px 0;
}

.chat-container button {
max-height: fit-content;
margin-top:auto;
}       
.button {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 220px;
height: 39px;
background: #ffffff05;
border-radius: 20px;
  border: 1px solid #ff0000;
  
}

.button-element {
  width: 50%;
height: 39px;
background: #ff0000;
box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.14);
border-radius: 20px 0px 0px 20px;
  display: flex;
  justify-content: center;
  align-items: center; 
  transition: all 0.3s;
}

#email {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.2px;
  color: #fff;
}

#phone {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.2px;
  color: #ffffff;
  padding-left: 26px;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

label {
  display: none;
}
.hide {
    display:none !important;
}
#ticketManageInner {
    display:flex;
    flex-direction: column-reverse;
    gap:10px;
    overflow-y:auto;
    max-height: 270px;
}
.ck-editor__editable_inline {
    min-height: 200px;
}
.ck.ck-editor {
    margin-top:auto !important;
}
.ck.ck-editor__main>.ck-editor__editable {
    color:black;
}
span > figure > img {
    width:150px !important;
    height: auto;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
  margin: auto;
  text-align: center;
}

.modal-image {
  display: inline-block;
  height:-webkit-fill-available;
  width:max-content;
  margin:auto;
}
th {
    opacity:0.5;    
}
.selectedTable {
    background: #434343 !important;
}

.sortable {
    user-select:none;
    cursor:pointer;
    opacity:1 !important;
}
.opacityHover {
  opacity:1;
  transition: all 150ms ease;
}
.opacityHover:hover {
  opacity: 0.5;
  transition: all 150ms ease;
}