.mblock{
  display: none;
}
button{
  margin: 2px;
}
  .dataPanel{
    display: none;
    position:fixed;
    left:0;
    bottom:0;
    padding:10px;
    width:100%;
    height:100px;
    overflow:scroll

  }
  .logout{
    margin-left:10px;
    text-decoration:underline;
    cursor: pointer;
  }

  .mm span{margin-right: 10px;}
.chatwin{
  border: 1px solid #ccc;
  overflow-y: scroll;
}

.videoblock{
  vertical-align: top;
}

.videobox{
  margin: 0;
  display: inline-block;
}

#say{
  width: 100%;
  border: none;
  margin: 5px;
  padding: 3px;
}

.isay{
  color:#00F
}

.blue{
  color:#00f
}
.purple{
  color:purple
}


/*******************************/

.loginPanel{
  width:300px;
  margin: 0 auto;
}

.maincontent{
  display: none;
}
.chat_frame{
  height: 300px;
  overflow-y: scroll;
}

.chat_input_box{
  height: auto;

  border-radius:8px;
}

.chrtbox{
  min-height:400px;
}
.logoutPanel{
  float: right;
  margin-right: 30px;
}

#sendMsg{
  cursor: pointer;
  background: rgba(0,0,0,0.1);
  display: inline-block;
  width: 50px;
}


@keyframes fadeInOut {
  0%   {opacity:0;}
  50%  {opacity:1;}
  100% {opacity:0;}
}

/* The element to apply the animation to */
.fadeIn {
  animation-name: fadeIn;
  animation-duration: 3s;
}


.donate_item{
  position: relative;
}

.chat_alert{
  display: none;
  position: absolute;
  top: 0;
  left:0;
  bottom:0;
  right:0;
  margin: auto;
  background-color: rgba(0,0,0,0.85);
  width:100%;
  height:100%;
}

.fullDonateBar{
  display: none;
  width: 100%;
  height: 200px;
  background: rgba(0,0,0,0.85);
  position: fixed;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 99999;
}

.tab_btn.tab_active a{
  color:#000!important;

}