/* Use custom icon for the chat dashicon */
.dashicons-chatgpt-dashicon::before {
    content: url('../img/chatgpt-dashicon.svg');
    width: 20px; /* Adjust the size as needed */
    height: 20px; /* Adjust the size as needed */
}

/* Adjust the margin of the page header */
.page-header {
    margin-top: 3rem !important;
    margin-bottom: 1rem !important;
}

.page-header-sm {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

/* Set background color for odd rows in the previous messages table */
table.previous-messages tr.odd {
    background: whitesmoke;
}

/* Remove text decoration when a view response link is focused */
table.previous-messages .view-response a:focus {
    text-decoration: none;
}

/* Set color for links in table headers */
table.previous-messages th a {
    color: white;
}

/* Remove text decoration on hover for links in table headers */
table.previous-messages a:hover {
    text-decoration: none;
}

/* Adjust the height of page links in previous messages table */
.page-link {
    height: fit-content;
}

/* Hide the submit info text by default */
.chatgpt-assistant-submit-info {
    display: none;
}

/* Create a wrapper div for the submit button and submit info */
.submit-wrapper {
    display: flex; /* Use flexbox for horizontal layout */
    align-items: center; /* Vertically center the contents */
}

/* Add margin between the submit button and submit info */
.submit-wrapper button {
    margin-right: 10px;
}

/* Center the submit info text horizontally */
.chatgpt-assistant-submit-info {
    text-align: center;
}

/* Add max-width to container in certain pages */
.mx-width-600 {
    max-width: 600px !important;
}

/* Add max-width to container in certain pages */
.mx-width-perc-60 {
    max-width: 60% !important;
}

/* Add min-width to container in certain pages */
.mn-width-400 {
    min-width: 400px !important;
}

/* Add max-width to container in certain pages */
.mx-width-400 {
    max-width: 400px !important;
}

/* Custom CSS for message list */
#message-list {
    margin-top: 20px;
    list-style: none;
    padding-left: 0;
}

.list-group-item {
    margin-bottom: 0;
}

.view-response .btn.btn-link {
    vertical-align: unset !important;
    border-radius: unset !important;
    padding: unset !important;
}

table.previous-messages td {
    padding: 0.3rem !important;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.border-light-grey {
    border-color: #dee2e6 !important;
    max-width: fit-content !important;
}

#postTitleTextInput, #chatpgt_assistant_post_title, #companyNameTextarea {
    border-color: #dee2e6;
    color: #212529;
    background-color: white;
}

#postTitleTextInput:focus, #chatpgt_assistant_post_title:focus, #companyNameTextarea:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

#chatgpt_assistant_unique_editor_ifr {
    min-height: 400px;
}