/* 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;
    }