#viewChat {
	display: flex;
	flex-direction: column;
	height: 60%;
	overflow: hidden;
}

#chatOffBar {
    bottom: 0px;
    left: 10px;
    position: absolute;
	width: 95%;
}

#chatOffContainer {
	margin-bottom: 25px;
    overflow: auto;
}

#chatOffSoundSwitch {
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 10px;
}

#formChatOff {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-block-end: 0px;
}

#chatOffText {
	flex-grow: 1;
}

.chatOffTime,
.chatOffNick {
    font-weight: bold;
}

.chatOffTime {
    font-family: monospace;
}

#viewAllUsersButton {
    margin-right: 50px;
}

#onlineContainer .onlineOffStatus,
#usersContainer .onlineOffStatus {
    cursor: pointer;
}

.userElementList {
    float: left;
    margin: 10px;
    text-align: center;
}
.userElementList .sideTabSelector {
    display: inline;
}

.onlineOffNick {
	font-weight: bold;
	margin: 0 10 0 10;
}