/*
mixxox
 */
.headerPrivateBtn, .headerWhisperBtn{
	display: none!important;
}
.whisper {
	background: white!important;
}
div.addPrivateMessage {
	background-color:white!important;
}
#roomsContainer2 > table > thead > tr > th:nth-child(2) {
	display: none;
}
#tableRoomBody2 > tr > td:nth-child(2) {
	display: none;
}
#myWebcamDraggable h3.jsPanel-title{
	display: none;
}
#myAudioVideoCheckBoxContainer {
	display: none;
}
#webcamConfigBtn {
	display: none;
}
#header > div.flex-property.group-btns.header-custom-btns > div:nth-child(4) {
	position: relative;
	left: -40px;
}
#loginModal {
	background: #000;
}
.timeStamp {
    display: none!important;
}

#loginModal .modal-footer .btn {
    font-size: 0.8em;
    color:black;
}
.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 black;
}

.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: #000;
    color: white;
    border: 0;
}
#myWebcamContainer {
    font-size: 0.9em;
}

.eye-icon .fa-eye, .fa-eye-slash, .webcamBtn .fa {
    opacity: 0.9;

}

.online-user-item:nth-child(even) {
     background-color: inherit;
}
#header {
    background: #1a035d!important;
    color: white!important;
}
#roomsBtn {
    color:white!important;
}
.webcamBtn {
    background: #50ce84!important;
    color: white!important;
    background: transparent!important;
    color: green!important;

}
.eye-icon .fa-eye {
    color: #FFF !important;
}

.jsPanel-theme-default>.jsPanel-hdr * {
    color: white;
    background-color: black!important;
}
div.webcamHeader.webcamHideHeaderOnHover {
	display: none;
}


.myAudioCheckBox .btn-info, .myVideoCheckBox .btn-info {
    background-color: #2c176f;
    border: 1px solid #230a62;
}
#webcamConfigBtn, #send-msg-btn, .users-info, #footer {
    background-color: #2c176f;
}
#send-msg-btn {
    background-color: black;
 }
#roomsContainer2, #usersContainer2, #friendsContainer2 {
    background-color: #2c176f;
    color:white;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background: #000;
}
.modal-content {
    background: #000000;
    color: white;
}
h4 {
    color: white!important;
}
#tableRoomBody .activeRoom {
    background-color: #220a62;
}
.table-hover>tbody>tr:hover, .light-modal .table-striped>tbody>tr:nth-of-type(odd):hover {
    background-color: #444;
}
.emojionearea, .emojionearea.form-control {
    background-color: #EEE;
}
#tabs .nav-tabs>li.active a {
    background-color: #1d035c!important;
    color:white!important;
}
#tabs .nav-tabs>li.active a i {
    color:white!important;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #000;
}

#roomContainer table.table th:nth-child(2), #roomContainer table.table td:nth-child(2) {
    display: none;
}
#smileysHeader,#uploadImageBtnLabel {
	/*color:white;*/
 }
#uploadImageBtnLabel:after {
	/*color: white;*/
}
#searchGifInput  {
	background: white;
	color:black;
}
div.tab-pane {
	background-image: url(https://html5-chat.com/cssExternal/49608.png);
	background-size: cover;
}


@media  (min-width: 510px) {
	.ham-dropdown-menu {
		left: 20px;
	}

    #chatContainer {

    }

    .addPrivateMessage b img.gif, .message img.gif {
        border: none;
        width: 160px;
		height: auto;
		max-height: 160px!important;
        border-radius: 0;
        transition-duration: .5s;

        padding: 5px;
    }

    .youTubeFrame {
        height: 400px;
        width: 700px;
    }

    .youtubeMessage {
        min-height: 400px;
        width: 700px;
    }

    #usersContainer .userItem img.imageRole {
        max-height: 12px;
        height: auto;
        width: auto;
        position: absolute;
        left: 4px;
        top: 9px;
        border-radius: 0;
        border: none !important;
    }

    #usersContainer {
        width: 290px !important;
    }

    .buttons-subnames, #header .myUsername {
        color: white !important;
    }
}