#tabs img.userItem {
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
}

Div.message img.userItem {
display: block !important;
}

div.creditsUser {
display:none;
}

#roomsContainer2, #usersContainer2, #friendsContainer2 {
    background-color: black !important;
}

div.message img.userItem {
    display: none;
}
div.message div.timeStamp {
    display: none;
}
div.message div.content {
    background-color:transparent;
    box-shadow: none;
    border: none;
    display: inline;
}
div.message div.flex-property {
    display: inline!important;
}
.arrow-chat {
    display: none!important;
}
div.message div.userItem {
    display: inline;
    font-weight: bold;
}
#footer{height:90px !important;}
div.message div.userItem:after {
    content: ":";
}

#footer div.textarea-icons-wrapper.flex-property {
    width: unset !important;
}

.userItem {
    background-color: #000000 !important;
}

.online-user-item:nth-child(odd) {
    background-color: #000000 !important;
}

#searchInput {
display: none !important;

}

.filtergender {
display: none !important;
}

#usersContainer2 .search-bar {
display: none !important;
}

div.message {
  background-color:transparent;
  font-size: 1.8em;
}


#header {

    border-bottom: 1px solid:#000000 ;

    background-color:#000000;

}



#header .btn {

    box-shadow: 5px 4px 15px 1px #ffffff !important;

}



#smileyButton:hover, #clearButton:hover, #djBtn:hover {

    color: #ffffff;

}



.btn-success:hover {

    background-color: #47c17b;

    border: 1px solid #47c17b !important;

}



.btn-danger:hover {

    background-color: #ff0101 !important;

    border-color: #ff0101 !important;

}




.open #usersContainer, #usersContainer {

    background-color: #000000 !important;

}



.myUsername {

    color: white;

}



.userAvatar {

    border: 2px solid #fc0202;

}



#myWebcamContainer label.btn {

    font-size: 0.9em;

    color: #d7d7d7;

}



#myWebcamContainer label.btn:hover {

    color: #d8d7d7;

}



.status.online {

    background-color: #6fdf9e;

    border: 4px solid #2F3F57;

}



.open #chatContainer {

    background-color: #ffffff !important;

}



#broadcastCheckBox:disabled {

    color: white !important;

}



.message .timeStamp {

    color:transparent;

}



.message-text {

    color: white;

}




.msg-user-img {

    box-shadow: -5px 5px 8px -5px #ffffff;

}



.search-bar {

    border-top: 1px solid #11212e;

    

}



.users-info {

    border-bottom: 1px solid #282f3e;

    color: #4c8ec7;

}



.online-user-item:nth-child(odd) {

    background-color: #000000;

}



#searchInput::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #ffffff;

}



#searchInput::-moz-placeholder {

    /* Firefox 19+ */

    color: #ffffff;

}



#searchInput:-ms-input-placeholder {

    /* IE 10+ */

    color: #ffffff;

}



#searchInput:-moz-placeholder {

    /* Firefox 18- */

    color: #ffffff;

}





div.colorPicker-picker {

    border: 2px solid #4c8ec7;

}



.checkbox label::before {

    border: 1px solid #2F3F57;

    background-color: transparent;

}



.checkbox label::after {

    color: #4c8ec7;

}




.welcome {

    background-color: #ffffff;

    border: 1px solid #f3f1f1;

    color: #50ce85;

}



#searchInput {

    background-color: transparent;

    color: #d9d9d9;

}



.fa.fa-search {

    color: #ffffff;

}



#footer {

    background-image: url(https://radiocast.ca/srvm.gif);

}



#chatInputContainer {

    border: 5px solid #CDC0B0;

}


.emojionearea .emojionearea-editor {
font-size: 25px;

}

#cleanButtonContainer, #smileyButtonContainer, #djButtonContainer, #pushTalkButtonContainer, #pushToTalkFreeHandContainer {

    color: #4c8ec7;

}



.filtergender {

    border-top: 1px solid #343840;

    box-shadow: 1px -1px 24px #0000004a;

    border-bottom: 1px solid #272c36;

}



#userList::-webkit-scrollbar {

    width: 10px;

    border-radius: 20px;

}



#userList::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    border-radius: 20px;

}



#userList::-webkit-scrollbar-thumb {

    background-color: #2F3F57;

    outline: 1px solid #2F3F57;

    border-radius: 20px;

}



