#block-block-12 .chat-section-chat {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 50px; 
            left: 710px;
            display: table-cell;
            padding: 3px;
            max-width: 370px;
            height: 535px;
            margin-left: 3px;
            float: left;
            overflow: auto;
            border-radius: 5px 5px 5px 5px;
            z-index: 100;
        }
        #chat-root {
            overflow: auto;
            background-color: #fff;
        }
         #chat-root > div {
                overflow-y: auto;
                overflow-x: hidden;
                width: 330px;
                height: 485px;
                font-size: 14px;
            }
        .chat-welcome-text {
	    display:none;
           }


        .centered {
            text-align: center;
        }

        .spinner.loading {
            display: none;
            padding: 50px;
            text-align: center;
        }

         .spinner.loading:before {
                content: "";
                height: 110px;
                width: 110px;
                margin: -15px auto auto -15px;
                position: absolute;
                top: 218px;
                left: 143px;
                border-width: 5px;
                border-style: solid;
                border-color: #2180c0 #ccc #ccc;
                border-radius: 100%;
                animation: rotation .7s infinite linear;
            }

        @keyframes rotation {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(359deg);
            }
        }

        .wrap {
            white-space: nowrap;
        }

        .chat-header-wrapper {
            display: flex;
            background: #f0f0f0;
            text-align: center;
            padding: 10px;
            color: #fff;
            border-radius: 3px;
        }