#chat {
    width: 25%;
    height: 30%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 999999;
    pointer-events: none;
    font-size: 15px;
}

#chat #inputChatMode {
    pointer-events: visible;
    z-index: 1055;
    display: none;
}

#inputChatModeButton{
    height: 100%;
}

#chat #inputChatMode .dropdown-menu {
    cursor: auto!important;
}

#chat #inputChatMode .btn {
    color: white;
}

#inputChatMode{
    width: 20%;
}

#chat #inputChat {
    width: 80%;
    /*height: 15%;*/
    background-color: RGBA(0, 0, 0, 0.05);
    text-shadow: 0px 0px 5px black;
    color: white;
    border: none;
    padding: 4px;
    display: none;
    pointer-events: visible;
    z-index: 1055;
}

#chat #inputChat:focus {
    outline: none;
    border: none;
}

#inputChat::-webkit-input-placeholder {
    color: white;
}

#inputChat:-moz-placeholder {
    /* FF 4-18 */
    color: white;
}

#inputChat::-moz-placeholder {
    /* FF 19+ */
    color: white;
}

#inputChat:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}

#chat>#displayChat {
    width: 100%;
    height: 85%;
    max-height: 85%;
    background-color: RGBA(0, 0, 0, 0.1);
    text-shadow: 0px 0px 5px black;
    color: white;
    padding: 4px;
    display: none;
    word-wrap: break-word;
    overflow-y: hidden;
    /*font-family: "Calibri", Arial !important;*/
}

.inputChatWrapper{
    height: 15%;
}