.topic_log {
    background: #d9f2e6;
    color: #0d261a;
}
.uinroom {
    color: #399d1a;
}
.round12 {
    border-radius: 12px;
}
.room_rank {
    height: 14px;
    vertical-align: middle;
}
.round5 {
    border-radius: 5px;
}

.user_stage {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8px;
    font-weight: 600;
    padding: 1px 3px;
    border-radius: 0 25px 25px 25px;
    text-align: center;
}
.av_stage {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8px;
    font-weight: 600;
    padding: 1px 3px;
    border-radius: 0 25px 25px 25px;
    text-align: center;
}
.over_fr_web_img {
    position: absolute;
    z-index: 1;
    left: 0;
    pointer-events: none;
}
.fr_web_img {
    width: 39px;
    top: -7px;
}
.user_item_avatar_frame_web {
    display: table-cell;
    vertical-align: middle;
    width: 38px;
    height: 44px;
    position: relative;
}
.user_item_avatar_frame_web .acav {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
}
 
  .prograd1,
  .pgrad1 {
    background: linear-gradient(to top, #f33, #800000) !important;
    color: #fff !important;
  }
  .prograd2,
  .pgrad2 {
    background: linear-gradient(to top, #f63, #4d1300) !important;
    color: #fff !important;
  }
  .prograd3,
  .pgrad3 {
    background: linear-gradient(to top, #f93, #4d2600) !important;
    color: #fff !important;
  }
  .prograd4,
  .pgrad4 {
    background: linear-gradient(to top, #fc3, #806000) !important;
    color: #fff !important;
  }
  .prograd5,
  .pgrad5 {
    background: linear-gradient(to top, #cc0, #4d4d00) !important;
    color: #fff !important;
  }
  .prograd6,
  .pgrad6 {
    background: linear-gradient(to top, #9c0, #394d00) !important;
    color: #fff !important;
  }
  .prograd7,
  .pgrad7 {
    background: linear-gradient(to top, #59b300, #264d00) !important;
    color: #fff !important;
  }
  .prograd8,
  .pgrad8 {
    background: linear-gradient(to top, #829356, #2b301c) !important;
    color: #fff !important;
  }
  .prograd9,
  .pgrad9 {
    background: linear-gradient(to top, #008000, #001a00) !important;
    color: #fff !important;
  }
  .prograd10,
  .pgrad10 {
    background: linear-gradient(to top, #00e639, #00330d) !important;
    color: #fff !important;
  }
  .prograd11,
  .pgrad11 {
    background: linear-gradient(to top, #00e673, #063) !important;
    color: #fff !important;
  }
  .prograd12,
  .pgrad12 {
    background: linear-gradient(to top, #00e6ac, #004d39) !important;
    color: #fff !important;
  }
  .prograd13,
  .pgrad13 {
    background: linear-gradient(to top, #0cc, #004d4d) !important;
    color: #fff !important;
  }
  .prograd14,
  .pgrad14 {
    background: linear-gradient(to top, #03add8, #013d4b) !important;
    color: #fff !important;
  }
  .prograd15,
  .pgrad15 {
    background: linear-gradient(to top, #36f, #002080) !important;
    color: #fff !important;
  }
  .prograd16,
  .pgrad16 {
    background: linear-gradient(to top, #107896, #073845) !important;
    color: #fff !important;
  }
  .prograd17,
  .pgrad17 {
    background: linear-gradient(to top, #004d99, #66b3ff) !important;
    color: #fff !important;
  }
  .prograd18,
  .pgrad18 {
    background: linear-gradient(to top, #63f, #c6b3ff) !important;
    color: #fff !important;
  }
  .prograd19,
  .pgrad19 {
    background: linear-gradient(to top, #93f, #d9b3ff) !important;
    color: #fff !important;
  }
  .prograd20,
  .pgrad20 {
    background: linear-gradient(to top, #c3f, #ecb3ff) !important;
    color: #fff !important;
  }
  .prograd21,
  .pgrad21 {
    background: linear-gradient(to top, #f3f, #ffb3ff) !important;
    color: #fff !important;
  }
  .prograd22,
  .pgrad22 {
    background: linear-gradient(to top, #f3c, #ff99e6) !important;
    color: #fff !important;
  }
  .prograd23,
  .pgrad23 {
    background: linear-gradient(to top, #f39, #ffb3d9) !important;
    color: #fff !important;
  }
  .prograd24,
  .pgrad24 {
    background: linear-gradient(to top, #f36, #ffb3c6) !important;
    color: #fff !important;
  }
  .prograd25,
  .pgrad25 {
    background: linear-gradient(to top, #40e0d0, #ff8c00, #ff0080) !important;
    color: #fff !important;
  }
  .prograd26,
  .pgrad26 {
    background: linear-gradient(to top, #11998e, #38ef7d) !important;
    color: #fff !important;
  }
  .prograd27,
  .pgrad27 {
    background: linear-gradient(to top, #108dc7, #ef8e38) !important;
    color: #fff !important;
  }
  .prograd28,
  .pgrad28 {
    background: linear-gradient(to top, #fc5c7d, #6a82fb) !important;
    color: #fff !important;
  }
  .prograd29,
  .pgrad29 {
    background: linear-gradient(to top, #fc466b, #3f5efb) !important;
    color: #fff !important;
  }
  .prograd30,
  .pgrad30 {
    background: linear-gradient(to top, #c94b4b, #4b134f) !important;
    color: #fff !important;
  }
  .prograd31,
  .pgrad31 {
    background: linear-gradient(to top, #00f260, #0575e6) !important;
    color: #fff !important;
  }
  .prograd32,
  .pgrad32 {
    background: linear-gradient(to top, #fc4a1a, #f7b733) !important;
    color: #fff !important;
  }
  .prograd33,
  .pgrad33 {
    background: linear-gradient(to top, #22c1c3, #fdbb2d) !important;
    color: #fff !important;
  }
  .prograd34,
  .pgrad34 {
    background: linear-gradient(to top, #7f00ff, #e100ff) !important;
    color: #fff !important;
  }
  .prograd35,
  .pgrad35 {
    background: linear-gradient(to top, #67b26f, #4ca2cd) !important;
    color: #fff !important;
  }
  .prograd36,
  .pgrad36 {
    background: linear-gradient(to top, #ee0979, #ff6a00) !important;
    color: #fff !important;
  }
  .prograd37,
  .pgrad37 {
    background: linear-gradient(to top, #00c3ff, #ffff1c) !important;
    color: #fff !important;
  }
  .prograd38,
  .pgrad38 {
    background: linear-gradient(to top, #fc00ff, #00dbde) !important;
    color: #fff !important;
  }
  .prograd39,
  .pgrad39 {
    background: linear-gradient(to top, #833ab4, #fd1d1d, #fcb045) !important;
    color: #fff !important;
  }
  .prograd40,
  .pgrad40 {
    background: linear-gradient(to top, #43cea2, #185a9d) !important;
    color: #fff !important;
  }
  .prograd41,
  .pgrad41 {
    background: linear-gradient(to top, #bdc3c7, #2c3e50) !important;
    color: #fff !important;
  }
  .prograd42,
  .pgrad42 {
    background: linear-gradient(to top, #373b44, #4286f4) !important;
    color: #fff !important;
  }
  .prograd43,
  .pgrad43 {
    background: linear-gradient(to top, #2980b9, #6dd5fa, #fff) !important;
    color: #fff !important;
  }
  .prograd44,
  .pgrad44 {
    background: linear-gradient(to top, #f09, #493240) !important;
    color: #fff !important;
  }
  .prograd45,
  .pgrad45 {
    background: linear-gradient(to top, #f953c6, #b91d73) !important;
    color: #fff !important;
  }
  .prograd46,
  .pgrad46 {
    background: linear-gradient(to left, #c31432, #240b36) !important;
    color: #fff !important;
  }
  .prograd47,
  .pgrad47 {
    background: linear-gradient(to top, #dd3e54, #6be585) !important;
    color: #fff !important;
  }
  .prograd48,
  .pgrad48 {
    background: linear-gradient(to top, #8360c3, #2ebf91) !important;
    color: #fff !important;
  }
  .prograd49,
  .pgrad49 {
    background: linear-gradient(to top, #544a7d, #ffd452) !important;
    color: #fff !important;
  }
  .prograd50,
  .pgrad50 {
    background: linear-gradient(to top, #009fff, #ec2f4b) !important;
    color: #fff !important;
  }
  .prograd51,
  .pgrad51 {
    background: linear-gradient(to top, #59c173, #a17fe0, #5d26c1) !important;
    color: #fff !important;
  }
  .prograd52,
  .pgrad52 {
    background: linear-gradient(to top, #005aa7, #fffde4) !important;
    color: #fff !important;
  }
  .prograd53,
  .pgrad53 {
    background: linear-gradient(to top, #da4453, #89216b) !important;
    color: #fff !important;
  }
  .prograd54,
  .pgrad54 {
    background: linear-gradient(to top, #ad5389, #3c1053) !important;
    color: #fff !important;
  }
  .prograd55,
  .pgrad55 {
    background: linear-gradient(to top, #a8c0ff, #3f2b96) !important;
    color: #fff !important;
  }
  .prograd56,
  .pgrad56 {
    background: linear-gradient(to top, #333, #dd1818) !important;
    color: #fff !important;
  }
  .prograd57,
  .pgrad57 {
    background: linear-gradient(to top, #108dc7, #ef8e38) !important;
    color: #fff !important;
  }
  .prograd58,
  .pgrad58 {
    background: linear-gradient(to top, #23074d, #cc5333) !important;
    color: #fff !important;
  }
  .prograd59,
  .pgrad59 {
    background: linear-gradient(to top, #fffbd5, #b20a2c) !important;
    color: #fff !important;
  }
  .prograd60,
  .pgrad60 {
    background: linear-gradient(to top, #0f0c29, #302b63, #24243e) !important;
    color: #fff !important;
  }
  .prograd61,
  .pgrad61 {
    background: linear-gradient(to top, #800080, #ffc0cb) !important;
    color: #fff !important;
  }
  .prograd62,
  .pgrad62 {
    background: linear-gradient(to top, #00f260, #0575e6) !important;
    color: #fff !important;
  }
  .prograd63,
  .pgrad63 {
    background: linear-gradient(
      to top,
      #667db6,
      #0082c8,
      #ec38bc,
      #fdeff9
    ) !important;
    color: #fff !important;
  }
  .prograd64,
  .pgrad64 {
    background: linear-gradient(to top, #e1eec3, #f05053) !important;
    color: #fff !important;
  }
  .prograd65,
  .pgrad65 {
    background: linear-gradient(
      to top,
      #03001e,
      #7303c0,
      #ec38bc,
      #fdeff9
    ) !important;
    color: #fff !important;
  }
  .prograd66,
  .pgrad66 {
    background: linear-gradient(to top, #1a2a6c, #b21f1f, #fdbb2d) !important;
    color: #fff !important;
  }
  .prograd67,
  .pgrad67 {
    background: linear-gradient(to top, #000, #0f9b0f) !important;
    color: #fff !important;
  }
  .prograd68,
  .pgrad68 {
    background: linear-gradient(to top, #36d1dc, #5b86e5) !important;
    color: #fff !important;
  }
  .prograd69,
  .pgrad69 {
    background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b) !important;
    color: #fff !important;
  }
  .prograd70,
  .pgrad70 {
    background: linear-gradient(to top, #283c86, #45a247) !important;
    color: #fff !important;
  }
  .prograd71,
  .pgrad71 {
    background: linear-gradient(to top, #ef3b36, #fff) !important;
    color: #fff !important;
  }
  .prograd72,
  .pgrad72 {
    background: linear-gradient(to top, #159957, #155799) !important;
    color: #fff !important;
  }
  .prograd73,
  .pgrad73 {
    background: linear-gradient(to top, #000046, #1cb5e0) !important;
    color: #fff !important;
  }
  .prograd74,
  .pgrad74 {
    background: linear-gradient(to top, #56ccf2, #2f80ed) !important;
    color: #fff !important;
  }
  .prograd75,
  .pgrad75 {
    background: linear-gradient(to top, #eb5757, #000) !important;
    color: #fff !important;
  }
  .prograd76,
  .pgrad76 {
    background: linear-gradient(to top, #20002c, #cbb4d4) !important;
    color: #fff !important;
  }
  .prograd77,
  .pgrad77 {
    background: linear-gradient(to top, #34e89e, #0f3443) !important;
    color: #fff !important;
  }
  .prograd78,
  .pgrad78 {
    background: linear-gradient(to top, #bdc3c7, #2c3e50) !important;
    color: #fff !important;
  }
  .prograd79,
  .pgrad79 {
    background: linear-gradient(to top, #a80077, #6f0) !important;
    color: #fff !important;
  }
  .prograd80,
  .pgrad80 {
    background: linear-gradient(to top, #000, #656565) !important;
    color: #fff !important;
  }
  .prograd81,
  .pgrad81 {
      background: linear-gradient(to top, #012832, #012832) !important;
      color: #fff !important;
  }
  .shgrad1,
  .shback1 {
    box-shadow: #422f99 0 0 20px !important;
    border: 1px solid #422f99 !important;
  }
  .shgrad2,
  .shback2 {
    box-shadow: #a80077 0 0 20px !important;
    border: 1px solid #a80077 !important;
  }
  .shgrad3,
  .shback3 {
    box-shadow: #000 0 0 20px !important;
    border: 1px solid #000 !important;
  }
  .shgrad4,
  .shback4 {
    box-shadow: #4d3e3e 0 0 20px !important;
    border: 1px solid #4d3e3e !important;
  }
  .shgrad5,
  .shback5 {
    box-shadow: #142850 0 0 20px !important;
    border: 1px solid #142850 !important;
  }
  .shgrad6,
  .shback6 {
    box-shadow: #00909e 0 0 20px !important;
    border: 1px solid #00909e !important;
  }
  .shgrad7,
  .shback7 {
    box-shadow: #dae1e7 0 0 20px !important;
    border: 1px solid #dae1e7 !important;
  }
  .shgrad8,
  .shback8 {
    box-shadow: #ffe0ac 0 0 20px !important;
    border: 1px solid #ffe0ac !important;
  }
  .shgrad9,
  .shback9 {
    box-shadow: #888 0 0 20px !important;
    border: 1px solid #888 !important;
  }
  .shgrad10,
  .shback10 {
    box-shadow: #120136 0 0 20px !important;
    border: 1px solid #120136 !important;
  }
  .shgrad11,
  .shback11 {
    box-shadow: #f6f578 0 0 20px !important;
    border: 1px solid #f6f578 !important;
  }
  .shgrad12,
  .shback12 {
    box-shadow: #862a5c 0 0 20px !important;
    border: 1px solid #862a5c !important;
  }
  .shgrad13,
  .shback13 {
    box-shadow: #eaac9d 0 0 20px !important;
    border: 1px solid #eaac9d !important;
  }
  .shgrad14,
  .shback14 {
    box-shadow: #06623b 0 0 20px !important;
    border: 1px solid #06623b !important;
  }
  .shgrad15,
  .shback15 {
    box-shadow: #f79071 0 0 20px !important;
    border: 1px solid #f79071 !important;
  }
  .shgrad16,
  .shback16 {
    box-shadow: #f6acc8 0 0 20px !important;
    border: 1px solid #f6acc8 !important;
  }
  .shgrad17,
  .shback17 {
    box-shadow: #af8baf 0 0 20px !important;
    border: 1px solid #af8baf !important;
  }
  .shgrad18,
  .shback18 {
    box-shadow: #584153 0 0 20px !important;
    border: 1px solid #584153 !important;
  }
  .shgrad19,
  .shback19 {
    box-shadow: #c1a57b 0 0 20px !important;
    border: 1px solid #c1a57b !important;
  }
  .shgrad20,
  .shback20 {
    box-shadow: #2c003e 0 0 20px !important;
    border: 1px solid #2c003e !important;
  }
  .shgrad21,
  .shback21 {
    box-shadow: #43d8c9 0 0 20px !important;
    border: 1px solid #43d8c9 !important;
  }
  .shgrad22,
  .shback22 {
    box-shadow: #95389e 0 0 20px !important;
    border: 1px solid #95389e !important;
  }
  .shgrad23,
  .shback23 {
    box-shadow: #0779e4 0 0 20px !important;
    border: 1px solid #0779e4 !important;
  }
  .shgrad24,
  .shback24 {
    box-shadow: #d8345f 0 0 20px !important;
    border: 1px solid #d8345f !important;
  }
  .shgrad25,
  .shback25 {
    box-shadow: #c70039 0 0 20px !important;
    border: 1px solid #c70039 !important;
  }
  .shgrad26,
  .shback26 {
    box-shadow: #ff5733 0 0 20px !important;
    border: 1px solid #ff5733 !important;
  }
  .shgrad27,
  .shback27 {
    box-shadow: #8566aa 0 0 20px !important;
    border: 1px solid #8566aa !important;
  }
  .shgrad28,
  .shback28 {
    box-shadow: #6983aa 0 0 20px !important;
    border: 1px solid #6983aa !important;
  }
  .shgrad29,
  .shback29 {
    box-shadow: #f8e1f4 0 0 20px !important;
    border: 1px solid #f8e1f4 !important;
  }
  .shgrad30,
  .shback30 {
    box-shadow: #97e5ef 0 0 20px !important;
    border: 1px solid #97e5ef !important;
  }
  .shgrad31,
  .shback31 {
    box-shadow: #b9ebcc 0 0 20px !important;
    border: 1px solid #b9ebcc !important;
  }
  .shgrad32,
  .shback32 {
    box-shadow: #5a3f11 0 0 20px !important;
    border: 1px solid #5a3f11 !important;
  }
  .shgrad33,
  .shback33 {
    box-shadow: #9c5518 0 0 20px !important;
    border: 1px solid #9c5518 !important;
  }
  .shgrad34,
  .shback34 {
    box-shadow: #ffb385 0 0 20px !important;
    border: 1px solid #ffb385 !important;
  }
  .shgrad35,
  .shback35 {
    box-shadow: #698474 0 0 20px !important;
    border: 1px solid #698474 !important;
  }
  .shgrad36,
  .shback36 {
    box-shadow: #de7119 0 0 20px !important;
    border: 1px solid #de7119 !important;
  }
  .shgrad37,
  .shback37 {
    box-shadow: #204051 0 0 20px !important;
    border: 1px solid #204051 !important;
  }
  .shgrad38,
  .shback38 {
    box-shadow: #3b6978 0 0 20px !important;
    border: 1px solid #3b6978 !important;
  }
  .shgrad39,
  .shback39 {
    box-shadow: #f76a8c 0 0 20px !important;
    border: 1px solid #f76a8c !important;
  }
  .shgrad40,
  .shback40 {
    box-shadow: #fbcffc 0 0 20px !important;
    border: 1px solid #fbcffc !important;
  }
  .shgrad41,
  .shback40 {
    box-shadow: #be79df 0 0 20px !important;
    border: 1px solid #be79df !important;
  }
  .shgrad42,
  .shback40 {
    box-shadow: #cff1ef 0 0 20px !important;
    border: 1px solid #cff1ef !important;
  }
  .shgrad43,
  .shback40 {
    box-shadow: #ffd1bd 0 0 20px !important;
    border: 1px solid #ffd1bd !important;
  }
  .shgrad44,
  .shback40 {
    box-shadow: #9dc6a7 0 0 20px !important;
    border: 1px solid #9dc6a7 !important;
  }
  .shgrad45,
  .shback40 {
    box-shadow: #323232 0 0 20px !important;
    border: 1px solid #323232 !important;
  }
  .proshade1,
  .pshade1 {
    background: linear-gradient(to top, #f33, #800000) !important;
    box-shadow: #ff4000 0 0 20px;
    border: 2px solid #ff4000 !important;
  }
  .proshade2,
  .pshade2 {
    background: linear-gradient(to top, #f63, #4d1300) !important;
    box-shadow: #ff4e00 0 0 20px;
    border: 2px solid #de5b21 !important;
  }
  .proshade3,
  .pshade3 {
    background: linear-gradient(to top, #f93, #4d2600) !important;
    box-shadow: #ff7f00 0 0 20px;
    border: 2px solid #ff952f !important;
  }
  .proshade4,
  .pshade4 {
    background: linear-gradient(to top, #fc3, #806000) !important;
    box-shadow: #ffbf00 0 0 20px;
    border: 2px solid #ffbf00 !important;
  }
  .proshade5,
  .pshade5 {
    background: linear-gradient(to top, #cc0, #4d4d00) !important;
    box-shadow: #ff0 0 0 20px;
    border: 2px solid #ffff00 !important;
  }
  .proshade6,
  .pshade6 {
    background: linear-gradient(to top, #9c0, #394d00) !important;
    box-shadow: #bfff00 0 0 20px;
    border: 2px solid #bde843 !important;
  }
  .proshade7,
  .pshade7 {
    background: linear-gradient(to top, #59b300, #264d00) !important;
    box-shadow: #7fff00 0 0 20px;
    border: 2px solid #afff61 !important;
  }
  .proshade8,
  .pshade8 {
    background: linear-gradient(to top, #829356, #2b301c) !important;
    box-shadow: #b8ff00 0 0 20px;
    border: 2px solid #aad627 !important;
  }
  .proshade9,
  .pshade9 {
    background: linear-gradient(to top, #008000, #001a00) !important;
    box-shadow: #29cc29 0 0 20px;
    border: 2px solid #009e00 !important;
  }
  .proshade10,
  .pshade10 {
    background: linear-gradient(to top, #00e639, #00330d) !important;
    box-shadow: #00e639 0 0 20px;
    border: 2px solid #00ff41 !important;
  }
  .proshade11,
  .pshade11 {
    background: linear-gradient(to top, #00e673, #063) !important;
    box-shadow: #68ffb4 0 0 20px;
    border: 2px solid #9affcd !important;
  }
  .proshade12,
  .pshade12 {
    background: linear-gradient(to top, #00e6ac, #004d39) !important;
    box-shadow: #76ffdd 0 0 20px;
    border: 2px solid #00ffbd !important;
  }
  .proshade13,
  .pshade13 {
    background: linear-gradient(to top, #0cc, #004d4d) !important;
    box-shadow: #1bffff 0 0 20px;
    border: 2px solid #8effff !important;
  }
  .proshade14,
  .pshade14 {
    background: linear-gradient(to top, #03add8, #013d4b) !important;
    box-shadow: #43d9ff 0 0 20px;
    border: 2px solid #00cfff !important;
  }
  .proshade15,
  .pshade15 {
    background: linear-gradient(to top, #36f, #002080) !important;
    box-shadow: #0040ff 0 0 20px;
    border: 2px solid #002080 !important;
  }
  .proshade16,
  .pshade16 {
    background: linear-gradient(to top, #107896, #073845) !important;
    box-shadow: #84ddf6 0 0 20px;
    border: 2px solid #00caff !important;
  }
  .proshade17,
  .pshade17 {
    background: linear-gradient(to top, #004d99, #66b3ff) !important;
    box-shadow: #4d9dec 0 0 20px;
    border: 2px solid #66b3ff !important;
  }
  .proshade18,
  .pshade18 {
    background: linear-gradient(to top, #63f, #c6b3ff) !important;
    box-shadow: #c5b3ff 0 0 20px;
    border: 2px solid #bba4ff !important;
  }
  .proshade19,
  .pshade19 {
    background: linear-gradient(to top, #93f, #d9b3ff) !important;
    box-shadow: #cda7f2 0 0 20px;
    border: 2px solid #cb96ff !important;
  }
  .proshade20,
  .pshade20 {
    background: linear-gradient(to top, #c3f, #ecb3ff) !important;
    box-shadow: #f2cbff 0 0 20px;
    border: 2px solid #c192d0 !important;
  }
  .proshade21,
  .pshade21 {
    background: linear-gradient(to top, #f3f, #ffb3ff) !important;
    box-shadow: #ffbdf5 0 0 20px;
    border: 2px solid #ff82f4 !important;
  }
  .proshade22,
  .pshade22 {
    background: linear-gradient(to top, #f3c, #ff99e6) !important;
    box-shadow: #ff82e0 0 0 20px;
    border: 2px solid #ff7cff !important;
  }
  .proshade23,
  .pshade23 {
    background: linear-gradient(to top, #f39, #ffb3d9) !important;
    box-shadow: #ffa7d3 0 0 20px;
    border: 2px solid #f287bd !important;
  }
  .proshade24,
  .pshade24 {
    background: linear-gradient(to top, #f36, #ffb3c6) !important;
    box-shadow: #ee8ea6 0 0 20px;
    border: 2px solid #ca748a !important;
  }
  .proshade25,
  .pshade25 {
    background: linear-gradient(to top, #40e0d0, #ff8c00, #ff0080) !important;
    box-shadow: #ffa26f 0 0 20px;
    border: 2px solid #ff8c00 !important;
  }
  .proshade26,
  .pshade26 {
    background: linear-gradient(to top, #11998e, #38ef7d) !important;
    box-shadow: #9bff7a 0 0 20px;
    border: 2px solid #38ef7d !important;
  }
  .proshade27,
  .pshade27 {
    background: linear-gradient(to top, #108dc7, #ef8e38) !important;
    box-shadow: #fff589 0 0 20px;
    border: 2px solid #ef8e38 !important;
  }
  .proshade28,
  .pshade28 {
    background: linear-gradient(to top, #fc5c7d, #6a82fb) !important;
    box-shadow: #889cff 0 0 20px;
    border: 2px solid #ed5cfc !important;
  }
  .proshade29,
  .pshade29 {
    background: linear-gradient(to top, #fc466b, #3f5efb) !important;
    box-shadow: #ff60d2 0 0 20px;
    border: 2px solid #ff75ff !important;
  }
  .proshade30,
  .pshade30 {
    background: linear-gradient(to top, #c94b4b, #4b134f) !important;
    box-shadow: #e68e5e 0 0 20px;
    border: 2px solid #c94b4b !important;
  }
  .proshade31,
  .pshade31 {
    background: linear-gradient(to top, #00f260, #0575e6) !important;
    box-shadow: #00f260 0 0 20px;
    border: 2px solid #3fe605 !important;
  }
  .proshade32,
  .pshade32 {
    background: linear-gradient(to top, #fc4a1a, #f7b733) !important;
    box-shadow: #ffab59 0 0 20px;
    border: 2px solid #f7b733 !important;
  }
  .proshade33,
  .pshade33 {
    background: linear-gradient(to top, #22c1c3, #fdbb2d) !important;
    box-shadow: #eaffa6 0 0 20px;
    border: 2px solid #afc043 !important;
  }
  .proshade34,
  .pshade34 {
    background: linear-gradient(to top, #7f00ff, #e100ff) !important;
    box-shadow: #ff8be9 0 0 20px;
    border: 2px solid #e100ff !important;
  }
  .proshade35,
  .pshade35 {
    background: linear-gradient(to top, #67b26f, #4ca2cd) !important;
    box-shadow: #b7ffc0 0 0 20px;
    border: 2px solid #4ccd67 !important;
  }
  .proshade36,
  .pshade36 {
    background: linear-gradient(to top, #ee0979, #ff6a00) !important;
    box-shadow: #ff52a7 0 0 20px;
    border: 2px solid #ff6a00 !important;
  }
  .proshade37,
  .pshade37 {
    background: linear-gradient(to top, #00c3ff, #ffff1c) !important;
    box-shadow: #e2ff98 0 0 20px;
    border: 2px solid #ffff1c !important;
  }
  .proshade38,
  .pshade38 {
    background: linear-gradient(to top, #fc00ff, #00dbde) !important;
    box-shadow: #9de7ff 0 0 20px;
    border: 2px solid #00dbde !important;
  }
  .proshade39,
  .pshade39 {
    background: linear-gradient(to top, #833ab4, #fd1d1d, #fcb045) !important;
    box-shadow: #ee844a 0 0 20px;
    border: 2px solid #b4593a !important;
  }
  .proshade40,
  .pshade40 {
    background: linear-gradient(to top, #43cea2, #185a9d) !important;
    box-shadow: #61efff 0 0 20px;
    border: 2px solid #94ebff !important;
  }
  .proshade41,
  .pshade41 {
    background: linear-gradient(to top, #bdc3c7, #2c3e50) !important;
    box-shadow: #bdc3c7 0 0 20px;
    border: 2px solid #d6d6d6 !important;
  }
  .proshade42,
  .pshade42 {
    background: linear-gradient(to top, #373b44, #4286f4) !important;
    box-shadow: #9fbdff 0 0 20px;
    border: 2px solid #4286f4 !important;
  }
  .proshade43,
  .pshade43 {
    background: linear-gradient(to top, #2980b9, #6dd5fa, #fff) !important;
    box-shadow: #a1daff 0 0 20px;
    border: 2px solid #75d7fa !important;
  }
  .proshade44,
  .pshade44 {
    background: linear-gradient(to top, #f09, #493240) !important;
    box-shadow: #f09 0 0 20px;
    border: 2px solid #ff42b5 !important;
  }
  .proshade45,
  .pshade45 {
    background: linear-gradient(to top, #f953c6, #b91d73) !important;
    box-shadow: #f953c6 0 0 20px;
    border: 2px solid #b91d73 !important;
  }
  .proshade46,
  .pshade46 {
    background: linear-gradient(to left, #c31432, #240b36) !important;
    box-shadow: #ff002c 0 0 20px;
    border: 2px solid #c31432 !important;
  }
  .proshade47,
  .pshade47 {
    background: linear-gradient(to top, #dd3e54, #6be585) !important;
    box-shadow: #5fff64 0 0 20px;
    border: 2px solid #6be585 !important;
  }
  .proshade48,
  .pshade48 {
    background: linear-gradient(to top, #8360c3, #2ebf91) !important;
    box-shadow: #bcefff 0 0 20px;
    border: 2px solid #5fc4ff !important;
  }
  .proshade49,
  .pshade49 {
    background: linear-gradient(to top, #544a7d, #ffd452) !important;
    box-shadow: #f4cd55 0 0 20px;
    border: 2px solid #ffd452 !important;
  }
  .proshade50,
  .pshade50 {
    background: linear-gradient(to top, #009fff, #ec2f4b) !important;
    box-shadow: #e280ff 0 0 20px;
    border: 2px solid #52bfff !important;
  }
  .proshade51,
  .pshade51 {
    background: linear-gradient(to top, #59c173, #a17fe0, #5d26c1) !important;
    box-shadow: #59c173 0 0 20px;
    border: 2px solid #a17fe0 !important;
  }
  .proshade52,
  .pshade52 {
    background: linear-gradient(to top, #005aa7, #fffde4) !important;
    box-shadow: #005aa7 0 0 20px;
    border: 2px solid #fffde4 !important;
  }
  .proshade53,
  .pshade53 {
    background: linear-gradient(to top, #da4453, #89216b) !important;
    box-shadow: #da4453 0 0 20px;
    border: 2px solid #89216b !important;
  }
  .proshade54,
  .pshade54 {
    background: linear-gradient(to top, #ad5389, #3c1053) !important;
    box-shadow: #ad5389 0 0 20px;
    border: 2px solid #3c1053 !important;
  }
  .proshade55,
  .pshade55 {
    background: linear-gradient(to top, #a8c0ff, #3f2b96) !important;
    box-shadow: #a8c0ff 0 0 20px;
    border: 2px solid #3f2b96 !important;
  }
  .proshade56,
  .pshade56 {
    background: linear-gradient(to top, #333, #dd1818) !important;
    box-shadow: #333 0 0 20px;
    border: 2px solid #4d1300 !important;
  }
  .proshade57,
  .pshade57 {
    background: linear-gradient(to top, #108dc7, #ef8e38) !important;
    box-shadow: #f63 0 0 20px;
    border: 2px solid #ef8e38 !important;
  }
  .proshade58,
  .pshade58 {
    background: linear-gradient(to top, #23074d, #cc5333) !important;
    box-shadow: #23074d 0 0 20px;
    border: 2px solid #cc5333 !important;
  }
  .proshade59,
  .pshade59 {
    background: linear-gradient(to top, #fffbd5, #b20a2c) !important;
    box-shadow: #fffbd5 0 0 20px;
    border: 2px solid #b20a2c !important;
  }
  .proshade60,
  .pshade60 {
    background: linear-gradient(to top, #0f0c29, #302b63, #24243e) !important;
    box-shadow: #302b63 0 0 20px;
    border: 2px solid #0f0c29 !important;
  }
  .proshade61,
  .pshade61 {
    background: linear-gradient(to top, #800080, #ffc0cb) !important;
    box-shadow: #800080 0 0 20px;
    border: 2px solid #ffc0cb !important;
  }
  .proshade62,
  .pshade62 {
    background: linear-gradient(to top, #00f260, #0575e6) !important;
    box-shadow: #00f260 0 0 20px;
    border: 2px solid #0575e6 !important;
  }
  .proshade63,
  .pshade63 {
    background: linear-gradient(
      to top,
      #667db6,
      #0082c8,
      #ec38bc,
      #fdeff9
    ) !important;
    box-shadow: #0082c8 0 0 20px;
    border: 2px solid #fdeff9 !important;
  }
  .proshade64,
  .pshade64 {
    background: linear-gradient(to top, #e1eec3, #f05053) !important;
    box-shadow: #e1eec3 0 0 20px;
    border: 2px solid #f05053 !important;
  }
  .proshade65,
  .pshade65 {
    background: linear-gradient(
      to top,
      #03001e,
      #7303c0,
      #ec38bc,
      #fdeff9
    ) !important;
    box-shadow: #03001e 0 0 20px;
    border: 2px solid #fdeff9 !important;
  }
  .proshade66,
  .pshade66 {
    background: linear-gradient(to top, #1a2a6c, #b21f1f, #fdbb2d) !important;
    box-shadow: #1a2a6c 0 0 20px;
    border: 2px solid #fdbb2d !important;
  }
  .proshade67,
  .pshade67 {
    background: linear-gradient(to top, #000, #0f9b0f) !important;
    box-shadow: #0f9b0f 0 0 20px;
    border: 2px solid #000 !important;
  }
  .proshade68,
  .pshade68 {
    background: linear-gradient(to top, #36d1dc, #5b86e5) !important;
    box-shadow: #36d1dc 0 0 20px;
    border: 2px solid #5b86e5 !important;
  }
  .proshade69,
  .pshade69 {
    background: linear-gradient(to top, #3a1c71, #d76d77, #ffaf7b) !important;
    box-shadow: #d76d77 0 0 20px;
    border: 2px solid #3a1c71 !important;
  }
  .proshade70,
  .pshade70 {
    background: linear-gradient(to top, #283c86, #45a247) !important;
    box-shadow: #283c86 0 0 20px;
    border: 2px solid #45a247 !important;
  }
  .proshade71,
  .pshade71 {
    background: linear-gradient(to top, #ef3b36, #fff) !important;
    box-shadow: #ef3b36 0 0 20px;
    border: 2px solid #fff !important;
  }
  .proshade72,
  .pshade72 {
    background: linear-gradient(to top, #159957, #155799) !important;
    box-shadow: #159957 0 0 20px;
    border: 2px solid #155799 !important;
  }
  .proshade73,
  .pshade73 {
    background: linear-gradient(to top, #000046, #1cb5e0) !important;
    box-shadow: #000046 0 0 20px;
    border: 2px solid #1cb5e0 !important;
  }
  .proshade74,
  .pshade74 {
    background: linear-gradient(to top, #56ccf2, #2f80ed) !important;
    box-shadow: #56ccf2 0 0 20px;
    border: 2px solid #2f80ed !important;
  }
  .proshade75,
  .pshade75 {
    background: linear-gradient(to top, #eb5757, #000) !important;
    box-shadow: #000 0 0 20px;
    border: 2px solid #eb5757 !important;
  }
  .proshade76,
  .pshade76 {
    background: linear-gradient(to top, #20002c, #cbb4d4) !important;
    box-shadow: #20002c 0 0 20px;
    border: 2px solid #cbb4d4 !important;
  }
  .proshade77,
  .pshade77 {
    background: linear-gradient(to top, #34e89e, #0f3443) !important;
    box-shadow: #34e89e 0 0 20px;
    border: 2px solid #0f3443 !important;
  }
  .proshade78,
  .pshade78 {
    background: linear-gradient(to top, #bdc3c7, #2c3e50) !important;
    box-shadow: #bdc3c7 0 0 20px;
    border: 2px solid #2c3e50 !important;
  }
  .proshade79,
  .pshade79 {
    background: linear-gradient(to top, #a80077, #6f0) !important;
    box-shadow: #a80077 0 0 20px;
    border: 2px solid #6f0 !important;
  }
  .proshade80,
  .pshade80 {
    background: linear-gradient(to top, #000, #656565) !important;
    box-shadow: #000 0 0 20px;
    border: 2px solid #656565 !important;
  }
  #chat_right_data {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%;
  }
.border_bottom, .panel_bar, .listing_element, .post_element, .list_element, .user_item, .ulist_item, .box_title {
    border-bottom: 1px solid #ededed;
}
.aclist:first-child, .avitem:first-child, .background_reply:first-child, .elem_in:first-child, .list_element:first-child, .listing_element:first-child, .page_drop_item:first-child, .panel_list:first-child, .post_element:first-child, .status_option:first-child, .sub_list:first-child, .sub_list_item:first-child, .sub_menu_item:first-child, .ulist_item:first-child {
  border-top: none !important;
}
.onAndOffSwitch {
  display: table;
  padding: 2px;
  border-radius: 100px;
}
.post_pin { cursor: pointer;
    width: 40px;
    font-size: 15px;
    position: relative; }
.post_pin img { width:20px; height:20px; }
.sendfile{z-index: 99999;position: absolute;background: rgba(0, 0, 0, .5);width: 100%;height: 75px;bottom: 0px;}
.sendr{right: 10px;bottom: 15px;position: absolute;font-size: 16px;}
.sendl{left: 10px;bottom: 15px;position: absolute;font-size: 16px;}
.color_switch {
    float: left;
    width: 12%;
    margin: 0.25%;
    position: relative;
    min-height: 40px;
    text-align: center;
}
.user_item {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 15px;
    margin-bottom: 3px;
    border-bottom: 1px solid #b5b3b3;
}