*{box-sizing:border-box}html,body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;font-optical-sizing:auto;font-weight:400;font-size:16px;font-feature-settings:normal;font-style:normal;font-variant:normal;margin:0;padding:0;color:#000;overflow-wrap:break-word}input,textarea,button{font-weight:400;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:16px}table{width:100%}table,table tr td{border:0;padding:0;margin:0;vertical-align:top}table tr td.img{width:100px}table tr td.info{vertical-align:top}.pimg{background:#fff;display:inline-block;position:relative;width:80px;height:80px;overflow:hidden;border-radius:10px}.pimg img{height:100%;width:100%}a,div,span,p{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.texto a:visited{color:#ff8995}.read{font-size:17px}.head h1{display:inline-block;margin-top:-2px}.head a.aktif{color:#ff001a;font-weight:600}.head h1 a{color:#000}.head h1 span{color:#ff001a}.head a{color:#000}a.foot{color:#999}a.foot:hover,.head a:hover,a{color:#ff001a;text-decoration:none}a:hover{color:#ff8995}button.submit{cursor:pointer;border:0;color:#fff;background:#ff001a;border-radius:5px;font-size:17px;padding:12px 30px}.cari{border:1px solid #dededf;margin-top:20px;padding:10px 10px;border-radius:5px}button.cari-button:hover{color:#ff001a}button.submit:hover{background:#ff8995}h1,h2,h3{padding:0;margin:0}.clearfix{clear:both}.clearfix:after,.clearfix:before{content:"";clear:both;display:table}.clearfix:after,.clearfix:before{clear:both}.left{float:left}.right{float:right}.code{outline:none;border-radius:3px;padding:20px;border:1px solid #ffab3b;background:#fff7ed;height:400px;overflow:auto}.head{background:#fbfbfb;display:block;padding:15px 0 10px 0;margin-bottom:25px;border-bottom:1px solid #dededf}.head h1{font-size:24px}.form-control{outline:none;border-radius:5px;font-size:16px;border:1px solid #dededf;display:block;width:100%;padding:10px 20px;margin:10px 0}.showpost{border:1px solid #dededf;padding:20px;border-radius:5px;background:#fdfdfd;min-height:400px}.dlist{border:1px solid #dededf;margin-bottom:15px;padding:10px 20px;border-radius:5px}.dlist:nth-child(odd){background:#fbfbfb}input.cari-input{outline:none;font-size:16px;border:1px solid #dededf;padding:8px 10px;border-radius:3px}button.cari-button{border-radius:3px;background:#fff0;border:0;color:#666;font-size:16px;cursor:pointer;padding:7px 12px}.divider{color:#1A7595}a.edit{color:#155DFC}a.edit:hover{color:#DBEAFE}.paging{text-align:center;margin:20px 0 40px 0}.paging a{display:inline-block;margin:0 15px 15px 0;padding:8px 16px;min-width:38px;text-align:center;border-radius:3px}.paging a{border:1px solid #dce2e7;color:#ff001a;background:#fff}.paging a:hover,.paging a.current{color:#fff;border:1px solid #ff001a;background:#ff001a}.data{color:#999;margin:2px 0 15px 0}input.input-text{outline:none;border-radius:5px;font-size:18px;border:1px solid #dededf;display:block;width:100%;padding:10px 20px;margin:20px 0}textarea.text{border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #dededf;display:block;width:100%;padding:10px 20px;resize:none;height:400px;margin-bottom:0;outline:none;font-size:17px}.bottom{display:block;margin-top:20px;text-align:center}#previeww img{display:block;max-width:100px;margin-bottom:15px;background#fff;padding:5px;border:1px solid #dededf;border-radius:3px}#fsnackbar{background-color:#239b56;color:#fff}#ssnackbar{background-color:#e74c3c;color:#fff}#snackbar{background-color:#222;color:#fff}#fsnackbar{visibility:hidden;font-size:14px;text-align:center;border-radius:1px;padding:4px 8px;position:fixed;z-index:99999999;left:50%;top:50%;transform:translate(-50%,-50%)}#fsnackbar.show{visibility:visible;-webkit-animation:fadein 0.5s,fadeout 0.5s 2.5s;animation:fadein 0.5s,fadeout 0.5s 2.5s}#ssnackbar{visibility:hidden;font-size:14px;text-align:center;border-radius:1px;padding:4px 8px;position:fixed;z-index:99999999;left:50%;top:50%;transform:translate(-50%,-50%)}#ssnackbar.show{visibility:visible;-webkit-animation:fadein 0.5s,fadeout 0.5s 2.5s;animation:fadein 0.5s,fadeout 0.5s 2.5s}#snackbar{visibility:hidden;font-size:14px;text-align:center;border-radius:1px;padding:4px 8px;position:fixed;z-index:99999999;left:50%;top:50%;transform:translate(-50%,-50%)}#snackbar.show{visibility:visible;-webkit-animation:fadein 0.5s,fadeout 0.5s 2.5s;animation:fadein 0.5s,fadeout 0.5s 2.5s}@-webkit-keyframes fadein{from{top:0;opacity:0}to{top:50%;opacity:1}}@keyframes fadein{from{top:0;opacity:0}to{top:50%;opacity:1}}@-webkit-keyframes fadeout{from{top:50%;opacity:1}to{top:0;opacity:0}}@keyframes fadeout{from{top:50%;opacity:1}to{top:0;opacity:0}}.cm-toggle{-webkit-appearance:none;-webkit-tap-highlight-color:#fff0;position:relative;border:0;outline:0;cursor:pointer;margin:0}.cek{position:relative;display:inline-block;vertical-align:baseline}.cm-toggle:after{content:'';width:33px;height:18px;display:inline-block;background:rgb(196 195 195 / .55);border-radius:18px;clear:both}.cm-toggle:before{content:'';width:16px;height:16px;display:block;position:absolute;left:0;top:0;border-radius:50%;background:#fff;box-shadow:1px 1px 3px rgb(0 0 0 / .6)}.cm-toggle:checked:before{left:16px;box-shadow:-1px 1px 3px rgb(0 0 0 / .6)}.cm-toggle:checked:after{background:#16a085}.cm-toggle,.cm-toggle:before,.cm-toggle:after,.cm-toggle:checked:before,.cm-toggle:checked:after{transition:ease .3s;-webkit-transition:ease .3s;-moz-transition:ease .3s;-o-transition:ease .3s}.red:checked:after{background:#dc281e}.blue:checked:after{background:#ff001a}.orange:checked:after{background:#fc4a1a}.purple:checked:after{background:#f953c6}#result{color:#999;font-size:80px;position:fixed;z-index:999999;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}@media screen and (max-width:810px){.wrp{padding:0 20px}.file-inputt__input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;margin:0;padding:0}.file-inputt__label{cursor:pointer;display:inline-flex;align-items:center;border-radius:0;font-size:18px;font-weight:500;color:#000;background-color:#fff0;border:0 solid #d8dee9;margin:0 0 0 3px}.file-inputt__label:hover{color:#dc3545}img.logo{width:120px}input.cari-input{width:75%}h2.stitle{font-weight:500;font-size:18px;margin-bottom:5px;padding:0;margin-top:0}h2.bt{margin-bottom:20px;font-size:18px;font-weight:500}}@media screen and (min-width:810px){h2.bt{margin-bottom:20px;font-size:22px;font-weight:600}h2.stitle{font-weight:600;font-size:20px;margin-bottom:5px;padding:0;margin-top:0}input.cari-input{width:87%}img.logo{width:140px}.wrp{padding:0 20%}.file-inputt__input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;margin:0;padding:0}.file-inputt__label{cursor:pointer;display:inline-flex;align-items:center;border-radius:0;font-size:18px;font-weight:500;color:#000;background-color:#fff0;border:0 solid #d8dee9;margin:0}.file-inputt__label:hover{color:#1474fe}}