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:#10171E;color: #d3d6df;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{background-color:#2b3d50;position:fixed;width:100%;border-bottom:1px solid #1e2c3c;z-index:999;top:0}
.__flat-li, .nav, .rongawell, ._flat-nav, ._flat-box, ._stars_{list-style-type:none;margin:0;padding:0;overflow:hidden;will-change:transform;width:100%;}
.__flat-li li, .__flat-li .like_btn, ._flat-nav li, ._flat-box li, ._stars_ 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:#EEEEEE;}
.__flat-li li a div{position:relative;display:block;padding:0px;color:#EEEEEE; font-weight: normal;}
._flat-nav li a{position:relative;display:block;margin:1px 2px;} .__flat-li li a:hover, ._flat-nav li a:hover, ._stars_ li a:hover{opacity: 0.6;}
.__flat-li li:hover, .__flat-li li a:hover{background:#1e2c3c;border-radius: 5px;}
/*active links*/
.active{border-bottom: 2px solid #736AFF !important; color: #736AFF !important;}
.pano{margin-left: 5% !important; margin-right:5% !important;border-bottom: 3px solid #3bb9ff;color: #3bb9ff !important;}
.thistab{border-radius: 5px; background-color: #c7deff;color: #0569fd !important;}
/*buttons*/
.iconbtn{text-align: center; padding: 1px 4px; border-radius: 20px; display: inline-block; line-height: 20px;text-decoration: none;}
.yc-border-blue, .iconbtn:hover{opacity: 0.7;}
.rndbtn {border-radius: 50%;display: flex; justify-content: center;align-items: center; height: 35px;width: 35px;}
.drpdown {font-size: 16px; text-align: center;}
.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;}
.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; }
.btngrp {background-color: #2b3d50; padding: 2px; cursor: pointer; display: inline-block; border-radius: 8px; font-weight: bold; }
.urlgrp {padding: 0px; cursor: pointer; display: inline-block; border-radius: 8px; font-weight: bold; }
.btngrp a, .urlgrp a{color: #EEEEEE; border-radius: 5px; padding: 4px 12px; float: left; }
.btngrp a:hover {background-color: #15202B !important;color: #ffffff !important;} .urlgrp a:hover {opacity: 0.6}
.alert-warning{margin: 0px 0px 5px 0px;padding: 5px 5px 5px 20px;border-left: 5px solid #a94442; color: #a94442; background: #f2dede; border-radius: 5px;}
.alert-success {padding: 5px; margin-bottom: 5px; color: #5d6d7e; background: #c3f3d7; border-left: 5px solid #2ed573; border-radius: 5px;}
.form-1{display: block; width: 100%; padding: 8px; text-align: left; overflow: hidden; height: 35px; }
/*lists & aligns*/
.vertical-menu {width: 100%; text-align: left !important; }
.vertical-menu a {color: #EEEEEE; display: block; padding: 12px; text-decoration: none; border-bottom: 1px solid #1b2a38;}
.vertical-menu a:hover, .bloclink:hover {background: #1d2d3c;}
.align-centre{display: flex; justify-content: center;align-items: center;}
.central{text-align: center !important;} .kpleft{text-align: left !important;}.kpright{text-align: right !important;}
.yc-flot-r {float: right; margin: 0; padding: 0; } .yc-flot-l {float: left; margin: 0; padding: 0; }
.item-list {list-style-type: none; margin: 0; padding: 0; overflow: hidden; color: #EEEEEE; }
.item-list li {border-bottom: 1px solid #10171E; } .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: #1d2d3c; }
.list {list-style: none;margin-left: 1em;counter-reset: line;}
.list > li {position: relative;margin-bottom: 1.5em;}
.list > li:before {position: absolute; left: -2.25em; display: inline-block; width: 22px; height: 22px; margin-right: 0.5em; background-color: #115c84; border-radius: 50%; color: #fff; text-align: center; line-height: 1.25em; counter-increment: line; content: counter(line); }
/*width & Height*/
.w-1100{width: 100%;max-width: 1100px;margin: 0 auto;}
.w-550{max-width: 550px;}
.max-95{width: 95% !important; min-width: 95%; max-width: 95%; }
.w-75{width: 75% !important; min-width: 75%; max-width: 75%; }
.max-w100{width: 100%;max-width: 100% !important;}
.max-w300{max-width: 300px; width: 100%;}
.max-h125 img{max-height: 125px; max-width: 100%;}
.h-30{height: 30px; max-height: 30px;}
.h-50{height: 50px; max-height: 50px;}
.rongawell{padding: 5px;}
.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 #1e2c3c;}
.l30{width:29.99999%} .l40{width:39.99999%} .l60{width: 59.99999%;} .l80{width: 79.99999;}
.media{max-width: 100%;}
/*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 #1e2c3c;margin-bottom: 5px;}
.post-card {margin: auto; border: 1px solid #1e2c3c;border-width: 1px 0px 1px 0px;margin-bottom: 5px;}
.login{width: 100%;max-width: 600px;padding: 5px;margin: 5px auto;}
.border-grey-1 {border: 1px solid #1b2a38;}
.b-top-1 {border-top: 5px solid #3BB9FF;}
.yc-flat-card {padding: 0px; border-radius: 10px; margin: 5px; text-align: left; }
.yc-flat-card .info{height: 55px; }
.prof-card {background: #15202B none repeat scroll 0 0; border: 1px solid #1e2c3c; border-radius: 6px; max-width: 100%; }
.prof-wrap {margin: 5px 0px !important;}
.cover-bg {background-position: 0 50%; background-size: 100% auto; border-bottom: 1px solid #e1e2c3c; border-radius: 8px 8px 0 0; height: 100px !important; width: 100%; }
.dp-url{display: inline-block !important; margin: -120px 5px 0 8px !important; max-width: 100%;}
.prof-img {border:3px solid #15202B;border-radius: 50%; box-sizing: border-box; color: #15202B; height: 100px; width: 100px;}
.bak-tab{margin: 0px -10px -40px;text-align: right;width: 100%;}
.dp-tab{margin: 0px 5px 0px;text-align: center;width: 100%;}
.sta-cbg {background-position: 0 50%; background-size: 100% auto; border-bottom: 3px solid #e1e8ed; height: 70px !important; width: 100%; }
.sta-dp-tab{margin: 0px 5px 0px;text-align: center;width: 100%;}
.sta-dp-url{display: inline-block !important; margin: -50px 0px 0 0px !important; max-width: 100%;}
.sta-prof-img {border-radius: 50%; box-sizing: border-box; color: #fff; height: 75px; width: 75px;}
.__flat-li li::after,.yc-flat-card ._flat-nav li::after {content: ""; clear: both; display: table;}
.dropMenu100{position: absolute; background: #1b2a38 !important; border: 1px solid #1e2c3c;margin: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1 !important; }
.dropMenu{list-style-type:none;will-change:transform;width:100%;position: relative;z-index: 1;}
.dropDown {float: left; overflow: hidden; width:100%; }
.dropDown .dropbtn {cursor: pointer; border: none; outline: none; color: #000; padding: 8px; background-color: #1b2a38; !important; font-family: inherit; margin: 0; }
.dropDown:hover .dropbtn, .dropbtn:focus {opacity: 0.8; }
.dropDown-content {display: none; position: absolute; background: #15202B !important; border: 1px solid #1e2c3c; margin-bottom: 5px; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1 !important; }
.dropDown-content a {float: none; color: #f2f2f2; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.dropDown-content a:hover {opacity:0.8;}
.showMenu, .showDIV, .bloc {display: block !important;}
.hideDIV{display:none;}
.pffMenu li {text-align: center; display: inline-block; border-right: solid 1px #EBEBEB; }
.pffMenu li:last-child {border: none; }
label {display: block; color: #f2f2f2; margin-top: 10px; font-weight: bold; }
.radio-select{display: block; color:#EEEEEE; margin-top: -6px; font-weight: normal; width: 100%; padding: 12px; display: inline-block; line-height: 20px; text-decoration: none; border-bottom: 1px solid #1e2c3c; }
/*border radius*/
.br-0{border-radius: 0px !important}
.br-2{border-radius: 2px;}
.br-3{border-radius: 3px;}
.br-5{border-radius: 5px;} .br-5btm{border-radius: 0px 0px 5px 5px;}
.br-5t{border-radius: 5px 5px 0px 0px;} .br-8{border-radius: 8px;}
.br-8t{border-radius: 8px 8px 0px 0px;}.br-8btm{border-radius: 0px 0px 8px 8px;}
.br-10{border-radius: 10px;} .br-10btm{border-radius: 0px 0px 10px 10px;}
.br-10t{border-radius: 10px 10px 0px 0px;}
.br-16{border-radius: 16px;} .br-16t{border-radius: 16px 16px 0px 0px;} .br-32{border-radius: 32px;}
/*borders*/
.bd-0{border: none !important;}
.bd-l1{border-left: 1px solid #e5e4e2;}
.bd-1rl{border: 1px solid #3BB9FF !important;border-width: 0px 1px 0px 1px !important;}
.bd-1w{border: 1px solid #ffffff !important;}
.bd-1g{border: 1px solid #eeeeee !important;}
.bd-1b{border: 1px solid #3BB9FF !important;}
.bd-2b{border: 2px solid #3BB9FF !important;}
.bd-3b{border: 3px solid #3BB9FF !important;border-width: 1px 3px 1px 3px !important;}
.bd-1p{border: 1px solid #736AFF !important;}
.bd-2p{border: 2px solid #736AFF !important;}
.bd-3g{border: 3px solid #e1e8ed !important;}
.bd-gold{border: 3px solid #ffd700 !important;}
.bd-silver{border: 3px solid #C0C0C0 !important;}
.bd-bronze{border: 3px solid #CD7F32 !important;}
.bd-lblue{border-left: 2px solid #3BB9FF !important;}
.bd-lpurple{border-left: 2px solid #A39CFF !important;}
.bd-lgrey{border-left: 2px solid #5D6D7E !important;}
.bd-1btm{border-bottom: 1px solid #1e2c3c !important;}
/*Margins*/
.mgn-0{margin: 0px !important;}
.mgn-2{margin: 2px !important;} .mgn-2t{margin-top: 2px !important;} .mgn-2tb {margin: 2px 0px !important;}
.mgn-3{margin: 3px !important;} .mgn-3t{margin-top: 3px !important;}
.mgn-4{margin: 4px;} .mgn-4t{margin-top: 4px;}
.mgn-5{margin: 5px !important;} .mgn-5tb{margin: 5px 0px !important;} .mgn-5rl {margin: 0px 5px;} .mgn-5t {margin-top: 5px !important;}
.mgn-5btm {margin-bottom: 5px !important;}.mgn-8{margin: 8px !important;} .mgn-8l {margin-left: 8px} .mgn-8t{margin-top: 8px !important;}
.mgn-8btm{margin-bottom: 8px !important;}.mgn-8rl{margin: 0px 8px !important;} .mgn-10rl{margin: 0px 10px !important;}
.mgn-8tb{margin: 8px 0px !important;}
.mgn-16{margin: 16px !important;} .mgn-16rl{margin: 0px 16px !important;} .mgn-16t{margin-top: 16px;} .mgn-16btm{margin-bottom: 16px !important;}
.mgn-32t{margin-top: 32px !important;} .mgn-32rl{margin: 0px 32px !important;}
.mgn-l25 {margin-left: 25px;} .mgn-l30 {margin-left: 30px;}
.mgn-l35 {margin-left: 35px;} .mgn-7nl {margin-left: -7px !important;}
.mgn-l40 {margin-left: 40px;} .mgn-12r {margin-right: 12px !important;}
.mgn-l45 {margin-left: 45px;} .mgn-l55 {margin-left: 55px;}
.mgn-r55 {margin-right: 55px;}
.mgn-l65 {margin-left: 65px;}
/*paddings*/
.pdn-0 {padding: 0px !important;}
.pdn-2{padding: 2px !important;} .pdn-2rl{padding: 0px 2px !important;}
.pdn-3{padding: 3px !important;} .pdn-5tb{padding: 5px 0px !important;}
.pdn-5{padding: 5px !important;} .pdn-5rl{padding: 0px 5px !important;} .pdn-5t{padding-top: 5px !important;}
.pdn-5r{padding-right: 5px !important;} .pdn-5l{padding-left: 5px !important;}
.pdn-8{padding: 8px !important;} .pdn-8tb{padding: 8px 0px !important;} .pdn-l8{padding-left: 8px !important;} .pdn-8rl{padding: 0px 8px !important;}
.pdn-10{padding: 10px !important;} .pdn-12rl{padding: 0px 12px !important;} .pdn-12r{padding: 0px 12px 0px 0px !important;}
.pdn-16{padding: 16px !important;} .pdn-16r{padding: 0px 16px 0px 0px !important;} .pdn-16rl{padding: 0px 16px !important;} .pdn-16tb{padding: 16px 0px !important;}
.pdn-32{padding: 32px !important;} .pdn-32rl{padding: 0px 32px !important;}
.pdn-50rl{padding: 0px 50px !important;}
/*colors*/
.fgrey {color: #EEEEEE !important; } .fblue{color: #3BB9FF !important;} .flinks{color: #92badd !important;}
.fblack{color: #EEEEEE !important;}.fgreen{color: #4CAF50;} .fwhite{color: #15202B !important;}
.fred {color: #DA2C43 !important;} .fpurple{color: #736AFF !important;} .ft-fgrey{color: #5D6D7E !important;}
/*sizes*/
.emoji_align {position: relative; top: 5px; left: 1px; }
.size12 {height: 12px; width: 12px; max-height: 12px;}
.size14 {height: 14px; width: 14px; max-height: 14px;}
.size16 {height: 16px; width: 16px; }
.size18{height: 18px;width: 18px;}
.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; }
.size25{height: 25px;width: 25px;}
.size30 {height:30px;width: 30px;}
.size35 {height:35px;width: 35px;}
.size35 .nf_badge {position: relative; top: -16px; left: 18px; margin-right: 0px; }
.size35 .size20{height: 16px;width: 16px;}
.size40 {height:40px;width: 40px;}
.size40 .nf_badge {position: relative; top: -20px; left: 23px; margin-right: 0px; }
.size50 {height:50px;width: 50px;} .size60 {height:60px;width: 60px;}
.iconstyle {height: 22px; display: inline-block; vertical-align: middle; }
.normal {font-size: normal; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }
.normal2 {display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; max-height: 32px; line-height: 16px; }
.truicon {position: relative; top: 3px; }
.icon2{position: relative;top: 2px;}
.icon4{position: relative;top: 4px;}
.icon5 {position: relative; top: 5px;}
/*coats*/
.coat-1-top {padding: 8px; border-top: 1px solid #10171E; margin: 0px !important;}
.coat-1d-top {padding: 8px; border-top: 1px solid #232B32; margin: 0px !important;}
.coat-1g-top {padding: 8px; border-top: 1px solid #1b2a38; margin: 0px !important;}
.coat-1l-btm {padding: 8px; border-bottom: 1px solid #10171E; margin: 0px !important;}
.coat-1d-btm {padding: 8px; border-bottom: 1px solid #232B32; margin: 0px !important;}
.coat-1g-btm {padding: 8px; border-bottom: 1px solid #1b2a38; margin: 0px !important;}
.coat-1-btm {padding: 8px; border-bottom: 1px solid #232B32; margin: 0px !important;}
.border-0{border: none !important;}
object {padding: 0px;margin: 0;}
.bgc-wrapper .bgcs input{display: none;}
.bgc-wrapper label{position: relative;text-align: center; height: 50px; line-height: 50px; width: 50px; display: inline-block; cursor: pointer; border: 3px solid inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bgc-wrapper .bgcs input:checked + label{border: 2px solid #333;}
.bgc-wrapper .bgcs input:checked + label:after{content: "\2713"; width: 20px; height: 20px; line-height: 10px; border-radius: 100%; border: 2px solid #333; color: #ffffff; background-color: #2fcc71; z-index: 999; position: absolute; top: -5px; right: -5px; }
/*Badges*/
.nf_badge {position: relative; top: -20px;left: 30px;padding: 0px; border-radius: 50%;background: #15202B !important;}
.ubadge .nf_badge {position: relative;top: 0px;left: 0px;margin: 0px 0px -1px 0px;}
.ubadge .size20{width: 16px; height: 16px;}
.badges .nf_badge {position: relative;top: 0px;left: 0px;margin: 0px 2px -6px 0px;}
.post_content .nf_badge {position: relative;top: -18px;left: 20px;}
/*fonts*/
.f14{font-size: 14px !important;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px}.f22{font-size:22px;}
.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;}
/*position*/
.bgcover {text-align: center;min-height: 90px;height: auto;}
.post_content a {color: #3bb9ff;font-weight: 500;}
.bg1 a, .bg2 a, .bg16 a {color: #ecf8ff;font-weight: bold;text-decoration: underline;text-shadow: none;}
/*backgrounds*/
.ycwbg, .ycwbg2{background: #15202B;} .ycdwbg{background: #fcfcfd;}
.ycgbg{background: #1b2a38;} .ycdgbg{background: #1b2a38;}
.unreadbg {background: #1d2d3c;color: #EEEEEE;}
.purple {background-color: #736AFF; color: #FFFFFF !important;border: 1px solid #736AFF;}
.grey{background-color: #1e2c3c;color: #FFFFFF;}
.blue {background-color: #cbe4f5; color: #000000 !important; border: 1px solid #cbe4f5;}
.action {background-color: #1b2a38; color: #3bb9ff !important;}
.success {background-color: #18A558; color: #FFFFFF !important; }
.other{background-color: #2b3d50; color: #f2f2f2 !important; border: 1px solid #2b3d50;}
.clear {background-color: #1e2c3c; color: #FFFFFF !important; border: 1px solid #1e2c3c; }
.redbg {background-color: #FF0000; color: #FFFFFF;}
.tsva{background-color: #5d6d7e; color: #FFFFFF !important;}
.paginatr {background-color: #15202B; color: #F2F2F2; border: 1px solid #1e2c3c; margin: 5px; padding: 3px; border-radius: 15px; }
.alert:hover,.yc-flat-card a:hover,.bigbtn:hover,.stdbtn:hover, .form-1:hover{opacity: 0.5 !important;}
.blue-bg{background: #3bb9ff;color: #ffffff !important;}
.grey-bg{background: #8d9db6;color: #ffffff !important;}
.purple-bg {background: #9891ff; color: #ffffff !important}
.lred-bg{background: #d64161;color: #ffffff !important;}
.gold-bg{background-image:url("/media/defaults/gold.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;border: 5px solid #ffd700;color:#000000;border-width: 5px 1px 5px 1px !important;}
.silver-bg{background-image:url("/media/defaults/silver.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;border: 5px solid #C0C0C0;color:#000000;border-width: 5px 1px 5px 1px !important;}
.bronze-bg{background-image:url("/media/defaults/bronze.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;border: 5px solid #CD7F32;color:#000000;border-width: 5px 1px 5px 1px !important;}
.transbox{background-color: transparent;}
.bgOG{background: #15202B;color: #f2f2f2 !important;font-weight: normal;}
.bg1{background: #3bb9ff;color: #ffffff !important;font-weight: bold; text-align: center;text-shadow:2px 2px 4px #000000;}
.bg2{background-image:url(" https://wapka-img.zuna.id/e80b8ba5.webp ");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #FFFFFF !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg3{background-image:url(" https://wapka-img.zuna.id/eb91bbbe.webp ");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:5px 5px 10px #000000;text-align:center;font-weight:bold;}
.bg4{background-image:url(" https://wapka-img.zuna.id/4f9c6741.webp ");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg5{background: #681685;color:#ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg6{background-image:url(" https://wapka-img.zuna.id/6e72a70c.webp ");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg7{background: #d64161;color:#ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg8{background-image:url(" https://wapka-img.zuna.id/90546104.webp ");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg9{background-image:url(" https://wapka-img.zuna.id/05179265.webp ");-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #333333 !important;text-shadow:2px 2px 4px #ffffff;text-align:center;font-weight:bold;}
.bg10{ background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #333333;text-align:center;font-weight:bold;}
.bg11{ background:linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%)!important; -webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg12{ background:linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg13{background: #034f84;color:#ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg14{ background:linear-gradient(87deg,#fff 0,#fff 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg15{ background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg16{ background:linear-gradient(87deg,#5603ad 0,#9d03ad 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #000000 !important;text-shadow:2px 2px 4px #ffffff;text-align:center;font-weight:bold;}
.bg17{background: #bccad6;color: #000000 !important;text-shadow:2px 2px 4px #ffffff;text-align:center;font-weight:bold;}
.bg18{ background:linear-gradient(87deg,#8965e0 0,#bc65e0 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg19{ background:linear-gradient(87deg,#f3a4b5 0,#f3b4a4 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg20{ background:linear-gradient(87deg,#f5365c 0,#f56036 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg21{ background:linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #333333 !important;text-shadow:2px 2px 4px #ffffff;text-align:center;font-weight:bold;}
.bg22{ background:linear-gradient(87deg,#ffd600 0,#beff00 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg23{background: #4040a1;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold}
.bg24{ background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.bg25{ background:linear-gradient(87deg,#32325d 0,#44325d 100%)!important ;-webkit-background-size:cover;-moz-background-size:cover;-o-;background-size:cover;background-size:cover;background-repeat:no-repeat;color: #ffffff !important;text-shadow:2px 2px 4px #000000;text-align:center;font-weight:bold;}
.prof-wrap .bloc {font-weight: normal;}
.prof-wrap .bg4 .thistab {background-color: #722F37 !important;}
.prof-wrap .bg5 .thistab, .prof-wrap .bg10 .thistab {background-color: #b133dd !important;}
.prof-wrap .bg6 .thistab {background-color: #FFAA33 !important;}
.prof-wrap .bg7 .thistab, .prof-wrap .bg22 .thistab {background-color: #DE6780 !important;}
.prof-wrap .bg3 .thistab, .prof-wrap .bg8 .thistab, .prof-wrap .bg12 .thistab {background-color: #15997A !important;}
.prof-wrap .bg1 .thistab, .prof-wrap .bg2 .thistab, .prof-wrap .bg9 .thistab, .prof-wrap .bg11 .thistab, .prof-wrap .bg11 .purple, .prof-wrap .bg13 .thistab,
.prof-wrap .bg13 .purple, .prof-wrap .bg14 .thistab, .prof-wrap .bg14 .purple, .prof-wrap .bg15 .purple, .prof-wrap .bg16 .thistab, .prof-wrap .bg17 .thistab,
.prof-wrap .bg21 .thistab {background-color: #63c5ff !important;border: 1px solid #63c5ff;text-shadow: none;}
.prof-wrap .bg15 .thistab {background-color: #046ab2 !important;border: 1px solid #046ab2;text-shadow: none;}
.prof-wrap .bg18 .thistab, .prof-wrap .bg20 .thistab {background-color: #9370db !important;}
.prof-wrap .bg19 .thistab {background-color: #0A62B3 !important;border: 1px solid #046ab2;text-shadow: none;}
.prof-wrap .bg23 .thistab {background-color: #39398f !important;border: 1px solid #39398f;text-shadow: none;}
.prof-wrap .bg24 .thistab {background-color: #FF10F0 !important;border: 1px solid #FF00FF;text-shadow: none;}
.prof-wrap .bg25 .thistab {background-color: #087978 !important;border: 1px solid #087978;text-shadow: none;}
.prof-wrap .bg1, .prof-wrap .bg1 a, .prof-wrap .bg1 ul li .thistab, .prof-wrap .bg2, .prof-wrap .bg2 a, .prof-wrap .bg2 ul li .thistab,
.prof-wrap .bg3, .prof-wrap .bg3 a, .prof-wrap .bg3 ul li .thistab, .prof-wrap .bg4, .prof-wrap .bg4 a, .prof-wrap .bg4 ul li .thistab,
.prof-wrap .bg5, .prof-wrap .bg5 a, .prof-wrap .bg5 ul li .thistab, .prof-wrap .bg6, .prof-wrap .bg6 a, .prof-wrap .bg6 ul li .thistab,
.prof-wrap .bg7, .prof-wrap .bg7 a, .prof-wrap .bg7 ul li .thistab, .prof-wrap .bg8, .prof-wrap .bg8 a, .prof-wrap .bg8 ul li .thistab,
.prof-wrap .bg9 ul li .thistab, .prof-wrap .bg16 ul li .thistab, .prof-wrap .bg16 ul li .purple,
.prof-wrap .bg17 ul li .thistab, .prof-wrap .bg17 ul li .purple, .prof-wrap .bg21 ul li .thistab, .prof-wrap .bg21 ul li .purple,
.prof-wrap .bg10, .prof-wrap .bg10 a, .prof-wrap .bg10 ul li .thistab, .prof-wrap .bg11, .prof-wrap .bg11 a, .prof-wrap .bg11 ul li .thistab,
.prof-wrap .bg12, .prof-wrap .bg12 a, .prof-wrap .bg12 ul li .thistab, .prof-wrap .bg13, .prof-wrap .bg13 a, .prof-wrap .bg13 ul li .thistab,
.prof-wrap .bg14, .prof-wrap .bg14 a, .prof-wrap .bg14 ul li .thistab, .prof-wrap .bg15, .prof-wrap .bg15 a, .prof-wrap .bg15 ul li .thistab,
.prof-wrap .bg18, .prof-wrap .bg18 a, .prof-wrap .bg18 ul li .thistab, .prof-wrap .bg19, .prof-wrap .bg19 a, .prof-wrap .bg19 ul li .thistab,
.prof-wrap .bg20, .prof-wrap .bg20 a, .prof-wrap .bg20 ul li .thistab, .prof-wrap .bg22, .prof-wrap .bg22 a, .prof-wrap .bg22 ul li .thistab,
.prof-wrap .bg23, .prof-wrap .bg23 a, .prof-wrap .bg23 ul li .thistab, .prof-wrap .bg24, .prof-wrap .bg24 a, .prof-wrap .bg24 ul li .thistab,
.prof-wrap .bg25, .prof-wrap .bg25 a, .prof-wrap .bg25 ul li .thistab {color: #ffffff !important;text-decoration: none;}
.prof-wrap .bg22, .prof-wrap .bg22 a, .prof-wrap .bg22 ul li .thistab {text-shadow: none;}
.prof-wrap .bg16, .prof-wrap .bg16 a, .prof-wrap .bg17, .prof-wrap .bg17 a, .prof-wrap .bg21, .prof-wrap .bg21 a { color: #000 !important;text-decoration:none;}
.prof-wrap .bg1 .purple, .prof-wrap .bg2 .purple, .prof-wrap .bg5 .purple, .prof-wrap .bg6 .purple, .prof-wrap .bg7 .purple, .prof-wrap .bg9 .purple,.prof-wrap .bg16 .purple,
.prof-wrap .bg17 .purple, .prof-wrap .bg21 .purple, .prof-wrap .bg22 .purple, .prof-wrap .bg24 .purple, .prof-wrap .bg25 .purple {background-color: #000000;border: 1px solid #000000;text-shadow: none;}
.prof-wrap .bg19 .purple, .prof-wrap .bg18 .purple, .prof-wrap .bg20 .purple, .prof-wrap .bg23 .purple{background-color: #00A4FF !important;border: 1px solid #00A4FF;text-shadow: none;}
.prof-wrap .bg4 .purple {background-color: #722F37;border: 1px solid #722F37;text-shadow: none;}
.prof-wrap .bg5 .purple,.prof-wrap .bg10 .purple {background-color: #b133dd;border: 1px solid #b133dd;text-shadow: none;}
.prof-wrap .bg3 .purple,.prof-wrap .bg8 .purple,.prof-wrap .bg12 .purple {background-color: #15997A;border: 1px solid #008000;text-shadow: none;}
.prof-wrap .bg1 .other, .prof-wrap .bg2 .other, .prof-wrap .bg3 .other, .prof-wrap .bg4 .other, .prof-wrap .bg5 .other, .prof-wrap .bg6 .other,
.prof-wrap .bg12 .other, .prof-wrap .bg7 .other, .prof-wrap .bg8 .other, .prof-wrap .bg9 .other, .prof-wrap .bg10 .other, .prof-wrap .bg11 .other,
.prof-wrap .bg13 .other, .prof-wrap .bg14 .other, .prof-wrap .bg15 .other, .prof-wrap .bg16 .other, .prof-wrap .bg17 .other, .prof-wrap .bg18 .other,
.prof-wrap .bg19 .other, .prof-wrap .bg20 .other, .prof-wrap .bg21 .other, .prof-wrap .bg22 .other, .prof-wrap .bg23 .other, .prof-wrap .bg24 .other,
.prof-wrap .bg25 .other{background-color: #f1f1f1 !important;color: #000000 !important;text-shadow: none !important;}
.prof-wrap .bg1 .bd-3b, .prof-wrap .bg2 .bd-3b, .prof-wrap .bg16 .bd-3b{border: 3px solid #9ddcff !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg11 .bd-3b {border: 3px solid #0088cd !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg13 .bd-3b {border: 3px solid #0088cd !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg15 .bd-3b {border: 3px solid #045e9d !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg23 .bd-3b {border: 3px solid #6b6bc4 !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg24 .bd-3b {border: 3px solid #F8C8DC !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg25 .bd-3b {border: 3px solid #0ea4ca !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg5 .bd-3b, .prof-wrap .bg10 .bd-3b, .prof-wrap .bg18 .bd-3b, .prof-wrap .bg20 .bd-3b {border: 3px solid #e5baf4 !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg3 .bd-3b, .prof-wrap .bg8 .bd-3b, .prof-wrap .bg12 .bd-3b{border: 3px solid #8FD9A8 !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg4 .bd-3b, .prof-wrap .bg6 .bd-3b {border: 3px solid #FFFF8F !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg7 .bd-3b, .prof-wrap .bg22 .bd-3b {border: 3px solid #F2C6CF !important;border-width: 1px 3px 1px 3px !important;}
.prof-wrap .bg1 .ycdgbg, .prof-wrap .bg1 .ycdgbg a, .prof-wrap .bg2 .ycdgbg, .prof-wrap .bg2 .ycdgbg a, .prof-wrap .bg9 .ycdgbg, .prof-wrap .bg9 .ycdgbg a,
.prof-wrap .bg14 .ycdgbg, .prof-wrap .bg14 .ycdgbg a, .prof-wrap .bg16 .ycdgbg, .prof-wrap .bg16 .ycdgbg a, .prof-wrap .bg17 .ycdgbg, .prof-wrap .bg17 .ycdgbg a,
.prof-wrap .bg19 .ycdgbg, .prof-wrap .bg19 .ycdgbg a, .prof-wrap .bg21 .ycdgbg, .prof-wrap .bg21 .ycdgbg a {background-color: #ecf8ff;color: #5d6d7e !important;text-shadow: none;}
.prof-wrap .bg23 .ycdgbg, .prof-wrap .bg23 .ycdgbg a {background-color: #5858bc;color: #fff !important;text-shadow: none;}
.prof-wrap .bg11 .ycdgbg, .prof-wrap .bg11 .ycdgbg a, .prof-wrap .bg13 .ycdgbg, .prof-wrap .bg13 .ycdgbg a {background-color: #005ab3;color: #fff !important;text-shadow: none;}
.prof-wrap .bg25 .ycdgbg, .prof-wrap .bg25 .ycdgbg a {background-color: #0ca0b1;color: #fff !important;text-shadow: none;}
.prof-wrap .bg15 .ycdgbg, .prof-wrap .bg15 .ycdgbg a {background-color: #023152;color: #fff !important;text-shadow: none;}
.prof-wrap .bg18 .ycdgbg, .prof-wrap .bg18 .ycdgbg a, .prof-wrap .bg20 .ycdgbg, .prof-wrap .bg20 .ycdgbg a {background-color: #d1c2f0;color: #000000 !important;text-shadow: none;}
.prof-wrap .bg19 .ycdgbg, .prof-wrap .bg19 .ycdgbg a {background-color: #1889F2;color: #fff !important;text-shadow: none;}
.prof-wrap .bg24 .ycdgbg, .prof-wrap .bg24 .ycdgbg a {background-color: #F8C8DC;color: #000000 !important;text-shadow: none;}
.prof-wrap .bg3 .ycdgbg, .prof-wrap .bg3 .ycdgbg a, .prof-wrap .bg8 .ycdgbg, .prof-wrap .bg8 .ycdgbg a, .prof-wrap .bg12 .ycdgbg, .prof-wrap .bg12 .ycdgbg a
{background-color: #D3FFD6;color: #5d6d7e !important;text-shadow: none;}
.prof-wrap .bg5 .ycdgbg, .prof-wrap .bg5 .ycdgbg a, .prof-wrap .bg10 .ycdgbg, .prof-wrap .bg10 .ycdgbg a {background-color: #e5baf4;color: #5d6d7e !important;text-shadow: none;}
.prof-wrap .bg4 .ycdgbg, .prof-wrap .bg4 .ycdgbg a {background-color: #EADDCA;color: #5d6d7e !important;text-shadow: none;}
.prof-wrap .bg6 .ycdgbg, .prof-wrap .bg6 .ycdgbg a {background-color: #FFFF8F;color: #5d6d7e !important;text-shadow: none;}
.prof-wrap .bg7 .ycdgbg, .prof-wrap .bg7 .ycdgbg a, .prof-wrap .bg22 .ycdgbg, .prof-wrap .bg22 .ycdgbg a {background-color: #F2C6CF;color: #5d6d7e !important;text-shadow: none;}
.quoted {background: #1b2a38; border-left: 2px solid #A39CFF !important; padding: 3px; border: 1px solid #10171E; border-radius: 5px; }
.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 #232B32; 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;}
/*images*/
.dp{overflow: hidden;border-radius: 50%;border: 1px solid #3BB9FF;}
.sqdp{overflow: hidden;background: #EEEEEE;}
.dp img, .img-list img, .disc_dp img, .sqdp img {filter: brightness(80%);height:100%;width:100%;-o-object-fit:cover;object-fit:cover;}
.img-list{width:16.66666%;}
.img-list img{border-radius: 5px; background: #EEEEEE;}
.img-list img{height: 100px;}
.img-cover {display: block; margin-left: auto; margin-right: auto; }
.disc_dp {overflow:hidden;min-width:100%;max-width: 100%;height:120px;background-color:#EEEEEE;margin: 0px;}
.disc_content_fit{height: 50px;}
.yc-emoji-img{width:24.99999%;border: 1px solid #15202B;}
.yc-sticker-img{width:19.99999%;border: 1px solid #15202B;max-width: 100%;overflow: hidden;}
/*poll & custom radio btns*/
.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;}
.yc-rbtn-rap input {position: absolute; opacity: 0; cursor: pointer; }
.checkmark {position: absolute; top: 0; left: 0; height: 16px; width: 16px; border: 2px solid #736AFF; background-color: inherit; border-radius: 50%;}
.yc-rbtn-rap:hover input ~ .checkmark {opacity: 0.6; }
.yc-rbtn-rap input:checked ~ .checkmark {background-color: #15202B; }
.checkmark:after {content: "";position: absolute;display: none;}
.yc-rbtn-rap input:checked ~ .checkmark:after {display: block;}
.yc-rbtn-rap .checkmark:after {top: 2px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: #736AFF; }
.progress {width: 100%; } .result-bar {height: 7px; width: 100%; min-width: 8px; position: relative; background: #736AFF; margin: 8px 0 3px 0; border-radius: 30px; pointer-events: none;}
.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; }
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 #10171E; padding: 8px; }
#tebo tr:nth-child(even) {background-color: #15202B; }
#tebo th {padding-top: 8px; padding-bottom: 8px; background-color: #1e2c3c; color: #EEEEEE; text-align: left; }
.gtop {border: 1px solid #1e2c3c; border-radius: 5px; }
.gtop table, td, th {border: 1px solid #1e2c3c; padding: 5px; }
.gtop table {width: 100%; border-collapse: collapse; border-style: hidden; }
.gtop .rytAns{color: #5d6d7e; background: #c3f3d7;}
.gtop .rongAns{color: #a94442;background: #f2dede;}
/*input forms*/
.text-input {padding: 12px; background: #15202B; border: 1px solid #1e2c3c; width: 100%; border-radius: 3px; color: #FFFFFF; }
.text-input a {color: #EEEEEE; } .text-input:focus {border-bottom: 2px solid #5fbae9 !important; }
.notify {position: relative; border: none; padding: 2px 5px; }
.hoverit {line-height: 20px; height: 25px; border: 1px solid red; width: 100%;}
.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: 1px solid #a94442 !important; }
.alert-dot{height:8px;width:8px;top:-2px;background-color: #FF0000;border-radius:50%;display:inline-block;position:relative;}
.notify .dot {position: absolute;top: 0; right: 5px; display: inline-block; height:10px;width:10px;background-color: #FF0000;border-radius:50%;border:1px solid #15202B;}
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:#15202B;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; }
.fontbloc {display: block;color: #EEEEEE;}
.yochat {list-style-type: none; margin: 0 auto; padding: 0; left: 0; right: 0;}
.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 {padding: 3px; background: #62C7FF; border: none; margin-left: -12px; margin-right: -12px; border-left: 2px solid #232B32 !important; }
.yochat_bubble_rcvd .quoted a, .yochat_bubble_sent .quoted a {text-decoration: none; }
.yochat_bubble_sent {max-width: 85%; float: left; padding: 5px 10px; background: #232B32; color: #D9D9D9; 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 {padding: 3px; background: #15202B; border: none; margin-left: -6px; margin-right: -6px; }
.quoted .media, .quoted .media img{height: 40px !important; width: 40px !important; border-radius: 5px !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: #15202B; border: 1px solid #15202B; 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: #1e2c3c;}
.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: #15202B; 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: #15202B; }
/*copy text to clipboard*/
.tooltip {position: relative; display: inline-block; }
.tooltip .tooltiptext {visibility: hidden; min-width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; }
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1; }
/*responsiveness*/
.app-third, .app-twothird {float: left; padding: 3px; 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 #15202B;}
.yc-sticker-img{width:19.99999%;border: 1px solid #15202B;}
}
@media screen and (max-width: 600px) {
div.app-third {display: none; }
.img-list{width:19.99999%;}
.img-list img{height: 100px;}
}
@media screen and (max-width: 425px) {
.thread-container {width: 50%; }
.disc_dp {overflow: hidden; min-width: 100%; height: 100px; background-color: #EEEEEE; }
._flat-box .l3{width: 49.99999%; }
.img-list{width:24.99999%;}
.img-list img{height: 100px;}
.yc-emoji-img{width:33.33333%;border: 1px solid #15202B;}
.yc-sticker-img{width:24.99999%;border: 1px solid #15202B;}
.sta-cbg {background-position: 0 50%; background-size: 100% auto; border-bottom: 3px solid #e1e8ed; height: 50px !important; width: 100%; }
.sta-dp-tab{margin: 0px 5px 0px;text-align: center;width: 100%;}
.sta-dp-url{display: inline-block !important; margin: -30px 0px 0 0px !important; max-width: 100%;}
.sta-prof-img {border-radius: 50%; box-sizing: border-box; color: #fff; height: 45px; width: 45px;}
}
@media screen and (max-width: 359px) {
.size22{height: 20px;width: 20px;}
.img-list{width:24.99999%;}
.img-list img{height: 90px;}
.yc-emoji-img{width:33.33333%;border: 1px solid #15202B;}
.yc-sticker-img{width:24.99999%;border: 1px solid #15202B;}
}
@media screen and (max-width: 300px) {
.img-list{width:33.333333%;}
.img-list img{height: 80px;}
.yc-emoji-img{width:24.99999%;border: 1px solid #15202B;}
}
@media screen and (max-width: 200px) {
._flat-box .l3{width: 99.99999%; }
.img-list{width:99.99999%;}
.img-list img{height: 120px;}
.yc-emoji-img{width:49.99999%;border: 1px solid #15202B;}
.yc-sticker-img{width:33.33333%;border: 1px solid #15202B;}
}
/* Clear floats */
.clearfix::after {content: "";clear: both;display: table;} .mcounter{padding:2px;background-color: #18A558;text-decoration:none;margin:-12px 0px 0px -10px;z-index:1; display: inline-block; padding: 2px 6px; font-size: 12px; font-weight: bold; color: white; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; }