﻿.chat-widget {
    position: fixed;
    right: 15px;
    bottom: 15px;
    height: 43rem;
    width: 550px;
    box-shadow: rgb(95, 129, 151) -3px 8px 8px 0px;
}

    .chat-widget iframe {
        height: calc(100% - 50px);
        width: 100%;
    }

.chat-widget-header {
    height: 50px;
    background-color: #333436;
}

    .chat-widget-header span {
        color: white;
        font-size: 16pt;
        top: 12px;
        position: absolute;
        left: 10px;
    }

    .chat-widget-header .min-button {
        border: none;
        color: white;
        position: absolute;
        top: 5px;
        right: 5px;
        height: 40px;
        background-color: transparent;
        cursor: pointer;
        font-size: 24pt;
    }

        .chat-widget-header .min-button:hover {
            border: white solid 1px;
        }

.chat-button {
    position: fixed;
    right: 15px;
    bottom: 15px;
    background-color: white;
    height: 50px;
    width: 50px;
    border: #333436 solid 3px;
    border-radius: 50%;
    box-shadow: rgb(95, 129, 151) -3px 8px 8px 0px;
    cursor: help;
}

    .chat-button a img {
        height: 42px;
        margin-left: 8px;
        text-align: center;
        margin-top: 4px;
    }
