#chatContainer
{
    display: none;
    width: 22.5%;
    min-width: 300px;
    height: 80%;
    z-index: 3;
    position: fixed;
}

/*#BtnContainerChat
{
    display: none;
    width: 22.5%;
    min-width: 300px;
    height: 100px;
    z-index: 3;
    position: fixed;
}*/
@media(max-width: 360px) {
#chatContainer
{
    display: none;
    width: 100%;
    height: 80%;
    z-index: 3;
    position: fixed;
}
}

#chatBtn
{
    position: fixed;
    top: 5px;
    /*right: 5px;*/
    left: 95%;
    /*width: 40%;*/
    font-size: 45px;
    margin-left:10px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    color: white;
}

#chatBtnNew
{
    position: fixed;
    top: 5px;
    /*right: 5px;*/
    left: 95%;
    /*width: 40%;*/
    font-size: 45px;
    margin-left:10px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    color: white;
}

#chatBtnError
{
    position: fixed;
    top: 5px;
    /*right: 5px;*/
    left: 95%;
    /*width: 40%;*/
    font-size: 45px;
    margin-left:10px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    color: white;
}

#chatBtn:hover
{
    cursor: pointer;
}

#chatBtnError:hover
{
    cursor: pointer;
}

#chatBtnNew:hover
{
    cursor: pointer;
}

#chatIframe
{
    width: 100%;
    height: 80%;
    float: left;
    border: 0px;
    background-color: transparent;
}

#chatIframeB
{
    width: 100%;
    height: 80%;
    float: left;
    border: 0px;
    background-color:#8b9fa7;
    scrolling:"no";
    
}

#chatIframeC
{
    width: 100%;
    height: 70px;
    float: left;
    border: 0px;
    scrolling:"no";
}

#chatIframeD
{
    width: 100%;
    height: 100%;
    float: left;
    border: 0px;
    scrolling:"no";
    
}