.loader-image {
  max-height: 100%;
  max-width: 100%;
}
#oac-form-loader {
    padding: 1rem;
}
#chat-topics-body {
  padding: 1rem 0.75rem 0 0.75rem;
}
#chat-body {
  padding: 1rem 0.75rem 0 0.75rem;
}
.oac-loading-text {
  padding: 0 1rem;
}
.oac-hide {
  display: none;
}
.oac-h6 {
  font-size: .6rem;
  font-weight: bold;
}
.oac-icon-size-model-table {
  height: 2.25rem;
}
.oac-credit-list-secondary-color {
  background-color: #eaecef;
}
.oac-height-2 {
  height: 2rem;
}
.oac-height-inh {
  height: inherit;
}
.oac-align-center {
  align-items: center;
}
.oac-icon-m {
  height: 1.5rem;
}
.oac-icon-s {
  height: 1rem;
}
.oac-col--5{
  width: 5% !important;
}
.oac-col--15{
  width: 15% !important;
}
.oac-overflow {
  overflow-y: auto;
}
.oac-height-max-25 {
  max-height: 25rem;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item+.list-group-item {
  border-top-width: 0;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.wp-core-ui select {
  width: 100%;
  color: #212529;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s;
}
.wp-core-ui select:focus {
  border: 1px solid steelblue;
  color: steelblue;
  box-shadow: 0 0 0 1px steelblue;
}
.wp-core-ui select:hover {
  color: steelblue;
}
.pl-5 {
  padding-left: .5rem;
}
.circle-with-text-topic {
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  display: flex;
  background-color: mediumpurple;
  width: 50px;
  height: 50px;
  color: white;
  font-size: 1rem;
}
.oac-add-text {
  padding-left: .25rem;
}
.oac-add-choice {
  padding-right: .25rem;
}
.oac-left {
  display: flex;
  justify-content: start;
  align-items: center;
}
.oac-right {
  display: flex;
  justify-content: end;
  align-items: center;
}
.oac-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.oac-cursor {
  cursor: pointer;
}
.oac-icon-add {
  fill: #000;
  height:  15px;
  margin-right: .5rem;
}
.oac-icon {
  fill: #000;
  height: 15px;
}
.oac-topic-row {
  padding: 0 1rem;
  margin: 1rem 0 0 0;
}
.oac-choice-row {
  padding: 0 1rem;
  margin: 0.5rem 0 0 0;
}
.oac-choice-submit {
  margin-top: 1rem;
  padding: 0 2rem;
}
.oac-choice-add {
  padding: 0 2rem;
  margin: 0.5rem 0 0 0;
}
.oac-choice-delete {
  height: 2rem;
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s;
}
.oac-choice-update {
  height: 2rem;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s;
}
.oac-icon-delete {
  fill: #FFF;
  height: 15px;
}
.oac-icon-update {
  fill: #FFF;
  height: 1rem;
}
.oac-choice-add-button {
  width: 100%;
  color: #212529;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s;
}
.oac-prompt-select {
  width: 100%;
  color: #212529;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125) !important;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s;
}
.oac-prompt-select select:focus {
    border: 1px solid rgba(0,0,0,.125) !important;
    color: #212529;
    box-shadow: 0 0 0 1px aliceblue !important;
}
.oac-prompt-title-list {
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125) !important;
  border-radius: 0.25rem;
}
.oac-prompt-title-item {
  padding: 0.5rem 0;
  border: none !important;
}
.oac-check {
  width: 1.1rem;
  height: 1.1rem;
  display: none;
}
.oac-check-selected {
  width: 1.1rem;
  height: 1.1rem;
  display: flex;
  margin-right: 0.75rem;
}
.oac-prompt-choice {
  width: 100%;
}
.oac-prompt-title{
  display: flex;
  justify-content: center;
  align-items: center;
}
.oac-prompt {
  color: #1d2327;
  background-color: transparent;
  border-color: #8c8f94;
  border: 1px solid;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 1.25rem;
  float: left;
  clear: none;
  margin-left: 1rem;
  margin-top: 1rem;
}
.oac-prompt-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.oac-prompt-selected--blue {
  color: #052c65;
  background-color: #cfe2ff;
  border-color: #9ec5fe;
  border: 1px solid;
  padding: 0.375rem 1.15rem 0.375rem 0.5rem;
  font-size: 1rem;
  border-radius: 1.25rem;
  float: left;
  clear: none;
  margin-left: 1rem;
  margin-top: 1rem;
}
.oac-prompt-selected--green {
  color: #0a3622;
  background-color: #d1e7dd;
  border-color: #a3cfbb;
  border: 1px solid;
  padding: 0.375rem 1.15rem 0.375rem 0.5rem;
  font-size: 1rem;
  border-radius: 1.25rem;
  float: left;
  clear: none;
  margin-left: 1rem;
  margin-top: 1rem;
}
.oac-prompt-outer {
  display: flex;
  flex-wrap: wrap;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
label {
  float: left;
  clear: none;
  padding: 0px 0.5rem 0px 0.5rem;
  margin: 0px !important;
}
input[type=checkbox] + label, input[type=radio] + label {
  display: flex !important;
  padding-left: 2px !important;
  cursor: pointer;
}
input[type=radio], input.radio {
  float: left;
  clear: none;
}
input, textarea {
    font-size: 1rem;
}
.input-checkbox, .input-radio {
  width: 0px !important;
  min-width: 0px !important;
  opacity: 0;
  z-index: -1;
}
.circle-avatar {
  width: 35px;
}
.circle-with-text {
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  display: flex;
  background-color: darkcyan;
  width: 50px;
  height: 50px;
  color: white;
  font-size: 1rem;
}
.circle-with-text-new {
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  display: flex;
  background-color: salmon;
  width: 50px;
  height: 50px;
  color: white;
  font-size: 1rem;
}
.circle-message-assistant {
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  display: flex;
  background-color: salmon;
  width: 35px;
  height: 35px;
  color: white;
  margin: 0 1rem;
}
.icon-expand {
  fill: #000;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-collapse {
  fill: #000;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.open-ai-chat-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0!important;
  padding: 0!important;
}
.open-ai-chat-assistant {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 1rem;
}
.open-ai-chat-assistant-color {
  background-color: aliceblue;
}

.oac-credit-list-secondary-color {
  background-color: #eaecef;
}
.oac-icon-l {
  height: 2rem;
}
.oac-fill-black {
  fill: #000;
}
.oac-center-bottom {
  display: flex;
  justify-content: center;
  align-items: end;
}
.oac-flex {
  display: flex;
}
.oac-align-end {
  align-items: end;
}
.oac-flex-wrap {
  flex-wrap: wrap;
}
.oac-border {
  padding: 0.5rem;
  border: 1px solid rgba(0,0,0,.125) !important;
  border-radius: 0.25rem;
}
.oac-model-activate-title {
  text-align: center;
  line-height: 1.75rem;
}
.oac-width-min-2 {
  min-width: 2rem;
}
.oac-width-min-3 {
  min-width: 3rem;
}
.oac-width-max-3 {
  max-width: 3rem;
}
.oac-width-min-max-3 {
  min-width: 3rem;
  max-width: 3rem;
}
.oac-model-info-title {
  width: fit-content;
  max-height: 20px;
  background-color: white;
  position: absolute;
  top: -10px;
}
.oac-pos-rel {
  position: relative;
}
.oac-pos-ab {
  position: absolute;
}
.oac-hr-mx--2 {
  margin-left: -2rem;
  margin-right: -2rem;
}

/* Row Sizes */
.oac-row-1 {
  height: 1rem !important;
}
.oac-row-2 {
  height: 2rem !important;
}
.oac-row-3 {
  height: 3rem !important;
}
.oac-row-4 {
  height: 4rem !important;
}
.oac-row-5 {
  height: 5rem !important;
}
.oac-row-6 {
  height: 6rem !important;
}
.oac-row-7 {
  height: 7rem !important;
}
.oac-row-8 {
  height: 8rem !important;
}
.oac-row-9 {
  height: 9rem !important;
}
.oac-row-10 {
  height: 10rem !important;
}

/* Columns Sizes */
.oac-col-1 {
  width: 10% !important;
}
.oac-col-2 {
  width: 20% !important;
}
.oac-col-3 {
  width: 30% !important;
}
.oac-col-4 {
  width: 40% !important;
}
.oac-col-5 {
  width: 50% !important;
}
.oac-col-6 {
  width: 60% !important;
}
.oac-col-7 {
  width: 70% !important;
}
.oac-col-8 {
  width: 80% !important;
}
.oac-col-9 {
  width: 90% !important;
}
.oac-col-10 {
  width: auto !important;
}

/* Padding Sizes */
.oac-p--5 {
  padding: 0.5rem !important;
}
.oac-p-1 {
  padding: 1rem !important;
}
.oac-p-2 {
  padding: 2rem !important;
}
.oac-p-3 {
  padding: 3rem !important;
}
.oac-pt--5 {
  padding-top: 0.5rem !important;
}
.oac-pt-1 {
  padding-top: 1rem !important;
}
.oac-pt-2 {
  padding-top: 2rem !important;
}
.oac-pt-3 {
  padding-top: 3rem !important;
}
.oac-pr--5 {
  padding-right: 0.5rem !important;
}
.oac-pr-1 {
  padding-right: 1rem !important;
}
.oac-pr-2 {
  padding-right: 2rem !important;
}
.oac-pr-3 {
  padding-right: 3rem !important;
}
.oac-pb--5 {
  padding-bottom: 0.5rem !important;
}
.oac-pb-1 {
  padding-bottom: 1rem !important;
}
.oac-pb-2 {
  padding-bottom: 2rem !important;
}
.oac-pb-3 {
  padding-bottom: 3rem !important;
}
.oac-pl--5 {
  padding-left: 0.5rem !important;
}
.oac-pl-1 {
  padding-left: 1rem !important;
}
.oac-pl-2 {
  padding-left: 2rem !important;
}
.oac-pl-3 {
  padding-left: 3rem !important;
}
.oac-py--5 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.oac-py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.oac-py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.oac-py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.oac-px--5 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.oac-px-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.oac-px-2 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.oac-px-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

/* Margin Sizes */
.oac-mt--5 {
  margin-top: 0.5rem !important;
}
.oac-mt-1 {
  margin-top: 1rem !important;
}
.oac-mt-2 {
  margin-top: 2rem !important;
}
.oac-mt-3 {
  margin-top: 3rem !important;
}
.oac-mr--5 {
  margin-right: 0.5rem !important;
}
.oac-mr-1 {
  margin-right: 1rem !important;
}
.oac-mr-2 {
  margin-right: 2rem !important;
}
.oac-mr-3 {
  margin-right: 3rem !important;
}
.oac-mb--5 {
  margin-bottom: 0.5rem !important;
}
.oac-mb-1 {
  margin-bottom: 1rem !important;
}
.oac-mb-2 {
  margin-bottom: 2rem !important;
}
.oac-mb-3 {
  margin-bottom: 3rem !important;
}
.oac-ml--5 {
  margin-left: 0.5rem !important;
}
.oac-ml-1 {
  margin-left: 1rem !important;
}
.oac-ml-2 {
  margin-left: 2rem !important;
}
.oac-ml-3 {
  margin-left: 3rem !important;
}
.oac-my--5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.oac-my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.oac-my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.oac-my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.oac-mx--5 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.oac-mx-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.oac-mx-2 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.oac-mx-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.oac-select-width {
  width: 80% !important;
}
.oac-icon-size {
  width: 1.5rem;
  height: 1.5rem;
}
.oac-user-credit-list {
  padding: 1rem 0.5rem;
  border: 1px solid rgba(0,0,0,.125) !important;
  border-radius: 0.25rem;
  overflow-y: auto;
  max-height: 25rem;
}
.oac-model-list {
  padding: 1rem 0.5rem;
  border: 1px solid rgba(0,0,0,.125) !important;
  border-radius: 0.25rem;
  overflow-y: auto;
  max-height: 30rem;
}
.open-ai-chat-container {
  padding: 1rem;
  width:100%;
  height: auto;
  background-color: white;
  border-radius: 4px;
}
.open-ai-chat-container-new-chat {
  width:100%;
  height: auto;
  background-color: white;
  border-radius: 4px;
}
.open-ai-chat-container-new-chat-title {
  width:100%;
  height: auto;
  background-color: white;
  border-radius: 4px;
}
.open-ai-chat-cursor {
  cursor: pointer;
}
.open-ai-chat-delete-button {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s
}
.open-ai-chat-fit{
  width: fit-content;
  border-radius: 8px;
  padding: 1rem;
}
.open-ai-chat-form {
  display: flex;
  width: 100%;
  align-items: center;
}
.open-ai-chat-h4 {
  margin: 0 1rem;
  font-size: 1.5rem;
}
.open-ai-chat-h5 {
  margin: 0;
  font-size: 1.25rem;
}
.open-ai-chat-h2 {
  margin: 0;
  font-size: 2rem;
}
.open-ai-chat-expand {
  display: flex;
  justify-content: end;
}
.open-ai-icon-collapse {
  display: none;
}
.open-ai-chat-incoming-message {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 1rem;
}
.open-ai-chat-main-container {
  font-size: 1rem;
  padding: 3rem;
  width: auto;
  height: auto;
  background-color: white;
  border: solid 1px;
  border-color: lightgrey;
  border-radius: 4px;
}
.open-ai-chat-main-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
}
.open-ai-chat-outgoing-message {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 1rem;
}
.open-ai-chat-submit {
  display: flex;
  align-items: center;
  justify-content: end;
}
.open-ai-chat-submit-button {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s
}
.open-ai-chat-submit-new-form {
  padding: 0 1rem;
}
.open-ai-chat-textarea-div {
  width: 100%;
}
.open-ai-chat-textarea {
  width: 100%;
  height: 5rem;
}
.open-ai-chat-textarea-title {
  margin-bottom: 1rem;
}
.open-ai-chat-title {
  padding: 0 1rem;
  display: flex;
  justify-content: start;
  align-items: center;
}
.open-ai-chat-title-banner {
  display: flex !important;
  justify-content: start;
  align-items: center;
}
.open-ai-chat-user {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 1rem;
}
.open-ai-chat-user-color {
  background-color: beige;
}
.open-ai-chat-warning-container {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  height: auto;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border: solid 1px;
  border-radius: 0.25rem;
}
.open-ai-chat-disabled-container {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  height: auto;
  color: #2b2f32;
  background-color: #e2e3e5;
  border-color: #c4c8cb;
  border: solid 1px;
  border-radius: 0.25rem;
}
.open-ai-chat-primary-container {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  height: auto;
  color: #052c65;
  background-color: #cfe2ff;
  border-color: #9ec5fe;
  border: solid 1px;
  border-radius: 0.25rem;
}
.container {
  max-width: 80% !important;
  width: 100%;
  padding-right: var(--bs-gutter-x,.75rem);
  padding-left: var(--bs-gutter-x,.75rem);
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}
.oac-col-100 {
  width: 100% !important;
}
.oac-text-center {
  text-align: center;
}
.oac-container {
  font-size: 1rem;
  width: auto;
  height: auto;
  background-color: #f7fbfe;
  border: solid 1px;
  border-color: lightgrey;
  border-radius: 4px;
}
.oac-row {
  display: flex;
  width: auto;
}
.oac-wrap {
  flex-wrap: wrap;
}
.oac-chat-list {
  display: block;
  position: relative;
}
.oac-chat-credits {
  position: absolute;
  bottom: 0;
}
.oac-chat-list-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oac-chat-image {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.oac-chat-image-right {
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
}
.oac-chat-promo {
  min-height: 85.35vh;
  max-height: 85.35vh;
  overflow-y: auto;
}
.oac-chat-new-chat {
  min-height: 79.5vh;
  max-height: 79.5vh;
  overflow-y: auto;
}
.oac-loader-new-chat {
  min-height: 82vh;
  max-height: 82vh;
}
.oac-chat-chats {
  min-height: 69.6vh;
  max-height: 69.6vh;
  overflow-y: auto;
}
.oac-chat-chats-title {
  max-height: 5vh;
}
.oac-chat-chats-submit {
  max-height: 6vh;
  background-color: white;
  border-radius: 1rem;
}
.oac-chat-new-chat-button {
  background-color: #05e3d3;
  border-radius: 4rem;
  color: white;
  padding: .75rem
}
.oac-chat-new-chat-button:hover {
  background-color: #c0f6ee;
}
.oac-chat-new-chat-button:active {
  background-color: #05e3d3;
}
.oac-chat-message {
  width: fit-content;
  border-radius: 8px;
  padding: 1rem;
}
.oac-h4 {
  margin: 0;
  font-size: 1.5rem;
}
.oac-h5 {
  margin: 0;
  font-size: 1.25rem;
}
.oac-color-message-1 {
  background-color: beige;
}
.oac-color-message-2 {
  background-color: aliceblue;
}
.oac-top-right {
  display: flex;
  justify-content: end;
  align-items: start;
}
.oac-top-left {
  display: flex;
  justify-content: start;
  align-items: start;
}
.oac-fill-white {
  fill: #FFF;
}
.oac-fill-black {
  fill: #000;
}
.oac-icon-star {
  width: 1.1rem;
  height: 1.1rem
}
.oac-chat-list-section {
  background-color: white;
  border-radius: 1rem;
}
.oac-chat-list-break {
  margin: 0;
  border: 0;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #f7fbfe;
}
.oac-icon-form {
  background: none;
  padding: 0px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oac-icon-favorite {
  fill: #FDD835;
}
.oac-button {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s;
}
.oac-button-blank {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem ;
  border-radius: 0.25rem;
  transition: color .15s;
}
.oac-button-circle {
  border: 1px solid transparent;
  border-radius: 6.25rem;
  line-height: 0;
  padding: 0.5rem;
}
.oac-color-disabled {
  color: #a7aaad;
  background-color: #f6f7f7;
  border-color: #dcdcde;
}
.oac-color-delete {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.oac-color-submit {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.oac-color-primary {
  color: #fff;
  background-color: #05e3d3;
  border-color: #05e3d3;
}
.oac-color-success {
  color: #0a3622;
  background-color: #d1e7dd;
  border-color: #a3cfbb;
}
.oac-color-warning {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.oac-color-light{
  color: #495057;
  background-color: #fcfcfd;
  border-color: #e9ecef;
}
.oac-chat-new-chat-submit {
  min-height: 5vh;
  max-height: 5vh;
}
.oac-toggle-selected {
  background-color: #f7fbfe;
}
.oac-toggle-pre-selected:hover {
  background-color: #f7fbfe;
}
.oac-toggle-pre-selected:active {
  background-color: #fff;
}
.oac-icon-circle-delete {
  fill: #fff;
  height: 1.15rem;
  width: 1.15rem;
}
.oac-container-warning {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  height: auto;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border: solid 1px;
  border-radius: 0.25rem;
}
.oac-container-disabled {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  height: auto;
  color: #2b2f32;
  background-color: #e2e3e5;
  border-color: #c4c8cb;
  border: solid 1px;
  border-radius: 0.25rem;
}
.oac-container-primary {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  height: auto;
  color: #052c65;
  background-color: #cfe2ff;
  border-color: #9ec5fe;
  border: solid 1px;
  border-radius: 0.25rem;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1000px;
}

@media screen and (max-width: 725px) {
  .open-ai-chat-main-container {
    padding: 1.5rem;
  }
  .open-ai-chat-container {
      padding: 1rem 0;
  }
}
@media screen and (max-width: 600px) {
  .open-ai-chat-h5 {
    display: none;
  }
  .open-ai-chat-user, .open-ai-chat-assistant {
    padding: 0 0.25rem;
  }
  .open-ai-chat-outgoing-message, .open-ai-chat-incoming-message {
    padding: 1rem 0.25rem;
  }
}