#chat-fab, #chat-social-links {
    align-items: center !important
}

#chat-fab, #chat-widget {
    position: fixed !important;
    right: 24px !important
}

#chat-fab, #chat-header, #chat-social-links a {
    color: #fff !important;
    display: flex !important
}

    #chat-social-links a, #chat-social-links a span:before {
        font-size: 20px !important
    }

#chat-body, #chat-fab, #chat-header, #chat-input-area, #chat-messages, #chat-social-links, #chat-social-links a {
    display: flex !important
}

#chat-body, #chat-input-area, #chat-quick-questions {
    background: #fff !important
}

#chat-close, #chat-fab, #chat-send, .chat-form-btn, .chat-question-btn {
    cursor: pointer !important
}

#chat-fab {
    bottom: 24px !important;
    width: 56px !important;
    height: 56px !important;
    background: #007bff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
    justify-content: center !important;
    z-index: 10001 !important;
    font-size: 28px !important;
    transition: background .2s !important
}

    #chat-fab.wiggle {
        animation: 4s linear infinite wigglePause !important
    }

    #chat-fab:hover, .chat-form-btn:hover {
        background: #0056b3 !important
    }

    #chat-fab svg {
        width: 28px !important;
        height: 28px !important;
        fill: #fff !important
    }

#chat-widget {
    bottom: 90px !important;
    width: 30% !important;
    font-family: Poppins,Arial,sans-serif !important;
    z-index: 10000 !important;
    display: none !important
}

#chat-body {
    border: 1px solid #343a40 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
    flex-direction: column !important
}

#chat-header {
    background: #343a40 !important;
    padding: 12px !important;
    font-weight: 600 !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 8px 8px 0 0 !important
}

#chat-social-links {
    gap: 12px !important;
    margin: 0 8px !important
}

    #chat-social-links a {
        transition: color .2s,transform .2s !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 4px !important
    }

        #chat-social-links a:hover {
            color: #007bff !important;
            transform: scale(1.2) !important
        }

#chat-close {
    font-size: 22px !important;
    line-height: 1 !important
}

#chat-input, #chat-messages, #chat-send, .bot-msg, .user-msg {
    font-size: 14px !important
}

#chat-messages {
    height: 300px !important;
    overflow-y: auto !important;
    padding: 10px !important;
    background: #f8f9fa !important;
    flex-direction: column !important
}

#chat-input-area {
    border-top: 1px solid #eee !important;
    padding: 8px !important
}

#chat-send, .user-msg {
    background: #007bff !important;
    color: #fff !important
}

#chat-input {
    flex: 1 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 6px 8px !important
}

#chat-send {
    margin-left: 8px !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 16px !important
}

    #chat-send:disabled {
        background: #aaa !important;
        cursor: not-allowed !important
    }

.bot-msg, .user-msg {
    max-width: 80% !important;
    padding: 6px 12px !important;
    border-radius: 18px !important;
    margin: 6px 0 !important;
    display: inline-block !important;
    word-break: break-word !important;
    position: relative !important
}

#chat-quick-questions, .chat-form {
    display: flex !important;
    gap: 8px !important
}

.user-msg {
    align-self: flex-end !important;
    border-bottom-right-radius: 4px !important;
    margin-left: auto !important;
    margin-right: 0 !important
}

#chat-thinking, .bot-msg {
    background: #e9ecef !important
}

#chat-thinking, .bot-msg, .chat-question-btn {
    color: #343a40 !important
}

.bot-msg {
    align-self: flex-start !important;
    border-bottom-left-radius: 4px !important;
    margin-right: auto !important;
    margin-left: 0 !important
}

#chat-thinking, .chat-form-btn {
    align-self: flex-end !important
}

@keyframes wiggle {
    0%,100% {
        transform: rotate(0) !important
    }

    15% {
        transform: rotate(-15deg) !important
    }

    30% {
        transform: rotate(10deg) !important
    }

    45% {
        transform: rotate(-10deg) !important
    }

    60% {
        transform: rotate(6deg) !important
    }

    75% {
        transform: rotate(-4deg) !important
    }
}

@keyframes wigglePause {
    0%,100%,17% {
        transform: rotate(0) !important
    }

    2% {
        transform: rotate(-15deg) !important
    }

    5% {
        transform: rotate(10deg) !important
    }

    8% {
        transform: rotate(-10deg) !important
    }

    11% {
        transform: rotate(6deg) !important
    }

    14% {
        transform: rotate(-4deg) !important
    }
}

#chat-quick-questions {
    flex-wrap: wrap !important;
    padding: 12px 10px 0 !important
}

.chat-question-btn {
    background: #f1f3f6 !important;
    border: 1px solid #007bff !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    padding: 6px 12px !important;
    margin: 0 4px 6px 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    transition: background .2s,color .2s !important
}

    .chat-form-btn, .chat-question-btn:hover {
        color: #fff !important;
        background: #007bff !important
    }

#chat-thinking, .chat-form-btn, .chat-form-input {
    font-size: 14px !important
}

.chat-form {
    flex-direction: column !important;
    margin-top: 8px !important
}

.chat-form-input {
    width: 100% !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    border: 1px solid #ccc !important;
    box-sizing: border-box !important
}

.chat-form-btn {
    border: none !important;
    border-radius: 12px !important;
    padding: 8px 16px !important
}

#chat-thinking {
    display: none !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 0 8px !important;
    padding: 10px 16px !important;
    border-radius: 18px !important
}

.thinking-dots {
    width: 32px !important;
    height: 16px !important
}

    .thinking-dots span {
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        margin: 0 2px !important;
        background: #007bff !important;
        border-radius: 50% !important;
        opacity: .6 !important;
        animation: 1.2s infinite thinkingBlink !important
    }

        .thinking-dots span:nth-child(2) {
            animation-delay: .2s !important
        }

        .thinking-dots span:nth-child(3) {
            animation-delay: .4s !important
        }

@keyframes thinkingBlink {
    0%,100%,80% {
        opacity: .6 !important
    }

    40% {
        opacity: 1 !important
    }
}
='D:\GitHub\MP Dial 112 Integrated Portal\MPDial100Portal\chatbot\chatbot-widget.css'; "FULL CSS tail:"; Get-Content -Tail 8; "----"; ='D:\GitHub\MP Dial 112 Integrated Portal\MPDial100Portal\chatbot\chatbot.min.css'; "MIN CSS tail:"; Get-Content -Tail 3#chat-fab { display: flex !important; } #chat-widget { display: none !important; } #chat-widget.chat-open { display: block !important; } #chat-body { display: flex !important; flex-direction: column !important; } #chat-header, #chat-messages, #chat-input-area, #chat-quick-questions { display: flex !important; }
#chat-fab,#chat-fab *,#chat-widget,#chat-widget *{box-sizing:border-box !important;line-height:normal !important}#chat-fab,#chat-widget,#chat-widget *:not([class*="icon-"]){font-family:Poppins,Arial,sans-serif !important}#chat-widget button,#chat-widget input,#chat-widget select,#chat-widget textarea{margin:0 !important;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important;min-width:0 !important;width:auto !important;height:auto !important}#chat-social-links a svg{width:22px !important;height:22px !important;display:block !important;fill:#007bff !important}#chat-social-links a:hover svg{fill:#0056b3 !important}
@media (max-width:768px){#chat-widget{width:auto !important;left:12px !important;right:12px !important;bottom:84px !important}#chat-messages{height:50vh !important}#chat-fab{bottom:16px !important;right:16px !important}}