/* REWARD */
._rewarddiv img{
filter: blur(1px);
}
._rewarddiv{
    /* color: white; */
    width: 80%;
    height: auto;
    background: #d7ceba9e;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
    /* filter: blur(1px); */
    margin-bottom: 15px;
}
._rewarddivactive{
    /* color: white; */
    width: 100%;
    height: 120px;
    /* background: #30cfe833; */
    padding: 5px;
    border-radius: 8px;
    text-align: center;
    /* border: 2px solid #74c4c7; */
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    margin-bottom: 15px;
}
._rewarddiv img{
    width:100%;
    height:55%;
    object-fit: contain;
}
._rewarddivactive img{
    width:100%;
    height:55%;
    object-fit: contain;
}
/* TOPUP DETAIL */
._divtopupdtl{
    text-align: center;
    background: #b3cde529;
    border-radius: 8px;
    color: black !important;
    padding: 20px;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}
._imgdtlhistop{
    width: 40%;
    /* background: #ffffffef; */
    border-radius: 8px;
    padding: 10px;
}
._vanumber:hover{
    cursor:pointer;
}
/* TOPUP HISTORY */
._topuphistorysection table tr th{
    color: white;
}
._topuphistorysection table thead{
    background: #007bff;
}
._topuphistorysection .dataTables_info{
    color: white !important;
}
._topuphistorysection table tbody img{
    width: 20px;
}

/* TOP UP */
.paymentmethod .radio-container ._itemimgdtl {
    width: 100px !important;
    height: 80px !important;
    object-fit: contain;
}
.paymentmethod .radio-container{
    background: #ffffff00;
    border-radius: 8px;
    padding-left: 50px !important;
    padding-right: 15px;
    color: black !important;
}
.paymentmethod ._itemket{
    color: white !important;
}
.paymentmethod .custom-radio{
    left: 15px !important;
    top: 45px !important;
}
.yy .current {
    color: #000000 !important;
    /* font-weight: bold; */
    /* font-style: italic; */
}
.paymentmethod{
    margin-top: 15px;
}
@media (max-width: 425px){
    ._vanumber{
        font-size: 18px;
    }
    ._imgdtlhistop{
        width: 50%;
    }
    .paymentmethod .radio-container{
        height: 200px !important;
    }
    .paymentmethod .custom-radio {
        top: 80px !important;
    }
    .paymentmethod .radio-container ._itemimgdtl {
        height: 100px !important;
    }
}
/* CHAR LIST */
._modal-teleport .nice-select{
    width:100%;
}
._modal-teleport .nice-select ul{
    width:100%;
}
._charlistsection table tr th{
    color: white;
}
._charlistsection table thead th , ._charlistsection table tbody tr td .btn-sm{
    white-space: nowrap;
}
._charlistsection table thead{
    background: #007bff;
}
._charlistsection .dataTables_info{
    color: white !important;
}
._charlistsection table tbody img{
    width: 25px;
}
/* TOP PLAYER */
._topplayersection table tr th{
    color: white;
}
._topplayersection table thead th{
    white-space: nowrap;
}
._topplayersection table thead{
    background: #007bff;
}
._topplayersection .dataTables_info{
    color: white !important;
}
._topplayersection table tbody img{
    width: 25px;
}

/* ITEM HISTORY */
._itemhistorysection table tr th{
    color: white;
}
._itemhistorysection table thead{
    background: #007bff;
}
._itemhistorysection .dataTables_info{
    color: white !important;
}
._itemhistorysection table tbody img{
    width: 20px;
}

/* HELP */
._contenthelp{
    padding-left:30px;
    padding-right:30px;
}
._headerhelp{
    /* color: white; */
    text-align:center;
    font-size: 22px;
}
._garis{
    border-bottom: 1px solid white;
    margin-top: 75px;
    margin-bottom: 75px;
}
._desc textarea{
    width:100%;padding:10px 15px;
    background: #ccdfff;
    border: 0px;
}
._desc .error{
    top:0px !important;
} 
/* ITEM MALL DETAIL */
._kategori_nav{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
._linkswal2:hover{
    color: #067eff;
}
#formItem ._buyitem .modal-header{
    text-align: center;
    display: block;
}
#formItem .btn-buy{
    width:100%;
}
#formItem ._itemnama{
    padding-left:15px;
}
._visible-xs{
    display: none;
}
.btn_buy_item .site-btn{
    width: 70%;
    background: #3f9ae5;;
    padding: 6px 0px;
    border-radius:8px;
}
.btn_buy_item .site-btn:hover{
    background: #2c81c7 !important;
}
.btn_buy_item img{
 width:25px;
}
#formItem ._itemket{
    background: green;
    border-radius: 4px;
    padding: 4px 8px;
    margin-left: 4px;
    font-size: 14px;
    color: white;
}

