i.fa.fa-paper-plane {
    display: none !important;
}
i.fa.fa-user-secret {
    display: none !important;
}
i.fa.lock.fa-unlock { 
    display: none !important;
}
i.lock.fa.fa-lock{
    display: none !important;	
}	
i.fa.fa-unlock-alt {
    color: yellow !important;
}
.textarea-icons-wrapper i.fa.fa-unlock-alt {
    color: black !important;
}
/*smileys size */
.buttonProfil{
display:none;	
}	
div.content img.emojioneemoji {
max-height:18px !important;
max-width:18px !important;
}

.message img {
padding: 0px !important;
}
/*END smileys size */

.speech-bubble {
background: #575757 !important;
margin:30px 10px 10px !important;
}
.speech-bubble:after {
border-bottom-color: #575757 !important;
}	
.menuUserItem[data-action="private"] {
    display: none !important;
}
.menuUserItem[data-action="voteContest"] {
    display: none !important;
}
.whisper::after {
	display:none !important;
	content: "Privé"!important;
	
}
.myMessage.whisper::after {
	display:none !important;
	content: "Privé"!important;
}
.addPrivateMessage::after {
	display: none;
}
.jsPanel-theme-default>.jsPanel-hdr * {
	color: #000000 !important;
}
.btn-danger, .btn-primary, .btn-success, .dark-blue-btn {
	border-radius: 5px;
}
.chatheader {
	background: #F0F0F0;
	padding-top: 2px;
	height: 45px;
}
.chatheaderItem {
	float: left;
	padding-right: 10px;
}
select#headerfontSizeSelect {
    margin-bottom: 10px;
}
.serverMessage.welcome {
	display: none;
}
.serverMessage.webcamRequested {
    display: none;
}
/*.serverMessage.webcamRequest {
    display: none;
}*/
.camiconcol {
	border: unset !important;
	vertical-align: middle !important;
	background-color: #F0F0F0 !important;
	width: 180px;
	font-size: 20px !important;
}
.camiconcontainer {
	float: right;
}
.camicontitle {
	color: #000000 !important;
}
.camonoffcol {
	border: unset !important;
	background-color: #F0F0F0 !important;
	width: 60px;
}

.buttons-subnames {
font-size:14px !important;
font-weight:bold !important;
}

.buttons-subnames .fa {
font-size:12px !important;
font-weight:bold !important;
}

label.btn.btn-danger.active.toggle-off {
padding-left: 6px !important;
}

label.btn.btn-danger.active.toggle-on {
padding-left: 6px !important;
}

button.headerPrivateBtn {
display:none;
}

.chatbackgroundcol {
	border: 1px solid #f9f9f9 !important;
	background-color: #F0F0F0 !important;
	width: 60px;
}
.statuscol {
	border: 1px solid #f9f9f9 !important;
	background-color: #F0F0F0 !important;
	width: 60px;
}
.chatothercol {
	border: unset !important;
	background-color: #F0F0F0 !important;
}
.dropdown, .dropup {
	margin-bottom: 5px;
	font-size: 14px;
}
.buttons-subnames {
	float: left !important;
	justify-content: unset !important;
}
.tab-content {
	border-style: solid !important;
	border-color: #F0F0F0 !important;
}
.tab-pane {
	/*  position: unset !important; */
	/*height: 90vh !important;*/
	height: 100% !important;
}
ul.nav.nav-pills {
	display: none !important;
}
#tabsAndFooter {
	height: 93% !important;
}
/* Search and sort users */

#searchInput, .searchInputRoom {
	margin: 0px 0 !important;
	padding: 2px 2px 2px 27px;
	font-size: 0.9em !important;
}
#usersContainer2 .fa.fa-search, #searchRoomContainer .fa.fa-search {
	top: 5px !important;
	left: 10px !important;
}
#sortBtn, #sortWebcamtBtn, #sortWatchersBtn {
	margin: 2px 3px !important;
	padding: 2px;
}
/* END Search and sort users */

