/* Header */
body.alert-show.alert-top .wdk-chat ~ .chat-room {
    top: 62px;
}

.wdk-chat ~ .chat-room .room-side .user-head {
    background-color: var(--primary)
}

.wdk-chat ~ .chat-room .user-head h3 img {
    max-height: 26px;
}

.wdk-chat ~ .chat-room .chat-room-head {
    display: flex;
    align-items: center;
    background-color: var(--primary)
}

.wdk-chat ~ .chat-room .chat-room-head h3 {
    font-size: 20px;
    font-weight: 300;
}

.wdk-chat ~ .chat-room .user-side .user-head {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary)
}

.wdk-chat ~ .chat-room .user-side .user-head h3 {
    font-size: 20px;
    font-weight: 300;
}

/* Chat */
.wdk-chat ~ .chat-room .chat-room-side.aside .chat-room-body {
    max-height: calc(100vh - 130px) !important;
}

body.alert-show.alert-bottom .wdk-chat ~ .chat-room .chat-room-side.aside .chat-room-body {
    max-height: calc(100vh - 130px - 62px) !important;
}

.wdk-chat ~ .chat-room .chat-room-side.aside .chat-room-body .second-part {
    position: relative;
    overflow-wrap: break-word;
}

.wdk-chat ~ .chat-room .chat-room-side.aside .chat-room-body .second-part > b {
    margin-right: 16px;
}

.wdk-chat ~ .chat-room .chat-room-side.aside .chat-room-body .second-part a[title="Excluir"] {
    position: absolute;
    top: 12px;
    right: 6px;
}

.wdk-chat ~ .chat-room .chat-room-side.aside .chat-room-body .group-rom-mine .second-part {
    background-color: var(--secondary) !important;
}

.wdk-chat ~ .chat-room .chat-room-side.aside .chat-room-body .group-rom-default .second-part {
    background-color: var(--green-01) !important;
}

.wdk-chat ~ .chat-room .chat-room-side.aside .chat-room-body .second-part a.text-muted[data-target="#action-message-modal"] {
    position: absolute;
    right: 16px;
    top: 22px;
}

.wdk-chat ~ .chat-room .chat-room-side.aside footer {
    height: 50px;
    display: flex;
    align-items: center;
    background-color: white;
}

body.alert-show.alert-bottom .wdk-chat ~ .chat-room .chat-room-side.aside footer {
    bottom: 62px;
}

.wdk-chat ~ .chat-room .chat-room-side.aside footer .chat-txt .input-group input {
    background-color: var(--grey-01);
    border-radius: 7px;
    margin-left: 16px;
}

.wdk-chat ~ .chat-room .chat-room-side.aside footer .chat-txt .input-group {
    align-items: center;
}

#sendMessage.btn.btn-icon.btn-outline-secondary {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid transparent;
    color: var(--secondary-dark);
}

/* Sidebar rooms */
.wdk-chat ~ .chat-room ul.chat-list > li > a {
    position: relative;
    padding-right: 32px;
    color: var(--grey-03);
    transition: .3s;
    font-size: 14px;
}

.wdk-chat ~ .chat-room ul.chat-list > li > a:hover {
    color: var(--primary);
    transition: .3s;
}

.wdk-chat ~ .chat-room ul.chat-list > li.active > a {
    color: var(--primary-dark);
}

.wdk-chat ~ .chat-room ul.chat-list > li.active > a:hover {
    color: var(--tertiary);
}

.wdk-chat ~ .chat-room ul.chat-list > li > a > i.icon-close {
    position: absolute;
    top: 20px;
    right: 10px;
}

.wdk-chat ~ .chat-room ul.chat-list li + li {
    margin-top: 4px;
}

.wdk-chat ~ .chat-room .room-side.aside ul.chat-list{
    height: calc(100vh - 120px) !important;
    max-height: calc(100vh - 120px) !important;
}

body.alert-show.alert-bottom .wdk-chat ~ .chat-room .room-side.aside ul.chat-list {
    height: calc(100vh - 120px - 62px) !important;
    max-height: calc(100vh - 120px - 62px) !important;
}

.wdk-chat ~ .chat-room .room-side.aside .chat-list {
    background-color: var(--primary);
}

.wdk-chat ~ .chat-room .room-side.aside .chat-list {
    background-color: var(--grey-01);
    margin-bottom: 0;
}

.wdk-chat ~ .chat-room .room-side.aside footer {
    background-color: var(--grey-01);
    height: 50px;
    padding-bottom: 0;
}

body.alert-show.alert-bottom .wdk-chat ~ .chat-room .room-side.aside footer {
    bottom: 62px;
}

.wdk-chat ~ .chat-room .room-side.aside footer .lobby {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wdk-chat ~ .chat-room .room-side.aside footer .lobby h4 {
    color: var(--primary);
    margin-bottom: 0;
    font-size: 1rem;
}

.wdk-chat ~ .chat-room .room-side.aside footer .lobby h4 a.pull-right {
    color: var(--primary);
    vertical-align: middle;
    font-size: 1rem;
}

.wdk-chat ~ .chat-room .room-side.aside footer .lobby h4 a.pull-right:hover {
    color: var(--grey-02) !important;
}

/* Sidebar users */
.wdk-chat ~ .chat-room .user-side.aside {
    background-color: var(--grey-01);
}

.wdk-chat ~ .chat-room .user-side.aside ul.chat-available-user li a {
    font-size: 14px;
}