.radius4{border-radius:4px!important}.element-box input.element-input.right-icons{padding-left:10px;padding-right:40px}.element-box .icons-right{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;border:none;height:40px;width:40px;background:0 0}.forum-left{width:30%;padding:15px;float:left}.forum-center{width:40%;padding:15px;float:left}.forum-right{width:30%;padding:15px;float:left}.komunitas-left{width:70%;padding:15px;float:left}.komunitas-right{width:30%;padding:15px;float:left}.detail-komunitas-left{width:30%;padding:15px;float:left}.detail-komunitas-center{width:40%;padding:15px;float:left}.detail-komunitas-right{width:30%;padding:15px;float:left}.detail.forum{padding:15px;overflow:hidden;border-radius:4px;border:1px solid #ddd}.card-forum{border:1px solid #ddd;overflow:hidden;margin:0 0 30px;padding:10px 10px 0;border-radius:4px}.card-forum .box-name{margin-bottom:5px;min-height:20px}.card-forum .box-name h4.name{display:inline-flex;font-size:12px;font-weight:500;position:relative;padding-right:20px}.card-forum .box-name h4.name:before{content:'\f111';font-size:5px;width:20px;height:20px;top:0;right:0;font-family:fontawesome;display:flex;align-items:center;justify-content:center;position:absolute}.card-forum .box-name h4.kanal{display:inline-flex;font-size:12px;font-weight:500;margin-left:-3px}.card-forum h2.title{font-size:20px;line-height:24px;font-weight:500;margin-bottom:5px;transition:all .3s ease-in-out}.card-forum:hover h2.title{color:#303382;transition:all .3s ease-in-out}.card-forum h4.title{font-size:14px;line-height:16px;font-weight:500;margin:5px 0;transition:all .3s ease-in-out}.card-forum:hover h4.title{color:#303382;transition:all .3s ease-in-out}.card-forum .image-forum{width:100%;height:240px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-forum .image-forum img{width:100%;height:auto}.card-forum .cmd-bottom{margin-left:-10px;margin-right:-10px;border-top:1px solid #ddd}.card-forum .cmd-bottom .cmd-inside{padding:0 10px;height:30px}.card-forum .cmd-bottom .cmd-inside .box-view{height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;font-size:12px}.card-forum .cmd-bottom .cmd-inside .box-view i{font-size:14px}.card-forum .cmd-bottom .cmd-inside .box-bagi{height:30px;width:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-direction:row;font-size:12px;cursor:pointer;position:relative}.card-forum .cmd-bottom .cmd-inside .box-bagi i{font-size:14px}.box-bagi .share-forum{display:none;position:absolute;bottom:30px;right:0;width:30px;height:auto;z-index:3}.share-forum .icons{width:30px;height:30px;border-radius:0;overflow:hidden;color:#fff;line-height:34px}.share-forum .icons a{color:#fff}.share-forum .icons a:hover{color:rgba(255,255,255,.7)}.card-forum.small{border:1px solid #ddd;overflow:hidden;margin:0 0 10px;padding:10px 10px 0;border-radius:4px}.card-forum.small .box-name{margin-bottom:0;min-height:90px;width:auto;padding-right:100px}.card-forum.small .box-name h4.name{display:inline-flex;font-size:12px;font-weight:500;position:relative;padding-right:20px}.card-forum.small .box-name h4.name:before{display:none}.card-forum.small .box-name h4.kanal{display:inline-flex;font-size:12px;font-weight:500;margin-left:-3px}.card-forum.small .box-name h2.title{font-size:14px;line-height:16px;font-weight:500;margin-bottom:0;transition:all .3s ease-in-out}.card-forum.small .box-name h2.title a:hover{color:#303382;transition:all .3s ease-in-out}.card-forum.small .image-forum{width:90px;height:90px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ddd;float:right;border-radius:4px}.card-forum.small .image-forum img{width:auto;height:90px}.box-title-detail.forum h2.title{font-size:24px;line-height:28px}.box-title-detail.forum .box-user-f{padding:0 0 10px;margin-bottom:15px;overflow:hidden;border-bottom:1px solid #ddd}.box-title-detail.forum .box-user-f .photo{float:left;width:50px;height:50px;overflow:hidden;border-radius:25px;background:#ddd;display:inline-flex;align-items:center;justify-content:center}.box-title-detail.forum .box-user-f .photo img{width:100%;height:100%}.box-user-f .name-f{height:50px;padding-left:15px;position:relative;display:flex;flex-direction:column;justify-content:center}.box-user-f .name-f .colname{position:relative}.box-user-f .name-f .colname h4.name{display:inline-flex;font-size:12px;font-weight:500;position:relative;padding-right:20px}.box-user-f .name-f .colname h4.name:before{content:'\f111';font-size:5px;width:20px;height:20px;top:0;right:0;font-family:fontawesome;align-items:center;justify-content:center;position:absolute;display:flex}.box-user-f .name-f h4.kanal{display:inline-flex;font-size:12px;font-weight:500;margin-left:-3px}.box-user-f .name-f h4.date{display:inline-flex;font-size:12px;font-weight:500}.pro-ulasan{padding:0;width:100%;margin-top:30px;overflow:hidden}ul.ulasan{list-style:none;list-style-position:inside;margin:0;padding:0}ul.ulasan li .alert-del{position:absolute;top:0;left:0;right:0;padding:0;bottom:0;background:rgba(255,255,255,.9);z-index:2;display:flex;align-items:center;justify-content:center}ul.ulasan li{display:block;border:1px solid #ddd;padding:0;overflow:hidden;border-radius:4px;margin-bottom:15px;position:relative}ul.ulasan li:last-child{margin-bottom:0;border-bottom:1px solid #ddd}ul.ulasan li .ulasan-foto{margin:15px;width:50px;height:50px;margin-right:10px;float:left;display:block;overflow:hidden;border-radius:25px}ul.ulasan li .alert-del .mw300{max-width:300px;border:1px solid #ddd;background:#fff;padding:15px;border-radius:4px}ul.ulasan li .ulasan-foto img{width:100%;height:100%}ul.ulasan li .ulasan-text{display:block;overflow:hidden;padding:15px 45px 15px 15px;position:relative}ul.ulasan li .ulasan-text h3.username{margin:0 0 3px;font-weight:500;font-size:14px}ul.ulasan li .ulasan-text h3.tanggal{color:#b4c2cc;margin:5px 0 3px;font-size:12px;font-weight:400}ul.ulasan li .ulasan-text p{margin:10px 0 0;font-weight:400;font-size:16px;line-height:18px}ul.ulasan li .ulasan-text .btn-edit{position:absolute;top:0;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:none}ul.ulasan li .ulasan-text .edithapus{position:absolute;top:40px;right:-1px;width:auto;height:auto;background:#ddd;border-radius:4px 0 0 4px;z-index:2}ul.ulasan li .ulasan-text .edithapus .edit-cmd,ul.ulasan li .ulasan-text .edithapus .hapus-cmd{padding:5px 15px;font-size:12px;margin:0;display:block;border-bottom:1px solid #fff;background:0 0;width:100%;cursor:pointer}ul.ulasan li .ulasan-bot{min-height:30px;border-top:1px solid #ddd}ul.ulasan li .ulasan-bot button.btn-balas{height:30px;float:right;display:inline-flex;justify-content:center;align-items:center;flex-direction:row;padding:0 15px;border:none;border-left:1px solid #ddd;background:0 0;cursor:pointer}ul.ulasan li .ulasan-bot button.btn-comment{height:30px;float:left;display:inline-flex;justify-content:center;align-items:center;flex-direction:row;padding:0 15px;border:none;border-right:1px solid #ddd;background:0 0;cursor:pointer}ul.ulasan li .balas-comment{padding:15px;border-top:1px solid #ddd;overflow:hidden;width:100%;background:#eee}ul.ulasan li .list-komentar{padding:15px;border-top:1px solid #ddd;overflow:hidden;width:100%;background:#eee}ul.ulasan.dalem{display:block;width:100%;margin-top:30px;border-top:1px solid #ddd;padding-left:15px;background:#eee}ul.ulasan.dalem li{border:none;border-radius:0;border-bottom:1px solid #ddd}ul.ulasan.dalem li:last-child{border-bottom:none}.sign-small{height:30px;padding:0 15px;font-size:12px;width:auto;background:#303382;color:#fff;border:none}.sign-small:hover{opacity:.9}.slider-komunitas{opacity:0;visibility:hidden;transition:opacity 1s ease;-webkit-transition:opacity 1s ease;border-radius:6px;overflow:hidden;margin:0 15px;box-shadow:1px 1px 6px rgba(0,0,0,.2)}.slider-komunitas.slick-initialized{visibility:visible;opacity:1}.topslider.komunitas{padding:0 2px;opacity:1;transition:all .2s ease-in-out;font-family:roboto}.slider-komunitas .slick-list{padding:0 6% 0 0}.slider-komunitas .slick-prev,.slider-komunitas .slick-next{top:40%;width:20px;height:20px;background:rgba(255,255,255,.3);box-shadow:1px 1px 5px rgba(0,0,0,.3)}.slider-komunitas .slick-prev:before,.slider-komunitas .slick-next:before{font-size:14px;color:#000}.slider.slider-komunitas{padding:0;margin:0;box-shadow:none;border-radius:0}.slider-komunitas .card-forum h4.title{font-size:14px;line-height:16px;font-weight:500;margin:5px 0;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;font-family:roboto;display:-webkit-box;height:auto;min-height:32px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-box.lines{padding:15px;border-radius:4px;overflow:hidden;border:1px solid #cecece;background:#fff}.card-box.lines.komunitas{min-height:280px;position:relative;padding-bottom:65px;padding-top:95px}.card-box.lines.komunitas.small{min-height:210px}.card-box.lines.komunitas .bg-komunitas{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto}.card-box.lines.komunitas .bg-komunitas img{width:auto;height:100%;opacity:.3}.card-box.lines.komunitas .centering{position:absolute;bottom:15px;left:15px;right:15px}.card-box.komunitas .img-avatar{position:absolute;top:15px;left:15px;right:15px;border:2px solid #fff;transition:all .1s ease-in-out}.card-box.komunitas .img-avatar{width:80px;height:80px;border-radius:50px;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff}.card-box.komunitas .img-avatar img{width:auto;height:80px}.card-box.komunitas .img-avatar.medium{width:60px;height:60px}.card-box.komunitas .img-avatar.medium i{font-size:26px}.card-box.komunitas .img-avatar.medium img{width:auto;height:60px}.card-box.komunitas .img-avatar.left{float:left;border:1px solid #cecece;background:#cecece}.card-box.lines.komunitas .text-card{opacity:1;position:relative}.card-box.lines.komunitas h4.title{font-size:16px;line-height:18px;font-weight:500;margin:5px 0;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;font-family:roboto;display:-webkit-box;height:auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:1}.card-box.lines.komunitas h4.title.line1{font-size:14px;line-height:16px;font-weight:500;margin:0;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:18px;transition:all .3s ease-in-out}.card-box.lines.komunitas.followed{min-height:60px;padding:10px}.card-box.lines.komunitas.followed .bg-komunitas img{width:100%;height:auto}.card-box.lines.komunitas.followed .img-avatar{position:relative;top:inherit;left:inherit;right:inherit;float:left;width:60px;height:60px;transition:all .3s ease-in-out}.card-box.lines.komunitas.followed .img-avatar img{height:60px}.card-box.lines.komunitas.followed .text-card{padding-left:10px;display:flex;align-items:center;height:60px}.card-box.lines.komunitas.followed{border:none!important}.card-box.lines.komunitas.followed.clearing{min-height:80px;padding:10px}.card-box.lines.komunitas.followed.clearing{border:1px solid #cecece!important;background:#f8f8f8}.card-box.lines.komunitas.followed.clearing .text-card{padding-left:10px;display:flex;align-items:center;height:60px}.card-box.lines.komunitas.followed.clearing:hover{background:#ededed}.card-box.lines.komunitas.followed:hover .img-avatar{transform:scale(1.1);transition:all .1s ease-in-out}.card-box.lines.komunitas.followed.anggota{min-height:60px}.card-box.lines.komunitas.followed.anggota .text-card{height:40px}.card-box.lines.komunitas.followed.anggota .img-avatar{position:relative;top:inherit;left:inherit;right:inherit;float:left;width:40px;height:40px;transition:all .3s ease-in-out}ul.row-list.terbaru-komunitas li{margin-bottom:10px}.box-head-info{padding:10px;overflow:hidden;background:#fff;position:relative;z-index:9;border:1px solid #ddd;border-radius:4px}.box-head-info .left-info{width:100%;padding:0 15px;min-height:50px}.box-head-info .right-info{width:30%;padding:0 15px;float:left;min-height:50px;display:flex;align-items:center;justify-content:flex-end;flex-direction:row}.box-head-info .left-info .foto-info{width:70px;height:70px;min-width:70px;margin-right:10px;float:left;overflow:hidden;border-radius:35px;display:flex;align-items:center;justify-content:center;background:#ddd}.box-head-info .left-info .foto-info img{width:auto;height:70px}.box-head-info .left-info .text-info{overflow:hidden;min-height:70px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.box-head-info .left-info .text-info h4.title{font-size:16px;line-height:18px;font-weight:500;margin:0}.box-head-info .left-info .text-info h5.title{font-size:12px;line-height:14px;font-weight:400;margin:0}.box-head-info .left-info .text-info h4.title.line1{font-size:16px;line-height:18px;font-weight:500;margin:0;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:18px;transition:all .3s ease-in-out}.box-head-info .left-info .text-info h5.title.line1{font-size:12px;line-height:14px;font-weight:400;margin:0;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:14px;transition:all .3s ease-in-out}.hidebox{width:100%;height:auto;position:relative;padding-bottom:20px}.hidebox .show_hide{position:absolute;bottom:0;padding:0;height:20px;display:flex;align-items:center;justify-content:center;color:#333;font-size:12px;font-weight:600}.follow-btn{padding:0 15px!important;height:30px!important;font-size:12px!important;margin-top:5px!important}ul.row-list.anggota-komunitas li{width:50%;margin-bottom:10px}ul.row-list.anggota-komunitas li .card-box.lines.komunitas h4.title{font-size:12px;line-height:14px}.block-black{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.9);z-index:33;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;display:none}.box-anggota{height:70vh;max-width:800px;margin:0 auto;padding:0;background:0 0;position:fixed;z-index:35;left:0;right:0;bottom:15vh;top:15vh;display:flex;align-items:center;justify-content:center}.box-anggota .box-anggota-in{overflow-y:scroll;height:70vh;width:100%;background:#fff;padding:15px;border-radius:4px}.box-anggota-in::-webkit-scrollbar{width:6px;background:#ccc;border-radius:0 6px 6px 0}.box-anggota-in::-webkit-scrollbar-track{border-radius:0 0 0 0}.box-anggota-in::-webkit-scrollbar-thumb{background-color:#555;border-radius:0 6px 6px 0}.box-anggota-in::-webkit-scrollbar:horizontal{height:6px}.box-anggota-in::-webkit-scrollbar:vertical{width:6px}ul.row-list.full-anggota-komunitas li{margin-bottom:10px}ul.row-list.full-anggota-komunitas li .card-box.lines.komunitas h4.title{font-size:12px;line-height:14px}@media screen and (max-width:800px){.forum-kanal{display:flex;flex-direction:column}.forum-left{float:none;width:100%}.forum-center{float:none;width:100%}.forum-right{float:none;width:100%;order:3}.komunitas-left{float:none;width:100%}.komunitas-right{float:none;width:100%}ul.row-list.terbaru-komunitas li{width:100%}ul.row-list.anggota-komunitas li{width:50%;margin-bottom:10px}.detail-komunitas-left{width:100%;float:none}.detail-komunitas-center{width:100%;float:none}.detail-komunitas-right{width:100%;float:none}.box-anggota .box-anggota-in{width:90%;margin:0 5%}ul.row-list.full-anggota-komunitas li{width:50%}}