.wcfs-button-icon{
    width: 52px !important;
    /* margin-right: 9px; */
}
.wcfs-button.wcfs-flex{
    /* border-radius :50px !important; */
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
}
.wcfs-popup-action.wcfs-filled.wcfs-flex{
    background: #44D62C !important;
    color: black !important;
    border: none !important;
}
.wcfs-popup-action.wcfs-filled.wcfs-flex: hover{
    color: white !important;
}
.wcfs-dialog-label{
    font-size: 1rem !important;
    color: #222 !important;
}
.wcfs-dialog-input{
    border: 1px solid #a4a4a4 !important !important;
}
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-send {
    border-radius: 30% !important; 
    display: flex !important; 
    margin-left: 6px !important;
}
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-send img {
    width: 16px !important;
    height: 17px !important;
}
/* .wcfs-wrapper button svg, .wcfs-wrapper button img {
    width: 16px !important;
    height: 17px !important;
} */
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-upload{
    background: #44D62C !important;
    border-radius: 30% !important; 
    display: flex !important; 
}
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-upload img {
    width: 16px !important;
    height: 17px !important;
}
.wcfs-action-postback.wcfs-.wcfs-flex{
    border-color: #cbcccd;
    /* background-image: none; */
    /* box-shadow: none; */
    margin: 2px;
}
.page-min{
    min-height: 500px;
}
.wcfs-wrapper .wcfs-message-block.wcfs-right .wcfs-messages-wrapper .wcfs-message .wcfs-message-bubble:not(.wcfs-error){
    color: #000;
    background: #44D62C;
}
.wcfs-conversation{
    background-color: #111 !important;
}
.wcfs-footer.wcfs-mode-keyboard{
    background-color: #111 !important;
}
.wcfs-footer-mode-keyboard.wcfs-flex{
    background-color: #111 !important;
}
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-send.wcfs-none img{
    filter: grayscale(100%) brightness(0%) !important;
}
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-upload img{
    filter: grayscale(100%) brightness(0%) !important;
}
.wcfs-user-input{
    background: #222 !important;
    color:#ffffff !important;
}
.wcfs-wrapper .wcfs-footer .wcfs-footer-mode-keyboard{
    border: none !important;
}
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-send.wcfs-none{
    background: #44D62C !important;
}
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-send{
    background: #44D62C !important;
}
.wcfs-icon.wcfs-footer-button.wcfs-flex.wcfs-button-send img{
    filter: grayscale(100%) brightness(0%) !important;
}
.wcfs-popup.wcfs-share-popup-list.wcfs-expand{
    background: #222 !important;
    border: 1px solid #333 !important;
}
.wcfs-popup.wcfs-share-popup-list.wcfs-expand:hover{
    background: #555 !important;
    
}
.wcfs-share-popup-item.wcfs-false{
    color: #fff !important;
}
.wcfs-connection-status{
    text-transform: none !important;
}
.wcfs-wrapper .wcfs-dialog-wrapper .wcfs-dialog-backdrop{
    background: rgba(0,0,0,.6) !important;
}
/* .wcfs-wrapper .wcfs-button {
    bottom: 260px;
    right: -20px;
} */
.wcfs-wrapper.wcfs-default.wcfs-.wcfs-collapsed{
    /* bottom: 45% !important; */
    /* right:0% !important */
}
.wcfs-wrapper.wcfs-default.wcfs-.wcfs-pos-left.wcfs-expanded {
    bottom: 20px !important;
    /* left: 10px !important; */
    /* right:0% !important */
}
/* .wcfs-wrapper .wcfs-button:not(:disabled):focus{
    border: 1px solid white !important;
} */
 
