/*Woods*/

/*:root {
    font-family: "Arial";
    --dark-text: 38 38 38;
    --color-primary-main: 27 116 35;
    --color-primary-contrast: 255 255 255;
    --color-secondary-main: 27 116 35;
    --color-secondary-contrast: 255 255 255;
    --color-chat-ai-bubble: 104 9 141;
    --color-chat-ai-text: 255 255 255;
    --color-chat-human-bubble: var(--color-primary-main);
    --color-chat-human-text: 255 255 255;
    --color-chat-input-background: 236 236 236;
    --color-chat-input-text: var(--dark-text);
    --color-chat-input-placeholder: 168 168 168;
    --color-follow-up-button-background: 255 255 255;
    --color-follow-up-button-text: var(--dark-text);
    --color-follow-up-button-hover-text: var(var(--dark-text));
    --color-background-default: 255 255 255;
    --color-header-background: 27 116 35;
    --color-header-text: 255 255 255;
}

    .text-primary-contrast {
  color: rgb(255,255,255);
}

.text-ai-text {
  color: rgb(255,255,255)
}


#chat-ui-container > div > div.header.flex.gap-x-4.h-12.bg-header-background.items-center.justify-between.px-default-x-sm.py-2 > div.h-full.w-40.flex.items-center.justify-center svg {
  display: none;
}

.header-logo
  background-image: url('/images/woods.png');
  background-size: 100%;
  height: 50px;
  width: 130px;
  background-repeat:no-repeat;
}






.input-container {
  max-width: 1400px;
  margin: 0 auto;
}

#chat-ui-container > div > div.flex.gap-x-1.overflow-auto.p-2.pb-3.h-20 {
  max-width: 1400px;
  margin: 0 auto;
}

#chat-ui-container > div > div.overflow-y-scroll.flex-1 > div {
  max-width: 1400px;
  margin: 0 auto;
}

#chat-ui-container > div > div.input-container.flex.w-full.gap-4.items-center.px-default-x-sm {
  margin: 0 auto;
  max-width: 1400px;
}

#chat-ui-container > div > div.flex.w-full.gap-4.items-center.px-default-x-sm {
    margin: 0 auto;
    max-width: 1400px;
}*/


/*:root {
    font-family: "Arial";
    --dark-text: 38 38 38;
    --color-primary-main: 14 71 57;
    --color-primary-contrast: 255 255 255;
    --color-secondary-main: 14 71 57;
    --color-secondary-contrast: 255 255 255;
    --color-chat-ai-bubble: 216 232 222;
    --color-chat-ai-text: 255 255 255;
    --color-chat-human-bubble: var(--color-primary-main);
    --color-chat-human-text: 255 255 255;
    --color-chat-input-background: 236 236 236;
    --color-chat-input-text: var(--dark-text);
    --color-chat-input-placeholder: 168 168 168;
    --color-follow-up-button-background: 255 255 255;
    --color-follow-up-button-text: var(--dark-text);
    --color-follow-up-button-hover-text: var(var(--dark-text));
    --color-background-default: 255 255 255;
    --color-header-background: 14 71 57;
    --color-header-text: 255 255 255;
}

.text-ai-text {
    color: rgb(0,0,0)
}


#chat-ui-container > div > div.header.flex.gap-x-4.h-12.bg-header-background.items-center.justify-between.px-default-x-sm.py-2 > div.h-full.w-40.flex.items-center.justify-center svg {
    display: none;
}




.header-logo {
    background-image: url('/images/vadehavet.png');
    background-size: 100%;
    height: 50px;
    width: 130px;
    background-repeat: no-repeat;
  margin-top: 10px;
}*/


/*Temporary fix to responsiveness, remove after merge*/


/*.input-container {
    max-width: 1400px;
    margin: 0 auto;
}

#chat-ui-container > div > div.flex.gap-x-1.overflow-auto.p-2.pb-3.h-20 {
    max-width: 1400px;
    margin: 0 auto;
}

#chat-ui-container > div > div.overflow-y-scroll.flex-1 > div {
    max-width: 1400px;
    margin: 0 auto;
}


.input-container {
    max-width: 1400px;
    margin: 0 auto;
}

#chat-ui-container > div > div.flex.gap-x-1.overflow-auto.p-2.pb-3.h-20 {
    max-width: 1400px;
    margin: 0 auto;
}

#chat-ui-container > div > div.overflow-y-scroll.flex-1 > div {
    max-width: 1400px;
    margin: 0 auto;
}

#chat-ui-container > div > div.input-container.flex.w-full.gap-4.items-center.px-default-x-sm {
    margin: 0 auto;
    max-width: 1400px;
}

#chat-ui-container > div > div.flex.w-full.gap-4.items-center.px-default-x-sm {
    margin: 0 auto;
    max-width: 1400px;
}*/