#formItem ._pricecash img,#formItem ._pricepoint img{
    width:15px;
    margin-top: -2px;
}
#formItem ._pricecash{
    float:right;
    margin-top: 5px;
}
#formItem ._pricepoint{
    float:right;
    margin-left:50px;
    margin-top: 5px;
}
#formItem .radio-container {
    border-radius: 8px;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
    display: block;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 50px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    /* color: white; */
}
#formItem .radio-container ._itemimgdtl{
    width: 30px;
    height: 30px;
    object-fit: contain;
}
  
/* Hide the browser's default radio button */
#formItem .radio-container input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
#formItem .custom-radio {
position: absolute;
top: 20px;
left: 15px;
height: 20px;
width: 20px;
background-color: white;
border: 2px solid #C8C8C8;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
/* .container:hover input ~ .checkmark {
background-color: #ccc;
} */

/* When the radio button is checked, add a blue background */
#formItem .radio-container input:checked ~ .custom-radio {
background-color:white ;
border: 2px solid #f5f7f5;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#formItem .custom-radio::after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
#formItem .radio-container input:checked ~ .custom-radio::after {
display: block;
}

/* Style the indicator (dot/circle) */
#formItem .radio-container .custom-radio::after {
    top: 0px;
    left: 0px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #47a2ed;
}

.product__pagination .page-item a{
    background: transparent;
    line-height: 33px;
    font-weight: bold;
}
.product__pagination .page-item.active .page-link{
    background-color: transparent;
    border: 1px solid black;
    border-radius: 50%;
    line-height: 2.05;
    text-align: center;
    height:50px;
    width:50px;
    font-weight: bold;
    color: black;
}
.page-item.active .page-link{
    /* color:black ; */
}
.product__pagination .page-link:hover{
    border: 0px solid transparent;
}
.product__pagination .page-item.disabled .page-link {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    line-height: 2.05;
    text-align: center;
    height: 50px;
    width: 50px;
    color: #b7b7b7;
}
.product__pagination .page-item.disabled:hover{
    cursor: no-drop;
}
.page-link:focus{
    box-shadow: none;
}
._align_center{
    text-align: center;
}
._align_right{
    text-align: right;
}
._align_left{
    text-align: left;
}
._item_detail_ket{
    background: #717171;
    border-radius: 4px;
    padding: 15px 30px;
    box-shadow: rgb(0 255 223 / 35%) 0px 5px 15px;
}
._img_item_detail img{
    width: 100%;
    background: #e8e8e8;
    /* box-shadow: rgb(0 255 223 / 35%) 0px 5px 15px; */
    border-radius: 4px; 
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
._img_item_detail h4{
    /* color: white; */
}
@media (max-width: 768px) {
    #formItem ._itemnama{
        padding-left:0px;
    }   
    ._responsi_x{
        width: 100%;
        overflow-x: scroll;
    }
    ._img_item_detail h4{
        margin-top: 30px;
    }
    .btn_buy_item ._align_right{
        margin-top:10px;
    }
    .btn_buy_item ._align_left{
        margin-top:10px;
    }
}
@media (max-width: 425px) {
    #formItem .radio-container ._itemimgdtl {
        width: 100%;
        height: 120px;
        object-fit: contain;
    }
    #formItem .radio-container {
        text-align: center;
        margin-bottom:50px;
    }
    #formItem ._pricepoint {
        float:none;
        margin-left: 0px;
    }
    #formItem ._pricecash {
        float: none;
    }
    #formItem .custom-radio{
        top:100px;
    }
    ._visible-xs{
        display: block;
    }
}