#usersContainer .tab-content {
	height: 100% !important;
}
#usersContainer2 {
	height: 300px !important;
	/*EVENTUEEL WEGHALEN */
	border-style: solid !important;
	padding-bottom: -10px !important;
	border-color: #F0F0F0 !important;
}
.users-info {
	padding: 5px 0px 0px 5px !important;
	text-transform: unset;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px !important;
	background-color: #eae2e2 !important;
}

#roomsContainer2{
width:100% !important;
}
/*
#roomsContainer2{
overflow-x:scroll !important;
overflow-y:unset !important;
}*/

.roomsTitleContainer {
	background-color: #eae2e2 !important;
	height: 22px;
}
i.fa.fa-home {
	color: black !important;
	font-size: 14px !important;
}
.roomsTitle {
	float: left;
	font-weight: bold;
	font-size: 12px;
}
button.btn.btn-default.btn-block.createRoomBtn {
	padding: 2px 2px;
	font-size: 9px;
	margin: 3px 0;
}

/* width */
::-webkit-scrollbar {
  width: 10px;!important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff;!important;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
 background: #66ccff !important;
 outline: 1px solid #1ab3ff !important;  
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #4dc4ff !important;
}




div.isMobile {
	bottom: 5px !important;
}

#chatContainer {
	height: 100% !important;
}
#chatAndUserContainer {
	height: 95vh !important;
	/*was 88vh*/
}
#underChatFooter {
	background-color: #F0F0F0 !important;
	height: 5vh !important;
	font-size: 12px !important;
}
.footerWelcome {
	background-color: #F0F0F0 !important;
	vertical-align: middle !important;
	font-size: 12px !important;
}
.myUsername {
	background-color: #F0F0F0 !important;
	font-size: 14px !important;
	margin-left: unset !important;
	vertical-align: top !important;
}
.blockprivatetext {
	background-color: #F0F0F0 !important;
	vertical-align: middle !important;
	margin: 0px !important;
	font-size: 12px !important;
}
.WatchesMeText {
	background-color: #F0F0F0 !important;
	vertical-align: middle !important;
	margin: 0px !important;
	font-size: 12px !important;
}
.chatVersion {
	background-color: #F0F0F0 !important;
	vertical-align: bottom !important;
	font-size: 8px !important;
}
/*NEW chat text */

.message-info {
	flex-wrap: unset !important;
	flex-direction: row;
	max-width: calc(100% - 30px) !important;
	background-color: #ffffff;
}
.arrow-chat {
	display: none !important;
}


/*Chat text New */
div.message {
    align-items: flex-start;
}

div.message div.userItem {

	/* Naam afkorten */
	white-space: nowrap;	
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	/* END Naam afkorten */
}

div.message div.flex-property {
    max-width: 80% !important;
}

.message .timeStamp {
	display: none !important;
}

/* END Chat text New */


/* Chat text 20220315 UITGEZET 
div.message div.userItem {
	float: left !important;
	margin: 0px 5px 0px 0px !important;
	color: black !important;
	font-weight: bold !important;

	white-space: nowrap;	
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.message img.userItem {
	height: 35px !important;
	display: none !important; 
}
.message .timeStamp {
	display: none !important;
}
.message .content {
	font-size: 0.7em !important;
	min-width: 350px !important;
	margin: 0px 0px 0px 0px !important;
	box-shadow: unset !important;
	border: unset !important;
	padding: 0px 0px !important;
}
div.message div.content {
	margin-left: 0px !important;
	border-radius: unset;
}
.message .name-time {
	align-items: baseline !important;
	margin-left: 0px !important;
}

*/


/* @mention text */

div.addPrivateMessage {
	background-color: #ffffff !important;
	padding: 0px 0px 0px 20px !important;
}
div.addPrivateMessage div.userItem {
	white-space: unset !important;
	overflow: unset !important;
	text-overflow: unset !important;
	max-width: unset !important;
}
/* //END @mention text */

/* #Prive bericht */

