body {
    background-color: #F0F0F0 !important;
}

.youtubeMessage {
    width: 260px;
    max-width: 100%!important;
    height: unset;
}

.youtubeMessage {
    min-height: unset; 
    width: unset;
}


/* fix 20230724 */
#tableRoomBody2 td {
    min-width: 35px; /*gaat flikkeren getallen boven 99 tegen. tijd 1150*/
}

.message {
    line-height: 1.5;
}

div.addPrivateMessage {
	padding: 0px 4px 0px 4px!important;
}
/* fix 20230724 */

/* Fix 20230722 */
i.fa.fa-volume-down.show_sound {
    display: none;
}
/* Fix 20230722 */

/* Fix 20230721 */
#sortBtnD, #sortWebcamtBtnD {
    margin: 2px 2px !important;
}

#searchInputD {
     margin: 2px 0;
	   width: calc(100% - 95px);
}

#usersContainer2 .fa.fa-search {
    top: 5px !important;
	left: 5px !important;
	color: #660066 !important;
}	
	
/* END Fix 20230721 */

div.content img.emojioneemoji {
    max-width: 14px;
    max-height: 14px;
}

input#ignoreWhisperCheckBox {
    width: 20px;
    height: 20px;
}
input#ignoreRoomInvitesCheckBox {
    width: 20px;
    height: 20px;
}
/*Fix 20230720 - footer net zo maken als op mobiel*/
.chat-input-icons {
	margin: 0 2px !important;
}
	
#selectDestinationTextChat {
    max-width: 130px;
}

#footer {
    flex-direction: column;
}

#send-msg-btn {
    z-index: 100;
    position: absolute;
    top: 46px;
}
.emojionearea .emojionearea-editor {
    width: calc(100% - 80px);
}

/*Fix 20230720 - footer net zo maken als op mobiel*/

div#snpashotlabel {
    display: none !important;
}

.hollandfmlogo img {
    display: none;
}

.userItem {
    color: #064f93 !important;
    font-weight: 600;
}

.menuUserItem .myUsername {
    display: block;
}

.userAutoComplete {
    max-width: 25ch;
    overflow: hidden;
}

.userLabel{
max-width: 25ch;
}	


/* scroll text size */
.name-time {
margin-left:0 !important; 
align-items: baseline;
}

.senderUserName{
font-size: 0.9em !important;
overflow: hidden;
max-width: 11ch;
min-width: 11ch;
white-space: nowrap;
display: -webkit-inline-box;
}

.receiverUserName{
font-size: 0.9em !important;
overflow: hidden;
max-width: 25ch;
white-space: nowrap;
display: -webkit-inline-box;
color: #ffffff;
}
.mention{
/*font-weight:bold; uiy mensen vinden het irri*/
color:black;
}		


div.message div.content {
font-size: 0.9em !important;
}

.message:nth-of-type(even) {
    background-color: #ffffff;
}
.message {
    padding: 0px 0 !important;
}	
.message span {
    margin-left: 0px !important;
}
div.message div.userItem {

	/* Naam afkorten */
	white-space: nowrap;	
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	/* END Naam afkorten */
	
	align-self: center; /* fix 200215 */
}


/*div.addPrivateMessage {
    background-color: unset !important;
}*/
/* //END scroll text size */


#usersContainerMobile {
 display: none;
 	height:100%;
    flex-direction: column;
    position: relative;
    flex-shrink: 0; 
}
#usersContainerDesktop {
	/*width: 200px;*/
	height:100%;
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
	
	/*border-right: 1px solid #dddddd !important;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;*/
}	
/*.toggleWidth {
    width: 200px !important;
}*/


.btn-default {
    color: #ffffff;
    background-color: #660066 !important;
    border-color: #660066 !important;
}
.btn-default:hover {
    color: #e6e6e6 !important;
}

.btn-primary {
    color: #ffffff;
    background-color: #660066 !important;
    border-color: #660066 !important;
}


.hollandfmlogo {
    font-size: large;
    font-weight: bold;
}
#all_radiostations_list {
	background-color: #ffffff !important;
}	
.radiostation_item {
	border-bottom: 2px solid #ebebeb;
	padding: 5px;
}
.radiostation_name {
display: flex !important;
justify-content: center;
}