.slide_block {

    background-color: #373e51;

    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1), 0 4px 14px rgba(0, 0, 0, 0.4);

}



#pushTalkBtn {}



.serverText {

    color: #ffffff;

}



div.news {

    border: 0px solid #1a2736;

    background-color: #ffffff;

    color: #adadad;

}



.emojionearea, .emojionearea.form-control {

    background-color: #ffffff;

}



#sortBtn {

    background: transparent;

    color: #4c8ec7;

    border: 1px solid #4c8ec7;

}



.userItem:hover, #myUserMenu, #userMenu {

    background-color: #2F3F57;

}



#myUserMenu, #userMenu {

    border: 1px solid #000000;

    box-shadow: 2px 3px 30px 3px #0000004a;

    color: white;

}



.menuUserItem:hover {

    background-color: #000000;

}



.webcamBtn {

    background-color: #ff0142;

    color: white;

    box-shadow: 2px 2px 10px 0px #ffffff;

}



.webcamBtn .fa, .eye-icon .fa-eye {

    text-shadow: 1px 0px 3px #ffffff;

}



div.pointsQuiz {

    background-color: #22293a;

}



.webcamBtn .fa-unlock, .webcamBtn .fa-lock {

    color: #ffffff !important;

}



.hand {

    background-color: transparent;

    border: 0px solid #4c8ec7;

}



.hand .fa, .hand .glyphicon {

    color: #4c8ec7;

}



/* ============ login modal-dark ============ */





.dark-modal .close {

    color: white;

    font-size: 32px;

}



.dark-modal .modal-header {

    border-bottom: 0px solid #ffffff;

    margin: 5px 5px;

    text-align: center;

    text-transform: uppercase;

    font-weight: 300;

}



.dark-modal .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 #465373;

    border-top: 0px;

}



.dark-modal .table-striped>tbody>tr:nth-of-type(odd) {

    background-color: #424a5f;

}



.dark-modal .table-bordered {

    border: 1px solid #455273;

    border-bottom: 0px;

}



.dark-modal .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {

    border-top: 0;

    border-bottom: 1px solid #445172;

}



.table-hover>tbody>tr:hover, .dark-modal .table-striped>tbody>tr:nth-of-type(odd):hover {

    background-color: #21293d;

}



.dark-modal .modal-body {

    color: #cecdcd;

    padding: 30px;

    font-weight: 100;

}



#smileyContentLoader {

    background-color: #2F3F57 !important;

    top: 60px !important;

    height: calc(100% - 60px);

    padding: 40px !important;

    color: #4c8ec7 !important;

}



.dark-modal .modal-footer {

    border-top: 0px solid #383e4f;

}



.dark-modal .form-group input {

    background-color: transparent !important;

    border: none;

    border-bottom: 1px solid #343d56;

    /*padding: 20px 0px;*/

    margin-top: 7px;

    color: #4c8ec7;

    border-radius: 0px;

    box-shadow: 0px 0px white;

}



.dark-modal .form-group .radio input {

    outline: none !important;

}



.dark-modal .modal-title {

    color: #4c8ec7;

    font-weight: 600;

    font-size: 18px;

    letter-spacing: 1px;

}



.dark-modal .radio {

    display: flex;

    align-items: center;

    margin-right: 20px;

}



.dark-modal #loginGuestBtn {

    padding: 5px 25px;

}



.dark-modal .radio-form {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0px;

    margin-top: 30px;

}



#smileyContainer {

    background-color: #000000;

}



#smileysHeader {

    background: #2F3F57;

    border-bottom: 1px solid rgb(74, 82, 102);

    color: #2F3F57;

}



#searchGifInput {

    border: 0px solid #686868;

    background-color: #3e475d;

    border-top: 1px solid #2d3445;

    color: white;

    box-shadow: 1px -1px 24px #0000004a;

}



.info-icons {

    color: #4c8ec7 !important;

}



.eyeIcon .fa-2x {

    font-size: 18px !important;

    margin-right: 11px;

    color: #ffffff;

}



.dark-blue-btn {

    background-color: #262d3e;

    border: none;

    box-shadow: 1px 1px 3px 1px #000000 !important;

    border: 0px solid #292d38;

}



.dark-blue-btn.active {

    background-color: #4c8ec7;

    color: #faf8f8 !important;

    border: 0px;

}