/* ITEM MALL */
._btn_coomingsoon{
    margin-top: 10px;
    background:#37380f;
    padding: 8px 15px;
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
    border: none;
    border-radius: 2px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
}
._featured__slider ._btn_coomingsoon{
    margin-top: 0px;
}
._featured__slider  ._link:hover{
    color:#438fde;
}
._btn_coomingsoon:hover{
    cursor:no-drop;
}
._itemmallimg1{
    width:100%;
    position: absolute;
    object-fit: contain;
    height: 100%;
}
._itemmallimg2{
    width:50px;
    position: absolute;
}
._product .product__item {
    margin-bottom: 50px;
}
._nodrop:hover{
    cursor: no-drop;
    /* color: white !important; */
}
._itemmall_cash{
    width: 18px;
}
._itemmall_point{
    width: 18px;
}
._btn_price{
    flex-wrap: nowrap;
    margin-right: 0px;
    margin-left: 0px;
}
._btn_price .col-lg-6{
    padding: 0px 0px;
}
._btn_price ._left{
    text-align: right;
    padding-right: 2px;
}
._btn_price ._right{
    text-align: left;
    padding-left: 2px;
}
._kategori_nav{
    margin-bottom: 30px;
}
._kategori_nav ul{
    position: relative !important;
}
._kategori_nav ul li:not(.active){
    filter: brightness(0.8);
}
._kategori_nav ul li:hover{
    filter: brightness(1);
}
._kategori_nav ul li{
    text-align: center !important;
    margin-right: 0px !important;
    width: 100px;
}
._kategori_nav ul li p{
    /* color: white; */
    margin-bottom: 0px;
}
._kategori_nav ul li img{
    width:50px;
    margin-bottom: 10px;
    margin-top: 15px;
}
._kategori_nav ul li.active {
    border-bottom: 3px solid #438fde;
}
/* MEDIA */
._section_media .product__item__pic{
    height: 225px;
}
/* PROFILE */
.table-profile {
    /* color:white; */
}
._userprofile .site-btn:hover {
    background: #1576dc !important;
}
.table-profile td, .table-profile th{
    border-top: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
/* REGISTER */
._register__form{
    text-align: center;
    padding-left: 0px;
}
._register__form .is-invalid{
    background-color: #de4343 !important;
}

._register__form .invalid-feedback{
    top: -12px;
    position: relative;
}

._register__form form .input__item{
    width:100%;
}
._register__form:after{
    background: none;
}
._register__form .nice-select{
    width: 100%;
    border-radius: 0px;
    margin-bottom: 20px;
    height: 50px;
    background: #ccdfff;
}
._register__form .nice-select span{
    top: 5px !important;
    font-size: 15px !important;
}
._register__form .nice-select .list{
    width: 100%;
    border-radius: 0px;
}
._register__form .site-btn:hover {
    background: #1576dc !important;
}
/* .dbo #dbo{
    padding-left: 18px;
}
.dbo:before{
    background: none !important;
} */


/* HEADER */
._section_server{
    /* background:white;padding:15px; */
    /* background: white; */
    padding: 15px;
    /* color: white; */
    font-size: 14px;
}
._server_on{
    color:#438fde;
}
._server_off{
    color:#f47d53;
}
._server_on i , ._server_off i{
    font-size: 12px;
}
._right{
    text-align: right;
}
._left{
    text-align: left;
}
._featured__slider .owl-nav button.owl-next, ._featured__slider .owl-nav button.owl-prev {
    background: 0 0;
    /* color: inherit; */
    border: none;
    padding: 0!important;
    font: inherit;
    /* color: white !important; */
    font-size: 40px;
    opacity: 0.5;
}
._featured__slider .owl-nav button.owl-next{
    float: right;
    z-index: 1;
    position: absolute;
    right: 0px;
}
._featured__slider .owl-nav button.owl-prev{
    position: absolute;
}
._featured__slider .owl-nav button.owl-prev:hover , ._featured__slider .owl-nav button.owl-next:hover{
    opacity: 1;
}
._featured__slider .owl-nav{
    /* float: right; */
    margin-top: -200px;
    margin-bottom: 250px;
}
/* ._featured__slider .owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -33px;
}

._featured__slider .owl-carousel .owl-nav button:after {
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	height: 54px;
	width: 54px;
	background: rgba(255, 255, 255, 0.1);
	content: "";
	z-index: -1;
	margin: 0 auto;
}

._featured__slider .owl-carousel .owl-nav button span {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: block;
	z-index: 1;
} */

._login__form:after{
    background: none;
}
._headerutama{
    text-align: center;margin-bottom: 20px;
}
._header{
    background: transparent;    
}
._headerutama .div-btn-download{
    margin-top: -75px;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
    text-align: center;
}
._headerutama .btn-download:hover{
    filter: hue-rotate(45deg);
    transition: filter 200ms ease-in-out;
}
.header_top_img{
    width: 100%;
    /* -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); */
}
.header__logo {
    padding: 10px 0;
}
.logo-menu{
    width: 75%;
}

.header__menu ul li .dropdown li.active , .header__menu ul li .dropdown li:hover {
    background-color: #438fde;
}
.header__menu ul li .dropdown li:hover a{
    color: white;
}
.header__menu ul li a {
    padding: 20px 15px;
}
.hero{
    /* padding-top: 25px; */
}
._login__form{
    padding-left:0px;
}
._login__form form .input__item {
    width: 100%;
}
._login__form .forget_pass {
    right: 0px;
    position: unset;
}
._featured__slider .product__sidebar__view__item {
    margin-bottom: 90px;
}
._featuredslider .productsidebarviewitem {
    height: 180px;
}
._featured__slider .product__sidebar__view__item h5 {
    bottom: 0px;
    text-align: center;
    position: relative;
    padding-top: 10px;
}
._login__form .forget_pass {
    margin-top: 10px;
}
._login__form .site-btn:hover{
    background:#1576dc;
    color: white;
}
.btn-logout:hover{
    background: rgb(206 0 0) !important;
}
.login__form .forget_pass:hover{
    color: #438fde!important;
}
._product__sidebar__view {
    margin-bottom: 15px;
}
._product {
    padding-top: 0px;
}
._featured__slider .featured__items {
    padding: 175px 0 0px 0px;
    border-radius: 5px;
    text-align: center;
    background-size: contain;
}
._product__sidebar__comment__item table th{
    color: white;
}
._product__sidebar__comment__item table thead{
    background: #438fde;
}
._site_btn span{
    float: right;
}
._site_btn span img{
    width: 16px !important;
}
._product__sidebar__comment__item table .job img{
    width:25px;
}
._detail_item .site-btn{
    margin-top: 10px;
    background:#0c64b0;
    padding: 8px 0px;
    width: 100%;
}
._detail_item .site-btn:hover{
    background:#02437b;
}
._section-trending .product__item__pic{
    /* height: 150px; */
    /* background-size: cover; */
}
._detail_item .product__item__pic{
    height: 110px;
    background-size: contain;
}
._featured__slider ._site_btn{
    background:#0c64b0;
    padding: 8px 15px;
    line-height: normal;
}
._featured__slider ._site_btn:hover{
    background:#02437b;
}
._content_utama p , ._content_utama h4{
    /* color:white; */
}
._news_utama{
    text-align: center;
}
._news_utama img{
    width: 160px;
    height: 160px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 50%;
}
._news_utama ._news_tgl{
    background: #438fde;display: inline-block;padding: 2px 12px;color:white;border-radius: 4px;font-size: 13px;
}
.btn-user-panel{
    text-align:center;
}
.btn-user-panel .btn-gold{
    background:#d69915;
    width: 100%;
    padding: 6px 30px;
    margin-top: 6px;
}
.btn-user-panel .btn-gold:hover{
    background: #b17900 !important;
    color: white;
}
.btn-user-panel .btn-blue{
    background: #4765e7;
    width: 100%;
    padding: 6px 30px;
    margin-top: 6px;
}
.btn-user-panel .btn-blue:hover{
    background: #133ae7 !important;
    color: white;
}
.btn-user-panel .btn-purple{
    background: #ff0898;
    width: 100%;
    padding: 6px 30px;
    margin-top: 6px;
}
.btn-user-panel .btn-purple:hover{
    background: #d20071 !important;
}
.btn-user-panel .btn-green{
    background: #05974e;
    width: 100%;
    padding: 6px 30px;
    margin-top: 6px;
}
.btn-user-panel .btn-green:hover{
    background: #056e3a !important;
    color: white;
}
.btn-user-panel .site-btn{
    width: 100%;
    padding: 6px 30px;
    margin-top: 6px;
}
#formLoginMember .site-btn{
    padding:12px 16px;
}