.whisper {
	padding: 0px 0px 0px 5px !important;
	/*naam lengte */
	white-space: unset !important;
	overflow: unset !important;
	text-overflow: unset !important;
	max-width: unset !important;
	/*naam lengte */
}
.whisper {
	background-color: #ffffff !important;
}
.whisper::after {
	font-size: 7px !important;
	line-height: 12px !important;
	width: 30px !important;
	height: 12px !important;
}
/* END #Prive bericht */

/* END NEW chat text */

/* Single Cams */

div#camsLinks.col-sm-4 {
padding: 3px 0px 0px 3px !important;
}
div#camsRechts.col-sm-4 {
padding: 3px 3px 0px 0px !important;
}


.camsContainer {
	height: 100% !important;
}
.singleWebcamContainer {
	height: 23% !important;
	border-style: solid;
	border-color: #ccc;
	background-color: #ffffff;
}
.single-webcam {
	position: relative;
	text-align: center;
	color: black;
	width: auto;
	height: auto;
	font-size: 12px;
}
.centered {
	position: absolute;
	margin-top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* END Single Cams */

/*MAX size 1200 px */
@media only screen and (max-width: 1200px) {
	label[for="publicCam"]:after {
		visibility: hidden !important;
	}
	label[for="privateCam"]:after {
		visibility: hidden !important;
	}
	.single-webcam {
		font-size: 10px;
	}
	/*NEW chat text */
	.message .content {
		font-size: 0.7em !important;
		min-width: 350px !important;
	}
	/* //END NEW chat text */
}

/*Max size 991 px */
@media only screen and (max-width: 991px) {

	/*Chat text Area */
	
	#chatInputContainer {
		max-width: calc(100% - 20px);
	}	
	.emojionearea .emojionearea-editor {
    font-size: 12px;
	}	
	chatInputContainer {
		width: 100% !important;
		max-width: calc(100% - 20px);
	}
	.textarea-icons-wrapper {
		left: 2px;
		top:15px;
	}

	select#selectDestinationTextChat {
		font-size: 8px;
		max-width: 30px;
		max-width: 95px;
	}	
	/* END chat text Area */

	/*Chat text 20220315
	.message-info {
		flex-wrap: unset !important;
		flex-direction: row;
	}
	.arrow-chat {
		display: none !important;
	}
	div.message div.userItem {
		float: left !important;
		margin: 0px 5px 0px 0px !important;
		color: black !important;
		font-weight: bold !important;
		white-space: unset !important;
		overflow: unset !important;
		text-overflow: unset !important;
		max-width: unset !important;
	}
	.message img.userItem {
		height: 35px !important;
		display: none !important;
	}
	.message .timeStamp {
		display: none !important;
	}
	.message .content {
		font-size: 0.7em !important;
		min-width: 350px !important;
		margin: 0px 0px 0px 0px !important;
		box-shadow: unset !important;
		border: unset !important;
		padding: 0px 0px !important;
	}
	div.message div.content {
		margin-left: 0px !important;
	}
	.message .name-time {
		align-items: baseline !important;
		margin-left: 0px !important;
	}
	
	*/
	
	/* @mention text */
	div.addPrivateMessage {
		background-color: #ffffff !important;
		padding: 0px 0px 0px 15px !important;
	}
	div.addPrivateMessage div.userItem {
		white-space: unset !important;
		overflow: unset !important;
		text-overflow: unset !important;
		max-width: unset !important;
	}
	/* //END @mention text */
	/* #Prive bericht */
	.whisper {
		padding: 0px 0px 0px 5px !important;
		/*naam lengte */
		white-space: unset !important;
		overflow: unset !important;
		text-overflow: unset !important;
		max-width: unset !important;
		/*naam lengte */
	}
	.whisper {
		background-color: #ffffff !important;
	}
	.whisper::after {
		font-size: 7px !important;
		line-height: 12px !important;
		width: 30px !important;
		height: 12px !important;
	}
	/* END #Prive bericht */
	
	/* END NEW chat text */
	/* Gender Search select */
	.gender-select-name {
		font-size: 8px;
		padding-left: 0px !important;
	}
	.filtergenderItem {
		padding-left: 5px !important;
	}
	/* //END Gender Search select */
	/* Userslist */
	#userList .userItem {
		height: 30px;
	}
	.userItem img.avatarUser {
		width: 20px;
		height: 20px;
		margin: 4px;
	}
	.userLabel {
		margin-left: 5px;
	}
	#userList .status {
		width: 8px !important;
		height: 8px !important;
		left: 17px !important;
	}
	.userLabel {
		line-height: 12px;
		font-size: 10px !important;
		top: 3px;
	}
	.eye-icon .fa-eye, .fa-eye-slash, .webcamBtn .fa {
		font-size: 15px;
		margin-right: 0;
		opacity: .4;
		margin-bottom: 0px !important;
	}
	div.isMobile {
		bottom: -2px !important;
		left: 1px;
	}
	/*END UsersList */
	.camiconcol {
		font-size: 11px !important;
	}
	.chatothercol {
		width: 150px;
	}
	#usersContainer {
		width: 200px;
	}
	/*rooms*/
	#roomsContainer2 {
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}
	.roomsTitleContainer {
		height: 22px;
	}
	.roomJoinBtn {
    min-width: 60px !important;
	}
	button.btn.btn-default.btn-block.createRoomBtn {
		padding: 2px 2px;
		font-size: 9px;
		margin: 3px 0;
	}
	#tableRoomBody2 td {
		font-size: 8px;
		line-height: 12px;
	}
	.tableRoomHead {
		font-size: 6px !important;
		line-height: 10px !important;
	}
	.roomsTitle {
		font-size: 12px;
		padding: 2px;
		text-transform: unset;
	}
	#roomsContainer2 table .btn-success {
		height: 14px;
		min-height: 14px !important;
		font-size: 7px;
		line-height: 0px !important;
		font-weight: 200;
	}
	
	
	
	
	/*END rooms*/
	/*My Webcam */
	#myWebcamDiv {
		background-size: 30%;
	}
	.myAudioCheckBox, .myVideoCheckBox {
		width: 30px !important;
		font-size: 3px;
	}
	.myVideoCheckBox {
		right: 65px;
		width: 20px;
	}
	#myWebcamDiv i.fa-video-camera {
		font-size: 1.5em;
	}
	#webcamMinimizeBtn {
		display: none;
	}
	/*#webcamConfigBtn {
		display: none;
	}*/
	/* END My Webcam */
	/*Cams Others */
	/*20201108 .jsPanel-theme-default {
		width: 15% !important;
		height: calc(23% - 40px) !important;
	}*/
	.jsPanel-titlebar h3 {
		font-size: 11px !important;
		padding-left: 10px;
		margin: 2px 2px 2px 10px;
	}
	.jsPanel-title .userAvatar {
		height: 20px;
		max-height: 35px;
		margin: -2px 0px 0px 2px !important;
	}
	
	button.headerWhisperBtn {
	display: none !important;
	}	
	/* /END Cams Others */
}