.addPrivateMessage .emojioneemoji {

    width: 25px !important;

    height: 25px !important;

}



.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {

    margin-left: 0px;

}



.form-control:focus {

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.17);

}



.modal-gender-img {

    border-radius: 0px;

}



#usernameGuestLogin {

    height: 40px;

    padding: 10px 0px;

}



#usernameGuestLogin::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #404b65;

}



#usernameGuestLogin::-moz-placeholder {

    /* Firefox 19+ */

    color: #404b65;

}



#usernameGuestLogin:-ms-input-placeholder {

    /* IE 10+ */

    color: #404b65;

}



#usernameGuestLogin:-moz-placeholder {

    /* Firefox 18- */

    color: #404b65;

}



.radio input {

    outline: none !important;

}



.radio label::after {

    background-color: #555555;

}



input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {

    outline: 0px;

}





.radio label::before {

    border: 1px solid #38435f;

    background-color: transparent;

}



.name-time {}



.open .slide_block:before {

    border-color: transparent transparent transparent #4c8ec7;

}



#chatInput {

    background-color:#000000 ;

    border: 0px solid blue;

}



.addPrivateMessage.message .content {

    margin-top: 35px;

    margin-left: 0px;

}



.addPrivateMessage:after {

    display: inline-block;

    position: absolute;

    content: 'Private message';

    width: auto;

    height: 25px;

    padding: 4px 12px;

    right: 0px;

    font-size: 12px;

    top: -7px;

    color: white;

    margin-top: 7px;

    background-color: #50ce85;

    border-bottom-left-radius: initial;

}



.nav-tabs {

    border-bottom: 1px solid #f3f3f3;

    background-color: white;

}



.tab-content {

    background-image: url(https://radiocast.ca/srvm.jpg);
    background-repeat: no-repeat;
  background-size: 100% 100%;

}





.keyboard {

    color: #4c8ec7;

}



div.colorPicker-palette {

    border: 1px solid #000000;

    background-color: #efefef;

    padding: 5px;

    background-color: #48536d;

    z-index: 9999;

    color: white;

    border-radius: 4px;

}



.bootbox .modal-content {

    background-color: #000000;

}



.bootbox .modal-footer {

    border: 0px;

}



.bootbox .close {

    color: white;

}



.bootbox .bootbox-body {

    color: #ff0142 !important;

    text-align: center;

    /*margin: 20px 0px -20px;*/

}



div.colorPicker_hexWrap label {

    color: #4c8ec7;

}



.jsPanel .jsPanel-hdr, .jsPanel .jsPanel-content {

    background-color: #000000 !important;

}



.jsPanel-theme-default {

    background-color: #000000 !important;

    border-color: #000000 !important;

    box-shadow: 0 16px 41px rgba(0, 0, 0, 0.5), 0 6px 16px rgba(0, 0, 0, 0.35) !important;

}



.webcamContainer {

 border: 0px !important;

}



.jsPanel-theme-default>.jsPanel-hdr * {

    color: #dadada !important;

}



.fa-window-close {

    margin-right: 10px !important;

}



.jsPanel-content.jsPanel-content-nofooter, .jsPanel-theme-default>.jsPanel-hdr .jsPanel-hdr-toolbar {

    border-top: 1px solid rgb(64, 72, 93) !important;

}



.mobile-text-lobby {

    padding-left: 20px;

}



.message .userItem:hover {

    background-color: transparent !important;

}



#pushToTalkWindow {

    z-index: 1000;

    background-color: #2F3F57;

    box-shadow: -2px 0px 10px 5px #0000005c;

    height: 130px;

    border: 1px solid #4c5a7c;

}



#pushToTalkBtnClose {

    font-size: 0.8em;

    background-color: #2d3445;

    color: white;

}



#pushToTalkWindowHeader {

    font-size: 0.8em;

    color: #000;

    border-bottom: 0px solid #4b597b;

    padding-left: 10px;

    background-color: #2F3F57;

    color: white;

    padding: 5px 10px;

}



#uploadImageBtnLabel {

    color: white;

    border: 1px solid white;

}



#uploadImageBtnLabel:after {

    color: #ffffff;

}



#youTubeCloseBtn {

    background-color: #ff0142;

    color: white;

}



