/*

Flirtmee Paars: #660066
ActionL Goen/blauw: #66ccff   GOEN#3cb4cf
light grijs: #F0F0F0

*/
/* CUSTOM #660066*/
#header {
background-color:#660066 !important;
}
#usersContainer .nav-pills>li.active>a, #usersContainer .nav-pills>li.active>a:focus{
     background-color: #66ccff !important;
}
 #usersContainer2 .fa.fa-search {
     color: #660066 !important;
}

.users-info {
     background-color: white;
	 color:#660066 !important;
}
.webcamBtn {
     color: #660066 !important;
}

.welcome{
     color:  #660066 !important;
}
.webcamRequest, .privateRequest, .privateClosed {
  color: #660066 !important;
}
.chat-input-icons .fa:hover{
color:#660066 !important;
}
.webcamRequested, .privateRequested {
    color: #660066;
}

#usersContainer li.active a .badge{
     color: #660066 !important;
     background-color: white !important;
}

.open .slide_block:before {
  border-color: transparent transparent transparent #660066 !important;
}

.slide_block:before{
	border-color: transparent #660066 transparent transparent !important;
}

.message:nth-of-type(even) {
    background-color: white !important;
}

.message-info.content{
  color:#660066;
}

.serverMessage{
  background: #F0F0F0 !important;
}

.serverMessage p{
  color: #660066 !important;
}

.emojionearea .emojionearea-editor:empty:before{
  color: #660066 !important;
}

.myWebcamContainer{
  background: white !important;
}

#searchInput{
  color:#660066 !important;
}


#broadcastContainer .btn-succes.active, #broadcastContainer .btn-success{
  background: #660066 !important;
  border: 1px solid #660066 !important;
}

#broadcastContainer .btn-succes.active:hover, #broadcastContainer .btn-success:hover{
  background: #660066 !important;
  border: 1px solid #660066 !important;
}

.message.content{
  background: #660066 !important;
}

.badge{
  background: #660066 !important;
}

button.createRoomBtn{
    background-color: #660066 !important;
    color: #ffffff !important;
}

.btn btn-success roomJoinBtn pull-right{
  background: #660066 !important;
}

#userList{
  background:white !important;
}

.userItem.userLabel{
  color:#660066;
}



#userMenu{
  background-color: white !important;
}

.menuUserItem{
  color:#660066 !important;
}

.menuUserItem:hover{
  background: #f7f7f7 !important;
  color: #66ccff !important;
}

.private-message.content{
  color:#660066 !important;
}

#usersContainer li a{
	color: #660066 !important;
}

.modal-content{
	color: #660066 !important;
}

.btn-primary{
	background-color: #660066 !important;
	border-color:#660066 !important;
	border: 1px solid #660066 !important;
}

#usernameGuestLogin{
	color: #660066;
}


.btn-default{
	color:#660066 !important;
}

.form-control{
	color: #660066 !important;
}


#usersContainer li a {
    color: #660066 !important;
	font-size: 20px  !important;
}
/*END CUSTOM #660066*/



/*CUSTOM #F0F0F0*/
#footer{
background-color: #F0F0F0 !important;
}
#tabs .nav-tabs{
     background-color: #F0F0F0 !important;
}
#chatContainer{
     background:#F0F0F0 !important;
}
#usersContainer {
     background:#F0F0F0 !important;
}
#camsLinks{
background-color: #F0F0F0 !important;
}
#camsRechts{
background-color: #F0F0F0 !important;
}
.table-hover>tbody>tr:hover, .light-modal .table-striped>tbody>tr:nth-of-type(odd):hover {
     background-color: #F0F0F0 !important;
}
div.addPrivateMessage {
  background-color: #F0F0F0 !important;
}
.webcamRequested, .privateRequested {
    background-color: #F0F0F0 !important;
    border-bottom: 1px solid #F0F0F0 !important;
    color: #660066 !important;
}
.open #footer {
  border-top: 0px solid #dddddd !important;
  background-color: #F0F0F0 !important;
  border-right: 0px solid #262c3a !important;
}
.online-user-item:nth-child(even){
  background-color: #F0F0F0 !important;
}
.serverMessage{
  background: #F0F0F0 !important;
}
.table-striped>tbody>tr:nth-of-type(odd){
  background: #F0F0F0 !important;
}

.table-striped>tbody>tr:nth-of-type(odd):hover{
  background: #F0F0F0 !important;
}

.jsPanel-theme-default>.jsPanel-hdr *{
  color: #00000 !important;
  background: #F0F0F0 !important;
}
/* //END CUSTOM #F0F0F0*/


/* CUSTOM #66ccff*/
#tabs .nav-tabs>li.active a{
     background-color: #66ccff !important;
}
#sortBtn{
  background: #66ccff !important;
  color:#ffffff !important
}
#sortBtn:hover{
  background:#66ccff !important;
  color:#ffffff !important;
}
button#sortWebcamtBtn {
  background:#66ccff !important;
  color:#ffffff !important;
}
#send-msg-btn {
	background-color:#66ccff !important; /* oude kleur: 4792c4 */
	border-radius:24px  !important;
	border:8px solid #dcdde0  !important;

}
button.btn.btn-success.roomJoinBtn.pull-right {
background-color: #66ccff !important;
}

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; 
}



.btn-group>.btn.active:first-child:not(:last-child):not(.dropdown-toggle), .btn-group>.btn.active:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
  background-color: #66ccff !important;
  color: #ffffff !important;
  border: 0px;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
  border: 1px solid #d2d2d2 !important;
  background:#ffffff;
  color: #66ccff !important;
}
/* //END CUSTOM #66ccff*/


/* CUSTOM Other colors */
.slide_block:before {
  border-color: transparent #fff transparent transparent !important;
}
.slide_block {
 background: #eae2e2 !important;
}

.open .slide_block:before {
  border-color: transparent transparent transparent #fff !important;
}

#tabs .nav-tabs>li.active a{
     color: #FFF !important;
}
#tabs .nav-tabs>li.active {
    background-color: #ededed !important;
    color: white !important;
    border: 0px solid #ededed !important;
    font-size: 18px !important;
    height: 30px !important;
}
.fa.fa-home {
    color: yellow !important;
    font-size: 32px !important;
}
.header-btn-wrap .fa.fa-video-camera {
    color: #000000 !important;
    font-size: 24px !important;
}
.fa.fa-microphone {
    color: yellow !important;
    font-size: 24px !important;
}

#roomsBtn {
    color: white !important;

}
#roomsContainer2 .btn-success{
	background: #999  !important;
}
#roomsContainer2 .btn-success:hover {
    background-color: #999  !important;
}
.buttons-subnames {
    color: white !important;
}



/*#usersContainer .nav-pills>li.active>a:hover {*/

#usersContainer li.active a {
    color: #ffffff !important;
	font-size: 20px  !important;
}
/* //END CUSTOM Other colors */


/* Fixes */

.chat-input-icons {
    margin: 0 2px !important;
}

#myWebcamDiv {
height: auto !important;
}
/* //END Fixes */