/*MAX size 768 px */
@media only screen and (max-width: 768px) {

/* LET OP*/
#chatContainer {
height:	calc(100vh - 24px) !important;
}	
	
/*Chat messages */	
.message .content {
    min-width: 310px !important;
}

	/*Chat text Area */
	
	.emojionearea .emojionearea-editor {
    font-size: 12px;
	}
	#chatInputContainer {
		max-width: unset !important;
	}	
	/*chatInputContainer {
		width: 100% !important;
		max-width: calc(100% - 80px);
	}*/
	.textarea-icons-wrapper {
		left: 12px !important;
		top:15px !important;
	}

	select#selectDestinationTextChat {
		font-size: 8px;
		max-width: 30px;
		max-width: 95px;
	}	
	/* END chat text Area */	
	
	/*smileys size */
	div.content img.emojioneemoji {
	max-height:10px !important;
	max-width:10px !important;
	}
	/*END smileys size */		
	
	.chatheaderItem {
		float: unset;
		padding-right: 0px !important;
		padding-left: 5px !important;
		
	}
	.header-btn-wrap {
		align-items: baseline;
	}
	span.header-btn-wrap.flex-property {
		height: 25px !important;
	}
	.camiconcol {
		font-size: 8px !important;
		width: 0px;
	}
	.camonoffcol {
		width: 60px;
	}
	
	.buttons-subnames {
	font-size:12px !important;
	font-weight:bold !important;
	width:30px !important;
	}

	.buttons-subnames .fa {
	font-size:12px !important;
	}

	label.btn.btn-danger.active.toggle-off {
	padding-left: 6px !important;
	}

	label.btn.btn-danger.active.toggle-on {
	padding-left: 6px !important;
	}
	.toggle.btn.btn-danger.off{
		width:30px !important;
	}	
	/*.toggle.btn.btn-success.on.active{
		width: 20px !important;
	}	*/	
	.chatbackgroundcol {
		width: 60px;
	}
	
	ul.dropdown-menu.ham-dropdown-list {
		margin-left: -50px !important;
	}	
	
	.statuscol {
		width: 60px;
	}
	.chatothercol {
		width: 0;
	}
	/* END NEW */
	#send-msg-btn {
		border: 2px solid #dcdde0 !important;
	}
	#camsLinks {
		display: none;
	}
	#camsRechts {
		display: none;
	}	
	#tabs {
		height: calc(100% - 100px) !important;
	}
	.slide_block {
		background: #66ccff !important;
	}
	ul.nav.nav-pills {
		display: flex !important;
		flex-direction: row;
		justify-content: space-evenly;
	}
	#usersContainer {
		width: 0;
	}
	#usersContainer .tab-content {
		height: calc(100% - 50px) !important;
		width: unset !important;
	}
	#usersContainer2 {
		height: 100% !important;
		padding-top: 5px !important;		
		/*EVENTUEEL WEGHALEN */
	}

	#userList, #friensdList {
		height: 100% !important;
	}

	#usersContainer #usersContainer2 .flex-container {
		height: 92% !important;
	}	
	
	#tabsAndFooter {
		height: calc(100% - 40px) !important;
	}
	#underChatFooter {
		font-size: 9px !important;
	}
	