#header {

    background-image: url(https://coolpalace/style/gif.gif") !important;



    border-bottom: 0px solid #000000 !important;

}



#container{

    background-color: #000000;

}



#send-msg-btn{

    background-color: #132233;

    color: #e3e3e3;

}

.open #chatContainer .tab-pane{

    background-color: #000000;

}

#usersContainer2, #roomsContainer2{

    border-left: 1px solid #152537 !important;

}

.menuUserItem{

    color: #d7d7d7 !important;

}



.open #tabs{

    padding-left:  20px !important;

    margin-left:  0px !important;

}



#tabs .tab-content{

    border: 0px solid #000000;

    box-shadow: 12px 0px 15px -7px black;

}

.open #chatContainer #usersContainer2 .tab-pane{

 background-color: transparent !important;

}

#tabs .nav-tabs{

    background-color: #000000 !important;

    padding-left: 1px !important;

    border-top: 1px solid #000000 !important;

}



#usersContainer .nav-pills>li.active>a, #usersContainer .nav-pills>li.active>a:focus, #usersContainer .nav-pills>li.active>a:hover{

    background-color: #000000;

    border-right: 0px solid #ff0000;

    border-left: 1px solid #000000;

    color: #ff0000;

}

.filtergender{

    background-image: url("https://coolpalace.ca/style/gif.gif") !important;

    border-bottom: 1px solid #2F3F57 !important;

}



#usersContainer li a{

    color: #ff0000;

    border-left: 1px solid #ff0000;

    background-color: #000000;

    border-right: 1px solid #ff0000;

}

#usersContainer li.active a{

    color: #000000;

}

#usersContainer li.active a .badge{

    color: #000000;

    background-color: #feee01 !important;

}

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

    border-right: 0px solid #1b2937;

    background-color: #0a141f;

    color: #d6d6d6;

}

#header .myUsername{

    color: #d7d7d7 !important;

}



#usersContainer .nav-tabs>li.active>a, #usersContainer .nav-tabs>li.active>a:focus, #usersContainer .nav-tabs>li.active>a:hover{

    color: #000000 !important;

    background-color: #ffffff !important;

    border: 1px solid #e7e7e7 !important;

    border-bottom-color: #ffffff !important;

}

/* right content with users and search */



#usersContainer .tab-content{

    border-top: 0px solid #101b25 !important;

    box-shadow: 0px 0px 0px 0px !important;

}



#header .status{

    border: 3px solid #000000 !important;

}

.hamburger-header{

    background-color: transparent;

}



.hamburger-header div{

    background-color: #d1d1d1;

}

.ham-dropdown-list{

    border: 1px solid #162029;

    background-color: #2F3F57;

}

.ham-dropdown-list>li>a{

    color: #464646;

}

.buttons-subnames{

    color: #d7d7d7 !important;

}



.header-btn-wrap{

    border-right: 1px solid #e3e3e3;

}



#tabs{

    background-color: transparent;

    padding: 0px;

}

.open #usersContainer{

    box-shadow: 0px 0px !important;

}

.open #usersContainer2 .tab-pane{

    border-left: 0px solid #2F3F57;

    background-color:  red !important;

}

.open #roomsContainer2{

    box-shadow: 0px 0px !important;

    border-left: 1px solid #ebebeb;

}

#header .btn-success:hover {

    color: #fff;

    background-color: #50ce85;

    border-color: #45b775;

}

.link-icons .fa{

    color: #e3e3e3;

}



.chat-window-wrap .name-time .userItem{

    color: #a3a6a9 !important;

    text-shadow: 0px 0px !important;

}


.chat-input-icons .fa{

    color: #ffffff;

}

#usersContainer2 .fa.fa-search {

    color: #ff0142 !important;

}

#sortBtn{

    border: 1px solid #313a45;

    background-color: #2F3F57;

    color: #ff0142;

}

#searchInput::placeholder {

    /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #323f50 !important;

    opacity: 1 !important;

    /* Firefox */

}

#searchInput:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #c6c6c6 !important;

}

#searchInput::-ms-input-placeholder {

    /* Microsoft Edge */

    color: #c6c6c6 !important;

}

.users-info {

    background-color: transparent;

    border-bottom: 1px solid #000000 !important;

    color: #2b4155 !important;

    border-top: 1px solid #000000 !important;

}

.filtergenderItem {

    border:  0px !important;

}

