.card{
            border: none !important;
        }

        .chat-box {
            height: 65vh;
            overflow-y: scroll;
            margin-bottom: 0px;

        }

        .user-chat-box {
            height: 65vh;
            overflow-y: scroll;
            margin-top: 0px;
            padding: 10px;
        }

        .message {
            margin-bottom: 15px;
        }
        .visitor {
            text-align: left;
            font-size: 13px;
        }
            
        .visitor .sender{
            color: rgba(2, 2, 2, .33) !important;
        }

        .manual {
            text-align: left;
            font-size: 13px;
        }
            
        .manual .sender{
            color: rgba(2, 2, 2, .33) !important;
        }

        .prof{
            text-align: left;
            padding: 10px;
            color: #fff;
            background-color: #ff5633;
            font-size: 13px;
            font-weight: 500;
        }
        
        .prof .sender{    
            color: #fff !important;
        }

        .buider {
            text-align: left;
            padding: 10px;
            background-color: yellow;
            font-size: 13px;
            font-weight: 500;
        }    


        .input-group .form-control {
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
            height: 70px;
        }
        .input-group-append .btn img {
            height: 20px;
        }

         /* Hide scrollbar for Chrome, Safari and Opera */
        .chat-box::-webkit-scrollbar {
            display: none;
        }
        /* Hide scrollbar for IE, Edge and Firefox */
        .chat-box {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }

        .user-chat-box {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }

        .visitor-sender {
            font-weight: 600;
            font-size: 14.5px;
            color: rgba(2, 2, 2, .33);
            margin-right: 5px;
        }

        @media screen and (max-width: 600px) {

            .card{
                padding: 0 !important;
                margin:0 !important;
                height: calc(100vh - 480px);
            }

            .card-body{
                padding: 0 !important;
                margin:0 !important;
                height: calc(100vh - 480px);
            }

            .input-group{
                width: 100%;
                height: 70px;
                margin: 0;
            }



            .chat-box {
                height: calc(100vh - 480px);
                padding: 0 8px;
            }

            .user-chat-box {
                height: calc(100vh - 480px);
                padding: 0 8px;
            }


        }