html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/*nomalize*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;}body{margin:0}
a{background-color:transparent}a:active,a:hover{outline-width:0}
b,strong{font-weight:bold}
small, .small{font-size:90%} .smaller{font-size:80%}sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}
code{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{background-color: transparent;border: none;display: inline-block;font-size: inherit !important;}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
/* End normalize */
html,body{background:#fafafa;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
input[type=button], input[type=submit], input[type=reset]{text-decoration: none;cursor: pointer;border: none;}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}

/* Navigation*/
.yc-top,.yc-bottom{background-color:#ffffff;position:fixed;width:100%;border-bottom:1px solid #e7e7e7;z-index:1}.yc-top{top:0}.yc-bottom{bottom:0}
.__flat-li, .mmt-prog-li, .nav, .rongawell, ._flat-nav, ._flat-box{list-style-type:none;margin:0;padding:0;overflow:hidden;will-change:transform;width:100%;} 
.__flat-li li, .mmt-prog-li li, .__flat-li .like_btn, ._flat-nav li, ._flat-box li{float: left;display: inline-block;vertical-align:middle;text-align:center;} 
.__flat-li li a, .__flat-li .like_btn{position:relative;display:block;padding:6px 8px;font-weight:bold;color:#5d6d7e;}
.mmt-prog-li li a{position:relative;display:block;padding:2px;font-weight:bold;color:#5d6d7e;}
.__flat-li li a div{position:relative;display:block;padding:0px;color:#5d6d7e; font-weight: normal;}
._flat-nav li a{position:relative;display:block;margin:1px 2px;} ._flat-nav li a:hover{background: #cbe4f5;color: #000000;}  
.__flat-li li .active{border-bottom: 2px solid #736AFF !important; color: #736AFF !important;}    
.pano {margin-left: 15% !important; margin-right:15% !important;border-bottom: 3px solid #736AFF;color: #000000 !important;}   
.l6{width:16.66666%}.l5{width:19.99999%}.l4{width:24.99999%}.l3 {width: 33.33333%;} .l2{width:49.99999%}
.l1 {width: 100%; padding: 5px; border-bottom: 1px solid #e5e4e2;} .l60{width: 59.99999;float: right !important;}
.l40{width:39.99999%} .l80{width: 79.99999;}
.chosen {border: 2px solid #3BB9FF !important;color: #3BB9FF !important;}
.nav span{float: left;padding-top: 5px; width:33.33333%; display: inline-block; vertical-align: middle; text-align: center; } .nav span a{float: left; width: 50%; display: inline-block; vertical-align: middle; text-align: center; }
.__flat-li li:hover{background: #eeeeee;border-radius: 5px;}
.iconbtn{background-color: #ebeced; text-align: center; padding: 1px 4px; border-radius: 20px; display: inline-block; line-height: 23px; border: 2px solid #ebeced; text-decoration: none; }
.rndbtn{border-radius: 50%;display: flex; justify-content: center;align-items: center; height: 35px;width: 35px; }
.vertical-small-menu {width: 100%; text-align: left; border: 0px; } 
.vertical-small-menu a {background-color: inherit; color: #000000; display: block; padding: 0; text-decoration: none; border-bottom: 0px; } 
.vertical-small-menu a:hover {background-color: #fafafa; } 
.drpdown {border: 1px solid #f7f7f7; font-size: 16px; text-align: center; background: #fafafa; color: #5D6D7E; }
.vertical-menu {width: 100%; text-align: left !important; } 
.vertical-menu a {color: #5d6d7e; display: block; padding: 12px; text-decoration: none; border-bottom: 1px solid #f7f7f7;}
.vertical-menu a:hover, .bloclink:hover {background: #eaf1f8;} 
.yc-u-prof .iconbtn{background-color: #eee; padding: 3px 7px; border-radius: 22px;color: #5d6d7e; } .img-responsive {max-width: 100%; } .rongawell{padding: 5px;}.header-center {width: 100%; max-width: 1100px; margin: auto; }
.cont-centre{display: flex; justify-content: center;align-items: center;}
/*Cards */
.wrdbr{-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 
.item-card {margin: auto; border: 1px solid #e7e7e7;margin-bottom: 5px; } 
.b-top-1 {border-top: 5px solid #3BB9FF; } .ycwbg{background: #ffffff;} .ycgbg{background: #f7f7f7;} 
.unreadbg {background: #eaf1f8;color: #5D6D7E;}
.ycwbg2{background: #fcfcfd;}
.login{width: 100%;max-width: 600px;padding: 5px;margin: 5px auto;}
.disc_dp {overflow:hidden;min-width:100%;max-width: 100%;height:120px;background-color:#5D6D7E;margin: 0px;}.disc_content_fit{height: 50px;}
.yc-flat-card {padding: 0px; border-radius: 10px; margin: 5px; background-color: #fafafa; border: 1px solid #dddfe2; text-align: left; } .yc-flat-card .info{padding: 8px; } .infoheight{height: 65px; } 
.yc-width-75{width: 75% !important; min-width: 75%; max-width: 75%; } .yc-width-550{max-width: 550px;} .yc-border-0{border: none !important;}.yc-border-r-0{border-radius: 0px !important;}.yc-border-r-5{border-radius: 5px;}.yc-border-r-8{border-radius: 8px;}.yc-border-r-16{border-radius: 16px;}
.yc-border-r-32{ border-radius: 32px !important;} .yc-border-r-50{ border-radius: 50% !important;}
.yc-border-r-top-16{border-top-right-radius: 16px !important; border-top-left-radius: 16px !important;}
.yc-flat-card a {padding: 0px !important; display: block !important;}
.yc-flat-card a.navbtn{padding: 2px !important; display: block !important;}
.yc-flat-card a:hover{background: #eaf1f8;color:#5d6d7e !important;}
.yc-adjst .yc-adjst-btn{padding: 0px 10px !important; line-height: 28px; font-size: 90%;}
.__flat-li li::after,.yc-flat-card ._flat-nav li::after {content: ""; clear: both; display: table; } 
.yc-border-blue, .iconbtn:hover{border: 2px solid #3BB9FF;} .yc-border-grey{border: 2px solid #dddfe2;}
/*font sizes*/
.f14{font-size: 14px !important;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px}.f22{font-size:22px;}
.post-footer{width:100%;overflow:hidden;text-align:left;border-bottom:1px solid #eee; }
.topb, .yc-border-top-1 {width: 100%;overflow: hidden; text-align: left; border-top: 1px solid #f1f1f1; } 
.alert-warning{border-left: 5px solid #a94442; color: #a94442; background: #f2dede; padding: 5px; margin-bottom: 5px; border-radius: 5px;} 
.alert-success {padding: 5px; margin-bottom: 5px; color: #5d6d7e; background: #c3f3d7; border-left: 5px solid #2ed573; border-radius: 5px;} 
.coat-grey {padding: 8px; background-color: #f7f7f7; border-bottom: 1px solid #dddfe2; margin: -8px; }
.coat-grey2 {padding: 8px; background-color: #f8f8f8; border-bottom: 1px solid #dddfe2; margin: -8px; }  
.coat-grey3 {padding: 8px; background-color: #fcfcfc; border-bottom: 1px solid #dddfe2; margin: -8px; }
.coat-grey-4 {padding: 8px; background-color: #eeeeee; border-top: 1px solid #dddfe2; margin: -8px; }
.coat-white, .coat-white-2 {padding: 5px; background-color: #ffffff; border-bottom: 1px solid #dddfe2; margin: -8px; }
.coat-white2, .coat-white-3 {padding: 2px; background-color: #ffffff; border-top: 1px solid #dddfe2;}
.yc-line-top {padding: 8px;border-top: 1px solid #dddfe2; margin: -8px; } 
.yc-border-top-r-10{border-top-right-radius: 10px;border-top-left-radius: 10px;} .yc-border-btm-r-10{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.yc-border-top-r-16{border-top-right-radius: 16px;border-top-left-radius: 16px;}
.yc-border-btm-r-16{border-bottom-right-radius: 16px;border-bottom-left-radius: 16px;}
.time {color: #5D6D7E; } .fblue{color: #3BB9FF !important;} .flinks{color: #92badd !important;} .fblack{color: #000000 !important;}
.fgreen{color: #4CAF50;} .fwhite{color: #ffffff !important;} .fwhite-2{color: #f2f2f2;}.redtxt,.fred {color: #DA2C43 !important;} .fpurple{color: #9891ff !important;}
.fdefault{font-weight: normal !important;text-decoration: none !important;}.fitalic{font-style: italic;} .fbold{font-weight: bold;} .funderline{text-decoration: underline;}.fmono{font-family: monospace;}
.fcursive{font-family: cursive;} .resize0{ resize: none !important;} .textdeco, a .textdeco {text-decoration:none !important;}
.bg1{background: #3bb9ff;color: #ffffff !important;} .bg2{background: #488A99;color: #FFFFFF !important;}
.bg3{background: #587e76;color: #ffffff !important;} .bg4{background: #50394c; color: #ffffff !important;} .bg5{background: #681685;color: #ffffff !important;}
.bg6{background: #405d27;color: #ffffff !important;} .bg6{background: #feb236;color: #ffffff !important;} .bg7{background: #d64161;color: #ffffff !important;}
.bg8{background: #878f99;color: #ffffff !important;} .bg9{background: #6b5b95;color: #ffffff !important;} .bg10{background: #36486b;color: #ffffff !important;}
.bg11{background: #82b74b;color: #ffffff !important;} .bg12{background: #3e4444;color: #ffffff !important;} .bg13{background: #034f84;color: #ffffff !important;}
.bg14{background: #f7cac9;color: #ffffff !important;} .bg15{background: #618685;color: #ffffff !important;} .bg16{background: #8d9db6;color: #ffffff !important;}
.bg17{background: #bccad6;color: #000000 !important;} .bg18{background: #92a8d1;color: #000000 !important;} .bg19{background: #c1946a;color: #000000 !important;}
.bg20{background: #e3eaa7;color: #000000 !important;} .bg21{background: #b5e7a0;color: #000000 !important;} .bg22{background: #ee929a;color: #000000 !important;}
.bg23{background: #4040a1;color: #ffffff !important;} .bg24{background: #47786b;color: #ffffff !important;} .bg25{background: #80ced6;color: #000000 !important;}
.postbg{float: left;padding: 2px 4px; margin: 0px 2px 0px; text-align:center; font-size: 16px; border-radius: 5px;}
.yc-game-btn {font-family: Arial, Helvetica, sans-serif;display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; margin: 2px;border: 1px solid #dddfe2; border-radius: 8px;}
.yc-gvs-btn {font-family: Arial, Helvetica, sans-serif;display: inline-block; width: 18px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; font-style: italic;margin: 2px;margin-left: -2px;}
.alert{padding: 1px 3px; border-radius: 8px; font-family: Arial; display: inline-block; }
.tag{padding:1px 2px; font-size: 85%; display: inline-block; border-radius: 0px;border-radius: 15px;}
.navbtn{padding: 3px; border-radius: 15px; display: inline-block;font-weight: bold;} 
.stdbtn{font-weight: bold; text-align: center; padding: 1px 6px; border-radius: 20px; display: inline-block; line-height: 30px; text-decoration: none; } .bigbtn {width: 100%; padding: 12px; border: none; font-weight: bold; border-radius: 8px; margin: 5px 0; display: inline-block; line-height: 20px; text-decoration: none; } 
.coolblue {background: #3BB9FF; color: #ffffff !important; } .success {background-color: #4CAF50; color: #ffffff !important; }
.infor,._active {background-color: #A0CFEC; color: #000000; border: 1px solid #3BB9FF;} 
.purple {background-color: #9891ff; color: #ffffff;} .grey{background-color: #eee; color: #5d6d7e;} .blue {background-color: #cbe4f5; color: #000000; } 
.action {background-color: #ffffff; color: #008CBA; border: 1px solid #008CBA; } 
.other, .yc-fom-bg {background-color: #eee; color: #5d6d7e; border: 1px solid #e5e4e3; }
.yc-clear{background-color:transparent;border: 2px solid #ffffff;} 
.clear {background-color: #ffffff; color: #5d6d7e; border: 1px solid #e5e4e3; }
.redbg {background-color: #FF0000; color: #ffffff;} 
.tsva{background-color: #232B32; color: #f2f2f2 !important;} 
.paginatr {background-color: #fff; color: black; border: 1px solid #e5e4e3; margin: 5px; padding: 3px; border-radius: 15px; } 
.alert:hover, .btn:hover, .yc-form-1:hover, .yc-flat-card a.stdbtn,a.navbtn:hover, .bigbtn:hover, .stdbtn:hover{opacity: 0.8 !important;}
.p314{padding: 3px 14px;} .yc-padding-0{padding: 0px;}.yc-padding-2{padding: 2px;}.yc-padding-8{padding: 8px;} .yc-padding-5{padding: 5px;}
.yc-padding-2rl{padding-left: 2px;padding-right: 2px;}.yc-padding-5rl{padding-left: 5px;padding-right: 5px;}.yc-padding-8rl{padding-left: 8px;padding-right: 8px;}.yc-padding-16rl{padding-left: 16px;padding-right: 16px;}
.yc-padding-32rl{padding-left: 32px !important;padding-right: 32px !important;} .yc-padding-8-0-8{padding: 8px 0px 8px;margin: 0px;}
.yc-padding-16{padding: 16px;}.yc-padding-16tb{padding-top: 16px;padding-bottom: 16px;} .yc-padding-32{padding: 32px !important;}
.yc-margin-0{margin: 0px;} .yc-margin-2{margin: 2px;} .yc-margin-5{margin: 5px;} .yc-margin-5-5{margin: 5px 0px 5px;} .yc-margin-8{margin: 8px;}
.yc-margin-16 {margin: 16px;}.yc-margin--5{margin-top: -5px;} .yc-margin-top-2{margin-top: 2px;} .yc-margin-top--8{margin-top: -8px;} .yc-margin-top-5{margin-top: 5px;} .yc-margin-top-8{margin-top: 8px;} 
.yc-margin-top-16{margin-top: 16px;} .yc-margin-top-32{margin-top: 32px;} 
.yc-margin-neg8{margin: 0px -8px -8px;} .yc-margin-neg5{margin: -5px -5px;}  .yc-margin-left-8 {margin-left: 8px !important; } .yc-margin-left-35 {margin-left: 35px; }.yc-margin-left-45{margin-left: 45px;} 
.yc-margin-right-10{margin-right: 10px;}.yc-margin-right-20{margin-right: 20px;}.yc-margin-right-45{margin-right: 45px;}.yc-margin-left-55{margin-left: 55px;}.yc-margin-left-65{margin-left: 65px;}
.yc-margin-left-85{margin-left: 85px;} .yc-padding-8r{padding-right: 8px;}
.yc-margin-5rl{ margin-left: 5px;margin-right: 5px;}
.yc-margin-left--8{margin-left: -8px;}
.yc-margin-btm-8{margin-bottom: 8px;}.yc-margin-btm-20 {margin-bottom: 20px;} .yc-margin-btm-5{margin-bottom: 5px;}
/*fonts */
.boldgrey {font-weight: bold; color: #5D6D7E; } .boldblue {font-weight: bold; color: #3BB9FF;} .boldgreen {font-weight: bold; color: green; } .boldred {font-weight: bold; color: red; }
.boldpurple {font-weight: bold; color: #9891ff;} .boldblack{font-weight: bold !important; color: #000000 !important;}
.central,.yc-center{text-align: center !important;} .kpleft{text-align: left !important;}.kpright{text-align: right !important;}
.yc-dp-30 {overflow: hidden; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #3BB9FF; } .yc-dp-50 {float: left; width: 50px; height: 50px; } .yc-dp-35 {float: left; width: 35px; height: 35px; } .yc-dp-50 .size20 {max-width: 20px; max-height: 20px; } .yc-dp-50 .nf_badge, div.yc-fix-it .nf_badge{position: relative; top: -20px; left: 23px; margin-right: 0px; }
.yc-pp-50 {overflow: hidden; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #3BB9FF; }
.yc-pp-80 {overflow: hidden; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #3BB9FF; }
.yc-flot-r {float: right; margin: 0; padding: 0; } .yc-flot-l {float: left; margin: 0; padding: 0; }
.yc-form-1{display: block; width: 100%; padding: 8px; text-align: left; overflow: hidden; height: 35px; } .item-list {list-style-type: none; margin: 0; padding: 0; overflow: hidden; color: #5d6d7e; } .item-list li {border-bottom: 1px solid #eee; } .item-list li .title {font-weight: bold; color: inherit; } .item-list li a {display: block; padding: 5px; color: inherit; } .item-list li a:hover,a .rongawell:hover, .rongawell a li:hover{background-color: #eaf1f8; }
.yc-dp-30-badge .nf_badge {position: relative; top: -15px; left: 16px; } .yc-dp-30-badge .size20 {width: 16px; height: 16px; } 
.yc-border-btm-1 {border-bottom: 1px solid #f7f7f7;}
.yc-dp-40 img, .yc-g-img img, .yc-dp-50 img, .yc-pp-50 img, .yc-pp-80 img, .yc-img-55 img, .quoted_msg img, .size35 img, .size60 img, .grp-prof-dp img, .icon40 img, .size120 img, .exp_img img, .yc-dp-18 img, .yc-dp-30 img, .yc-dp-60 img, .yc-dp-25 img, .disc_dp img, .user_profile img {height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } 
.yc-dp-40 {overflow: hidden; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #5d6d7e;} .yc-dp-60 {overflow: hidden; width: 60px; height: 60px; border-radius: 50%; } .img-cover {display: block; margin-left: auto; margin-right: auto; } 
.size120 {
  overflow: hidden;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.size35 {
  float: left;
  overflow: hidden;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #3BB9FF;
}
.size60 {
  overflow: hidden;
  width: 60px;
  height: 60px;
  background: #5D6D7E;
  border-radius: 15px;
}
.yc-dp-25 {
  overflow: hidden;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #3BB9FF;
}
.yc-dp-18 {
  overflow: hidden;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #3BB9FF;
}

.yc-g-img{width:16.66666%;}
.yc-g-img img{border-radius: 3px; border: 1px solid #eee;background: #5d6d7e;}
.yc-g-img img{height: 100px;}
.yc-emoji-img{width:24.99999%;border: 1px solid #fcfcfc;}
.yc-sticker-img{width:19.99999%;border: 1px solid #fcfcfc;max-width: 100%;overflow: hidden;}

.grp-prof-dp {
  float: left;
  overflow: hidden;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #3BB9FF;
  margin-bottom: 5px;
}
.grp-prof-post {
  margin-top: 5px;
  margin-left: 80px;
}

.adjst {
  float: left;
  margin-right: 6px;
}

textarea {
  font: inherit;
  overflow: auto;
}

a {
  color: #92badd;
  text-decoration: none;
  font-weight: 400;
}

*:focus {
  outline: none;
}

#tebo {
  border-collapse: collapse;
  width: 100%;
}

#tebo td,
#tebo th {
  border: 1px solid #e4e4e2;
  padding: 8px;
}

#tebo tr:nth-child(even) {
  background-color: #ffffff;
}

#tebo th {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #EEE;
  color: #5D6D7E;
  text-align: left;
}

#tebostats {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

#tebostats td,
#tebostats th {
  border: 1px solid #e5e4e3;
  padding: 10px;
  width: 50%;
  text-align: center;
}

.logosize, .yc-h-50 {
  height: 50px;
  max-height: 50px;
  width: auto;
}
/*input forms*/

.text-input {
  padding: 12px;
  background: #fcfcfc;
  border: 1px solid #e7e7e7;
  width: 100%;
  border-radius: 3px;
  color: #5D6D7E;
}

.bloc {
  display: block !important;
}

.text-input a {
  color: #5D6D7E;
}

.text-input:focus {
  border-bottom: 2px solid #5fbae9 !important;
}
.vid_cover {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.vid_div{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.input-field {
  display: block;
  width: 100%;
  max-height: 45px;
  padding: 10px 8px;
  text-align: left;
  resize: none;
  overflow: hidden;
  border-radius: 5px;
  color: #5d6d7e;
  border: 1px solid #e7e7e7;
  background: #fcfcfc;
}

.input-field:focus {
  border: 1px solid dodgerblue !important;
}

label {display: block; color: #444; margin-top: 10px; font-weight: bold; }
.radio-select{display: block; color:#5d6d7e; margin-top: -6px; font-weight: normal; width: 100%; padding: 12px; display: inline-block; line-height: 20px; text-decoration: none; border-bottom: 1px solid #f7f7f7; } 
.quoted {background: #fcfcfc; border-left: 2px solid #92badd !important; padding: 3px; border: none; border-radius: 5px; } .quoted_msg {background: #eee; border-left: 2px solid #92badd !important; border-radius: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .quoted_msg img, 
.yc-img-55 img {overflow: hidden; width: 55px; height: 55px; border-radius: 8px; }


/* The yc-rbtn-rap */
.yc-rbtn-rap {
  display: block;
  position: relative;
  padding-left: 25px;
  font-weight: normal;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.yc-rbtn-rap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #A39CFF;
  background-color: inherit;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.yc-rbtn-rap:hover input ~ .checkmark {
  opacity: 0.6;
}

/* When the radio button is checked, add a blue background */
.yc-rbtn-rap input:checked ~ .checkmark {
  background-color: #FFFFFF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.yc-rbtn-rap input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.yc-rbtn-rap .checkmark:after {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #A39CFF;
}
.progress {
  width: 100%;
}
.result-bar {
  height: 7px;
  width: 100%;
  min-width: 8px;
  position: relative;
  background: #A39CFF;
  margin: 8px 0 3px 0;
  border-radius: 30px;
  pointer-events: none;
}

.mmt-prog {
  height: 2px !important;
  width: 98%;
  position: relative;
  border-radius: 30px;
}

.iconstyle {height: 22px; display: inline-block; vertical-align: middle; } .yc-h-25 {height: 25px; display: inline-block; vertical-align: middle; }
.normal {
  font-size: normal;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.truicon {
  position: relative;
  top: 3px;
}

.tagtxt {
  position: relative;
  top: 2px;
}
.theico {
  position: relative;
  top: 0px;
  left: -22px;
  margin-right: -22px;
}

.nf_badge {
  position: relative;
  top: -20px;
  left: 30px;
}

.badges_menu {
  padding: 5px;
}

.badges_menu .nf_badge {
  position: relative;
  top: 2px;
  left: 1px;
  margin-bottom: -4px;
  margin-right: 6px;
}

.snfp {
  padding: 5px;
}

.snfp .nf_badge {
  position: absolute;
  top: 2px;
  left: 1px;
  max-height: 15px;
}

.mod_badge {
  position: relative;
  top: 2px;
  left: 1px;
  max-height: 15px;
}

.badges_menu .size20 {
  min-height: 25px;
  min-width: 25px;
  max-height: 25px;
  max-width: 25px;
}
.profbs .nf_badge {
  position: relative;
  top: 2px;
  left: 1px;
  margin-bottom: -2px;
  margin-right: 0px;
}

.profbs .size20 {
  min-height: 18px;
  min-width: 18px;
  max-height: 18px;
  max-width: 18px;
}
.theicon {
  position: relative;
  top: 3px;
  left: 3px;
  margin-right: 8px;
}

.iconpadded {
  position: relative;
  top: 3px;
  right: 0;
  margin-left: 15px;
}

.thecon {
  position: relative;
  top: 5px;
  left: 3px;
  margin-right: 8px;
}

.emoji_align {
  position: relative;
  top: 5px;
  left: 1px;
}

.size18 {
  height: 18px;
  width: 18px;
}

.size16 {
  height: 16px;
  width: 16px;
}

.size14 {
  height: 14px;
  width: 14px;
  max-height: 14px;
  display: inline-block;
  vertical-align: middle;
}

.size12 {
  height: 12px;
  width: 12px;
  max-height: 12px;
  display: inline-block;
  vertical-align: middle;
}

.size20, div.yc-fix-it .size20 {
  height: 20px;
  width: 20px;
  max-width: 20px;
  max-height: 20px;
}

.size22 {
  height: 22px;
  width: 22px;
  max-width: 22px;
  max-height: 22px;
}

.size23 {
  height: 23px;
  width: 23px;
  max-width: 23px;
  max-height: 23px;
}

.size24 {
  height: 24px;
  width: 24px;
  max-width: 24px;
  max-height: 24px;
}

.img-fitin {
  width: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin: auto;
  border-radius: 15px;
  margin-bottom: 10px;
}

.acl {
  text-align: left;
  display: block;
}

.prof_content {
  padding: 5px;
  color: #5D6D7E;
}

.iconsize {
  width: 18px;
  height: 18px;
}

.icon22 {
  width: 22px;
  height: 22px;
}
.notify {position: relative; border: none; padding: 2px 5px; } 
.nots {position: relative; border: none; padding: 0px; } 
.nots .counter, .notify .counter {position: absolute; top: 0; right: 0; display: inline-block; padding: 2px 6px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #FF0000; color: #FFFFFF; border-radius: 10px; } 
.text_alerts {font-weight: inherit; color: inherit; position: relative; border: none; padding: 2px 5px; } .text_alerts .nums {position: absolute; top: 2px; right: -16px; display: inline-block; padding: 2px 6px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #4CAF50; color: #FFFFFF; border-radius: 10px; } 
.badge {display: inline-block; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle;border-radius: 10px; } .online {height: 7px; width: 7px; background-color: #32CD32; border-radius: 50%; display: inline-block; position: relative; top: -1px; left: 3px; margin-right: 1px; } .has-error {border-color: #a94442 !important; }
div.scrollmenu {overflow: auto; white-space: nowrap; } div.scrollmenu a, div.scrollmenu span {display: inline-block; text-decoration: none; } div.scrollmenu a:hover {opacity: 0.5; } 
div.competer {overflow: hidden; white-space: nowrap; } div.competer a, div.competer span {display: inline-block; text-decoration: none; } div.competer a:hover {opacity: 0.5; } 
.popups{position: relative;padding: 0;margin: 0;}
.popups .dots{position:absolute;top:-2px;right:0px;display:inline-block;padding:5px 5px;line-height: 1;white-space: nowrap;vertical-align: middle;background-color:#FF0000;color:#FFFFFF;border-radius: 50%; } 
.yc-content {text-align: left;}
.yc-content-ryt {
  float: right;
  margin: 0;
  padding: 0;
  margin-left: 5px !important;
}
.rongawell .navs a {
  position: relative;
  display: block;
  padding: 5px;
}

.actual_post {
  margin-top: 15px;
  padding: 5px;
  float: left;
}

.post_content .nf_badge {
  position: relative;
  top: 9px;
  left: -18px;
  margin-right: -22px;
}

.post_content .size20 {
  height: 15px;
  width: 15px;
}

.fontbloc {display: block;color: #000000;}

.yochat {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  left: 0;
  right: 0;
}

.time_left {
  display: block;
  float: left;
  text-align: left;
  width: 100%;
}

.time_right {
  display: block;
  float: right;
  text-align: right;
  width: 100%;
}

.yochat_bubble_sendr {
  float: left;
  display: inline-block;
  margin-bottom: 3px;
  padding: 5px 14px;
  clear: both;
  border-radius: 10px 10px 2px 2px;
  max-width: 85%;
}

.yochat_bubble_sendr a, .yochat_bubble_rcvr a {
  color: inherit;
  text-decoration: underline;
}

.yochat_bubble_rcvr {
  float: right;
  display: inline-block;
  margin-bottom: 3px;
  padding: 12px 14px;
  clear: both;
  border-radius: 10px 10px 2px 2px;
  max-width: 85%;
}

.yochat_bubble_rcvd {
  max-width: 85%;
  background: #3bb9ff;
  color: #ffffff;
  float: right;
  padding: 5px 14px;
  border-radius: 15px;
  border-bottom-right-radius: 0px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.yochat_bubble_rcvd .quoted_msg {
  padding: 3px;
  background: #62C7FF;
  border: none;
  margin-left: -6px;
  margin-right: -6px;
  border-left: 2px solid #5d6d7e !important;
}

.yochat_bubble_rcvd .quoted_msg a,
.yochat_bubble_sent .quoted_msg a {
  text-decoration: none;
}

.yochat_bubble_sent {
  max-width: 85%;
  float: left;
  padding: 5px 10px;
  background: #f2f2f2;
  color: #000;
  border-radius: 15px;
  border-bottom-left-radius: 0px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.yochat_bubble_sent .quoted_msg {
  padding: 3px;
  background: #fcfcfc;
  border: none;
  margin-left: -6px;
  margin-right: -6px;
}

.grp-msg-1 {
  max-width: 95%;
  float: left;
  padding: 8px 8px 0px 5px;
  color: #000;
  border-top-left-radius: 0px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.grp-msgs{
  height: 100% !important;
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
}

.grp-msg-1 .time_right{
  margin-top: -12px;
}

.grp-msg-1 .quoted_msg {
  padding: 3px;
  opacity: 0.8;
  background: #fcfcfc;  
  border: none;
  margin: -8px -6px 2px -5px;
  border-left: 2px solid #5d6d7e !important;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 5px;
  margin-bottom: 0px;
  border-radius: 6px
}

.pagination>li {
  display: inline
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.62;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
  color: #1589ff
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  background-color: #e6e6e6
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  background-color: #175c91;
  border-color: #175c91;
  cursor: default
}

.pagination .disabled>a,
.pagination .disabled>a:hover,
.pagination .disabled>a:focus,
.pagination .disabled>span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
/*responsiveness*/
.app-third,
.app-twothird {
  float: left;
  padding: 0px;
  width: 100%;
}

.app-content {
  margin-left: auto;
  margin-right: auto
}

.app-content {
  max-width: 980px
}

.app-margin-top {
  margin-top: 50px !important
}

.app-footer {
  float: left;
  width: 100%;
}

@media (min-width:601px) {
  .app-third {
    padding: 5px;
    width: 33.33333%
  }
  .app-twothird {
    padding: 5px;
    width: 66.66666%
  }
  ._flat-box .l3 {
    width: 33.33333%;
  }
  .yc-emoji-img{width:24.99999%;border: 1px solid #fcfcfc;}
  .yc-sticker-img{width:19.99999%;border: 1px solid #fcfcfc;}
}

@media screen and (max-width: 600px) {
  div.app-third {
    display: none;
  }
  .yc-g-img{width:19.99999%;}
  .yc-g-img img{height: 100px;}
}

@media screen and (max-width: 425px) {
  .thread-container {
    width: 50%;
  }
  .disc_dp {
    overflow: hidden;
    min-width: 100%;
    height: 100px;
    background-color: #5D6D7E;
  }
  ._flat-box .l3{
    width: 49.99999%;
  }
  .yc-g-img{width:24.99999%;}
  .yc-g-img img{height: 100px;}
  .yc-emoji-img{width:33.33333%;border: 1px solid #fcfcfc;}
  .yc-sticker-img{width:24.99999%;border: 1px solid #fcfcfc;}
}

@media screen and (max-width: 359px) {
  .star-user-container {
    width: 50%;
  }
  .yc-g-img{width:24.99999%;}
  .yc-g-img img{height: 90px;}
  .yc-emoji-img{width:33.33333%;border: 1px solid #fcfcfc;}
  .yc-sticker-img{width:24.99999%;border: 1px solid #fcfcfc;}
}

@media screen and (max-width: 300px) {
  .kuzasi-zasi {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 10px;
    width: 100%;
    position: absolute;
  }
  .yc-g-img{width:33.333333%;}
  .yc-g-img img{height: 80px;}
  .yc-emoji-img{width:24.99999%;border: 1px solid #fcfcfc;}
}


@media screen and (max-width: 200px) {
  .thread-container,
  .star-user-container {
    width: 100%;
    display: block;
  }
  ._flat-box .l3{
    width: 99.99999%;
  }
  .yc-g-img{width:99.99999%;}
  .yc-g-img img{height: 120px;}
  .yc-emoji-img{width:49.99999%;border: 1px solid #fcfcfc;}
  .yc-sticker-img{width:33.33333%;border: 1px solid #fcfcfc;}
}
/* Clear floats */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}