#userList .status {

    border: 3px solid #000000 !important;

}

#userList .userItem img.avatarUser {

    border: 1px solid #182129 !important;

    box-shadow: 0px 0px;

    box-shadow:  0px 0px 0px !important;

}



.keyboard {

    color: #464646 !important;

}



.eye-icon .fa-eye{

    color: #ffffff !important;

}

.webcamBtn {

    background-color:#000000 !important;

    color: #a2a2a2;

    top: 2px;

}

.hand {

    border: 0px solid #50ce85 !important;

    background-color: transparent;

}

.hand:hover{

    color: #fff;

    background-color: #ffffff;

    border-color: #ffffff;

}

.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{

    color: #c1c1c1;

    border: 1px solid #000000;

    border-bottom: 1px solid #000000;

}



.light-modal .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{

    border: 1px solid #223345;

    background-color: #1b2937;

    color: #e2e2e2;

    border-top:  0px !important;

    border-bottom: 1px solid #1c2a38;

}

.userTabAvatar {

    border: 1px solid #000000;

}

#tabs .nav-tabs>li.active{

    background-color: #ededed !important;

    color: white !important;

    border: 0px solid #ededed;

}

#tabs .nav-tabs>li.active .close{

    color: #000000 !important;

    opacity: .8;

    text-shadow: 0px 0px;

    font-size: 13px;

    padding: 6px;

    padding-top: 4px;

}



#tabs .nav-tabs>li.active a{

    background-color: #000000 !important;

    color: #fe0000 !important;

    border: 0px solid #000000 !important;

    border-bottom: 0px !important;

    padding: 8px 12px;

}

#tabs .nav-tabs>li{

    border: 1px solid #000000;

    height: 34px !important;

    background-color: #000000 !important;

    border-radius:  0px !important;

    margin-right: 2px !important;

}

.nav > li > a {

    border: none;

}

.jsPanel-theme-default {

    background-color: #f5f5f5;

    border: 1px solid #dedede;

}

#sortBtn:hover {

    color: #e3e3e3;

    background-color: #ff0142;

    border-color: #101b25;

}

.jsPanel-content.jsPanel-content-nofooter{

    border-top: 0px !important;

}

.menuUserItem:hover {

    background-color: #000000;

}

#tabs .nav-tabs>li>a:hover {

    border-color: #000000;

    background-color: transparent;

}

.table-hover>tbody>tr:hover, .light-modal .table-striped>tbody>tr:nth-of-type(odd):hover, .light-modal .table-striped>tbody>tr:nth-of-type(even):hover {

    background-color: #16202d;

}

.slide_block{

    background-color: #0c1825 !important;

    border: 1px solid #152637;

    border-right: 0px;

    box-shadow: 3px -2px 4px rgba(0, 0, 0, 0.05), 0 1px 10px rgba(0, 0, 0, 0.1) !important;

}

#backgroundsheader{

    color: #cbcbcb;

}

#smileyContainer{

    background-color: #222a35;

    box-shadow: 2px 2px 15px -1px #000000;

}

#smileysHeader{

    background: #232b36;

    border-bottom: 1px solid rgb(74, 82, 102);

    color: #6b7181;

}

#searchGifInput {

    border: 0px solid #ffffff;

    background-color: #000000;

    border-top: 1px solid #ffffff;

    box-shadow: 1px 1px 14px -3px #000000;

}

.bootbox .modal-content {

    background-color: #202833 !important;

    border: 1px solid #233037;

    color: #6a7b92 !important;

}

.modal-content {

    color: #6a7b92 !important;

}

.bootbox .modal-footer{

    border-top: 1px solid #2f3a47;

}

.modal-footer{

    border-top: 1px solid #2f3a47;

}

.modal-header{

    color: white;

    border-bottom: 1px solid #2f3a47;

}

.close{

    color: #9acefa;

}

#pushToTalkWindow {

    background-color: #232b36;

    box-shadow: -3px 3px 11px -1px #0d131a;

    border: 1px solid #232b36;

}


#loginGuestModal .radio label::before {

    border: 2px solid #333f45;

    background-color: transparent;

}

.welcome {

    background-color: #000000 !important;

    color: white !important;

    border: 0px;

}

#loginGenderfemale label span{

    color: #f20d47 !important;

}

