﻿
div.featuredAgents-Inputs {
    min-height: 200px;
}

.agent-input textarea {
    caret-color: var(--bs-text-primary);
    caret-shape: underscore !important;
}

[theme=dark] .agent-input textarea {
    caret-color: var(--bs-text-info);
}

.chat-input-border {
    border-radius: 25px !important;
    border: solid 1px var(--bs-gray-300) !important;
}

.chat-input-error {
    border-color: #ce1717 !important;
}

[theme=dark] .chat-input-error {
    border-color: #ff6060 !important;
}

.chat-input-wrapper {
    max-height: 350px;
}

.chat-input-wrapper textarea {
	border-radius: 0px !important;
	border: none;
	background-color: var(--bs-body-bg);
    outline: none !important;

    resize: none;
    overflow: hidden !important;
    min-height: 30px;
}

.\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
}

.btn-prompt-option + .btn,
.btn-prompt-option-type-off,
.btn-prompt-option-type-on {
    background: var(--bs-body-bg) !important;
    border: solid 1px var(--bs-gray-300) !important;
    color: var(--bs-gray-500);
}

.btn-prompt-option-type-on {
    color: var(--bs-gray-800);
}

.btn-prompt-option:checked + .btn,
.btn-prompt-option-type-on {
    background-color: var(--bs-light-active) !important;
}

.btn-prompt-option:checked + .btn i,
.btn-prompt-option-type-on i{
    color: var(--bs-text-primary)
}

[theme=dark] .btn-prompt-option:checked + .btn i,
[theme=dark] .btn-prompt-option-type-on i {
    color: var(--bs-text-info);
}

[theme=dark] .btn-prompt-option:checked + .btn,
[theme=dark] .btn-prompt-option-type-on {
    color: white;
    border: solid 1px var(--bs-gray-500) !important;
}

.btn-prompt-option:checked + .btn i.checked-hide,
.btn-prompt-option + .btn i.checked-show {
    display: none !important;
}

.btn-prompt-option:checked + .btn i.checked-show,
.btn-prompt-option + .btn i.checked-hide {
    display: inline-flex !important;
}

.btn-prompt-go:hover i {
    color: var(--bs-text-primary) !important;
}

.prompt-option-tooltip {
    background: var(--bs-text-primary);
}

.prompt-option-popover {
    border-color: var(--bs-text-primary);
}


select.prompt-option-type + .select2-container {
   width: fit-content !important; 
}


.prompt-option-model {
	background: var(--bs-body-bg) !important;
	border: solid 1px var(--bs-gray-300) !important;
}

.prompt-option-model .symbol-circle{
    border-radius: 15px !important;
}