img.userMenuAvatar {
	width:64px !important;
	height:64px !important;
	background-color:#ffffff !important;

}
/* 20230724 uitgezet gaat flikeren
img.avatarUser:hover {

	position: fixed;
	z-index: 10000;
	width:64px !important;
	height:64px !important;
	transform:scale(2.0);
	 justify-content: center;
    align-items: center;
		display:flex;
			background-color:#ffffff !important;

}
*/

img.userItem:hover {
	position: fixed;
	z-index: 10000;
	margin-left:20px !important;
	width:64px !important;
	height:64px !important;
	transform:scale(2.0);
	justify-content: right;
    align-items: right;
	display:flex;	
	background-color:#ffffff !important;
}


/*scroll*/
.whisper::after {
	/*display:none !important;*/
	content: "Privé"!important;
	
}
.myMessage.whisper::after {
	/*display:none !important;*/
	content: "Privé"!important;
}
/* END scroll */




i.fa.fa-bold{
padding:3px 6px 3px 6px; 
color: #ffffff !important; 
background-color:#66ccff !important; 
}

i.fa.fa-italic{
padding:3px 6px 3px 6px; 
color: #ffffff !important; 
background-color:#66ccff !important; 
}
i.fa.fa-underline{
padding:3px 6px 3px 6px; 
color: #ffffff !important; 
background-color:#66ccff !important; 
}


/* user menu */
.advertisementContainer {
	/*margin-top:10px;*/
	padding: 5px;
	display: none;
    align-items: center;
    justify-content: center;	
}


.dropdown.ham-dropdown-menu.displayMyProfileInUserList {
    /*max-width: 170px;*/
	
}

.hamburger-header {
	    width: 0px;
	display: unset !important;
	margin-top: 0px !important;

}	
.hamburger-header div {
	border-radius: unset;
	background: transparent !important;	
}
.ham-dropdown-menu {
margin-top: 0px  !important;	
}	
button.dropdown-toggle.hamburger-header.flex-property {
    max-width: 170px;
    width: 100%; /*170px;*/
}

.myUsername {
	margin-left: 2px;
    letter-spacing: unset; 
    white-space: nowrap;
    max-width: 78px;
    overflow: hidden;
	vertical-align: middle;
}	
#myAvatar {
   padding: unset;
	
}	
/* //END user menu */



#tableRoomBody2 img {
    width: 32px;
    /*display: none;*/
}

.slide_block {
    /*background-color: #21ade8 !important;*/
}
.slide_block:before {
border-color: transparent #21ade8 transparent transparent;
}	
	
/* room tabs niet weegeven */
ul.nav.nav-tabs {
display: none !important;
}

.roomJoinBtn {
background: transparent;
border: none;
}

i.favoriteStar.fa.fa-star {
    font-size: 16px !important;
}
i.favoriteStar.fa.fa-star-o {
    font-size: 16px !important;
}

.home-tab {
    width: 24px;
}

.header-menu-container {
  display: flex;
  background-color: #f4f4f4;
  max-width: 100% !important;
}

.header-menu-container > div {
  background-color: #f4f4f4;
  margin: 5px;
  padding: 5px;
  font-size: 16px;
}

a.configModal {
    font-size: 20px;
}

a.helpModal {
    font-size: 20px;
}

#chatContainer{
	background-color: #f4f4f4 !important; /*#237ebf */
}	

/* Chat scroll */
.timeStamp{
display: none !important;	
}

/* //END Chat scroll */	

#footer {
	background-color: #f4f4f4 !important; /*#237ebf */
}

 
 
 
 .filtergender {
    padding-top: 2px !important;
}

/* User and Room container */

button.btn.btn-default.btn-block.createRoomBtn {
	color: #ffffff;
    background-color: #ffffff;
    border-color: #21ade8;	
}
.userDataContainer {
	/*padding: 5px 30% 5px 30%;*/
	font-size: 16px
	color:#787878;
  background: #ffffff;
  border-radius: 0% 0% 0% 0% / 0% 0% 0% 0% ;
  box-shadow: 0px 10px rgba(0,0,0,.15);
  transition: all .4s ease;
  justify-content: unset;
  padding: 2px 2px 15px 2px;
}
.userDataContainer:hover {
  border-radius: 0% 0% 50% 50% / 0% 0% 5% 5% ;
  box-shadow: 0px 5px rgba(0,0,0,.25);
}




.watchingMeContainer {
border-left: 1px solid #ebebeb;
padding: 0px 5px 0px 5px;
margin-left: 5px;
}

