.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content {	
	background: rgb(51, 51, 51) !important;
    border-color: rgb(51, 51, 51) !important;
    border-radius: 10px !important;
    border-style: solid !important;
    border-width: 0px !important;
    color: white !important;
	font-family: Poppins, Calibri, Arial, "sans-serif" !important;
    font-size: 14px !important;
}

.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {
	background: rgb(252, 248, 236) !important;
    border-color: rgb(252, 248, 236) !important;
    border-radius: 10px !important;
    border-style: solid !important;
    border-width: 0px !important;
    color: rgb(51, 51, 51) !important;
	font-family: Poppins, Calibri, Arial, "sans-serif" !important;
    font-size: 14px !important;
}

.webchat--css-wlstb-4z6olz {
	font-family: Poppins, Calibri, Arial, "sans-serif" !important;
}

.webchat__suggested-action {
    background-color: #be7054  !important;
    border-color: #be7054 !important;
    border-radius: 25px !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: white !important;
	font-family: Poppins, Calibri, Arial, "sans-serif" !important;
}

.webchat__suggested-action span {
    color: white !important;
	font-family: Poppins, Calibri, Arial, "sans-serif" !important;
}

.webchat__suggested-action:hover {
    background-color: #666 !important;
    border-color: #be7054 !important;
    color: white !important;
}

#webchat {
    padding-top: 68px !important;
    background-color: #fcf8ec !important;
    /* border: solid 1px #aaa; */
    border-radius: 10px !important;
    background-image: url(https://whatsapp-appservice-prod.azurewebsites.net/img/kaya-hdr.bgc.png) !important;
    background-repeat: no-repeat !important;
    /* background-position: top; */
    background-position-x: -70px !important;
    background-position-y: top !important;
    border-top: solid 1px #aaa !important;
    border-left: solid 1px #aaa !important;
    border-right: solid 1px #aaa !important;
    /* border-top-right-radius: 10px; */
    /* border-top-left-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
}

#webchat > div > div {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

#webchat > div > div.webchat__send-box {
    /* border-bottom: 1px solid #aaa; */
    /* border-radius: 10px; */
    border-bottom: solid 1px #aaa !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    /* padding: 0px 10px 10px 10px; */
    padding-left: 62px !important;
    padding-right: 62px !important;
    padding-bottom: 10px !important;
    padding-top: 5px !important;
}


.webchat__send-box__main {
    border: solid 1px #aaa !important;
    border-radius: 10px !important;
    border-radius: 10px !important;
    /* margin-left: 10px; */
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;    
}

.webchat__upload-button {
    display: none !important;
}

div.ac-textBlock, span.ac-textRun, input.ac-input, label.ac-textBlock, button.ac-pushButton {
    font-size: 14px !important;
	font-family: Poppins, Calibri, Arial, "sans-serif" !important;
}

#webchat > div {
    background-color: #fffffb !important;
}

select.ac-input, input.ac-textInput {
    border: 1px solid #CCC !important;
	border-radius: 8px !important;
}

input.ac-textInput {
    min-height: 36px !important;
}


button.ac-pushButton {
	border-radius: 25px !important;
    background-color: #be7054 !important;
    border-color: #be7054 !important;
    border-radius: 25px !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: white !important;
}

button.ac-pushButton > div {
	font-family: Poppins, Calibri, Arial, "sans-serif" !important;
    font-size: 13px !important;
    font-weight: normal !important;
}

.webchat__suggested-actions__button {
    border: 1px solid #be7054 !important;
    font-size: 14px !important;
}

.webchat__suggested-actions__button-text {
    color: #be7054 !important;
    font-size: 14px !important;
}

.webchat__basic-transcript__scrollable {
    flex-direction: column-reverse !important;
}

.ac-actionSet {
    flex-direction: row !important;
    gap: 3px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}