*, html, body{margin: 0; padding: 0; box-sizing: border-box; line-height:1.3;
	font-family:Mukta Malr, "Mukta Malar" !important;font-size:17px;}
html,body{display: grid; height:100dvh;background:#fff}/*place-items: center;*/
td{border:1px solid #bbb;width:50%;padding:5px}
table td:focus,table td:active{background:#fdd}
th{font-weight:normal;background:white;border:0}
table{width:100%;border-collapse:collapse;}
h1{line-height:1.5;font-size:1.1em;text-align:center;color:#00f}
h2{line-height:1.5;text-align:center;color:#999}
h3{text-align:center}
h4{margin-bottom:4px;}
h5{margin:4px;color:navy;}
h6{color:#666;}
a{text-decoration:none;font-size:15px}
g{color:#0a0;font-weight:bold;}
i{color:#f00;font-weight:bold;}
.form{float:left; border:2px solid navy; padding:10px; width:100%;}
button, .button{padding:5px 10px; min-width:25px;border:0;font-size:15px; 
	margin:0 1px;background:transparent}
input{border:1px solid #ddd;padding:6px;width:100%;}
select{border:1px solid #ddd;padding:5px;width:100%;}
textarea{width:100%; height:100px; overflow-y:scroll;resize:none; padding:6px;border:1px solid #ddd;}
textarea:focus, input:focus, button:focus{background:#fdd;}
input::placeholder, textarea::placeholder{color: #bbb;transition: all 0.3s ease;}
fieldset{padding:5px; background:transparent; border:0;font-family:Mukta Malr, "Mukta Malar" !important;}
fieldset button, form button, .button{border-radius:10px 0px;background:#468;color:#fff;}
#wrapper{max-width: 450px; width:100%;height:100dvh;}
#inner{width:100%; max-width: 450px;height:calc(100dvh - 35px);top:33px;bottom:0; position:fixed;
	border:4px solid #08f; padding-bottom:50px;}
#menu1{padding:5px 30px;color:white;font-size:1.3em}
#curuid{background:#eef;margin-bottom:3px;padding:3px;}
#sendtxt2,#sendtxt4{height:60dvh;}
#title{background:#08f; height:35px;  width:100%; max-width:450px; display:block; position:fixed;top:0;}
#title button, #footbar button{color:white;border:0;background:#08f;}
#filterbtn{float:right; margin-left:10px;}
#footbar{font-weight:500; width:100%; max-width:450px; 
	position:fixed; bottom:0;left;0; display:none; background:#08f;}
#samples,#notice,#data,#admin{height:90dvh;overflow-y:scroll;color:#444;/*font-size:14px;*/
	padding:15px;width:100%}
#welcome,#regrform{overflow-y:scroll;color:#444;/*font-size:14px;*/
	padding:15px;width:100%}
#data{text-align:center}
#faq,#agents{height:90dvh;overflow-y:scroll;color:#444;padding:15px 15px 100px;font-size:0.9em;}
#page1{padding:3px;}
#chatbox{position:fixed;top:60px;width:300px;border:1px solid}
#note{padding:200px 10px;text-align:center;height:100dvh;display:none; font-size:22px;
	width:99%;max-width:448px;color:white;position:absolute;top:0;background:#000;}
#name{float:left;width:60%}
#delbtn{width:20px;height:25px;border-radius:0 0 15px 15px;border:0;float:left;padding:0}
#contacts,#pubchatframe,#msgframe3,#allprofiles,#evtchatframe,.chatframe,#menu3{
		width:100%; padding:0; height:calc(100dvh - 250px); overflow-y: scroll; }
#adsframe{height:90dvh; padding:0 0 120px; overflow-y:scroll;}
#pubchatframe button, .chatframe button, #msgframe3 button, #contacts button, #menu3 button{
	border:0;border-radius:0;border-bottom:1px solid #000; padding:10px 20px;background:white;color:#333;
	width:100%;text-align:left;line-height:1.3;}
#contacts button:focus, #pubchatframe button:focus, .chatframe button:focus, #msgframe3 button:focus{
	background:#fdd;}
#evtchatframe p{border-bottom:1px solid;padding:10px;}
#adpreview{width:100%;background:white}
#menu3 a{border:0;padding:0}
#group,#page6,#evtpage{height:95dvh; overflow-y:scroll;padding-bottom:40px}
#evtpage{height:90dvh; overflow-y:scroll;padding-bottom:40px}
#all{text-decoration:line-through}
#allprofiles button{background:transparent;color:navy}
#contacts i{color:#123;font-weight:normal}
#menu{width:100%;display:none;padding:0}
#nnn td{width:50%;height:30px}
#pubchatframe .center{text-align:center}
#welcome{line-height:1.5;}
#chatframe0{display:block}
.menupanel{padding-bottom:10px}
.stretch{transform:scale(1,1.2)}
.name{display:block;width:100%;color:white;padding:5px}
.userpane{width:100%;overflow-x:scroll}
.rel{position:relative}
.black{background:#000;color:white;}
.blue{color:blue}
.red{color:red}
.w33{width:33.1%;float:left}
.w66{width:66.66%;float:left}
.w50{width:50%;float:left}
.w25{width:25%;float:left}
.w20{width:19%;float:left}
.hid,.hid2{display:none;}
.hidden{display:none}
.bd{border:1px solid #aaa}
.fr{float:right;}
.fl{float:left}
.tal{text-align:left}
.tac{text-align:center}
.bd0{border:0}
.bd1{border:1px solid; border-radius:6px}
.bg2{color:#f0f;font-weight:bold}
.bg3{color:#090;font-weight:bold}
.pad2{padding:7px}
.fnt2{font-size:25px;font-weight:bold;padding:0;}
.chatframe{display:none}
.ad{background:linear-gradient(0deg,#fdf,#cfd);padding:10px;text-align:center;}
::-webkit-scrollbar{width: 1px;border-radius: 25px;}
::-webkit-scrollbar-track{background: #f1f1f1;}
::-webkit-scrollbar-thumb{background:transparent;}
::-webkit-scrollbar-thumb:hover{}
.r2l{-webkit-animation: r2l 1s cubic-bezier(0, 0, 0.3, 1);}
@-webkit-keyframes r2l{0%{-webkit-transform:translateX(550px);}
	100%{-webkit-transform:translateX(0px);}}
.d2u{-webkit-animation: d2u 1s cubic-bezier(0, 0, 0.3, 1); }
@-webkit-keyframes d2u {0%{ -webkit-transform:translateY(250px);}
	100% {-webkit-transform: translateY(0px);}}
/*.input:valid ~ button{ opacity: 1; pointer-events: auto;}
::selection{color: white; background: #007bff;}
*/