input#whoWatchesMeCheckboxDesktop {
    margin: 0px 0px 0px 0px;
}

.currentRoomContainer {
    /*margin: 15px 5px 5px 5px;
    padding: 0 25% 0 25%;*/
	
text-align: center;	
	color: orange;
}

#CurrentRoomName{
	color: orange;
}

/*tr.activeRoom {
    background-color: #237ebf !important;
	color:#ffffff !important;
}

#BakkaRoomActive {
    background-color: #237ebf !important;
	color:#ffffff !important;
}*/



#usersContainer {
width: 320px;
}	

#usersContainer li a {
font-size: 16px;
height:55px !important;
    color: #21ade8;
}	


#usersContainer .tab-content {
    padding: 0 !important;
    height: calc(100% - 5px) !important; /* fix 20230724 was 40px */
}

#usersContainer .nav-pills>li.active>a, #usersContainer .nav-pills>li.active>a:focus{
 background-color: #237ebf !important;
 color: white !important;
}

#usersContainer2 {
    border-right: unset;
    border-top: unset;
    border-left: unset;
}

#usersContainer2 .fa.fa-search {
    top: 5px !important;
    left: 5px !important;
}

.users-info {
    padding: 5px 0px 0px 5px !important;
    text-transform: unset;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0 !important;
    background-color: #eae2e2 !important;
	color: #660066 !important;	
}
/* END User and Room container */


#tabs {
   height:100% !important;
}
#tabs .tab-content {
height: calc(100% - 145px)!important;
}
/*#tabs .tab-content {
    height: 100% !important;
} 20230747uitgezet*/

/* 20230722 Fix voor Flower 
#tabs .tab-pane {
    height: 85% !important;
}
/* //END 20230722 Fix voor Flower */

/* 20230724 Fix voor Flower */
#tabs .tab-pane {

height: calc(100vh - 155px) !important; /*100vh lijkt te werken op desktop tegen het flikkeren tijd 11:50*/
}
/* //END 20230724 Fix voor Flower */


div#camsLinks.col-sm-4 {
padding: 3px 0px 0px 3px !important;
}
div#camsRechts.col-sm-4 {
padding: 3px 3px 0px 0px !important;
margin: 0px 5px 0px 5px;
background-color: #F0F0F0 !important;
}

#camsLinks{
background-color: #F0F0F0 !important;
}
#camsRechts{
background-color: #F0F0F0 !important;
}
/* Single Cams */
.redBorder {
	border:2px solid red!important;
}

.camsContainer {
	height: 100% !important;
}
.camsContainerExtra {
	height: 100% !important;
	margin-top: 10px;
	display:none;
}	
	
.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 */



/* Rooms */
.roomPart{
	height: calc(40% - 10px) !important;
}	

div#roomsContainer2 {
    height: 90% !important; /* 20230724 100 aangepast naar 90% */
}

.roomsTitleContainer {
	height: 24px;
	display: flex;
    background-color: #eae2e2 !important;
    height: 22px;
    width: 100%;
    flex-flow: column wrap;
    align-content: space-between;	
}
i.fa.fa-home {
	color: black !important;
	font-size: 14px !important;
}
.roomsTitleItem {
	flex-basis: 20%;
	width: 100px;
	letter-spacing: 1px;
}
button.btn.btn-default.btn-block.createRoomBtn {
	padding: 2px 2px;
	font-size: 9px;
	margin: 3px 0;
}

#searchInputD {
    padding: 0px 0px 0px 20px;
}	
	
#searchInput, .searchInputRoom {
    margin: 0px 0 !important;
    padding: 2px 2px 2px 27px;
    font-size: 0.9em !important;
}
#searchRoomContainer .fa.fa-search {
    top: 5px !important;
    left: 10px !important;
}



/* END ROOMS */

/* SCROLL BAR */
/* 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;
}
/* //END SCROLL BAR */




