.uwc-fullscreen {
    position: fixed !important;
}

.uwc-fullscreen #uwf-floating-chat-container .uwf-chat-frame-container {
    border-radius: 0;
}

/* CSS Reset */
#uwf-floating-chat-container {
    z-index: 2000;
    position: relative;
}

#uwf-floating-chat-container div, #uwf-floating-chat-container iframe {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* Floating Chat */
#uwf-floating-chat-container .uwf-chat-frame-container {
    position: fixed !important;
    overflow: hidden !important;
    width: 350px !important;
    height: 100% !important;
    min-height: 300px !important;
    max-height: 65vh;
    bottom: 20px;
    right: 20px;
    border-radius: 6px;
    box-shadow: 0 3px 50px rgba(0, 0, 0, .2);
}

#uwf-floating-chat-container .uwf-chat-frame {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: scroll;
    background: #ffffff;
}

#uwf-floating-chat-container .uwf-button-frame-container {
    width: 80px !important;
    height: 80px !important;
    bottom: 10px;
    right: 10px;
    position: fixed !important;
    border: 2px solid transparent !important;
    overflow: hidden;
    z-index: 1;
    display: block;
}

#uwf-floating-chat-container .uwf-button-frame-container.chat-button-focus-border {
    border: 2px dotted #757575 !important;
    border-radius: 4px;
    outline: none;
}

.uwf-button-frame-container[hidden] {
    display: none !important;
}

#uwf-floating-chat-container .uwf-button-frame {
    width: 100%;
    height: 100%;
}

#uwf-floating-chat-container .uwf-unhide {
    visibility: visible;
    z-index: 3;
    animation: unhide .3s ease-out;
}

#uwf-floating-chat-container .uwf-hide {
    visibility: hidden;
    z-index: -1;
    animation: hide .3s ease-out;
}

@keyframes unhide {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0px); }
}

@keyframes hide {
    from { opacity: 1; transform: translateY(0px); visibility: visible; }
    to { opacity: 0; transform: translateY(20px); visibility: hidden; }
}

@media only screen and (max-width: 767px) {
    #uwf-floating-chat-container .uwf-chat-frame-container {
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important;
    }
}

/* Proactive Chat */

#uwf-floating-chat-container .uwf-proactive-frame-container {
    position: fixed !important;
    overflow: hidden !important;
    width: 350px !important;
    height: 55vh !important;
    bottom: -10px;
    right: -10px;
    border-radius: 6px;
}

#uwf-floating-chat-container .uwf-proactive-frame {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: scroll;
}

@media only screen and (max-width: 767px) {
    #uwf-floating-chat-container .uwf-proactive-frame-container {
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        margin-left: auto;
        margin-right: auto;
        width: auto !important;
    }
}