*{margin:0px;font-family: 'Raleway', Arial, sans-serif; -webkit-font-smoothing: subpixel-antialiased;}
.font-12w{font-weight: 600;font-size:12px;font-weight: 600;color: #fff}
.font-14{font-size:14px;margin: 10px}
.h2{font-size: 18px;font-weight: 800;text-transform: uppercase;color:#54504e}
.h3{font-size: 14px;font-weight: 800;text-transform: uppercase;color:#8e6767}
.left{text-align: left}
.u{text-decoration: underline;}
hr.style3 {border-top: 2px dashed #8c8b8b;}
.login-regis{padding: 12px;text-decoration: none;text-transform: uppercase;font-weight: 600;color: #fff;cursor: pointer;text-align: center;margin-right: 5px;margin-left: 5px}
.login-regis:hover{background: #ccc}
.nav-head{background:#106ba9;padding:10px}
.container{width: 1000px;margin: auto;}
.size-nav{height:30px;width:30px;}
.icon-menu{height:35px;background:#fff;border-radius:30px;margin-top:-2px}
.nav-regis{float:right;margin-top:-23px}
.separator{padding:1px;background: #fff}
.nav-link{text-align: center;margin-top: 50px;margin-bottom: 50px}
.input-url{padding-top: 15px;padding-bottom: 15px;padding-left:15px;border: 2px solid grey;width: 50%;font-size: 16px;border-radius: 5px;font-weight: 600;color:grey}
.btn-url{padding-top: 17px;padding-bottom: 16px;padding-left:25px;padding-right:25px;border: 2px solid;border-radius: 5px;font-weight: 600;background: #81ec99;color: #fff;border: 2px solid grey;cursor: pointer;}
.btn-url:hover{background: #55ad69}
.box-central{padding-top: 40px;padding-bottom: 100px;border-radius: 5px}
.center{text-align: center;}
.grey-trans{background: #f5f5f5;}
.box-flex{display: flex;}
.box-flex-footer{display: flex;width: 100%}
.col{width: 30%;padding: 10px;margin-left: 10px;margin-right: 10px}
.box-col{width: 30%;padding: 10px;padding-top:20px;padding-bottom:20px;margin-left: 10px;margin-right: 10px;border-radius: 5px}
.blue{background: #25b7d3}
.yellow{background: #ffc107}
.white{background: #fff}
.green{background: #81ec99}
.c-green{color: #81ec99}
.icon-col{height: 60px;background: #fff;border-radius: 30px}
.page-render{float: right;margin-top: -25px;margin-right: 10px}
.footer{padding: 10px;background: #54504e}
.link-footer{margin: auto;}
.link-foot{text-decoration: none;color:#fff;font-size: 14px}
.link-foot:hover{text-decoration: underline;}
.copyright{color: #54504e;padding: 2px}
.margin-10{margin: 10px}
.page-render{margin-top: -40px}
.box-wd{padding:10px;text-align:center;width:130px;border: 1px solid #ccc;border-radius:5px;float:right;margin-top: -25px}
.p-earn{font-size:14px;font-weight: 900;}
.p-rp{font-size:18px;font-weight: 600;color: #976d6d;margin-bottom:10px}
.a-wd{padding: 5px;color: #fff;font-weight: 600;border: 0px;border-radius: 5px;cursor: pointer;text-decoration:none;}
.a-reff{padding: 10px;color: #fff;font-weight: 600;border: 0px;border-radius: 5px;cursor: pointer;text-decoration:none;}
.c-grey{color:#54504e}
.orange{background:orange}
.p-text{font-size: 15px;line-height: 25px;font-weight: 700;color: #976d6d}
.icon-smile{height: 15px;border-radius: 15px}
.p-stastik{font-size: 15px;line-height: 25px;font-weight: 700;color: #976d6d}
.select-chart{border: 1px solid #d0bbaf;border-radius: 5px;color: #898989;background: url('<?php echo base_url('../../icon/arrow-down.png')?>') 150px;height: 24px;width: 140px;line-height: 24px;outline: 0;font-size: 12px;margin: 0;-webkit-appearance: none;-moz-appearance: none;float: right;}
.tb-po-chart{font-weight: 600;margin:10px 0px 0px 20px;color: #976d6d}
.table {border-collapse: collapse;width: 100%;}
.th, .td {text-align: left;padding: 8px;text-align:center}
.tr:nth-child(even){background-color: #f2f2f2}
.th {background-color: #898989;color: white;}
.td-link{max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.btn{padding: 5px;color: #fff;font-weight: 600;border: 0px;border-radius: 5px;cursor: pointer;text-decoration:none;}
.btn-max{padding: 15px 40px 15px 40px;color: #fff;font-weight: 600;border: 0px;border-radius: 5px;cursor: pointer;text-decoration:none;margin-top: 20px}
.a-wd:hover{background: #55ad69}
.input-reff{padding: 9px;border-radius: 5px; border: 1px solid;width: 250px;font-weight: 600}
.grey-merah{background: #e6d1d1;}
.box-login-join{width:800px;margin: auto;padding-bottom: 40px}
.flex{display: flex}
.col-login-out{padding-top: 20px;padding-bottom:20px;width: 50%;}
.a-login-join{font-weight: 900;font-size: 30px;text-decoration: none;}
.box-in-login-out{margin-top:40px;padding: 20px}
.label-log-out{font-weight: 600;font-size: 16px;margin-bottom: 5px;display: block;}
.input-log-out{padding: 15px 10px 15px 10px;border-radius:5px;border: 1px solid;width: 90%;font-weight: 600;font-size: 16px;display: block;}
.reset-pass{float: right;margin-right: 53px;margin-top:10px;text-decoration: none;font-size: 14px;color: orange;font-weight: 600}
.reset-pass:hover{text-decoration: underline;}
.btn-max:hover{background: #e1ae4f}
.box-flex-join{display: flex;}
.email-join{width: 50%}
.phone-join{width: 45%}
#alert{text-transform: uppercase;font-weight: 600;margin: 10px;border-radius: 5px;color: grey;height: 50px;}
#verif-email{margin-top:-70px;}
.a{max-width: 550px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box-det-link{margin-left: 180px;margin-top: 10px;height: 0px}
.btn-link-copy{border: 0px solid;padding: 3px;border-radius: 5px;font-weight: 700;color: #fff;margin: -2px 5px 5px 5px}
#link{border: 1px solid grey;border-radius: 5px;font-size: 14px;font-weight: 600;width: 180px}
/*404*/
.up-margin-100{margin-top: 100px}
.div-404{background: #ff8c8c;padding: 10px;width: 150px;height:150px;border-radius: 100%;margin: auto;margin-bottom: 20px}
.div-text-404{text-align: center;font-weight: 600;font-size: 72px;;padding: 10px;border-radius: 10px;margin-top:25px;color: #fff}
.div-desc-404{border:2px dashed #c6b4b4;width: 200px;margin: auto;padding: 5px;margin-bottom: 10px}
.div-desc-text{text-align: center;font-weight: 900;font-size: 12px;color: #643333}
.desc-site{text-align: center;font-weight: 600;color: #643333}
.cl-blue{color: blue}
.cl-black{color: #000}
.url-preview{margin-right: 10px;font-weight:600;color: #fff}
.ads-728{width: 750px;height: 100px;background: #ccc;margin: auto;margin-top: 15px;margin-bottom:15px}
.center-margin{margin: auto;display:block;}
.ads-300{width: 320px;height: 270px;background: #ccc;margin: auto;margin-top: 15px;margin-bottom:15px}
.hide{display: none;}
@media only screen and (max-width: 600px) {
#dd{overflow: auto;}
#link{font-size: 12px;font-weight: 600;width: 140px}
.a{width: 250px;}
.box-det-link{margin-left: 20px;font-size: 12px}
.btn-link-copy{padding: 4px;font-size: 10px;font-weight: 800;margin-top: -5px;cursor: pointer;}
.input-reff{width: 180px;font-size: 9px}
.container{width: 100%}
.login-regis{padding: 5px;font-size: 9px}
.separator{font-size: 9px;}
.nav-regis{margin-right: -10px}
.input-url{width: 80%}
.btn-url{margin-top: 5px;padding: 10px}
.nav-link{margin-bottom: 20px}
.box-central{padding-top: 10px;padding-bottom: 10px}
.box-flex{display: block;margin-top: -40px;margin-bottom: 30px}
.col{width: 100%;padding: 0px;margin-left: 0px;margin-right: 0px;margin-top: 20px}
.box-col{width: 80%;padding: 0px;margin-left: 0px;margin: auto;display: block;margin-bottom: 10px;padding: 5px}
.page-render{font-size: 9px;}
.link-footer{font-size: 9px;}
.copyright{font-size: 10px}
.box-wd{margin-top: 0px;float: none;width: 100%;padding: 0px;padding-top: 10px;padding-bottom: 15px;margin-bottom: 20px;}
.p-text{font-size: 12px}
.tb-po-chart{font-size: 10px;margin-left: -10px;margin-bottom: 0px}
.select-chart{background: url("<?php echo base_url('../icon/arrow-down.png')?>") 115px;width: 105px;margin-top: 9px}
.th, .td {padding: 5px;font-size: 10px}
.btn{font-size: 10px;padding: 5px}
.h3{font-size: 12px}
.h2{font-size: 14px;margin: 5px}
.btn-max{padding: 10px 20px 10px 20px;}	
.box-login-join{width:100%;padding-bottom: 10px}
.col-login-out{padding-top: 10px;padding-bottom:5px;width: 50%;}
.a-login-join{font-weight: 900;font-size: 14px;text-decoration: none;}
.box-in-login-out{margin-top:20px;}
.label-log-out{font-size: 12px;}
.input-log-out{font-size: 10px;padding: 10px}
.reset-pass{float: right;margin-right: 4px;font-size: 12px;}
.btn-max{padding: 5px 10px 5px 10px}
.box-flex-join{display: flex;}
.email-join{width: 45%;margin-left: 5%;}
#alert{font-size: 12px;}
.render-short{margin-top: 30px;padding-bottom: 5px}
.ads-728{display: none;}
}