#loginGendercouple label span{

    color: #bbbbbb !important;

}

#pushToTalkWindowHeader {

    color: #5b6c81;

    border-bottom: 1px solid #242c37;

    background-color: #101b25;

}

.close:focus, .close:hover {

    color: #4c8ec7;

    text-decoration: none;

    cursor: pointer;

    filter: alpha(opacity=50);

    opacity: .7;

    text-shadow: 0px 0px;

}

#tabs .nav-tabs>li.active{

    background-color: #000000 !important;

}

#uploadImageBtnLabel {

    color: #676f85;

    border: 1px solid #7c849e73;

}

#roomsBtn img{

    opacity: .9;

}

#roomsBtn:hover{

    color: #525252;

}



.colorPicker_hexWrap{

    display: none !important;

}

div.colorPicker-palette {

    border: 1px solid #1f2d39 !important;

    background-color: #18202a !important;

    box-shadow: 1px 3px 12px 3px #0c1318;

}

#roomsBtn{

    background-color: transparent;

    border-right: 1px solid #e3e3e3;

    color: #d7d7d7 !important;

}

#backgroundsContainer{background-color: #2F3F57;box-shadow: 2px 2px 15px -1px #000000;}



.roomTitle{

    color: #393939;

}

.roomDesc{

    color: #39394f;

}

.joinRoomModal{

    background-color: #21ade8;

    color: white;

}

.joinRoomModal:hover{

    color: white;

}

#usersContainer2 .search-bar{background-image: url(https://coolpalace.ca/style/gif.gif);border-bottom: 0px solid black !important;}

#footer{height:120px !important;}

.roomUsers, .roomUsers a{

   color: #9f9f9f;


}

.right-subtitle{

    color: #393939;

}

.right-subtitle span{

    color: #9f9f9f;

}

.webcamRequest, .privateRequest, .privateClosed {

    background-color: #2F3F57;

    border-bottom: 0px solid #DDD;

    color: #c7c7c7;

}



div.colorPicker-picker {

    border: 2px solid #364252 !important;

}

#roomContainer .table-bordered {

    border: 0px solid #ddd;

}

.rooms-modal{

    color: #b2b2b2;

}

.search-bar, #usersContainer #usersContainer2 .flex-container{

    border-left: 0px solid #e7e7e7 !important;

}



.gender-color-male{

    color: #0997ff !important;

}

.gender-color-female{

    color: #ff0142 !important;

}

.gender-color-couple{

    color: #777 !important;

}

.addPrivateMessage::after{

    background-color: #ff0142;

    color: white;

    font-weight: 700;

    border-top: 1px solid #2F3F57;

}

#usersContainer li a .badge {

    background-color: #fc0000 !important;

}

.open .slide_block:before {

    border-color: transparent transparent transparent #364356;

}

.slide_block:before{

    border-color: transparent #314054 transparent transparent;

}





div.addPrivateMessage {

    background-color: #0c1623 !important;

    border: 0px !important;

    margin: 5px 0px;

}

.light-modal .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th:last-child{

    border-right: 0px solid #dddddd !important;

}

.online-user-item:nth-child(odd) {

    background-color: #000000 !important;

    border-left: 1px solid #2F3F57;

}

.webcamRequested, .privateRequested {

    background-color: #0e151d;

    border-bottom: 0px solid #f4f4f4;

    color: #8a96a4;

}

.open #chatContainer {

    padding: 0px 315px 0px 0px !important;

}

.nav>li.active>a>img.white-svg, .nav>li>a>img.white-svg{

    display: inline;

}

.nav>li.active>a>img.black-svg, .nav>li>a>img.black-svg{

    display: none;

}

.btn-warning {

    color: #fff;

    background-color: #f8df2a;

    border-color: #f8df2a;

}

.btn-warning:hover {

    color: #fff;

    background-color: #f8e34a;

    border-color: #f8e34a;

}

.userAvatar{

    border: 1px solid #000000 !important;

    background-color: #000000;

}

.myAudioCheckBox{

    border: 0px;

}

#myWebcamContainer label.btn:hover{

    color: white;

}

.modal-footer .btn-default{

    background-color: #f20d47 !important;

    border: 0px;

    color: white;

    border-radius: 25px;

}

