:root {
	--btn-color : #2b2b2b!important;
	--input-border-color : var(--btn-color)!important;
	--c1:rgba(0,0,0,.7);
	--c2:rgba(0,0,0,.05);
	--c3:#7e30c6;
	--g1:linear-gradient(180deg, rgba(248,19,255,0.6992997882746849) 0%, rgba(48,76,198,0.8155462868741247) 100%);

}
iframe { width:100vw; height:100vh; }
body { font-family: sans-serif; }
.8A7-loginbtn { position: fixed!important; top:0px; left:0px; right:0px; z-index:99999!important;  background:#ff3a3a!important; border-bottom:1px solid rgba(0,0,0,.1); }

.8A7-loginbtn .btn { padding:1em;  }

nav.sidebar.is-visible {
  display: grid;
  position: fixed;
  top: 0px;
  height: 100vh;
  min-width: 250px;
  left: 0px;
  z-index: 3;
  background: white;
  color: rgba(0,0,0,.8);
  overflow: hidden;
  overflow-y: auto;
  align-content: start;
  transition: 3s all ease;
  box-shadow: 0px 5px 7px 0px rgba(0,0,0,.1);
}

#newones.list a { display: block; text-transform: capitalize; font-weight: bold; }
#all.list a { display: block; text-transform: capitalize; }

.txtinputbox { padding:1em; position:fixed; bottom:0px; width:100%; }

.resultbox p:not:empty {  padding:1em 2em;  }
.resultbox p:empty { display: none;  }

.chatbox { max-height:calc(82vh - 109px); }

.chat-container { }
.msgbox { padding:0px 1em; margin-bottom:.5em; position: relative; }
.msgbox div.msg {  background-color:var(--c2); width:fit-content; padding:.5em 1em; margin:.2em 0px; border-radius:.25em; }
.msgbox strong,.msgbox small { font-size:.8em; margin:0 auto; color:var(--c1); }
.msgbox p { margin:0 auto; padding:.2em .5em; white-space: pre-wrap; }
.msgbox div.msg img,.msgbox div.msg video,.msgbox div.msg iframe { width:calc(100% - .5em); max-height:200px; border-radius:.25em; margin:.25em; }
.msgbox.right::before { content:""; width:20%; }
.msgbox.left::after { content:"";  width:20%; }
.msgbox.right { animation:fadeInLeft .3s; text-align: right; right:0px; display: grid; grid-template-columns:1fr auto; }
.msgbox.left { animation:fadeInRight .3s; text-align: left; right:0px; display: grid; grid-template-columns:auto 1fr; }
.msgbox.right div.msg { background-image:var(--g1); background-attachment: fixed; color:white; }
.msgbox.right > div > strong { color:var(--c3); }

.newmsgcounter { animation:bounce 3s 3; display: block;  position:fixed; bottom:100px; right:20px; border-radius:100%; font-size:2em; color:#ff4800; text-shadow:0px 0px 10px rgba(255,255,255,1); }
.onlinestatus span { font-size:.5em; display: block; color:var(--c1); font-style: normal; }