app-root {
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
	line-height: 24px
}

app-root :before,
app-root :after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb
}

app-chat-input label,
chat-bot-message-item label,
.botMessage label {
	background-color: transparent;
	background: transparent;
}


app-root .headerParent button{
  margin:0;
  padding: 4px;
}

app-root .headerParent img{
  margin:0;
}
app-root .headerParent button span{
  margin-left: 5px;
}

app-root .headerParent img + * {
    margin-top: 0px;
}
app-root .headerParent button:focus, app-root .headerParent button:hover {
  box-shadow: none;
  border: none;
  background: transparent;
  color: unset;
}

modal-agb label {
	font-size: unset;
	line-height: unset;
	margin-bottom: 0px;
	background: unset;

}

modal-agb input[type="checkbox"] {
	display: inline-block;
	width:13px;
    height: 13px;
    padding: unset;
    appearance: auto;
   }

app-root ul, app-root ol{
    list-style: none;
    padding-inline-start: 20px;
}

 #chat-container .bubble {
font-size:18px;
line-height: 1.25rem !important;

}

 #chat-container .botMessage ul li{
    margin:0px;
    line-height: 1.25rem !important;
}
 #chat-container .botMessage p{
        display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

 #chat-container .botMessage label{
   padding-left: 0;
   margin-left: 0;
}


 #chat-container .botMessage input[type="checkbox"]{
   display: inline-block;
      appearance: auto;
}
 .headerParent h3 {
   font-weight:unset;
    }

@media screen and (max-width: 520px) {
     #chat-container button {
        margin-bottom: unset;
        width: unset; 
    }
}

@media screen and (max-width: 768px) {
   .headerParent h3 {
    	line-height:unset;
	font-family:unset;
	color:unset;
    }

    .headerParent button.px-2 {
  	padding-left: 0.25rem;
	padding-right: .25rem;
    }
}

#openChat > div > div > app-chat-input > form > div > div > label {
  font-size: 18px;
}
#openChat .scale-\[0\.55\] {
  font-size: 20px;
}

#openChat > div > div.headerParent > app-chat-header > div > div.flex.flex-row.items-center.justify-end.actionBar > div > button {
    border: 1px solid #3C3C3C;
    margin: 0px 2px;
}

#openChat  .actionBar img.w-7{
	border:none
}