.hljs {
  background: #212B36 !important;
}
.MuiDrawer-paperAnchorLeft {
  background: #1C252E !important
}

.MuiDrawer-paperAnchorDockedLeft{
  background: #1C252E !important
}

.MuiBox-root {
  border-radius: 2px !important;
}

#readme-button {
  color: white;
}

.MuiBox-root:has(+ .edit-icon) {
  border-radius: 2px !important;
  border: 2px solid #212B36 !important;
}

.MuiButton-sizeMedium {
  margin: 6px 8px 6px 0px !important;
}

.MuiButton-outlinedPrimary {
  border-radius: 2px !important;
  border: 2px #FFFFFF solid !important;
  background: #B6521F !important;
  color: #FFFFFF !important;
}

.MuiStack-root {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

code {
  background-color: #1C252E;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

/* table */

table {
  table-layout: auto !important;
  width: fit-content !important;
}

table tbody br td {
  white-space: nowrap;
}

.MuiTableContainer-root {
  border-radius: 2px !important;
}

thead.MuiTableHead-root {
  background-color: #F1EDE9 !important;
  text-align: left !important;
}

thead.MuiTableHead-root tr th {
    background-color: #F1EDE9 !important;
    border-right: 2px #E9EAEB solid;
    font-size: xsmall;
    text-align: left !important;
}

tbody tr td {
    text-align: left !important;
}

.MuiTableCell-body {
    border-bottom: 2px #E9EAEB solid !important;
}

/* input text box */
.MuiFormControl-root {
    border: 0.05rem #A6AAAF solid !important;
    border-radius: 2px !important;
}

[id^="starter"] {
    border-radius: 2px !important;
}

.MuiAlert-standard {
    border-radius: 2px !important;
}

.MuiAvatar-root {
  border-radius: 2px !important;
}

/* User input text box */

button.edit-icon ~ .MuiBox-root {
    border: 2px #E9EAEB solid;
    border-radius: 2px !important;
}

thead.MuiTableHead-root tr th {
  background-color: #F1EDE9 !important;
  border-top: 2px #E9EAEB solid !important;
  border-bottom: 2px #E9EAEB solid !important;
  font-size: x-small !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.MuiButtonBase-root {
    border-radius: 2px !important;
}

.watermark {
  visibility: hidden;
}

table tbody tr td {
    white-space: nowrap;
    max-width: 1000px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Chat History Drawer/Sidebar */

li .MuiListSubheader-root p {
    background-color: #1C252E !important;
    color: #FFFFFF !important;
}

.MuiFormControl-root:has(input[aria-label="search"]) {
    background-color: #1C252E !important;
    color: white !important;
    border-radius: 2px !important;
    border: #1C252D solid !important;
}

input[placeholder="Search"] {
    color: white !important;
}

svg[data-testid="CloseIcon"] {
    color: white;
}

svg[data-testid="FilterListIcon"] {
    color: white;
}

svg[data-testid="SearchIcon"] {
    color: white;
}

svg[data-testid="ChatBubbleOutlineIcon"] {
    color: white;
}

svg[data-testid="DeleteOutlineIcon"] {
    color: white;
}

/* Chat history item background color */

a:has(div .MuiStack-root) {
    background-color: #1C252E !important;
}

/* Chat History item text color */

svg[data-testid="ChatBubbleOutlineIcon"] ~ p {
    color: white;
}

/* Dialog box */
.MuiDialog-paper {
  border-radius: 2px !important;
}

/* editor */

.hljs-keyword {
    color: #C05621 !important;
    font-weight: 700 !important;
}

.hljs-string {
    color: #F6E05E !important;
}

/* jun0 avatar */
.MuiAvatar-img {
    height: 40px !important;
    width: 40px !important;
}

.MuiAvatar-root {
    height: 40px !important;
    width: 40px !important;
}