/* Search and sort users */
.flex-property.search-bar {
    height: 8%px !important;
}
#searchInput, .searchInputRoom {
	margin: 0px 0 !important;
	padding: 2px 2px 2px 27px;
	font-size: 0.9em !important;
}
#usersContainer2 .fa.fa-search, #searchRoomContainer .fa.fa-search {
	top: 5px !important;
	left: 10px !important;
}
#sortBtn, #sortWebcamtBtn, #sortWatchersBtn {
	margin: 2px 10px !important;
	padding: 8px;
	/*min-height:	25px !important;*/
}

/*
div#searchRoomContainer {
    display: none !important;
}*/
/* END Search and sort users */

	.footerWelcome {
		background-color: #F0F0F0 !important;
		vertical-align: top !important;
		font-size: 6px !important;
	}
	.myUsername {
		display: unset;
		font-size: 7px !important;
		margin-left: unset !important;
	}
	.blockprivatetext {
		vertical-align: middle !important;
		font-size: 6px !important;
	}
	.WatchesMeText {
		vertical-align: middle !important;
		font-size: 6px !important;
	}
	.chatVersion {
		font-size: 4px !important;
	}
	label[for="publicCam"]:after {
		visibility: hidden !important;
	}
	label[for="privateCam"]:after {
		visibility: hidden !important;
	}
	.single-webcam {
		font-size: 8px;
	}

	/*HIEERRRRRRRRRRR */

	/* Userslist */

	#userList .userItem {
		height: 46px;
	}
	.userItem img.avatarUser {
		width: 35px;
		height: 35px;
		margin: 4px;
	}
	#userList .status {
		width: 11px !important;
		height: 11px !important;
		left: 27px !important;
	}
	.userLabel {
		margin-left: unset !important;
		line-height: 32px;
		font-weight: 300 !important;
		font-size: unset !important;
		top: 6px;
	}
	.eye-icon .fa-eye, .fa-eye-slash, .webcamBtn .fa {
		font-size: 15px;
		margin-right: 0;
		opacity: .4;
		margin-bottom: 0px !important;
	}
	div.isMobile {
		bottom: -2px !important;
		left: 1px;
	}
	/*END UsersList */

	/*rooms*/
	#roomsContainer2 {
		overflow-x: hidden !important;
		overflow-y: scroll !important;
	}
	.roomsTitleContainer {
		height: 22px;
	}	
		
	button.btn.btn-default.btn-block.createRoomBtn {
		padding: 1px 3px 1px 3px; /*5px 5px;*/
		font-size: 11px; /*14px*/
		margin: 2px 0; /*5*/
	}
	#tableRoomBody2 td {
		font-size: 14px;
		line-height: 24px;
	}
	.tableRoomHead {
		font-size: 6px !important;
		line-height: 10px !important;
	}

	.roomsTitle{
	font-size: 12px;
	padding: 2px;
	text-transform: unset;
	}	

	#roomsContainer2 table .btn-success {
		height: 22px;
		min-height: 14px !important;
		font-size: 9px;
		line-height: 0px !important;
		font-weight: 200;
	}

	div#roomsContainer2 table{
	background-color:#ffffff !important;
	}	
	/*END rooms*/	
	
	/*other-cams*/
	/*20201108.jsPanel-theme-default {
		width: 50% !important;
		height: calc(33% - 25px) !important;
	}*/
	/*//END other-cams*/	
	
}