/*MAX size 1200 px */
@media only screen and (max-width: 1200px) {
	
/*Fix 20230724 	even uitzetten, mensen klagen toch over flikkeren
	#tabs {
    height: calc(100% - 155px)!important;
	}
	#tabs .tab-content {
		height: 100% !important
	}
*/

/* Fix 20230724-1 Blijf onstabiel op desktop nu even 100vh proberen, ander zie bovenstaand*/

/* Fix 20230724-1 Blijf onstabiel op desktop nu even 100vh proberen, ander zie bovenstaand*/
	
/* Fix 20230724 8880x550 hoofdchat chat scroll instabiel */
#tabs .tab-pane {
    height: 100% !important; /*eventueel aanpassen naar calc(100vh -155px )*/
}
/* Fix 20230724 8880x550 hoofdchat chat scroll instabiel */

	
	#chatContainer {
	height: 100% !important;
	}
	
	/* Fix 20230720 */
	
	#selectDestinationTextChat {
		max-width: 100px;
	}	
	.dropdown.ham-dropdown-menu.displayMyProfileInUserList {
		max-width: 100%;
		/*overflow: hidden; FM FIX */ 
	}

	.userDataContainer #myGender {
		display: none;
	}
	
	#chatInputContainer {
		width: 100% !important;
		max-width: 100%; /* max-width: calc(100% - 100px); */
	}	
	

	/* Fix 20230720 */
	

	
}

/*Max size 991 px */
@media only screen and (max-width: 991px) {
	
/* Fix 20230724 8880x550 hoofdchat chat scroll instabiel */
#tabs .tab-pane {
    height: 100% !important;
}
/* Fix 20230724 8880x550 hoofdchat chat scroll instabiel */


	
.userLabel{
line-height: 12px;
font-size: 10px !important;
max-width: 25ch;
}	

	#tableRoomBody2 td {
		font-size: 8px;
		line-height: 12px;
	}
	#tableRoomBody2 img {
		width: 22px;
	}	

	.single-webcam {
		position: unset;
		font-size: 10px;
	}
	
	#usersContainer {
		width: 200px;
		max-width: 100%;
	}
	
/* 20231011 fix Usercontainer List user */
#userList .userItem, #friendsList .userItem {
    height: 30px;
}

.userItem img.avatarUser {
    width: 25px;
    height: 25px;
}
/* 20230724 uitgezet gaat flikeren
img.avatarUser:hover {
	width:44px !important;
	height:44px !important;
}
*/

.userAvatarContainer {
margin-bottom: 5px;
}

div.isMobile {
    left: 15px;
	bottom: -2px;
}

.eye-icon .fa-eye, .fa-eye-slash, .webcamBtn .fa {
    margin-bottom: 0px !important;
}
/* //END 20231011 fix Usercontainer List user */



/* Fix voor de meniton box */
#footer.activeMention div.textarea-icons-wrapper.flex-property, #footer.activeWhisper div.textarea-icons-wrapper.flex-property {
    padding-left: 0px;
}


#privateOrMentionContainer {
    width: 32px;
    height: 32px;
	top: 46px !important;
    align-self: flex-end;
	overflow: unset;

}

#texteCaption {
    position: absolute;
    top: 20px;
	max-width: 14ch;
	white-space: nowrap;
	overflow: hidden;	
}

/* END Fix voor de mention box */


/* 20231011 Fix voor Myprofile */
.userDataContainer {
height: 42px;
}
#myAvatar {
    display: inline-flex;
}
.hamburger-header div {
margin: 0px 0;
}
.ham-dropdown-menu.displayMyProfileInUserList .hamburger-header {
    max-height: 30px;
}

.watchingMeContainer {
 margin-left: 0px;
 padding: 0px 5% 0px 5%;
 align-items: center;
 justify-content: center;
}

label[for="whoWatchesMeCheckbox"] {
    padding-right: 3px;
	margin-bottom:0px;
	font-size: 9px;
}



/* //END 20231011 Fix voor Myprofile */
	

	.webcamTitle{
	display:none
	}
	
	div#myAvatar .myUsername {
		display: none;
	}
	
	/*.emojionearea-button {
		display: none !important;
	}*/

	select#selectDestinationTextChat {
		font-size: 8px;
		max-width: 95px;
	}	

	
	/*radio stations */
	.hollandfmlogo {
		font-size: small;
	}

	.radiostation_item {
		padding: 5px;
	}
	.radiostation_name {
		font-size: x-small;
	}	
	/*//END radio stations */	
	
}

/*MAX size 820 px */
@media only screen and (max-width: 820px) {
	/*ipad 8th word gezien als desktop*/
	
/* fix 20240212 */	
	
	

/* fix 20230724 */
.message {
    line-height: 1.5;
}

/* fix 20230724 */
	
	
/* 20231011 fix Usercontainer List user */
#userList .userItem, #friendsList .userItem {
    height: 44px;
	padding: 5px 0px 15px 0px;
}