@media (max-width: 1199px) {
    ._detail_item .product__item__pic {
        height: 135px;
    }
}
@media (max-width: 991px) {
    ._detail_item .product__item__pic{
        height: 300px;
        background-size: contain;
    }
    .logo-menu{
        width: 75px;
    }
    #mobile-menu-wrap .arrow_carrot-down{
        display: none;
    }
    #mobile-menu-wrap ul li ul li{
        padding-left:15px;
    }
    ._product {
        padding-top: 0px;
    }
}
@media (max-width: 768px) {
    .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    ._section_server{
        /* background: #070720; */
        padding: 15px;
        /* color: white; */
    }
    ._mcenter{
        text-align: center !important;
    }
    .container-xl , .container-lg{
        padding-left: 0px;
        padding-right: 0px;
    }
    ._header{
        /* background: #070720;     */
    }
    .slicknav_nav ul li ul li{
        padding-left:15px;
    }
    ._detail_item .product__item__pic{
        height: 200px;
        padding-left: 0px;
        padding-right: 0px;
    }
    /* ._detail_item{
        padding-left: 12vw;
        padding-right: 12vw;
    } */
    ._news_utama img{
        width:100%;
        margin-bottom:15px;
        height: 200px;
        object-fit: cover;
    }
    /* .slicknav_nav .slicknav_row, .slicknav_nav a {
        color: #f1f1f1;
    }
    .slicknav_nav .slicknav_arrow {
        color: #f1f1f1;
    }
    .slicknav_nav {
        background: #070720;
    } */
}
@media (max-width: 575px){
    ._detail_item .product__item__pic{
        height: 50vw;
        padding-left: 0px;
        padding-right: 0px;
    }
    ._detail_item{
        padding-left: 10vw;
        padding-right: 10vw;
    }
}

