@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
div,p{word-wrap:break-word;}a{color: white;text-decoration:none}a:hover{color:#f96e5b}img.Avatar{border-radius:50%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}.subscriber{font-weight:700}
.contributor{color:#20B2AA;font-weight:700}
.author{color:blue;font-weight:700}
.editor{color:#473C8B;font-weight:700}
.master-editor{color:#a52a2a;font-weight:700}
.moderator{color:green;font-weight:700}
.master-moderator{color:orange;font-weight:700}
.administrator{color:red;font-weight:700}
.master-admin{-webkit-animation:hue 1s linear infinite;color:#025A0A;text-shadow:0 0 1px #0FF;font-weight:70}
.super-admin{-webkit-animation:hue 2s linear infinite;color:red;text-shadow:0 0 1px #FF0!important;font-weight:700}
.distance:after{content:" "}

@-webkit-keyframes hue{100%{-webkit-filter:hue-rotate(360deg)}}<style type='text/css'>
/*
Download Portal Css
*/
body,html,div,table,h1,h2,h3,h4,h5,p,search,span,b {
    font-family:Arial,Helvetica,sans-serif;
}
 body {
     font-weight:700;
     color: #000;
    background: #DCDCDC;
    m
 a {
     border: none;
}
 a {
    color: #20B2AA;
    text-decoration: none;
    font-size: large;
    padding:5px;
}
 a:hover {
    color: #9ACD32;
}
body, td{
     margin: 0;
     padding: 0;
     font-size: medium;
}
.rmenu   {
background-color: #F0FFFF;
border:1px solid #F0FFFF;
margin:1px 0 0;
padding:6px;
overflow:auto
}
 b{
     font-weight:bold;
}
  input {
    padding: 2px;
}
 select {
    padding: 5px;
}
 textarea {
     font-size: large;
}.mytop{
margin:1px;
border-radius:6px;
background-color: #192734;
}
.mytop .avatar{
width:100px;
height:100px;
background-color:white;
border-radius:50%;
border:2px solid #15202B;
float:left;
}
.mytop .cover{
background-color: #15202B;
width:100%;
padding:5px 0 5px 0;
color: black;
}
.mytop .username {
color: white;
font-family:Montserrat;
font-weight:bold;
font-size:19px;
margin-left:107px !important;
}
.cover .fullname {
color: White;
font-family:Times New Roman;
font-size:18px;
margin:3px;
}
.acbtn{
padding:3px;
border-radius: 10px;
color:white;
background-color:#dc147c;
border:1px solid black;
opacity:0.8;
}
.acbtn:hover{
opacity:1;
}
.acbtn2{
padding:7px 13px; 7px 13px;
border-radius: 10px;
color:black;
background-color: #192734;


color:white;
}
.acbtn .red{
border:2px solid #dc147c;
}
.acbtn .green{
border:2px solid green;
}
.acbtn .blue{
border:2px solid blue;
}
.stats{
text-align:center;
color:white;
padding: 3px;
font-size:19px;
font-family:Montserrat;
text-shadow: 3px 3px 3px #ababab;
}
.bio{
padding:3px; 
font-size:18px;
white-space:pre-line;
font-family:Trirong;
}
.ext{
margin:2px;
color:white;
padding:5px 0 0 0px;
background-color: black;
border-bottom:4px solid #dc147c;
border-radius:5px;
}
.ext .series{
padding:10px 5px 7px 5px;
border: 2px solid #f2f3f5;
display:flex;
}

.fwt{
justify-content:center;
text-align:center;
font-weight:bold;
letter-spacing:3px;
margin:3px 0px 5px 0px;
Font-family:Audiowide;
font-size:30px;
color:#dc147c;
}
.ext .expo{
font-weight:bold;
margin-right:3px !important;
}
.masthead{
background-color:white;
padding:6px;
}
.masthead textarea{
height:50px;
width: 100%;
background-color:#f2f3f5;
border-radius:7px;
border:none;
padding: 5px;
font-family:Times New Roman;
}
.masthead .fsub{
width:100%;
height: 25px;
border:none;
color:white;
border-radius:8px;
background-color:#dc147c;
}
.masthead .fsub:hover {
opacity:0.7;
}
.blockbtn{
padding:5px;
border-radius:2px;
color:white !important;
background-color:#D0342C;
}
.blockbtn a{
color:white !important;

}
.blockbtn:hover{
opacity: 0.9;
}

.blockbtnf{
padding:10px;
border-radius:2px;
color:white !important;
background-color:#D0342C;
width:100%;
text-align:center;
}
.blockbtn a{
color:white !important;
text-decoration:none !important;
}
.blockbtn:hover{
opacity: 0.9;
}
.repbtn{
padding:5px;
border-radius:2px;
color:white !important;
background-color:#660099;
}
.repbtn a{
color:white !important;
text-decoration:none !important;
}
.repbtn:hover{
opacity: 0.9;
}
.prtab-menu {

    
margin-top:4px;
    width: 100%;
    
  background-color:#192734;
    display: flex;
    overflow-x: scroll;
}
.prtab-menu::after {content: "";clear: both;display: table;}
.prtab-menu a {
display:flex;
margin-left:1px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 43px;
   color:white;
text-decoration:none;
    overflow: hidden;
    margin-right:3px;
   padding:4px;
   border-top-left-radius:5px;
border-top-right-radius:5px;
   background-color: black;
}
.prtab-menu a:hover {
opacity:0.85;
background-color:#22303C;
}
.special-card{
padding: 6px 8px 5px;
border-radius: 10px;
margin: 5px; 
text-align: left;
background-color: #192734;
 } 
.special-card .expo{
margin-right:3px;
}
.special-card .icon{
height:20px;
width: 20px;
}
.text-primary {      
     padding:0.8rem;      
     font-family:"iconfont";      
   }
.coverbg {
     background-image: url(https://wapka-img.zuna.id/341228c4.jpeg);   
     background-size: cover;
     background-position: center;
     height: 100px;
     width: 100%;
}
.coverimg {
     position: absolute;
     margin-top: 30px;
     margin-left: 110px;
     background: #fff;
     border: 1px solid #cccccc;
     padding: 3px;
}
.imgfr {
width:100px;
height:100px;
margin:2px;
background:white;
border-radius:5px;box-shadow:2px 2px 6px grey;
border:1px solid grey;
}
 .mail{
    margin:4px;
}
 .mail input, .mail select, .mail textarea {
     padding: 2px;
     background: #686869;
     color: white;
     border:2px solid #1b91d8;
     border-radius:2px;
}
 .mail input[type="submit"] {
     background: #1b91d8;
     color:white;
    border:2px solid #0083d2;
     border-radius:5px;
}
 .mail input[type="reset"] {
     background: red;
     color:white;
    border:2px solid #cc0000;
     border-radius:5px;
}
 .mess{
    color: red;
}
 .tCenter{
     text-align: center;
}
 .tCenter::after{
    content:"Design By SMsudipBD.Com";font-size:10px;right: 10px;position: absolute;
}
 .tLeft {
     text-align: left;
}
 .logo {
    text-align: left;
}
  .logo a {
     color: #fff;
     
}
.inboxtext {
     width: 90%;
     height:45px;
}
.picbtn {
    padding:10px;
    background:green;
    color:white;
    text-color:white;
    font-weight:bold;
}
.post { 
      margin: 2px;
      background: #dcdcdc;
      border: 1px solid #afafaf; 
}
.li { 
      margin: 2px;
      background: #dcdcdc;
      padding:3px;
}
 .top {
      background: teal;
      padding:4px;
}
.too {
      background: teal;
      padding:3px;
}
.f {
      background: #fff;
}
 .logo img {
    max-height: 75px;
     width: 100%;
     max-width: 100px;
}
.sc    {
     background: snow;
     margin: 9px;
}
.dc   {
     background: #dcdcdc;
     margin: 9px;
}
.sv a {
     background: #20B2AA;
     padding:5px;
}
.br a {
     background: teal;
}
.vi  table {
     background: #778899;
}
.sa  table {
     background: teal;
     padding: 5px;
}
.kas a {
     background: #708090;
}
.kk a {
     background: #9ACD32; 
     border: 1px solid #9ACD32;
}
.ref a {
     background: #3CB371; 
     border: 1px solid teal;
}
.msg a { 
     background: #20B2AA; 
     border: 1px solid teal;
     border-radius:20px;
}
.sm a {
     background: #F0FFFF; 
     border: 1px solid teal;
     border-radius:20px;
}
 .inboxtext {
     width: 50%;
     height: 55px;
}
.picbtn {
     padding: 10px;
     background: green;
     color: white;
     text-color: white;
     font-weight: bold;
}
 .search{
     background: #f8f8f8;
     text-align: center;
     border-bottom:1px solid #ddd;
     padding:10px;
     margin-bottom:10px 
}
 #searchtext{
     overflow: hidden 
}
 .search input[type="text"]{
     display:inline-block;
     border:1px solid #0094ff;
     border-radius:33px 0px 0px 33px;
     padding:8px 8px;
     background:#fff;
     color:#999;
     -webkit-box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,.43);
     -moz-box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,.43);
     box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,.43) 
}
 .searc input[type="submit"]{
     display:inline-block;
     background:#0094ff;
     border:1px solid #0094ff;
     border-radius:0px 33px 33px 0px;
     padding:8px 8px;
     color:#fff;
     cursor:pointer;
     -webkit-box-shadow:inset 0 -2px #0b7dbb;
     box-shadow:inset 0 -2px #0b7dbb;
}
textarea {
width: 90%;
padding: 12px;
border: 2px solid #ccc;
border-radius: 4px;
resize: vertical;
}
 input[type="submit"] {
     color: #fff;
     font-size: medium;
     margin: 4px 2px;
     background: teal;
     border:1px solid teal;
     cursor:pointer;
     padding:5px;
     -webkit-box-shadow:inset 0 -2px #0b7dbb;
     box-shadow:inset 0 -2px #0b7dbb;
}
 hr {
     background-color:#ccc;
     border:medium none;
     height:1px;
     margin:2px 0;
     padding:0;
}
hr.new1 {
  border-top: 1px solid teal;
}
  
 h1 {
     text-align:center;
}
 h2 a{
     color:#ffffff;
}
  .container {
     position: relative;
     padding-left: 30px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 17px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 20px;
     width: 20px;
     background-color: #e0b213;
     border: 2px solid #73f50b 
}
 .container:hover input ~ .checkmark {
     background-color: #ccc;
}
 .container input:checked ~ .checkmark {
     background-color: #2196F3;
}
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .container input:checked ~ .checkmark:after {
     display: block;
}
 .container .checkmark:after {
     left: 6px;
     top: 2px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .upload input[type="file"] {
    background: #d21e1e;
    color: white;
     border: 1px solid #ff5f5f;
     border-radius: 4px;
}
 .upload .input {
    background: #969696;
    color: white;
     border: 1px solid #424040;
     border-radius: 4px;
    padding: 4px;
}
 .upload .button {
    background: #2196F3;
     color: white;
     border: 1px solid #69c4fb;
     border-radius: 16px;
    padding: 4px 6px 4px;
}
 .upload .addmore input {
    border: 1px solid #ffc05f;
     border-right: 0px;
    border-radius: 10px 0px 0px 10px;
     padding: 4px;
}
 .upload .addmore .button {
    background: #e88d00;
     border: 1px solid #ffc05f;
     border-radius: 0px 10px 10px 0px;
     padding: 4px;
}
  list {
    background:#eee;
    border-top: 1px solid #d4d4d4;
     padding: 3px;
}
  list:nth-last-child(1) {
    border-bottom: 1px solid #d4d4d4;
}
 .infoline {
    border-bottom: 1px solid #ccc;
     background: -webkit-linear-gradient(top, #fdfdfd 0%, #eeeeee 100%);
     padding: 5px;
}
 .clr {
     clear:both;
}
 .absmiddle {
     vertical-align:middle;
     border:1px solid #999;
     padding:1px;
     box-shadow:0 0 2px #999;
}
 .thumbTop {
    max-width:250px;
}
 .ct {
     margin-right:3px;
     vertical-align:middle;
     padding:1px;
     border:1px solid #999;
}
 .odd, .even, .sl {
     vertical-align:middle;
}
 .odd {
     background:#f5f5fa;
}
 .even {
     background:#fff;
}
 .mb {
     background:#f5f5f5;
     color:#222;
     padding:2px;
     text-align:center;
     border-bottom:1px dashed #ddd;
}
 .mb span{
}
 .singerinfo {
     background:#f5f5f5;
     color:#222;
     padding:2px;
     text-align:center;
     border-bottom:1px dashed #ddd;
}
 .singerinfo span{
}
 .singerinfo span.ar{
     color:#cc3300;
}
 .labelinfo {
     background:#f5f5f5;
     color:#222;
     padding:2px;
     text-align:center;
     border-bottom:1px dashed #ddd;
}
 .labelinfo span{
}
 .labelinfo span.la{
    color: #ff0000;
}
 .description {
     background:#f5f5f5;
     color:#222;
     padding:2px;
     text-align:center;
}
 .description a {
     text-decoration:underline;
}
 .filedescription {
     background:#f5f5f5;
     padding: 5px 0;
     text-align: center;
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
}
 .fl {
}
 .fl td{
     padding:7px 2px;
     border-bottom:1px solid #ccc;
}
 .fl a{
     vertical-align:middle;
}
 .fl img{
     border:1px solid #bbb;
     padding:1px;
}
 .fl div{
     display:table-cell;
}
 .tblimg {
     width:65px;
     text-align:center;
}
 .catRow div{
     display:table-cell;
}
 .catRow div img {
     margin-right:5px;
}
 .az {
    text-align:center;
    padding:10px;
    background: #c2c1ff;
}
 .az span,.az a {
    border: 1px solid #848aff;
    padding:2px 5px;
    margin:1px;
    display:inline-block;
    background:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
}
 .az .selected,.az a:hover {
    background: #f90;
    color:#fff;
}
 .artistRow div{
     display:table-cell;
}
 .artistRow div img {
     margin-right:5px;
}
 .artistRow {
     border-top:1px solid #ddd;
}
 .artistRow a{
     border-top:1px solid #ddd;
}
 .artistRow a{
     
     display:block;
     
     padding:9px;
     display:block;
}
 .artistRow:hover {
     background:#f5f5f5;
}
 .link1{
     color:#32CD32;
}
  button {
     color: #fff;
     font-size: medium;
     background: #9ACD32;
     border:1px solid #9ACD32;
     cursor:pointer;
     -webkit-box-shadow:inset 0 -2px #0b7dbb;
     box-shadow:inset 0 -2px #0b7dbb;
}
button a {
     color: #fff;
     font-size: medium;
     background: #9ACD32;
     border:1px solid #9ACD32;
     cursor:pointer;
     -webkit-box-shadow:inset 0 -2px #9ACD32;
     box-shadow:inset 0 -2px #9ACD32;
}
 .button {
     color: #fff;
     font-size: medium;
     background: teal;
     border:1px solid teal;
     cursor:pointer;
     -webkit-box-shadow:inset 0 -2px #0b7dbb;
     box-shadow:inset 0 -2px #0b7dbb;
}
 .red {
     color:red;
}
 .info {
     color:red;
     background:#fff;
     text-align:center;
     padding:2px;
}
 p{
     padding:2px 0;
}
 table {border:none;
     width:100%;
     margin:auto;
}
 .devider {
     height:5px;
}
 .dtype {
     border-bottom:1px solid #ccc;
     font-size:small;
     padding:8px;
     text-align:center;
}
 .dtype span{
    border: 1px solid #dc8304;
    padding:3px;
    border-radius:5px;
    background: #f90;
    color:#f5f5f5;
}
 .dtype a {
    border:1px solid #ccc;
    padding:3px;
    border-radius:5px;
    background:#f5f5f5;
}
 .dtype a:hover {
    background: #f90;
     color:#fff;
}
 .stype {
     border-bottom:1px solid #ccc;
     font-size:small;
     padding:2px;
     text-align:center;
}
 .stype span{
     border:1px solid #d50;
     padding:3px;
     border-radius:5px;
     background:#f90;
     color:#f5f5f5;
}
 .stype a {
     text-decoration:none;
     color:#F33;
     padding:0px;
}
 .stype a:hover {
     background:#660000;
     color:#f90;
}
 .padding-4{
    padding:4px;
    border-radius:2px
}
 .padding-4 a:hover{
     background:#660000;
     color:#f90;
}
 .gray{
    background:#fafafa
}
 .red{
    background:#FFE0E0
}
 .blue{
    background:#D4F8FF
}
 .purple{
    background:#F2DDFF
}
 .yellow{
    background:#FEF1D8
}
 .green{
    background:#CFFBD3
}
 .orange{
    background:#FFEAD4
}
 .pink{
    background:#FFE0F5
}
 .fileName {
     
}
 .fileName span{
     color:#555;
     text-decoration:none;
}
 .fileName img{
     padding-right:3px;
}
 .downLink {
     margin:5px 0;
}
 .dwnLink {
     
}
 .dwnLink1, .dwnLink2, .dwnLink3,.dwnLink4,.dwnLink5 {
     
     border-radius: 10px;
     box-shadow: 1px 1px 0 #555;
     color:#fff;
     display:inline-block;
     margin:2px;
     padding:5px;
     text-shadow: 1px 1px 0 #000;
     width: 160px;
}
 .dwnLink1 {
    background: #333aff;
}
 .dwnLink2 {
    background: #f400a9;
}
 .dwnLink3 {
    background: #008aff;
}
 .dwnLink4 {
    background: #990078;
}
 .dwnLink5 {
    background: #cc00ff;
}
 .dwnLink11, .dwnLink12, .dwnLink13,.dwnLink14,.dwnLink15,.dwnLink16 {
     
     border-radius: 10px;
     box-shadow: 1px 1px 0 #555;
     color:#fff;
     display:inline-block;
     margin:2px;
     padding:5px;
     text-shadow: 1px 1px 0 #000;
     width: 255px;
}
 .dwnLink11 {
    background: #333aff;
}
 .dwnLink12 {
    background: #f400a9;
}
 .dwnLink13 {
    background: #008aff;
}
 .dwnLink14 {
    background: #990078;
}
 .dwnLink15 {
    background: #cc00ff;
}
 .dwnLink16 {
    background: #008aff;
}
 .pgn li {
     display:inline;
}
 .pgn {
     text-align:center;
     padding-top:5px;
     background:#eee;
     padding-bottom:5px;
}
 .pgn a,.pgn span {
    border: 1px solid #736dff;
    padding:2px 5px;
    margin:0 2px;
    background: #fcfcfd;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    
}
 .pgn a:hover, .pgn span {
    background:#06b1ff;
    ;
    border-color: #9baafb;
}
 .pgn div {
     padding-top:5px;
}
 .pgn2 {
     text-align:center;
     padding-top:10px;
     background:#eee;
}
 .pgn2 a,.pgn2 span {
    border: 1px solid #736dff;
    padding:2px 5px;
    margin:0 2px;
    background: #0808f8;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    
}
 .pgn2 a:hover, .pgn span {
    background:#c7c7c7;
    border-color: #9baafb;
}
 .pgn2 div {
     padding-top:5px;
}
 img {
     vertical-align:middle;
}
 .showimage {
     padding:5px;
     text-align:center;
}
 a.top {
    color:#FF7F00;
     text-decoration:none;
}
 .updates div {
     border-bottom:1px solid #ddd;
     padding:4px;
}
 .updates span{
     color:#F33;
}
 .updates span1{
     color:#F500BB;
}
 .updates span2{
     color:#1D2129;
}
 .updates span3{
     color:#00a;
}
 .updates span4{
     color:#FF0000;
}
 .updates span5{
     color:#1D2129;
}
 .catRow,.catRowHome {
     border-top:1px solid #ddd;
     
}
 .catRow:hover,.catRowHome:hover {
     background:#f5f5f5;
}
 .catRow a, .catRowHome a {
     display:block;
     
     background:url(../images/arrow.png) right center no-repeat;
     padding:9px;
}
 .catRow a div span, .catRow span.arn{
     color:#cc3300;
     
}
 .catRow span.ar{
    color: rgba(255, 47, 0, 0.83);
    font-style:italic;
}
 .catRowHome a div span{
     font-size:x-small;
     color:#5a5;
     font-weight:normal;
}
 .rd {
     color: #3a3;
     font-weight:normal;
     padding:0 5px;
     font-style:italic;
}
 .gn {
     color: #3a3;
     font-weight:normal;
     font-style:italic;
}
 .fl {
     border-bottom:1px solid #ddd;
     background:#fff;
}
 .fl:hover {
    background:#f5f5f5;
}
 .fl span{
     font-weight:normal;
}
 .fl span.mc {
     font-size:80%;
     color:#555;
 .k {background: white; color: white;padding:6px;width:100%;}




. table {background: white; padding:6px;width:100%;}





   
.cont { width:100% ;background: black; position:fixed;}





   


bar a{background: black;color:white;padding:10px;border-radius:150px;border:1px solid darkorange;transition:1s;display:inline-block; }




 
bar{display:block;text-align:center;padding:5px;position:fixed;top:0;left:0;width:100%;transition:1s;background: black;border-top:1px solid red; }





 
bar a:hover{background: darkorange; }






 }






.header}




.blaq{background: white;color: black;display:inline-block;padding:6px;width:98%;text-decoration:none !important;font-size:20px; text-align: center;}







.blaq2{background:#333333;color:white;display:inline-block;padding:6px;text-decoration:none !important;border-radius:5px; text-align: center;}





.roompost{background:#222222;color:white;display:inline-block;padding:6px;width:70%;border-radius:0px 50px 50px 50px;text-decoration:none !important;font-size:20px; text-align: center; float: right 3px;}







.notify{background: black;color:white;display:inline-block;padding:6px;width:60%;border-radius:5px;text-decoration:none !important; text-align: center; float: right;}







.notes{background: darkorange;color:white;display:inline-block;padding:6px; height:40px;border-radius:5px;text-decoration:none !important;font-size:20px; text-align: center;}




.b{background: white;color: black;display:inline-block;padding:6px;width:320px; border-radius:7px;text-decoration:none !important;border-radius:5px;box-shadow:1px 3px 5px rgb(0,0,0,0.30);}






 
      
.mat{background:-webkit-linear-gradient(orange, darkorange);color:white;display:inline-block;padding:6px;height:50px;width:140px;text-decoration:none !important;border-radius:5px;border-left:5px solid dodgerblue;box-shadow:1px 3px 5px rgb(0,0,0,0.30);font-size:20px;}




 
      
.room {background: blue;color:white;display:inline-block;padding:6px;height:35px;text-decoration:none !important;border-radius:3px;box-shadow:1px 3px 5px rgb(0,0,0,0.30);font-size:20px; display:flex;align-items:center;justify-content:center;opacity:0.7;}









body{font-family:'PT Serif', serif;max-width:100%;font-size:14px !important;}









body.clickEffect{position:fixed;box-sizing:border-box;border-style:solid;border-color:dodgerblue;border-radius:50%;animation:clickEffect 0.4s ease-out;z-index:99999;}









}




cs{background: white;width:400%; height:70px; display: block;}




cs2{overflow:scroll;}




.header{color:black;padding:8px;background: white;position :fixed;top:0;width:100%;}





logo{background:#121FCF;background:repeating-radial-gradient(circle farthest-side at right center, white 0%, hotpink 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:150%;user-select:none;font-weight:bold;font-family:Cursive;}




.umali { width:100%; background: white;}





.fula { color: white; padding: 3px; text-align: justify; }





.fula img { border: 2px solid #222222; padding: 2px; margin: 2px; }









.mad{background: orange; border-radius:10px;}









.had{background: black;}






.kid{background: grey;color:white;display:inline-block;padding:6px;height:50px;width:130px;text-decoration:none !important;border-radius:5px;border:2px solid orange;box-shadow:1px 3px 5px rgb(0,0,0,0.30);}




 

.user{background: grey;color:white;display:inline-block;padding:6px;text-decoration:none !important;border-radius:10px;border-top:7px solid darkorange;border-bottom:7px solid darkorange;border-left:2px solid orange;border-right:2px solid orange;box-shadow:1px 3px 5px rgb(0,0,0,0.30); text-align: bottom;}







.coin{background: #222222;color:white;display:inline-block;padding:6px;height:50px;width:80px;text-decoration:none !important;border-radius:20px;box-shadow:1px 3px 5px rgb(0,0,0,0.30);}






.dpdgghj{background:darkorange;color:white;display:inline-block;padding:6px;height:50px;width:60px;text-decoration:none !important;border-radius:20px;box-shadow:1px 3px 5px rgb(0,0,0,0.30); float: right;}








.home {background:darkorange;color:white;display:inline-block;padding:6px;height:70px;width:60px;text-decoration:none !important;border-radius:20px;box-shadow:1px 3px 5px rgb(0,0,0,0.30); text-align: center;}






.coin2 {background:darkorange;color:white;display:inline-block;padding:6px;height:50px;width:50px;text-decoration:none !important;border-radius:7px;box-shadow:1px 3px 5px rgb(0,0,0,0.30); text-align: center;}








.name{background:darkorange;color:white;display:inline-block;padding:6px;text-decoration:none !important;border-radius:20px;box-shadow:1px 3px 5px rgb(0,0,0,0.30); float: right;}








.msg{background:white;color: black;display:inline-block;padding:6px;text-decoration:none !important;border-radius:20px;box-shadow:1px 3px 5px rgb(0,0,0,0.30); float: bottom;}









.form_error{color:#f00;}.Jhgg{background:#d4d5dd;font-family:'Montserrat', sans-serif !important;font-size:12px !important;}









@import url(https://fonts.googleapis.com/css?family=Futura);
@import url(https://fonts.googleapis.com/css?family=Roboto+slab);
*:focus{
outline: none;
}
.cpost{

}
.cpost{
margin:10px 4px 10px 4px;
display:flex;
}
.cpost a{
color:magenta;
text-decoration:none;

}
.cgpost .aicon{
width:33px;
height:33px;
margin-left:3px;
}
.cpost .pimg{
border-radius:50%;
height:50px;
width:50px;
margin-right:3px !important;
}
.cpost .ctext{
width:100%;
border:1px solid black;
padding: 5px;
border-radius:10px;
}
.ytpost{
width:100%;
border:1px solid black;
padding: 5px;
border-radius:8px;
height:50px;
background-color:#15202B;
}
.cgpost .sbtn{
text-align:center;
float:right;
background-color:#e12c2c;
padding:10px;
border-radius:6.5px;
margin:4px 3px 3px 2px;
border:none;
color:white;
}
.cgpost .sbtn:hover{
outline: none;
opacity:0.87;
}
.white{
background-color:#192734;
border-radius:10px;
border-right:3px solid blue;
color:white;
padding:10px;
margin:3px;
}


.list-group-item{

}
.post-card{
background-color:#192734;
margin:2px;
padding: 2px 0 5px 2px;
border-radius:8px;
border: 1px solid #141f2a;
overflow-wrap: break-word;

}
.post-card a {
text-decoration:none !important;
color:magenta !important;
}
.post-card a:hover{

}

.post-card .top{
top:1;
text-decoration:none;
color:white;
}
.top .unme{
color:white;
font-size:17px;
}
.post-card .top a{
text-decoration:none;
color:white !important;
}
.prof-image{
border-radius:50%;

}
.top .prof-image{
border:1px solid #dc147c;
padding: 1px;
}
.post-card .time{
float:right;
color:grey;
font-weight:bold;
padding:5px;
}
.content{
padding:3px;
margin-left:3px;
font-family:Roboto Slab;
white-space:pre-line;

}
.content a{
text-decoration:none;
color:magenta;
}

.pcons {
   
    bottom: 0;
    

    width: 100%;
    border-top:1px solid #15202B;
  background-color: #192734;
color:white !important;
    display: flex;
    overflow-x: auto;
}

.pcons a {
display:flex;
margin-left:3px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 40px;
   color:grey;
text-decoration:none;
    overflow: hidden;
    margin-right:5px;
   
   border-radius:5px;
   background-color:#192734;
}
.pcons a:hover {
opacity:0.85;
}

.spec{
padding: 70px;
width:100%;
border-radius:5px;
color:#192734;
background-size:cover;
background-repeat:no-repeat;
font-weight:bold;
text-align:center;
}
@media (max-width: 978px) {
    .container {
      padding:0;
      margin:0;
    }
.nav{
width: 100%;
margin:0;
}
.navigation{
width: 100%;
margin:0;
}
body {
      padding:0;
margin:0;
    }
}
@media (min-width: 978px) {
    .container {
      padding:0;
      margin:0;
    }
.nav{
width: 100%;
margin:0;
}
.navigation{
width: 100%;
margin:0;
}

    body {
      padding:0;
margin:0;
    }


}
/* Breakpoint XS */
@media (max-width: 575px)
{
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, 
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, 
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    } 
}

.full-wt{
background-color:#192734;
padding:10px 5px 10px 5px;
margin:2px;
border-radius:10px;
font-family:Roboto Slab;

}
.full-wt:after {content: ""; clear: both; display: table; } 
.fwt{
text-align:center;
font-weight:bold;
letter-spacing:3px;
margin:3px 0px 5px 0px;

}
.full-wt .author{
font-weight:bold;
}
.err{
padding: 7px;
background-color:red;
color:white;
border-radius:3px;
}

.success{
padding: 7px;
background-color:#198754;
color:white;
margin:0 3px;
border-radius: 3px;
}
.repcont{
border:1px solid black !important;
padding: 3px;
border-radius:15px;
margin:2px 1px 3px 1px;
}
.repcont .profimg{
width:25px;
height: 25px;
border-radius:50%;
}
.repcont .top{
top:1;
display:flex;
}
.repcont .time{
float:right;
color:grey;
padding:5px;
}
.repcont{
font-family:Roboto Slab;
}
.repcont a{
text-decoration:none;
}
.repmsg{
font-weight:bold;
letter-spacing:1px;
 margin-left:5px;
font-family:Futura;
}
.repcont a:link {
  color:white;
  text-decoration: none;
}

.repcont a:visited {
  text-decoration: none;
  color: white;
}

.repcont a:hover {
  text-decoration: none;
 Color:white;
}

.repcont a:active {
  text-decoration: none;
 Color:white;
}
.repcont  a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }
.cphoto{
width: 100%;
border-radius:8px;
}
.ytvideo{
width: 100%;
height:200px;
border-radius:8px;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.ytvideo .play{
margin-left:110px;
margin-top:70px;
width:80px;
background-color:#192734;
border-radius:50%;
opacity:0.85;
height:80px;
}
.opt{
float:right;
width:40px;
height:40px;
}

.postde{
padding: 3px;
Font-family:Times New Roman;
Font-weight:bold;
background-color:#192734;
border:1px solid black;
text-align:center;
}
.flexed{
display:flexed;
background-color:#15202B;
padding:3px;
border-radius:50%;
}
.flexed{
display:flexed;
}
.post-card .pcons .flexed img{
height: 25px;
width:25px;

background-color:#152025;

}
.b4t{
margin:0;
background-color:#192734;
padding:3px;
}
.b4t .ic{
width:23px;
height: 23px;

}
.b4t span .ic{
background-color:#22303C;
border-bottom:1px black;
}
.b4t .tab-menu a{
background-color:#192734;
}
.c-card-body{
background-color:#192734;
padding:3px;
}
.c-card{
padding:3px 0px;
border-radius:5px;
border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.c-card .head{
background-color:#22303C;
}
.c-card .input-grp{
display:flex;
}
.c-card .input-grp .inputt{
height:30px;
width:100%;
border-radius:8px;
border:none;
background-color:#15202B;
opacity: 0.89;
}
.c-card .input-grp .inputt:focus{
opacity:1;
}
.c-card .input-grp .avatar{
width:30px;
height: 30px;
border:1px solid purple;
border-radius:50%;
}
.c-card .input-grp .acbtn{
background-color:#e12c2c;
padding:2px;
color:white;
width: 45px;
border-radius:3px;
border:none;
opacity:0.8;
}
.c-card .input-grp .acbtn:hover{
opacity:1;
}
.c-card .body{
background-color:#192734;
}
 .one{
padding:1px;
border-bottom:1px solid #15202B;
}
.c-card a{
text-decoration:none !important;
}
.c-card .card-body .one .flexed .avatar{
width:30px;
height: 30px;
border:1px solid purple;
border-radius:50%;
}
.conc{
padding:3px;
margin-left:30px;
color:white !important;
}
.c-card .time{
float:right;
color:grey;
font-weight:bold;
}
.baq-nav{
background-color:#15202B;
padding:8px 6px;
box-sizing:border-box;
display: flex;
}
.baq-nav .act{
width: 30px;
height: 30px;
background-color:#152025;
border-radius:50%;
padding: 3px;
}
.baq-nav .act:hover{
background-color:black;
}

.baq-nav .con{
color:#e12c2c;
font-family: Roboto Slab;
margin-left:10px !important;
font-weight:300px !important;
}
.baq-nav .main{
padding:3px 0px;
}
.baq-nav .con a{
font-weight:bold !important;
text-decoration:none !important;
}
.baqdir{
color:white;
background-color:#15202B;
border-radius:10px;
padding:3px;
margin-top:3px;
}
.baqdir:hover{
background-color:#192734;
}
.na-card-share a{
text-decoration:none;
}
.na-card-share{
background-color:#22303C;
color:white;
font-family: Roboto Slab !important;
border-radius:10px;
padding:0px 3px 0px 0px;
font-weight:bold;
margin:0px 0px;
margin-left:30px;
}
.na-card-share:hover{
background-color:#192734;
}
.na-card-banner-share{
width:50px;
height:50px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}

.abtn3 {
  text-align: center;
  padding: 1px 4px;
  border-radius: 20px;
  display: inline-block;
  line-height: 20px;
  float:right !important;
  text-decoration: none;
padding: 0px 8px !important;
background-color: #e12c2c;
  color: #f2f2f2 !important;
}body{ margin: 0;background-color:#15202B !important; padding: 0;color:white !important;font-family: Varela Round;font-size:16px;}html{overflow-x:hidden} .bar2{ width: 100%; background-color: white; overflow: auto;border-bottom:1px solid black;padding: 5px;top:50px;color:black; } .bar2 .brand{font-weight:bold;font-family:Caveat; } .icon-bar{ width: 100%; background-color: #192734; overflow: auto;position: fixed;border-bottom:1px solid #121b24;z-index:999;top:0 } .icon-bar a .brand{font-weight:bold;font-family:Caveat; z-index: 3;} .icon-bar i{ color: #cccccc; } .icon-bar a{ padding: 0px 1px 0px 1px; float: left; width: 16.6%; text-align: center; box-sizing: border-box; transition: all .3s; text-decoration:none;border-radius:2px; } .icon-bar a.active{ border-bottom:2px solid #e12c2c; } .icon-bar a:hover{ background: #22303C; }.content-card { background-color: #192734; margin: 0px 3px 5px 3px; border-radius: 10px; border: 1px solid black; padding: 4px; } .mcont { height: 55px; padding: 2px 1px 1px 1px !important; } .straightl { padding: 5px; } .straightl{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; will-change: transform; width: 100%; } .abtn3 { text-align: center; padding: 1px 4px; border-radius: 20px; display: inline-block; line-height: 20px; float:right !important; text-decoration: none; padding: 0px 8px !important; background-color: #e12c2c; color: #f2f2f2 !important; } .titl { text-align: left !important; font-weight:bold; font-size:17px; margin-left:3px; } .overfix { font-size: normal; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; font-size: 18px; } .lit { font-size: 90%; padding: 0px 5px !important; } .f-card { padding: 0px; border-radius: 10px; margin: 5px; background-color: black; text-align: left; margin: auto; border: 1px solid black; margin-bottom: 5px; } .f-card .mcont { height: 55px; } .clearfix::after { content: ""; clear: both; display: table; } .grey { color: white; } .profmg img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .profmg{ border-radius: 10px 10px 0px 0px; } .ecard { list-style-type: none; margin: 0; padding: 0; overflow: hidden; will-change: transform; width: 100%; } .ecard li { float: left; display: inline-block; vertical-align: middle; text-align: center; } @media (min-width: 601px) { .ecard .lil { width: 33.33333%; } } @media screen and (max-width: 425px) { .profmg { overflow: hidden; min-width: 100%; height: 100px; } } @media screen and (max-width: 425px) { .profimg {overflow: hidden; min-width: 100%; height: 100px; } .ecard .lil{width: 49.99999%; } } @media screen and (max-width: 200px) { .ecard .lil{width: 99.99999%; } } .clearfix::after { content: ""; clear: both; display: table; } .block-display {display: block !important; } .lil{width: 33.33333%;border:1px solid white;} .profmg {overflow:hidden;min-width:100%;max-width: 100%;height:120px;margin: 0px;} .na-card a{ text-decoration:none; } .na-card{ background-color:black; color:white; font-family: Roboto Slab !important; border-radius:8px; padding:0px 3px 0px 0px; font-weight:bold; margin:2px 0px; } .na-card:hover{ background-color:black; opacity: 0.9; } .na-card-banner{ width:90px; height:90px; } .nact{ font-family: Lobster !important; text-align:center; font-size:27px; } .game-wt{ background-color: purple; padding:5px 5px 10px 5px; margin:2px; border-radius:10px; color: white; font-family:Roboto Slab; } .game-wt .question{ color:white; padding:13px 13px; font-size: 20px; font-weight: bold; align-items:center; } .game-wt .question img{ width:100px !important; display: block; height:100px; background-color:#e12c2c; border-radius: 10px; margin:3px; } .game-wt:after {content: ""; clear: both; display: table; } .head-stats{ background-color:black; border-radius: 5px; width:100%; } .head-stats td{ border-right:1px solid black; align-items: center; color: grey; justify-content:center; } .options{ padding:2px 5px 2px 5px; } .option{ width:100%; border-radius: 10px; height:40px; display: flex; text-align:center; border: none; justify-content: center; font-size: 18px; font-weight: bold; color:grey; margin-bottom:2px; } .clr{ background-color:white; color:black; } .clr:hover { background-color:#edeafc; } .right{ background-color:green; color:white; } .wrong{ background-color:red; color:white; } label{ font-weight:bold; margin-bottom:1px; } .mat-in{ width: 100%; padding:8px 5px; border-radius:5px; border:1px solid black; background-color:#15202B; margin-bottom:3px; } .mat-in:focus{ border:1px solid #e12c2c; } .mat-text{ width: 100%; padding:11px 5px; border-radius:8px; height: 50px; border:1px solid black; background-color:#15202B; margin-bottom:3px; } .mat-text:focus{ border:1px solid #e12c2c; } .mat-btn{ padding:10px 15px; background-color:#e12c2c; color:white; text-decoration:none; text-align:center; border:none; border-radius:5px; float:right; margin-top:5px; margin-bottom:5px; } .mat-btn:hover{ opacity: 0.8 } .pd-6{ padding: 6px !important; } .mat-c{ width: 80%; padding:8px 5px; border-radius:5px; float:right; border:1px solid white; background-color:#15202B; float:left; } .flexy{ display: flex; } .sel{ width: 50px; border-radius:5px; float:right; border:1px solid white; background-color:#192734; }.tab-menu { border-bottom:-2px; width: 100%; border-radius:3px; background-color: #192734; display: flex;border-top:1px solid #141f2a;border-bottom:1px solid #141f2a; overflow-x: auto;}.tab-menu a {display:flex;flex-wrap:wrap;margin-left:1px; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; min-width: 32px; color:white;text-decoration:none; overflow: hidden; margin-right:3px; padding:7px; border-radius:2px; background-color:#192734;}.tab-menu a:hover {opacity:0.85;background-color:#22303C;}.sclorr{-webkit-overflow-scrolling:touch;display:inline-block;line-height:0;padding-top:2px;overflow-x:scroll;overflow-y:hidden;padding-bottom:7px;white-space:nowrap;width:100%} .sclorr{display:none}.sclorr::-webkit-scrollbar{display:none}.slideb{background:blue;box-shadow:0 1px 6px rgba(32,33,36,0.28);border-radius:20px;padding:0 16px;line-height:40px;display:inline-block;margin-left:8px;overflow:hidden;padding-left:0}. slideb:last-child{margin-right:8px}
.slided{background:#202124;box-shadow:0 1px 6px rgba(32,33,36,0.28);border-radius:20px;padding:0 16px;line-height:40px;display:inline-block;margin-left:8px;overflow:hidden;padding-left:0}. slided:last-child{margin-right:8px}
 body *{
     margin: 0;
}
 a {
     border: none;
}
 a {
    color: #20B2AA;
    text-decoration: none;
    font-size: large;
    padding:5px;
}
 a:hover {
    color: #9ACD32;
}
p.big {
  line-height: 1.5;
}
p.small {
  line-height: 0.5;
}
.pic img {
border-radius:1%; 
display: block; 
margin: 0 auto; 
max-width: 70%; 
max-height: 70%
}
.pico img {
max-width: 100px; 
max-height: 100px;
}
.msg img {
max-width: 100%;
height: 100%;
}
.picimg {
margin-bottom: 5px;
max-width: 100%;
height: 100%;
}
.youtube-player {
    width: 300px;
    height: 200px;
}
body, td{
     margin: 0;
     padding: 0;
     font-size: medium;
}
 b{
     font-weight:bold;
}
  input {
    padding: 2px;
}
 select {
    padding: 5px;
}
 textarea {
     font-size: large;
}
.text-primary {      
     padding:0.8rem;      
     font-family:"iconfont";      
   }
#navbar {   
list-style-type: none;
   margin: 0;
   padding: 0;
   top: 0;
   overflow: hidden;
   background-color: #ffffff;
   border-bottom: 1px solid #e7e7e7;   width: 100%;
   position: fixed;
   z-index: 1;
   will-change: transform;
}
 .navbar li {   
float: left;
   width: 16.667%;
   display: inline-block;
   vertical-align: middle;
   text-align: center;
 } 
 .navbar li a {   
position: relative;
   display: block;
   padding: 10px 8px 2px 8px;
 } 
 .icon {
width:40px;
height:40px;
}
#bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
#ads {
position: fixed;
padding: 0px;
bottom: 0;
width: 100%;
/* Height of the footer*/
height: 100px;
background-color: #fff;
border-top:1px solid gray;
}
.hidetitle {
display: none;
}
#loader {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #3498db;
margin-left:150px;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.coverbg {
     background-image: url(https://wapka-img.zuna.id/341228c4.jpeg);   
     background-size: cover;
     background-position: center;
     height: 100px;
     width: 100%;
}
.coverimg {
     position: absolute;
     margin-top: 30px;
     margin-left: 110px;
     background: #fff;
     border: 1px solid #cccccc;
     padding: 3px;
}
.imgfr {
width:90px;
height:90px;
margin:2px;
background:white;
border-radius:5px;box-shadow:2px 2px 6px grey;
border:1px solid grey;
}
.pass {
  color:#333;
}
.pass a:hover {
  color:#333;
}
.pass a:visited {
  color:#333;
}
.table {
color:black;
background-color:#dcdcdc;
}
.footer {
background-image: url(http://chanpiseththon.mobie.in/image/background/image/brk.png);
color:white;
background-color:brown;
}
.header {
background-image: url(https://www.briankoponen.com/assets/background-light-1.jpg);
}
 .mail{
    margin:4px;
}
 .mail input, .mail select, .mail textarea {
     padding: 2px;
     background: #686869;
     color: white;
     border:2px solid #1b91d8;
     border-radius:2px;
}
 .mail input[type="submit"] {
     background: #1b91d8;
     color:white;
    border:2px solid #0083d2;
     border-radius:5px;
}
 .mail input[type="reset"] {
     background: red;
     color:white;
    border:2px solid #cc0000;
     border-radius:5px;
}
 .mess{
    color: red;
}
.tlength {
  max-width: 250px;
}
 .tCenter{
     text-align: center;
}
 .tCenter::after{
    content:"Design By SMsudipBD.Com";font-size:10px;right: 10px;position: absolute;
}
 .tLeft {
     text-align: left;
}
 .logo {
    text-align: left;
}
  .logo a {
     color: #fff;
     
}
.inboxtext {
     width: 90%;
     height:45px;
}
.picbtn {
    padding:10px;
    background:green;
    color:white;
    text-color:white;
    font-weight:bold;
}
.post { 
      margin: 2px;
      background: #dcdcdc;
      border: 1px solid #afafaf; 
}
.li { 
      margin: 2px;
      background: #fcfcfc;
      padding:3px;
}
 
}
.too {
      background: teal;
      padding:3px;
}
.f {
      background: #fff;
}
.flw {
      background: #fcfcfc;
}
 .logo img {
    max-height: 75px;
     width: 100%;
     max-width: 100px;
}
.fc   {
     background: #fcfcfc;
     margin: 5px;
}
.sc    {
     background: #fcfcfc;
     margin: 9px;
}
.dc   {
     background: #dcdcdc;
     margin: 9px;
}
.dcdc   {
     background: #dcdcdc;
     margin: 3px;
}
.sv a {
     background: #20B2AA;
     padding:5px;
}
.br a {
     background: teal;
}
.vi table {
     background: #778899;
}
.sa  table {
     background: teal;
     padding: 5px;
}
.kas a {
     background: #708090;
}
.kk a {
     background: #9ACD32; 
     border: 1px solid #9ACD32;
}
.ref a {
     background: #3CB371; 
     border: 1px solid teal;
}
.msgbtn a { 
     background: #20B2AA; 
     border: 1px solid teal;
     border-radius:20px;
}
.sm a {
     background: #F0FFFF; 
     border: 1px solid teal;
     border-radius:20px;
}
 .inboxtext {
     width: 50%;
     height: 55px;
}
.picbtn {
     padding: 10px;
     background: green;
     color: white;
     text-color: white;
     font-weight: bold;
}
 .search{
     background: #f8f8f8;
     text-align: center;
     border-bottom:1px solid #ddd;
     padding:10px;
     margin-bottom:10px 
}
 #searchtext{
     overflow: hidden 
}
 .search input[type="text"]{
     display:inline-block;
     border:1px solid #0094ff;
     border-radius:33px 0px 0px 33px;
     padding:8px 8px;
     background:#fff;
     color:#999;
     -webkit-box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,.43);
     -moz-box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,.43);
     box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,.43) 
}
 .search input[type="submit"]{
     display:inline-block;
     background:#0094ff;
     border:1px solid #0094ff;
     border-radius:0px 33px 33px 0px;
     padding:8px 8px;
     color:#fff;
     cursor:pointer;
     -webkit-box-shadow:inset 0 -2px #0b7dbb;
     box-shadow:inset 0 -2px #0b7dbb;
}
input[type="submit"] {
     color: #fff;
     font-size: medium;
     margin: 4px 2px;
     background: teal;
     border:1px solid teal;
     cursor: pointer;
     padding:5px;
}
 hr {
     background-color:#ccc;
     border:medium none;
     height:1px;
     margin:2px 0;
     padding:0;
}
hr.new1 {
  border-top: 1px solid teal;
}
  h1,h2,h3{ background: #008080; color:#FFFFFF; font-size: 110%; padding: 3px; margin: 5px 0; text-align:center;  
} 
 h1 {
     text-align:center;
}
 h2 a{
     color:#ffffff;
}
  .container {
     position: relative;
     padding-left: 30px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 17px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 20px;
     width: 20px;
     background-color: #e0b213;
     border: 2px solid #73f50b 
}
 .container:hover input ~ .checkmark {
     background-color: #ccc;
}
 .container input:checked ~ .checkmark {
     background-color: #2196F3;
}
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .container input:checked ~ .checkmark:after {
     display: block;
}
 .container .checkmark:after {
     left: 6px;
     top: 2px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .upload input[type="file"] {
    background: #d21e1e;
    color: white;
     border: 1px solid #ff5f5f;
     border-radius: 4px;
}
 .upload .input {
    background: #969696;
    color: white;
     border: 1px solid #424040;
     border-radius: 4px;
    padding: 4px;
}
 .upload .button {
    background: #2196F3;
     color: white;
     border: 1px solid #69c4fb;
     border-radius: 16px;
    padding: 4px 6px 4px;
}
 .upload .addmore input {
    border: 1px solid #ffc05f;
     border-right: 0px;
    border-radius: 10px 0px 0px 10px;
     padding: 4px;
}
 .upload .addmore .button {
    background: #e88d00;
     border: 1px solid #ffc05f;
     border-radius: 0px 10px 10px 0px;
     padding: 4px;
}
  list {
    background:#eee;
    border-top: 1px solid #d4d4d4;
     padding: 3px;
}
  list:nth-last-child(1) {
    border-bottom: 1px solid #d4d4d4;
}
 .infoline {
    border-bottom: 1px solid #ccc;
     background: -webkit-linear-gradient(top, #fdfdfd 0%, #eeeeee 100%);
     padding: 5px;
}
 .clr {
     clear:both;
}
 .absmiddle {
     vertical-align:middle;
     border:1px solid #999;
     padding:1px;
     box-shadow:0 0 2px #999;
}
 .thumbTop {
    max-width:250px;
}
 .ct {
     margin-right:3px;
     vertical-align:middle;
     padding:1px;
     border:1px solid #999;
}
.bord {
     margin-left:2px;
     margin-right:3px;
     vertical-align:middle;
     padding:0px;
     border-left:1px solid teal;
     border-right:1px solid teal;
     border-top:1px solid teal;
}
.tl {
     border-bottom:1px solid teal;
}
 .odd, .even, .sl {
     vertical-align:middle;
}
 .odd {
     background:#f5f5fa;
}
 .even {
     background:#fff;
}
 .mb {
     background:#f5f5f5;
     color:#222;
     padding:2px;
     text-align:center;
     border-bottom:1px dashed #ddd;
}
 .mb span{
}
 .singerinfo {
     background:#f5f5f5;
     color:#222;
     padding:2px;
     text-align:center;
     border-bottom:1px dashed #ddd;
}
 .singerinfo span{
}
 .singerinfo span.ar{
     color:#cc3300;
}
 .labelinfo {
     background:#f5f5f5;
     color:#222;
     padding:2px;
     text-align:center;
     border-bottom:1px dashed #ddd;
}
 .labelinfo span{
}
 .labelinfo span.la{
    color: #ff0000;
}
 .description {
     background:#f5f5f5;
     color:#222;
     padding:2px;
     text-align:center;
}
 .description a {
     text-decoration:underline;
}
 .filedescription {
     background:#f5f5f5;
     padding: 5px 0;
     text-align: center;
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
}
 .fl {
}
 .fl td{
     padding:7px 2px;
     border-bottom:1px solid #ccc;
}
 .fl a{
     vertical-align:middle;
}
 .fl img{
     border:1px solid #bbb;
     padding:1px;
}
 .fl div{
     display:table-cell;
}
 .tblimg {
     width:65px;
     text-align:center;
}
 .catRow div{
     display:table-cell;
}
 .catRow div img {
     margin-right:5px;
}
 .az {
    text-align:center;
    padding:10px;
    background: #c2c1ff;
}
 .az span,.az a {
    border: 1px solid #848aff;
    padding:2px 5px;
    margin:1px;
    display:inline-block;
    background:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
}
 .az .selected,.az a:hover {
    background: #f90;
    color:#fff;
}
 .artistRow div{
     display:table-cell;
}
 .artistRow div img {
     margin-right:5px;
}
 .artistRow {
     border-top:1px solid #ddd;
}
 .artistRow a{
     border-top:1px solid #ddd;
}
 .artistRow a{
     
     display:block;
     
     padding:9px;
     display:block;
}
 .artistRow:hover {
     background:#f5f5f5;
}
 .link1{
     color:#32CD32;
}
.btn a {
     color: #fff;
     font-size: medium;
     background: #9ACD32;
     border:1px solid #9ACD32;
     cursor:pointer;
     padding:10px;
     -webkit-box-shadow:inset 0 -2px #0b7dbb;
     box-shadow:inset 0 -2px #0b7dbb;
}
  .hfddd {
     color: #fff;
     font-size: medium;
     background: #9ACD32;
     border:1px solid #9ACD32;
     cursor:pointer;
     -webkit-box-shadow:inset 0 -2px #0b7dbb;
     box-shadow:inset 0 -2px #0b7dbb;
}
butona {
     color: #fff;
     font-size: medium;
     background: #9ACD32;
     border:1px solid #9ACD32;
     cursor:pointer;
     -webkit-box-shadow:inset 0 -2px #9ACD32;
     box-shadow:inset 0 -2px #9ACD32;
}
 .butto {
     color: #fff;
     font-size: medium;
     background: teal;
     border:1px solid teal;
     cursor:pointer;
     -webkit-box-shadow:inset 0 -2px #0b7dbb;
     box-shadow:inset 0 -2px #0b7dbb;
}
 .red {
     color:red;
}
 .info {
     color: #000;
     background:#fff;
     text-align:center;
     padding:2px;
}
 p{
     padding:2px 0;
}
 table {
     width:100%;
     margin:auto;
}
 .devider {
     height:5px;
}
 .dtype {
     border-bottom:1px solid #ccc;
     font-size:small;
     padding:8px;
     text-align:center;
}
 .dtype span{
    border: 1px solid #dc8304;
    padding:3px;
    border-radius:5px;
    background: #f90;
    color:#f5f5f5;
}
 .dtype a {
    border:1px solid #ccc;
    padding:3px;
    border-radius:5px;
    background:#f5f5f5;
}
 .dtype a:hover {
    background: #f90;
     color:#fff;
}
 .stype {
     border-bottom:1px solid #ccc;
     font-size:small;
     padding:2px;
     text-align:center;
}
 .stype span{
     border:1px solid #d50;
     padding:3px;
     border-radius:5px;
     background:#f90;
     color:#f5f5f5;
}
 .stype a {
     text-decoration:none;
     color:#F33;
     padding:0px;
}
 .stype a:hover {
     background:#660000;
     color:#f90;
}
 .padding-4{
    padding:4px;
    border-radius:2px
}
 .padding-4 a:hover{
     background:#660000;
     color:#f90;
}
 .gray{
    background:#fafafa
}
 .red{
    background:#FFE0E0
}
 .blue{
    background:#D4F8FF
}
 .purple{
    background:#F2DDFF
}
 .yellow{
    background:#FEF1D8
}
 .green{
    background:#CFFBD3
}
 .orange{
    background:#FFEAD4
}
 .pink{
    background:#FFE0F5
}
 .fileName {
     
}
 .fileName span{
     color:#555;
     text-decoration:none;
}
 .fileName img{
     padding-right:3px;
}
 .downLink {
     margin:5px 0;
}
 .dwnLink {
     
}
 .dwnLink1, .dwnLink2, .dwnLink3,.dwnLink4,.dwnLink5 {
     
     border-radius: 10px;
     box-shadow: 1px 1px 0 #555;
     color:#fff;
     display:inline-block;
     margin:2px;
     padding:5px;
     text-shadow: 1px 1px 0 #000;
     width: 160px;
}
 .dwnLink1 {
    background: #333aff;
}
 .dwnLink2 {
    background: #f400a9;
}
 .dwnLink3 {
    background: #008aff;
}
 .dwnLink4 {
    background: #990078;
}
 .dwnLink5 {
    background: #cc00ff;
}
 .dwnLink11, .dwnLink12, .dwnLink13,.dwnLink14,.dwnLink15,.dwnLink16 {
     
     border-radius: 10px;
     box-shadow: 1px 1px 0 #555;
     color:#fff;
     display:inline-block;
     margin:2px;
     padding:5px;
     text-shadow: 1px 1px 0 #000;
     width: 255px;
}
 .dwnLink11 {
    background: #333aff;
}
 .dwnLink12 {
    background: #f400a9;
}
 .dwnLink13 {
    background: #008aff;
}
 .dwnLink14 {
    background: #990078;
}
 .dwnLink15 {
    background: #cc00ff;
}
 .dwnLink16 {
    background: #008aff;
}
 .pgn li {
     display:inline;
}
 .pgn {
     text-align:center;
     padding-top:5px;
     background:#eee;
     padding-bottom:5px;
}
 .pgn a,.pgn span {
    border: 1px solid #736dff;
    padding:2px 5px;
    margin:0 2px;
    background: #fcfcfd;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    
}
 .pgn a:hover, .pgn span {
    background:#06b1ff;
    ;
    border-color: #9baafb;
}
 .pgn div {
     padding-top:5px;
}
 .pgn2 {
     text-align:center;
     padding-top:10px;
     background:#eee;
}
 .pgn2 a,.pgn2 span {
    border: 1px solid #736dff;
    padding:2px 5px;
    margin:0 2px;
    background: #0808f8;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    
}
 .pgn2 a:hover, .pgn span {
    background:#c7c7c7;
    border-color: #9baafb;
}
 .pgn2 div {
     padding-top:5px;
}
 img {
     vertical-align:middle;
}
 .showimage {
     padding:5px;
     text-align: Center;}
 .updates div {
     border-bottom:1px solid #ddd;
     padding:4px;
}
 .updates span{
     color:#F33;
}
 .updates span1{
     color:#F500BB;
}
 .updates span2{
     color:#1D2129;
}
 .updates span3{
     color:#00a;
}
 .updates span4{
     color:#FF0000;
}
 .updates span5{
     color:#1D2129;
}
 .catRow,.catRowHome {
     border-top:1px solid #ddd;
     
}
 .catRow:hover,.catRowHome:hover {
     background:#f5f5f5;
}
 .catRow a, .catRowHome a {
     display:block;
     
     background:url(../images/arrow.png) right center no-repeat;
     padding:9px;
}
 .catRow a div span, .catRow span.arn{
     color:#cc3300;
     
}
 .catRow span.ar{
    color: rgba(255, 47, 0, 0.83);
    font-style:italic;
}
 .catRowHome a div span{
     font-size:x-small;
     color:#5a5;
     font-weight:normal;
}
 .rd {
     color: #3a3;
     font-weight:normal;
     padding:0 5px;
     font-style:italic;
}
 .gn {
     color: #3a3;
     font-weight:normal;
     font-style:italic;
}
 .fl {
     border-bottom:1px solid #ddd;
     background:#fff;
}
 .fl:hover {
    background:#f5f5f5;
}
 .fl span{
     font-weight:normal;
}
 .fl span.mc {
     font-size:80%;
     color:#555;
     
}
 .fl span.alb {
    color: #238d00;
    font-style:italic;
}
 .fl span.ar {
    color: #e80000;
    font-style:italic;
}
 .fl span.sr{
     
     font-style:italic;
     color:#aaa;
     margin-right:3px;
}
 .fl a{
     display:block;
     padding:8px;
     line-height: 18px;
}
 .fl a img{
     margin-right:5px;
     vertical-align:middle;
     border:1px solid #999;
     padding:1px;
     box-shadow:0 0 2px #999;
     max-width: 70px;
}
 .fl a div div{
     vertical-align:middle;
     display:table-cell;
}
 .fl a div{
     vertical-align:middle;
}
 .path{
     background: #eee;
     border-top:1px solid #ddd;
     border-bottom:1px solid #ddd;
     padding:4px;
     margin:5px 0;
     
}
 .error{
     background:#FFEFEF;
     border:1px solid #f00;
     margin:5px;
     padding:5px;
     
     text-align:center;
     color:#f00;
}
 .fshow {
     padding:3px;
     text-align:center;
     background:#fff;
     border-bottom:1px solid #ddd;
}
 .thumbimg{
     vertical-align:middle;
     border:none;
     border-radius:10px;
}
 .db{
     font-size:small;
     text-align:center;
     padding:5px;
}
 .toouch{
     background:#555;
     -webkit-box-shadow:inset 0 -3px #333,inset 0 -3px #333;
     box-shadow:inset 0 -3px #333,inset 0 3px #333;
     color:#888;
     padding:2px;
     text-align:center;
     margin:10px 0;
     border-radius:6px}
 .ad1 {
    background: #e7e7ea;
    border-bottom:1px solid #a50;
    border-top:1px solid #fc0;
    color:#fff;
    /* background: #EDECEA;
     */
    border: 1px solid #D7CCC5;
    padding: 8px;
    text-align: center;
}
 .ad1 a {
     color:#fff;
}
 .fhd{
     background:#F4F4F4;
     color:#555;
     border-bottom: 1px solid #ccc;
     border-radius:5px;
     
     margin:7px 0 0 0;
     padding:0 5px;
     display:inline-block;
}
 .fb {
     
}
 .f1{
    padding: 3px;
     background-color: #0094ff;
     font-weight: bold;
     color: #fff;
     margin-top: 0px;
     box-shadow:inset 0 -2px #0b7dbb;
     text-align:center;
     color:#fff;
     font-size:100%;
}
 .f1 a{
     color:#fff;
}
 .tags {
     background: #e6e6e6;
     border-radius: 4px;
     border: 1px solid #c7c7c7;
     margin: 2px;
     padding: 2px;
}
 .fb {
    padding:5px;
}
 .fb a {
     background: #222;
     color: white;
     border: 2px solid #999;
     padding: 2px 5px;
     margin: 0 2px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 5px;
     text-decoration: none;
     font-weight: bold;
}
 .fb a:hover {
     border: 2px solid #00ff05;
     box-shadow: 0px 0px 14px #3bff00;
     transition: all 200ms ease-out;
}
 .rbox {
     background-color: #d7e9ec;
     margin: 1px 0;
     border-bottom: 1px solid #b3dade;
     padding: 3px 4px 3px 4px;
}
 .rbox textarea{
     margin: 0px;
     width: 199px;
     height: 43px;
}
 .userb {
     color: #1b91d8;
}
 .captcha {
     background-color: orange;
     color: #ffffff;
     font-weight: bold;
     padding: 4px;
}
 .minitext {
     color: #777d88;
     font-size: x-small;
}
 #online{
     text-align:center;
}
.new{color:#b60000;font-size:8px;border-radius:1px;font-family:Verdana,sans-serif;font-weight:700;-webkit-animation:new 5s infinite;-moz-animation:new 5s infinite;-o-animation:new .8s infinite;animation:new .8s infinite}@-webkit-keyframes new{0%,50%{background-color:#ce0000;color:#fff}}.footer {position: fixed;left: 0;bottom: 0;width: 100%;background-color:white;color: white;text-align: center;}
.smsudipbd h2 {
    display: none;
}
.smsudipbd h2:first-child {
    display: block;
}































Conversation






.mytab{ background-color:#192734; color:white; width:100%; justify-content:center; display:flex; border:1px solid black; } .mytab .content{ padding: 20px; float:left; padding:10px 0; text-align:center; left:0; border:2px solid black; } .convs{ background-color:#192734; border-radius:5px; margin:3px; padding:5px 0 5px 0; } .convs .conv{ padding: 4px 2px 2px 4px; border-bottom:1px solid #15202B; } .convs .avatar{ width:50px; height:50px; border-radius: 50%; margin-right:3px; } .convs .name{ font-weight:bold; margin-bottom:-50px; } .convs .time{ float:right !important; margin-bottom:-50px; color: grey; } .convs .peek{ margin-left:2px; margin-top:15px !important; } .flexy{ } .flexy .status { text-align:center; } .convs .conv:hover{ opacity:0.85; } .convs a, .ctop a{ text-decoration:none; color:white !important; } .convs .fwt{ font-size:16px; font-family:Times New Roman; } /** Chat **/ .ctop{ padding:5px; min-height:50px; border-radius: 4px; background-color:#192734; } .ctop:after {content: ""; clear: both; display: table; } .ctop .avatar{ width:40px; height:40px; border-radius: 50%; margin-right:3px; } .ctop .status{ font-weight:bold; margin-top:15px; } .message { color: #000; clear: both; line-height: 15px; font-size: 15px; padding: 8px; position: relative; margin: 2px 0; max-width: 85%; } /** .message:after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; } **/ .metadata { display: inline-block; float: right; padding: 0 0 0 7px; position: relative; bottom: -4px; } .metadata .time { color: rgba(0, 0, 0, .45); font-size: 11px; display: inline-block; } .metadata .tick { display: inline-block; margin-left: 2px; position: relative; top: 4px; height: 16px; width: 16px; } .metadata .tick svg { position: absolute; transition: .5s ease-in-out; } .metadata .tick svg:first-child { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } .metadata .tick svg:last-child { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } .metadata .tick-animation svg:first-child { -webkit-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } .metadata .tick-animation svg:last-child { -webkit-transform: perspective(800px) rotateY(-179.9deg); transform: perspective(800px) rotateY(-179.9deg); } .message:first-child { margin: 14px 0 8px; } .message.received { background: #15202B; color:white !important; border-radius: 0px 5px 5px 5px; float: left; } .message.received .metadata { padding: 0 0 0 16px; } .message.received:after { border-width: 0px 10px 10px 0; border-color: transparent #fff transparent transparent; top: 0; left: -10px; } .message.sent { background: #192734; color:white !important; border-radius: 5px 0px 5px 5px; float: right; } .message.sent:after { border-width: 0px 0 10px 10px; border-color: transparent transparent transparent #e1ffc7; top: 0; right: 0px; } /* Compose */ .conversation-compose { display: flex; flex-direction: row; align-items: flex-end; overflow: hidden; height: 50px; width: 100%; z-index: 2; bottom:0 !important; } conversation-compose-2 { display: flex; flex-direction: row; align-items: flex-end; overflow: hidden; padding:4px; height:20px; width: 100%; z-index: 2; bottom:0 !important; } .conversation-compose div, .conversation-compose input { background: #15202B; height: 100%; } .conversation-compose .emoji { display: flex; align-items: center; justify-content: center; background: #15202B; border-radius: 5px 0 0 5px; flex: 0 0 auto; margin-left: 8px; width: 48px; } .conversation-compose .input-msg { border: 0; flex: 1 1 auto; font-size: 16px; margin: 0; outline: none; min-width: 50px; } .conversation-compose .photo { flex: 0 0 auto; border-radius: 0 0 5px 0; text-align: center; position: relative; width: 48px; } .conversation-compose .photo:after { border-width: 0px 0 10px 10px; border-color: transparent transparent transparent #15202B; border-style: solid; position: absolute; width: 0; height: 0; content: ""; top: 0; right: -10px; } .conversation-compose .photo i { display: block; color: #15202B; font-size: 24px; transform: translate(-50%, -50%); position: relative; top: 50%; left: 50%; } .conversation-compose .send { background: transparent; border: 0; cursor: pointer; flex: 0 0 auto; margin-left: 8px; margin-right: 8px; padding: 0; position: relative; outline: none; } .conversation-compose .send .circle { background: #15202B; border-radius: 50%; color: #15202B; position: relative; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } .conversation-compose .send .circle i { font-size: 24px; margin-left: 5px; } .newc{ padding:5px; background-color:red; border-radius:50%; text-decoration:none; color:white; font-weight:bold; margin-right:-9px; } .pagination { display: inline-block; } .pagination a { color: white; float: left; padding: 8px 16px; text-decoration: none; background-color: black; transition: background-color .3s; border: 1px solid black; } .pagination a.active { background-color: #4CAF50; color: white; border: 1px solid #4CAF50; } .disabled { cursor: default; pointer-events: none; text-decoration: none; color: grey; } .rnotif{ background-color:red; padding: 2px; color: white; border-radius:50% !important: margin-left:2px !important; }







Space





#namanyay-search-btn {
background:#e12c2c;
color:white;
font: 'trebuchet ms', trebuchet;
padding:10px 20px;
border-radius:0 10px 10px 0;
-moz-border-radius:0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
-o-border-radius:0 10px 10px 0;
border:0 none;
font-weight:bold;
}
 
#namanyay-search-box {
background: #192734;
padding:10px;
 border-radius:10px 0 0 10px;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
-o-border-radius:10px 0 0 10px;
border:0 none;
width:140px;
 }

.mlist{
background-color:#192734;
padding:none;
border-radius:5px;

}
.mlist a{
text-decoration:none !important;
color:white;
}
.mlist .tile{
border-bottom:1px solid #15202B;
}
.mlist .avatar {
width: 40px;
height:40px;
border-radius:20px;
}


.post-cwhitebackground-color:#192734;
margin:0px 2px 3px 2px;
color:white;
padding: 2px 0 5px 2px;
border-radius:10px;
border:none;
overflow-wrap: break-word;

}
.post-card a {
text-decoration:none !important;
}

.post-card .top{
top:1;
text-decoration:none;
}
.prof-image{
border-radius:50%;
box-shadow:1px 1px grey;
}
.post-card .time{
float:right;
color:grey;
padding:5px;
}
.content{
padding:3px;
margin-left:3px !important;
font-family:Roboto Slab;
white-space:pre-line;
text-decoration:none;
}
a.content{
text-decoration:none;
}

.pcons {
   
    bottom: 0;
    

    width: 100%;
    border-top:1px solid #192734;
  background-color: #192734;
color:white !important;
    display: flex;
    overflow-x: auto;
}

.flexed{
display:flexed;
}
.post-card .pcons .flexed img{
height: 25px;
width:25px;
}
.pcons a {
display:flex;
margin-left:3px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 40px;
   color:grey;
text-decoration:none;
    overflow: hidden;
    margin-right:5px;
   
   border-radius:5px;
   
}
.pcons a:hover {
opacity:0.85;
}
.full-wt{
background-color:#192734;
padding:10px 5px 10px 5px;
font-family:Times New Roman;
}
.fwt{
text-align:center;
font-weight:bold;
letter-spacing:3px;
margin:3px 0px 5px 0px;

}
.category{
background-color:#e12c2c;
padding: 2px;
color:white;
font-weight:bold;
border-radius:4px;
text-decoration:none;

}
.category a{
text-decoration:none;
color:white;
}

.gifimage{
width:150px;
height: 150px;
border-radius:10px;
margin:10px;
}
.fixed{
background-color:white !important;
 position: relative;
}
.conversation-compose {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  height: 50px;
min-width: 100%;
background-color:white !important;
  position: fixed;
margin-bottom:0 !important;
width:100%;
margin-top:-50px;
 

}

.conversation-compose div,
.conversation-compose input {
  background: #fff;
  height: 100%;
}

.conversation-compose .emoji {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 5px 0 0 5px;
  flex: 0 0 auto;
  margin-left: 8px;
  width: 48px;
}

.conversation-compose .input-msg {
  border: 0;
  flex: 1 1 auto;
  font-size: 16px;
  margin: 0;
  outline: none;
  min-width: 50px;
}

.conversation-compose .photo {
  flex: 0 0 auto;
  border-radius: 0 0 5px 0;
  text-align: center;
  position: relative;
  width: 48px;
}

.conversation-compose .photo:after {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  top: 0;
  right: -10px;
}

.conversation-compose .photo i {
  display: block;
  color: #7d8488;
  font-size: 24px;
  transform: translate(-50%, -50%);
  position: relative;
  top: 50%;
  left: 50%;
}

.conversation-compose .send {
  background: transparent;
  border: 0;
  cursor: pointer
  flex: 0 0 auto;
  margin-left: 8px;
  margin-right: 8px;
  padding: 0;
  position: relative;
  outline: none;
}

.conversation-compose .send .circle {
  background: #a60059;
  border-radius: 50%;
  color: #fff;
  position: relative;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.conversation-compose .send .circle i {
  font-size: 24px;
  margin-left: 5px;
}

.cphoto{
width:100%;
}
.red{
color:red; 
}
.comm{
background-color:#fafafa;
border-radius: 10px;
border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
margin-bottom:50px;
}

.spec{
padding: 70px;
width:100%;
border-radius:5px;
color:white;
text-align:center;
}
.space-h{
background-color:#192734;
padding:4px;
border-radius:3px;
}
.space-h .savatar{
height:70px;
width: 70px;
border-radius:3px;
border:1px solid #e12c2c;
}
.space-h .desc{
margin-right:5px;
}
.btns{
float:right;
}
.btns a{
background-color:#e12c2c;
color:white;
border-radius: 3px;
padding:2px;
} body::-webkit-scrollbar{
display: none;
}

</style>