#gui .wpmudev-chat-box {
    height: 700px;
    width: 100%;
    color: #000000;
    background-color: transparent;
    border: none;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-header {
    background-color: #CCCCCC;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-users-list {
    background-color: #FFFFFF;
    overflow-y: auto;
    overflow-x: hidden;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-users-list {
        width: 230px;
    float: right;
    margin: 0 0 15px 0;
    background: #eaeaea;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-users-list .wpmudev-chat-users-list-header {
    color: #fff;
    background: #333;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-family:'roboto-bold';
    text-transform: uppercase;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-users-list ul.wpmudev-chat-moderators li.wpmudev-chat-user a {
    color: #b20000;
    text-decoration: none;
    ;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-users-list ul.wpmudev-chat-users li.wpmudev-chat-user a {
    color: #333333;
    text-decoration: none;
    ;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list {
    width: 680px;
    background-color: #fff;
    float: left;
    padding: 0;
    box-sizing: border-box;
    border: none;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row {
    background-color: transparent;
    border:none !important;
    margin:15px 0 0 0
}

#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row.wpmudev-chat-row-moderator {

}


#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row a.wpmudev-chat-user-avatar {
    display: block;
    width: 40px;
    height: 40px;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row a.wpmudev-chat-user-avatar img {
    border: 0;
    width: 40px;
    height: 40px;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row span.time {    color: #aabbdd;
                                                                                                 position: absolute;
                                                                                                 top: 7px;
                                                                                                 right: 15px;
                                                                                                 background: none;
                                                                                                 margin: 0;
                                                                                                 font-size:14px;

}
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row a.wpmudev-chat-user-name {color: #507691;
                                                                                                            background-color: transparent;
                                                                                                            display: block;
                                                                                                            width: 100%;
                                                                                                            padding: 0 15px;
                                                                                                            box-sizing: border-box;
                                                                                                            font-size: 14px;
                                                                                                            height: 30px;
                                                                                                            line-height: 30px;
                                                                                                            font-weight: bold;
                                                                                                            text-decoration: none;
                                                                                                            position: absolute;
                                                                                                            top: 0;
                                                                                                            left: 0;

                                                                                                            border-bottom: 1px solid #ccc;
}

#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row code {
    background-color: #FFFFCC;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row p.wpmudev-chat-message {
    position: relative;
    background: #eaeaea;
    border: none;
    overflow: visible;
    font-size: 14px;
    padding: 45px 15px 15px 15px;
    margin:0 0 0 10px;
    color:#666;
}


#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row p.wpmudev-chat-message:after{

    content:'';
    border:5px solid #eaeaea;
    border-left-color:transparent;
    border-top-color:transparent;
    position:absolute;
    left:-10px;
    top:50%;
    margin-top:-5px;
}   


#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row:nth-child(even) p.wpmudev-chat-message {
    background-color:#edf8ff;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row:nth-child(even) p.wpmudev-chat-message:after{
    border:5px solid #edf8ff;
    border-left-color:transparent;
    border-top-color:transparent;
}   


#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row.wpmudev-chat-row-moderator p.wpmudev-chat-message {
    margin:0 10px 0 0;
    background:#FEEFB3;
    color:#444;
}

#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row.wpmudev-chat-row-moderator p.wpmudev-chat-message:after{
    left:auto;
    right:-10px;
    border-right-color:transparent;
    border-left-color:#FEEFB3;
    border-bottom-color:#FEEFB3;
    border-top-color:transparent;
}

#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row.wpmudev-chat-row-moderator p.wpmudev-chat-message .wpmudev-chat-user {border-bottom:1px solid #eec666;color:#cF9333;height: 35px;line-height: 35px;}    
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row.wpmudev-chat-row-moderator p.wpmudev-chat-message .wpmudev-chat-user:after {
    content: 'admin';
    background: #cF9333;
    color: #fff;
    padding: 2px 4px;
    margin: 0 0 0 5px;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row.wpmudev-chat-row-moderator p.wpmudev-chat-message .time {color:#cF9333;top:11px;}    


#gui .wpmudev-chat-box div.wpmudev-chat-module-messages-list div.wpmudev-chat-row .wpmudev-chat-row-footer {margin:5px 0 0 0;}
#gui .wpmudev-chat-box ul.wpmudev-chat-actions-menu ul.wpmudev-chat-actions-settings-menu {
    background-color: #CCCCCC;
    border: 0px;
}
#gui .wpmudev-chat-box ul.wpmudev-chat-actions-menu ul.wpmudev-chat-actions-settings-menu li {
    background-color: #CCCCCC;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
#gui .wpmudev-chat-box ul.wpmudev-chat-actions-menu ul.wpmudev-chat-actions-settings-menu a {
    color: #000000;
    background-color: #CCCCCC
}
#gui .wpmudev-chat-box ul.wpmudev-chat-actions-menu ul.wpmudev-chat-actions-settings-menu a:hover {
    color: #CCCCCC;
    background-color: #000000
}