@media (max-width: 479px){
    ._login__form .forget_pass {
        margin-top: 10px;
    }
}

/* HEADER */

/* MENU */
.header__menu ul li .dropdown{
    width: 200px;
}
.slicknav_nav ul li.active a a {
    color:#438fde !important;
}
.table-member-panel{
    /* color: white; */
    text-align: left;
    font-weight: bold;
}
.table-member-panel th , .table-member-panel td{
    border-top: 0px solid #dee2e6;
    padding: 0.25rem;
}

.table-member-panel ._money td{
    font-size: 22px;
}
.table-member-panel ._value{
    text-align: right;
}
.table-member-panel ._value a:hover{
    color:#0c64b0;
}

/* GLOBAL */
.input__item input{
    color: black !important;
}
#timeserver{
    /* color: white; */
}
.btn-disabled{
    filter: grayscale(1);
}
.btn-disabled:hover{
    cursor: no-drop;
}
html , body{
    background: #00d1e405 !important;
}
.footer{
    background: white;
    background: #e3e3e3;
    margin-top: 50px;
}
._container_dasar{
    background: rgb(232 229 229 / 90%);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.dropdown{
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.product__sidebar__view , .product__sidebar__comment,.section-trending{
    background: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    -o-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.btn__all a:hover, .btn__all a:focus {
    text-decoration: none;
    outline: none;
    color: #0b72dc;
}
.btn-logout{
    background:rgb(255, 54, 54) ;
}
.hero__slider {
    /* padding-bottom: 30px; */
    /* height: 180px; */
    /* overflow: hidden; */
}
.header__nav{
    padding-top: 15px;
    padding-bottom: 15px;
}
/* .item-shadow{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.item-shadow .item-shadow-dt{
    padding-left: 0px !important;
    padding-right: 0px !important;  
}
*/
._detail_item {
    padding: 15px;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
} 
._section_bg{
    background-color:rgb(232 229 229 / 90%) ;
    height: 15px;
    margin-left: -15px;
    margin-right: -15px;
}
.hero__items{
    background-size: 100%;
}
@media (max-width: 768px) {
    .header__nav{
        padding-top: 0px;
        padding-bottom: 0px;
    } 
}