.userItem img.avatarUser {
    width: 35px;
    height: 35px;
}

/* 20230724 uitgezet gaat flikeren
img.avatarUser:hover {
	width: 44px;
	height: 44px;
}
*/

.userAvatarContainer {
margin-bottom: unset;
}

div.isMobile {
    left: 22px;
	bottom: -5px;
}

.eye-icon .fa-eye, .fa-eye-slash, .webcamBtn .fa {
    margin-bottom: unset;
}
.webcamBtn {
margin: 0px;
margin-top: 10px;
padding:3px;
}	
i.fa.fa-2x.fa-video-camera {
	font-size: 25px;
}
/* //END 20231011 fix Usercontainer List user */	
	
	
	div#camsRechts.col-sm-4 {
	display:none;
	}
	
	
	/* END Single Cams */	
	.camsContainerExtra {
		display:block;
	}	
	.TitleCamDropBox {
		display:none;
	}	
	.singleWebcamContainer {
		height: 13% !important;
	}
	/* END Single Cams */	
	
	
	
	
	#usersContainerMobile {
		display:flex;
	}
	
	#usersContainerDesktop {
		display:none;
	}

	#usersContainer .tab-content {
		width: unset !important;
	}
    #usersContainer {
        width: 0;
    }
}	

/*MAX size 768 px */
@media only screen and (max-width: 768px) {

div.content img.emojioneemoji {
    max-width: 10px;
    max-height: 10px;
}	
	
/* Fix voor de meniton box */
#footer.activeMention div.textarea-icons-wrapper.flex-property, #footer.activeWhisper div.textarea-icons-wrapper.flex-property {
    padding-left: 65px;
}


#privateOrMentionContainer {
    width: 64px;
    height: 68px;
	/*top: 11px;*/
	top: 11px !important; /* fix 20230720 */
}


#texteCaption {
    position: relative;
    top: 55px !important;
	max-width: 14ch;
	white-space: nowrap;
	overflow: hidden;	
}

/* END Fix voor de mention box */		
	
/* 20231011 Fix voor Myprofile */
#webradioPlayerContainerX{
/*margin:0px 0px 5px 0px;*/
}	
.userDataContainer {
height: unset;
}
.MyMobProfile{
padding:10px 20px 5px 5px;

}

.watchingMeContainer {
 margin-left: 0px;
 padding: 0px 5% 0px 5%;
}

label[for="whoWatchesMeCheckbox"] {
    padding-right: unset;
}
/* //END 20231011 Fix voor Myprofile */

	#tableRoomBody2 td {
		font-size: unset;
		line-height: unset;
	}
	#tableRoomBody2 img {
		width: unset;
	}		

	div#roomsContainer2 {
		height: 100% !important; /* 20230724 moet op desktop 90% zijn */
	}	
	
	div#camsLinks.col-sm-4 {
	display:none;
	}
	div#camsRechts.col-sm-4 {
	display:none;
	}	

	#send-msg-btn {
		top: 46px;
		padding: 7px 15px;
	}
	
	#camsLinks {
		display: none;
	}
	#camsRechts {
		display: none;
	}	

	button.btn.btn-default.btn-block.createRoomBtn {
		padding: 2px 2px;
		font-size: unset;
		margin: 5px 0;
	}	
	#searchInput, .searchInputRoom {
		margin: 10px 0 !important;
		padding: 5px 10px 5px 40px;
		font-size: 1.1em !important;
	}
	#usersContainer2 .fa.fa-search {
		top: 17px !important;
		left: 19px !important;
	}
	
	#searchRoomContainer .fa.fa-search {
		top: 17px !important;
		left: 19px !important;
	}

	#usersContainer .tab-content {
		padding: 0 !important;
		height: calc(100% - 40px) !important;
	}	
	
	.advertisementContainer {
		display: flex !important;
	}
}


/*MAX size 576 px */
@media only screen and (max-width: 576px) {
	
/* Fix 20230724 voor te weining ruimte op mob om users te zien */
    #userList,#friendsList {
        height: calc(100% - 4px);
    }	
