html{
    min-height:100%;
    scroll-behavior:smooth !important;
    min-height:100vh;
    display:flex;
    flex-direction:column
}
body{
    min-height:100%;
    padding:0;
    margin:0;
    position:relative;
    background-color:#1e1e1e;
    font-family:"Poppins",sans-serif;
    font-size:16px;
    font-weight:400;
    min-height:100vh;
    display:flex;
    flex-direction: column;
    color: #e6e6e6;
}
/*h1 {
  background: -webkit-linear-gradient(#bb86fc, #aa68fb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */
.wrapper{
    min-height:100%;
    display:flex;
    min-height:100vh;
    flex-direction:column
}
.navbar{
    height:60px;
    z-index:2
}
.navbar .nav-item:not(:last-child){
    margin-right:.3em
}

.content-wrapper{
    flex:1;
    width:100%;
    padding-top:2em;
    background:#1e1e1e
}
.footer{
     /*background:#1e1e1e*/
}
.copy-btn{
    background-color:#bb86fc;
    border-color:#bb86fc;
    color:#000
}
.copy-btn:hover{
    background-color:#aa68fb;
    color:#000
}
.copy-btn:focus{
    background-color:#aa68fb;
    color:#000
}
.copy-btn:active{
    background-color:#aa68fb;
    color:#000
}
.btn-blue{
    background-color:#bb86fc;
    border-color:#bb86fc;
    color:#000
}
.btn-blue:hover{
    background-color:#aa68fb;
    color:#000
}
.btn-blue:focus{
    background-color:#aa68fb;
    color:#000
}
.btn-blue:active{
    background-color:#aa68fb;
    color:#000
}
.btn-outline-blue{
    background:rgba(0,0,0,0);
    background-color:#000;
    border-color:#bb86fc;
    color:#bb86fc
}
.btn-outline-blue:hover{
    background-color:#bb86fc;
    border-color:#fff;
    color:#fff
}
.btn-outline-blue:focus{
    border-color:#aa68fb;
    color:#aa68fb
}
.btn-outline-blue:active{
    border-color:#aa68fb;
    color:#aa68fb
}
.btn{
    --bs-btn-border-radius: 0.5rem !important
}
.btn:not(.btn-sm){
    padding:5px 25px !important;
    font-size:18px !important
}
.btn-first{
    background:rgba(0,88,221,.1);
    border:none;
    color:#e776fe;
    padding:5px 5px
}
.btn-secondary{
    background:#212529;
    border:none;
    color:#c7c8c9; 
    padding:5px 15px
}
.card{
    background:#121212;
    border:1px solid #e6e6e6;
    --bs-card-border-radius: 0.75rem
}
#toast-container>.toast-success{
    background-color:#aa68fb
}
}
}
}
}
@media(max-width: 1200px){
    .container{
        width:100% !important;
        max-width:100% !important
    }
}
}
}
/*# sourceMappingURL=styles.min.css.map */
 }
 
.mj-prompt-helper input:read-only,.chatgpt-prompt-helper input:read-only{
    background-color:#e9ecef;
    opacity:1
}
.mj-prompt-helper input:read-only:focus,.chatgpt-prompt-helper input:read-only:focus{
    background-color:#e9ecef;
    opacity:1
}
.mj-prompt-helper textarea,.chatgpt-prompt-helper textarea{
    overflow:hidden;
    padding:1em
}
.mj-prompt-helper textarea:read-only,.chatgpt-prompt-helper textarea:read-only{
    background-color:#e9ecef;
    opacity:1
}
.mj-prompt-helper textarea:read-only:focus,.chatgpt-prompt-helper textarea:read-only:focus{
    background-color:#e9ecef;
    opacity:1
}
.avatar-large{
    width:150px;
    height:150px;
    border-radius:50%;
    border:3px solid #e6e6e6
}
#toast-container>.toast-success{
    background-color:#bb86fc; 
}
.tooltip-inner{
    background-color:#121212;
    color: rgba(255, 255, 255, 1);
    border:1px solid #f8f8f8
}
.mj-form label{
    color:#fff
}
.mj-form label span{
    color:rgba(163,120,250,.8);
    font-size:.9em
}
.mj-parameter-wrapper{
    background-color:#212529;
    border-radius:.75rem !important;
    margin-bottom:1em;
    cursor:pointer
}
.mj-parameter-wrapper.active{
    background-color:#5c636a; 
    color:#e3e7ea;
}
.form-range-wrapper{
   /* background:#212529; 
    border-radius:10px;
    color:#e3e7ea;*/
}
.form-range-wrapper .form-range-slider{
    width:80%
}
.form-range-wrapper .form-range{
    border-radius:10px
}
.mj-parameter-img-wrapper{
    width:128px;
    height:128px;
    background-color:#000;
    margin-right:1em
}
.mj-modal .modal-title{
    text-transform:capitalize
}
.mj-modal .modal-body{
    background:#121212;
    max-height:60vh;
    overflow-y:auto
}
.modal-header{
	border-bottom: none;
}
.modal-footer{
	border-top: none;
}
/*.modal-footer{
    background:#181818;
	border-top: none;
	border-radius:7px,7px,0,0;
}*/
.modal-content{
    background:#121212;
	border-radius:10px;
    border:1px solid #fff
}
.card-body{
	color: #e3e7ea;
}

.textarea-container {
    position: relative;
    padding-bottom: 15px;
}

.textarea {
    width: 100%;
    box-sizing: border-box; /* Include padding and border in the element's width */
}

.optimize-button {
    position: absolute;
    right: 10px; /* Adjust this value as needed to place the button right inside the corner */
    top: 10px; /* Adjust this value as needed to place the button top inside the corner */
    z-index: 10;
}

#div_id_user_input_text {
    display: flex;
    align-items: center;
}

#div_id_user_input_text textarea {
    flex-grow: 1;
}

#optimize_prompt {
    margin-left: 10px; /* Adds space between the textarea and the button */
}
.mj-prompt-helper textarea:read-only, .chatgpt-prompt-helper textarea:read-only {
    background: -webkit-linear-gradient(to bottom right, #CCCCFF, #EDBDFD);
    opacity: 1;
	color:#121212;
}
.accordion-button {
    background-color: #121212; /* Purple background */
    color: #bb86fc; 
   /* border: 2px solid #6a1b9a;  Dark purple border */
   /*  font-weight: bold; Bold text */
   /*  font-size: 16px; /* Increase font size */
}

/* On hover */
.accordion-button:hover {
    background-color: #212529; /* Darker purple */
    color: #fff; /* Keep text white */
}

/* When active (expanded) */
.accordion-button:not(.collapsed) {
    background-color: #121212; /* Even darker purple */
    color: #fff; /* White text */
   /* border-color: #4a148c;  Match border color */
}