/*MAX size 576 px */
@media only screen and (max-width: 576px) {

	#chatAndUserContainer {
		width:100vw;
	}
	#chatInputContainer {
		max-width: calc(100vw);
	}
	#send-msg-btn {
		margin-right: 5px;
	}	
	#slide_block {
    /*margin-left: -50px;*/
	}
	 #chatContainer {
		width: calc(100%);
	}
	.slide_block{
	/*width:unset;*/
	}
	
	/*smileys size */
	div.content img.emojioneemoji {
	max-height:10px !important;
	max-width:10px !important;
	}
	/*END smileys size */	
	
	button.btn.btn-default.btn-block.createRoomBtn {
		padding: 5px 5px; 
		font-size: 14px; 
		margin: 5px 0px; 
	}	
	
}	

/* Exclude emoj */
img[src*="1f595"] {
    display: none!important;
}
img[src*="1f52b"] {
    display: none!important;
}
img[src*="2620"] {
    display: none!important;
}
img[src*="2694"] {
    display: none!important;
}
img[src*="1f5e1"] {
    display: none!important;
}
img[src*="1f52a"] {
    display: none!important;
}
img[src*="1f4a3"] {
    display: none!important;
}
img[src*="26cf"] {
    display: none!important;
}
img[src*="1f489"] {
    display: none!important;
}
img[src*="1f480"] {
    display: none!important;
}
img[src*="1f6bc"] {
    display: none!important;
}
img[src*="1f3e7"] {
    display: none!important;
}
img[src*="1f531"] {
    display: none!important;
}
img[src*="269c"] {
    display: none!important;
}
img[src*="1f531"] {
    display: none!important;
}
img[src*="1f52f"] {
    display: none!important;
}
img[src*="2721"] {
    display: none!important;
}
img[src*="3683"] {
    display: none!important;
}
img[src*="1f549"] {
    display: none!important;
}
img[src*="262a"] {
    display: none!important;
}
img[src*="271d"] {
    display: none!important;
}
img[src*="1f6d0"] {
    display: none!important;
}
img[src*="2626"] {
    display: none!important;
}
img[src*="26b0"] {
    display: none!important;
}
img[src*="26b1"] {
    display: none!important;
}
img[src*="1f476"] {
    display: none!important;
}
img[src*="1f466"] {
    display: none!important;
}
img[src*="1f467"] {
    display: none!important;
}
img[src*="1f47f"] {
    display: none!important;
}
img[src*="1f47a"] {
    display: none!important;
}
img[src*="1f479"] {
    display: none!important;
}
/* hide all flags */
img[src*="1f1ec-1f1e7"] {
    display: none!important;
}
.emojionearea-category [name ~="flags"] {
    display: none !important;
}
/* hide all flags */

/* //END Exclude emoj */