/* Fix 20230724 voor te weining ruimte op mob om users te zien */
	
	/*.toggleWidth {
		width: 320px !important;
	}*/
	
	#tabs {
		height:100vh !important; /*height:100vh !important; goed voor samsung niet voor iphone */
		/*org  height: calc(100% - 90px); */
	}
	
	#tabs .tab-content {
		/* height: calc(100% - 30px) !important; */
		height: 100% !important
		/* height: 100% !important;goed voor iphone niet voor samsung */
		/*height:calc(100vh - calc(100vh - 100%))!important;*/
	}	
	
	ul.nav.nav-tabs {
    display: none !important;
	}


	#container{
			/* height: 100vh !important;goed voor iphone niet voor samsung */
		height:calc(100vh - calc(100vh - 100%))!important;		
	}	

	/*Chat text type-in */
	#chatAndUserContainer #chatContainer {
			/* height: 100vh !important; goed voor iphone niet voor samsung */
		height:calc(100vh - calc(100vh - 100%))!important;
	}	
	#chatInputContainer {
		max-height: 90px !important; /*org 70 */
	}
	

/* Nieuwe fix voor mobiel 20231007 - BELANGRIJK! Om de Cams op mobiel goed te tonen en de chat groot te houden */	
#chatAndUserContainer {
    height: unset !important;
}		

#tabsAndFooter {
	height: unset !important;
    display: -webkit-flex !important;
	flex: 1 0 auto;
}
#tabs {
    height: 100% !important;
}

/* fix voor iphone 6 */
#tabs .tab-pane {
    height: calc(100vh - 240px) !important;
}
/*//END fix voor iphone 6 */

div.tab #footer {
    height: unset !important;
}

.emojionearea, .emojionearea.form-control {
    padding-bottom: 5px;
}

.webcamHeader span {
    font-size: .9em;
    overflow: hidden;
    max-width: 30px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}	

.webcamCloseBtn {
    padding: 2px 2px 2px 10px;
	font-size: x-large;
}

.jsPanel-ftr.active {
    display: none !important;
}
.jsPanel-controlbar .jsPanel-btn {
    padding: 3px 3px 3px 10px;
}

video[id^="video_"] {
    max-height: 94px !important;
}

/* // END Nieuwe fix voor mobiel 20231007 */	



	
	.textarea-icons-wrapper {
	top:unset; /*org = 20px*/
	}

	.emojionearea .emojionearea-editor {
	min-height: unset;
	max-height: unset;
	height: 30px !important;
	margin-left:12px;
	border-style: solid;
	border-width: 1px 1px;
	border-color:#237ebf;
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap! important;
	display: flex !important;
	flex-wrap: wrap-reverse !important;
	}

	/*END Chat text type-in */

	.chat-input-icons {
		margin: 0 9px !important;
	}
	
	
	#chatInputContainer div.emojionearea-editor {
		width: calc(100% - 80px);

	}	
	
	i.far.fa-paper-plane {
		font-size: 18px;
	}
	
	#send-msg-btn span {
		display: none !important;
	}	
	
	#footer {	
		padding: 0px 0px 0px 0px !important;
	}

}

/* MAX size 376 px Smaller IPhones */
@media only screen and (max-width: 376px) {

}


button.headerPrivateBtn {
display: none !important;
}

/* Alles dat niet moet worden weergegeven */
i.fa.lock.fa-unlock { 
    display: none !important;
}
i.lock.fa.fa-lock{
    display: none !important;	
}	
.buttonProfil {
	display:none !important;
}

.menuUserItem[data-action="private"] {
    display: none !important;
}
.menuUserItem[data-action="voteContest"] {
    display: none !important;
}
.whisper::after {
	display:none !important;
	content: "Privé"!important;
	
}
.addPrivateMessage::after {
	display: none;
}
.serverMessage.welcome {
	display: none;
}
.serverMessage.webcamRequested {
    /*display: none;*/
}

/*
ul.nav.nav-pills {
	display: none !important;
}*/

.arrow-chat {
	display: none !important;
}
.message .timeStamp {
	display: none !important;
}
#webcamMinimizeBtn {
	display: none;
}
	
	
	/* 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 */

/*20220330*/
/*scroll chatter img verwijderen*/
img.userItem {
display:none;
}
/*scroll bold usernames verwijderen*/
div.message div.userItem {
	font-weight: unset;
}	


/*Aantal kijkers uit de list verwijderen, staat slordig*/
.numberWatchers {
	display: none !important;
}

/*END 20220330*/



/* Fixes */
/*
#myWebcamDiv {
height: auto !important;
}*/

/*KAN ER IETS MEE TE MKAEN HEBBEN
#chatAndUserContainer {
	height: 100% !important;
}*/
	
/* //END Fixes */