.modal-footer .btn-primary {

    color: #fff;

    background-color: #3389d3;

    border-color: #3389d3;

    box-shadow: 1px 1px 15px 1px #000000;

    border: 1px solid #3389d3;

}

#roomsContainer2 .table-bordered{background-color: #2F3F57;}

.table-striped>tbody>tr:nth-of-type(odd) {

   background-image: url(https://coolpalace.ca/style/gif.gif);


}



.table-striped>tbody>tr:nth-of-type(even) {

    background-color: #1b2937;

}





.open #footer {

    border-top: 1px solid #152637 !important;

    background-color: transparent !important;

    border-right: 0px solid #262c3a !important;

    margin-left: 0px;

}



.chat-window-wrap div.message.addPrivateMessage div.content{

    color: #8b96a4 !important;

}



.textarea-icons-wrapper{

    top: 18px;

}

.checkbox label::before {

    border: 1px solid #212b37 !important;

    background-color: #2F3F57 !important;

}



.ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail{

    background-color: transparent !important;

}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{

    background-color: #2F3F57 !important;

}


.emojionearea .emojionearea-button>div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {

background-image: url(https://coolpalace.ca/style/gif.gif)

}





#loginGuestModal.light-modal .modal-content, #loginModal.light-modal .modal-content, #reportModal.light-modal .modal-content{

    background-color: #081119 !important;

}

.light-modal .form-group input{

    border-bottom: 1px solid #233443;

}



.chat-window-wrap div.message.myMessage div.content{

    background-color: transparent !important;

}




.chat-window-wrap .message img, .addPrivateMessage b img{

    /* background-color: #111d28 !important; */

}

.myMessage .chat-window-wrap .message img, .addPrivateMessage b img{

    background-color: #465a75 !important;

}

#myUserMenu, #userMenu {

    box-shadow: 5px 4px 29px -3px #000000;

    border: 1px solid #161c25;

}

.userItem:hover, #myUserMenu, #userMenu{

    background-color: #000000 !important;

}



#calendarBtn{

    background-color: #222a35;

    color: #c9c7c7;

}

#calendarBtn:hover{

    color: #f20d47;

}

div.zabuto_calendar .table tr.calendar-dow-header th {

    background-color: #2F3F57;

    color: white;

    border-top: 1px solid #17222e;

}

div.zabuto_calendar tr.calendar-dow-header th, div.zabuto_calendar tr.calendar-dow td {

    background-color: #0e161d;

    border-bottom: 1px solid #16212d;

    color: white;

}

div.zabuto_calendar .table tr.calendar-month-header td {

    background-color: #101b25;

    border-color: #0f1b26;

    color: white;

}

div.zabuto_calendar .table tr td.event div.day, div.zabuto_calendar ul.legend li.event {

    background-color: #ff0142;

}



div.textarea-icons-wrapper.flex-property {

    background: #2F3F57;

}





#roomsModal div.modal-content {

    background-image: url(https://coolpalace.ca/style/gif.gif);

}

#backgroundsContainer label[for="youtubeDisableCheckbox"] {

    color:#cbcbcb;

}

.emojionearea, .emojionearea.form-control {

    Background-color: #000000;

}

#roomsContainer2, #usersContainer2, #friendsContainer2 {

    background-color: #000000;

}



/* ============ medias for phones ============== */

@media only screen and (max-width:991px){



}

@media only screen and (max-width:768px){

    #usersContainer2, #roomsContainer2, #usersContainer li a{

    border-right: 0px !important;

    }

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

    border-right: 0px solid white;

    }

    .open #roomsContainer2 {

    border-left: 1px solid #e7e7e7 !important;

    }

    .open #usersContainer2{

    border-left: 1px solid #0d161e !important;

    }

    #roomsContainer2{

    border-left: 1px solid whitesmoke;

    }

}

@media only screen and (max-width: 510px){

}

@media only screen and (max-width:480px){

    .msg-box{

    border-bottom: 0px solid #f4f4f4;

    }

}

.userItem {
    background-color: transparent !important;
}


#userListMain
{

    background-image: linear-gradient(to bottom right, #000000, #CDC0B0);
}

.online-user-item.userItem:hover {
    background-color: transparent !important;
}

.online-user-item.userItem {
background-color: transparent !important;
}

#broadcastContainer {
display: none !important;
}

#webradioPlayerContainer {

display: none !important;
}

#usersContainer {
width: 240px !important;
}