#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area {
    
    padding: 15px;
    background: #eaeaea;
    box-sizing: border-box;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.25);
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area textarea.wpmudev-chat-send {
    height: 90px;
    background-color: #FFFFFF;
    color: #000000;
    resize: vertical;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;

}
#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area textarea.wpmudev-chat-send::-webkit-input-placeholder {
    color: #000000;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area textarea.wpmudev-chat-send::-webkit-input-placeholder {
    color: #000000;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area textarea.wpmudev-chat-send:-moz-placeholder {
    color: #000000;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area textarea.wpmudev-chat-send::-moz-placeholder {
    color: #000000;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area textarea.wpmudev-chat-send:-ms-input-placeholder {
    color: #000000;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area ul.wpmudev-chat-send-meta {
    background-color: #CCCCCC;
}
#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area ul.wpmudev-chat-send-meta li.wpmudev-chat-send-input-emoticons ul.wpmudev-chat-emoticons-list {
    background-color: #CCCCCC;
}

#gui .wpmudev-chat-box .wpmudev-chat-actions-menu {
    overflow: visible;
    margin: 6px;
}


#gui .wpmudev-chat-box div.wpmudev-chat-module-header {
    background-color: #333;
    margin: 0 0 15px 0;
    height: 30px;
    line-height: 30px;
}

#gui .wpmudev-chat-box div.wpmudev-chat-module-message-area ul.wpmudev-chat-send-meta {
    background-color: #CCCCCC;
    display: none;
}

#gui .wpmudev-chat-box .wpmudev-chat-module-users-list {}
#gui .wpmudev-chat-box .wpmudev-chat-module-users-list .wpmudev-chat-module-users-list {}
#gui .wpmudev-chat-box .wpmudev-chat-module-users-list .wpmudev-chat-users,#gui .wpmudev-chat-box .wpmudev-chat-module-users-list .wpmudev-chat-moderators {}
#gui .wpmudev-chat-box .wpmudev-chat-module-users-list .wpmudev-chat-users .wpmudev-chat-user,#gui .wpmudev-chat-box .wpmudev-chat-module-users-list .wpmudev-chat-moderators .wpmudev-chat-moderator {width: 100%;
    border-bottom: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 14px;
    box-sizing: border-box;
    font-weight: 600;
}

#gui div.wpmudev-chat-box div.wpmudev-chat-module-users-list.wpmudev-chat-users-list-show-name ul li:after {display:none;}


#gui .wpmudev-chat-module-login {    
    display: block;
    margin: -15px 0 0 0;
    padding: 30px;
    background: #eaeaea;box-sizing:border-box;}
#gui .wpmudev-chat-module-login .login-message {
        margin: 0 0 15px 0;
}
#gui .wpmudev-chat-module-login input {    width: 40% !important;
                                           height: 40px;
                                           line-height: 40px;
                                           border: 1px solid #ccc;
                                           float: left;
                                           box-sizing: border-box;
                                           clear: none;
                                           display: block;
                                           padding: 0 15px;
}
#gui .wpmudev-chat-module-login br {display:none;}
#gui .wpmudev-chat-module-login .wpmudev-chat-login-buttons {    width: 20%;
    float: left;
    margin: 0;
    height: 40px;
    line-height: 40px;
    display: block;
    background: #b20000;}
#gui .wpmudev-chat-module-login .wpmudev-chat-login-buttons button{
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    background: #b20000;
    color: #fff;
    font-family:'roboto-bold';
    font-size: 15px;
    text-transform: uppercase;
    padding: 0;}


#gui .wpmudev-chat-box .wpmudev-chat-module-users-list .wpmudev-chat-moderators .wpmudev-chat-moderator {}
#gui .wpmudev-chat-module-login-prompt {display:none;}