/*
Custom css layout for the GEDOKU Chat application
*/

.MuiButtonBase-root.MuiButton-root {
  background-color: #e6e6e6;
  border-radius: 0rem;
}

/* Hide Chat button */
.css-plyx71 {
  visibility: hidden !important;
}

/* Logo */
.css-12hxhao {
  visibility: hidden !important;
}

/* chainlit footer */
.css-1705j0v {
  visibility: hidden !important;
}

.watermark {
  visibility: hidden;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 0rem !important;
}

.MuiStack-root .css-43tnih {
  display: flex;
  flex-direction: column;
  background-color: #e6e6e6;
  border-radius: 0rem;
  border-color: black;
  border-style: solid;
  border-width: 0.1em !important;
}

.MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault.css-ezehra {
  background-color: #d3dd7e;
}

.css-1yxmbwk#new-chat-button {
  color: black;
}

.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-vubbuv {
  color: black;
}

.MuiBox-root.css-1yvzil2 {
  background-color: #b4cfea;
}

#upload-button {
  color: black;
  transform: rotate(315deg);
}

.MuiBox-root.css-1yvzil2 {
  border-radius: 0rem !important;
  background-color: #b5cfeb;
}

.MuiTypography-root.MuiTypography-body1.css-zp0pkb {
  line-height: 1em;
}

#confirm {
  background-color: #d3dd7e;
  color: black;
  border-color: black;
  border-width: 0px;
  border-radius: 0em;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-disableElevation.css-1p787e0 {
  background-color: white;
  border-width: 0px;
  color: black;
}

#alert-dialog-description {
  color: black;
}

.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-19zfkpk {
  color: black;
}

.MuiTypography-root.MuiTypography-button.css-1l3navl {
  color: black;
}

/* #open-sidebar-button {
    visibility: hidden;
} */

.css-57khea:hover {
  background-color: #e6e6e6;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary {
  border-radius: 0rem;
  background-color: #d3dd7e;
  color: black;
}

.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl {
  border-radius: 0rem;
}

.Mui-focused {
  border-color: black !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-disableElevation.css-2zg784:hover {
  background: #b5cfeb;
}

/* Remove dark mode option*/
.MuiListItem-root.MuiListItem-gutters.MuiListItem-padding.css-ux4nt9 {
  visibility: hidden;
  display: none;
}

.MuiDivider-root.MuiDivider-fullWidth.css-yrt1bm {
  visibility: hidden;
  display: none;
}

/* Change text color in starters*/
.MuiTypography-root.MuiTypography-body1.MuiTypography-alignLeft.css-1obk2hm {
  color: black;
}

.MuiPaper-root.MuiPaper-elevation {
  border-radius: 0rem;
}

.MuiStack-root.css-mlggcq::before {
  content: "GEDOKU-KI Chatbot";
  visibility: visible;
  display: block;
  position: relative;
  text-align: center;
  color: black;
  font-weight: bold;
  font-size: 2em;
  width: 100%;
  padding: 5px;
  top: 2px;
}

.css-d2l252 {
  row-gap: 20px !important;
}

/* Chat message icons */
ul.MuiImageList-root.MuiImageList-quilted {
  grid-template-columns: repeat(4, 48px) !important;
  gap: 8px !important;
  background-color: inherit !important;
}
.MuiImageList-root.MuiImageList-quilted .css-ehyqvb,
.css-p8pnwm {
  width: 48px !important;
  height: 48px !important;
  background-color: inherit !important;
}

#readme-button {
    display: none;
}