@media only screen and (max-width: 768px) {
  .historycontainer {width: 116%!important;
      margin-left: -26px!important;
  }
  }
  @media only screen and (max-width: 768px) {
  .koderefsaya {margin-top:10px;
  }
  }
.usernamecss {display: inline-block;
margin: auto;
font-weight: bold;
}
@media only screen and (max-width: 768px) {
.mb3aff {
  display: flex;
  gap: 10px;
}
}
.card-header-aff {
color:#d7d7d7;
background-color:#330066!important;
padding:20px!important;
border-top-left-radius:10px!important;
border-top-right-radius:10px!important;
}
.bayarmanual {display:none!important;}
..bayarotomatis {display:none!important;}
.info-skor {
  width:100%;
  display: flex;
  justify-content: center;
    padding: 15px;
}
.card-body {overflow-x:scroll!important;}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:5px;
	text-align:center;
  font-size:30px;

  z-index:100;
}

.my-float{
	margin-top:16px;
}
.table {overflow-x:scroll!important;}
.table100 {
overflow-x:scroll!important;
}

.navbar-toggler:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
.h-100 {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.text-premium {color: #000!important;}
.statusharga {font-size: 25px!important;}
.MsoNormal {margin-left: 0px!important;}
@media only screen and (max-width: 768px) {
audio {
    display: block;
    width:100%;
 }
}
@media only screen and (max-width: 768px) {
.dropdown-menu {
margin-left:-130px!important;
margin-bottom: 15px!important;
position:relative!important;
}
}
.testimonial p {font-size:18px!important;
line-height: 100%!important;}
@media only screen and (max-width: 768px) {
.container-fluid {width: 90%!important;}
}
.testimonial-reel {width:90%!important;}
.testimonial-section {border-radius: 10px!important;}
@media only screen and (min-width: 768px) {
.container-fluid {width: 98%!important;}
}
@media only screen and (max-width: 768px) {
#Quiz_filter_form {width:150px!important;
    margin-left:-110px!important;
}
}
.blog-author {display: none!important;}
.poinsoal {background-color:#fde0c1;
padding: 2px!important;
}

@media screen and (max-width: 768px){
.profcontainer {
width: 119% !important;
margin-left: -30px !important;
}
}
@media screen and (max-width: 768px){
.navtext {font-size:12px;}
}
@media screen and (max-width: 768px){
.navtextleft {margin-left:-30px;}
}
.statusaktif {background-color: #00cc66;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
}