.wcfs-action-wrapper.wcfs-flex button:not(:disabled):focus {
    outline: 1px dotted black;
}
.wcfs-wrapper button:not(:disabled):focus {
    outline: 1px dotted white;
}
.wcfs-message-actions.wcfs-col button:not(:disabled):focus {
    outline: 1px dotted black;
}
.wcfs-embed-sticky-top{
    padding: 4px;
    color: white;
    font-family: 'Roboto';
    font-size: 12px;
    background-color: #444;
}
.wcfs-notification-badge{
    right: -15px !important;
    top: -15px !important;
}
@media screen and (min-width: 769px) {
    .wcfs-wrapper .wcfs-button {
        height: 40px;
        width: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .wcfs-wrapper .wcfs-button{
        height: 40px;
        width: 40px;
    }
    .wcfs-widget.wcfs-flex.wcfs-col{
        width: 426px !important;
    }
}
/* Added by Nisha on June 4,2025 */
.oda-chat-message-text p {
  color: black !important;
  white-space-collapse: collapse !important;
}
.oda-chat-message-text a {
  color: #37b322 !important;
}
.oda-chat-message-text ul,
.oda-chat-message-text ol {
  list-style-type: revert !important;
  padding-left: revert !important;
}
/* .oda-chat-message-text br {
  display: none !important;
} */
.oda-chat-footer .oda-chat-share-popup-item-icon {
  /* background-color: #44d62c !important; */
  height: 30px !important;
  width: 30px !important;
}
.oda-chat-message-text b {
  font-weight: bold !important;
}
.oda-chat-wrapper .oda-chat-header .oda-chat-header-info-wrapper .oda-chat-title{
    font-weight: 700 !important;
}
.oda-chat-wrapper .oda-chat-header .oda-chat-header-info-wrapper .oda-chat-connection-status{
    font-weight: bold !important;
}
.oda-chat-conversation {
    background-color: #111 !important;
}
.oda-chat-button-icon{
    width: 52px !important;
    /* margin-right: 9px; */
}
.oda-chat-button.oda-chat-flex:focus,
.oda-chat-button.oda-chat-flex:focus-visible {
  outline: none !important;
}
.oda-chat-button.oda-chat-flex{
    /* border-radius: 6px !important; */
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
    border-radius: 18px !important;
    width: 185px !important;
    height: 70px !important;
}
.oda-chat-popup-action.oda-chat-filled.oda-chat-flex{
    background: #44D62C !important;
    color: black !important;
    border: none !important;
}
.oda-chat-popup-action.oda-chat-filled.oda-chat-flex: hover{
    color: white !important;
}
.oda-chat-dialog-label{
    font-size: 1rem !important;
    color: #222 !important;
}
.oda-chat-dialog-input{
    border: 1px solid #a4a4a4 !important !important;
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-send {
    border-radius: 30% !important; 
    display: flex !important; 
    margin-left: 6px !important;
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-send img {
    width: 16px !important;
    height: 17px !important;
}
.oda-chat-wrapper button {
    border-radius: 4px !important;
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-upload{
    background: #44D62C !important;
    border-radius: 30% !important; 
    display: flex !important; 
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-upload img {
    width: 16px !important;
    height: 17px !important;
}
.oda-chat-action-postback.oda-chat-.oda-chat-flex{
    border-color: #cbcccd;
    /* background-image: none; */
    /* box-shadow: none; */
    margin: 2px;
    width: 100% !important;
    white-space: normal !important;
}
.oda-chat-action-postback.oda-chat-.oda-chat-flex > div {
  width: 100% !important;
}
.page-min{
    min-height: 500px;
}
.oda-chat-wrapper .oda-chat-message-block.oda-chat-right .oda-chat-messages-wrapper .oda-chat-message .oda-chat-message-bubble:not(.oda-chat-error){
    color: #000;
    background: #44D62C;
}
.oda-chat-conversation{
    background-color: #111 !important;
}
.oda-chat-footer.oda-chat-mode-keyboard{
    background-color: #111 !important;
}
.oda-chat-footer-mode-keyboard.oda-chat-flex{
    background-color: #111 !important;
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-send.oda-chat-none img{
    filter: grayscale(100%) brightness(0%) !important;
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-upload img{
    filter: grayscale(100%) brightness(0%) !important;
}
.oda-chat-user-input{
    background: #222 !important;
    color:#ffffff !important;
}
.oda-chat-wrapper .oda-chat-footer .oda-chat-footer-mode-keyboard{
    border: none !important;
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-send.oda-chat-none{
    background: #44D62C !important;
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-send{
    background: #44D62C !important;
}
.oda-chat-icon.oda-chat-footer-button.oda-chat-flex.oda-chat-button-send img{
    filter: grayscale(100%) brightness(0%) !important;
}
.oda-chat-popup.oda-chat-share-popup-list.oda-chat-expand{
    background: #222 !important;
    border: 1px solid #333 !important;
}
.oda-chat-popup.oda-chat-share-popup-list.oda-chat-expand:hover{
    background: #555 !important;
    
}
.oda-chat-share-popup-item.oda-chat-false{
    color: #fff !important;
}
.oda-chat-connection-status{
    text-transform: none !important;
}
.oda-chat-wrapper .oda-chat-dialog-wrapper .oda-chat-dialog-backdrop{
    background: rgba(0,0,0,.6) !important;
}
/* .oda-chat-wrapper .oda-chat-button {
    bottom: 260px;
    right: -20px;
} */
.oda-chat-wrapper.oda-chat-default.oda-chat-.oda-chat-collapsed{
    /* bottom: 45% !important; */
    /* right:0% !important */
}
.oda-chat-wrapper.oda-chat-default.oda-chat-.oda-chat-pos-left.oda-chat-expanded {
    bottom: 20px !important;
    /* left: 10px !important; */
    /* right:0% !important */
}
/* .oda-chat-wrapper .oda-chat-button:not(:disabled):focus{
    border: 1px solid white !important;
} */
 
.oda-chat-action-wrapper.oda-chat-flex button:not(:disabled):focus {
    outline: 1px dotted black;
}
.oda-chat-wrapper button:not(:disabled):focus {
    outline: 1px dotted white;
}
.oda-chat-message-actions.oda-chat-col button:not(:disabled):focus {
    outline: 1px dotted black;
}
.oda-chat-embed-sticky-top{
    padding: 4px;
    color: white;
    font-family: 'Roboto';
    font-size: 12px;
    background-color: #444;
}
.oda-chat-notification-badge{
    right: -15px !important;
    top: -15px !important;
}
@media screen and (min-width: 769px) {
    .oda-chat-wrapper .oda-chat-button {
        height: 40px;
        width: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .oda-chat-wrapper .oda-chat-button{
        height: 40px;
        width: 40px;
    }
    .oda-chat-widget.oda-chat-flex.oda-chat-col{
        width: 426px !important;
        box-shadow: 0 1px 8px 0 #404040 !important;
    }
}
.oda-chat-widget oda-chat-flex oda-chat-col{
    box-shadow: 0 1px 8px 0 #404040 !important;
} 
@media screen and (min-width: 426px) {
    .oda-chat-widget:not(.oda-chat-sidepanel) {
        box-shadow: 0 1px 8px 0 #404040 !important;
    }
     .oda-chat-widget.oda-chat-flex.oda-chat-col{
        box-shadow: 0 1px 8px 0 #404040 !important;
    }
}