/* dialog-control */ .dialogFrameDiv { position: absolute; z-index: 999; background-color: white; text-align: center; border: 1px solid #d3d3d3; box-shadow: 5px 5px 5px #aaaaaa; } .dialogHeaderDiv { padding: 10px; cursor: move; z-index: 998; background-color: #2196F3; color: #fff; } .dialogContentDiv { z-index: 996; overflow: auto; } .dialogResizerDiv { z-index: 997; width: 15px; height: 15px; background-color: gainsboro; position: absolute; right: 0; bottom: 0; cursor: se-resize; opacity: 0.0; } .dialogFrameSnapDiv { position: absolute; margin: 0; padding: 0; z-index: 999; border: 1px solid #d3d3d3; background-color: white; box-shadow: 5px 5px 5px #aaaaaa; width: 330px; height: 500px; } .dialogHeaderSnapDiv { background-color: #2196F3; cursor: move; color: #fff; height: 25px; text-align: center; z-index: 998; } .dialogContentSnapDiv { z-index: 996; overflow: auto; } .dialogResizerSnapDiv { background: white; opacity: 0.2; position: absolute; margin: 0; padding: 0; z-index: 997; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } /* popup-chat */ .popup-chat-open-button { background-color: #555; color: white; padding: 16px 20px; border: none; cursor: pointer; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 280px; } /* The popup chat - hidden by default */ .popup-chat-chat-popup { display: none; position: fixed; bottom: 0; right: 15px; border: 3px solid #f1f1f1; z-index: 9; } /* Add styles to the form container */ .popup-chat-form-container { max-width: 300px; padding: 10px; background-color: white; } /* Full-width textarea */ .popup-chat-form-container popup-chat-textarea { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; resize: none; min-height: 200px; } /* When the textarea gets focus, do something */ .popup-chat-form-container popup-chat-textarea:focus { background-color: #ddd; outline: none; } /* Set a style for the submit/send button */ .popup-chat-form-container .popup-chat-btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom: 10px; opacity: 0.8; } /* Add a red background color to the cancel button */ .popup-chat-form-container .popup-chat-cancel { background-color: red; } /* Add some hover effects to buttons */ .popup-chat-form-container .btn:hover, .popup-chat-open-button:hover { opacity: 1; }