.chat-box{position:fixed;bottom:80px;right:20px;width:320px;height:500px;background-color:#fff;border:1px solid #ccc;border-radius:15px;box-shadow:0px 0px 10px rgba(0,0,0,.2);transition:right .3s ease-in-out;display:flex;flex-direction:column}.chat-box.open{right:10px}.chat-header{background-image:url('http://estratcom.com/wp-content/uploads/2019/07/estrats_header_logo-1.png');background-repeat:no-repeat;background-size:160px;color:#08306d;display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px 8px 0 0;height:120px;border-bottom:outset;margin:4px 0 0 4px}.chat-title{position:absolute;top:40px;right:10px;font-size:15px}.chat-close{position:absolute;top:10px;right:10px}.chat-toggle{cursor:pointer}.chat-messages{padding:10px;flex-grow:1;overflow-y:auto;height:867px;display:flex;flex-direction:column}input[type=text]{flex:1;padding:8px;border:1px solid #ccc;border-radius:5px;outline:none;white-space:pre-wrap;word-wrap:break-word}.message{padding:10px;border-radius:5px;margin-bottom:10px;max-width:70%;word-wrap:break-word;display:inline-block}.user-message{background-color:#a3eaf7;margin-left:auto;margin-right:10px;padding:8px 12px;border-radius:10px;display:inline-block;max-width:70%;word-wrap:break-word;margin-bottom:8px;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.support-message{background-color:#f0f0f0;color:#333;margin-right:auto;margin-left:10px;padding:8px 12px;border-radius:10px;display:inline-block;max-width:70%;word-wrap:break-word;margin-bottom:8px;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-gif{background-color:transparent !important;width:25px;display:flex}.chat-input{display:flex;padding:10px;border-top:1px solid #ccc;background-color:#f4f7f9;border-radius:0 0 16px 16px;border:none}input:focus{outline:none}.chat-input input{padding:5px;border:none;border-radius:5px;white-space:pre-wrap;word-wrap:break-word}.chat-input button{background-color:#1a1449;color:#fff;border:none;border-radius:5px;padding:5px 10px;margin-left:10px;cursor:pointer}#chat-section{position:fixed;bottom:20px;right:20px;background-color:#08306d;color:#fff;border:none;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background-color .3s;z-index:999}.chat-button{position:fixed;bottom:20px;right:20px;background-color:#08306d;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background-color .3s;z-index:999}.chat-button:hover{background-color:#08306d}.chat-button.open{background-color:#08306d}.textAreaAS{font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;resize:none}.textAreaAS::placeholder{color:#999;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding-left:2px}