/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */
/*
.main-sidebar{background:#fff !important;}
.sidebar-brand{height:100px !important;line-height:100px !important}

.sidebar-menu {background-color:#ee7708 !important;color:#fff !Important}

.dropdown-menu li a{color:#d0d0d0 !important}
.dropdown-menu li a:{color:#Fff !important}
*/

@media only screen and (max-width: 800px) {
   #display_id_member{
    font-size: 12px !important;
   }
   #display_saldo_deposit{
    font-size: 14px !important;
    margin-left:10px !important;
    text-align:left !important;
   }
   #display_saldo_poin{
    font-size: 14px !important;
    margin-right:10px !important;
    text-align: right !important;
   }
   .main-content{
    padding-left:10px !important;
    padding-right:10px !important;
   }
  }

a:hover{
    text-decoration: none;
    font-weight: bold;
}

.navbar-bg {
    background: rgb(22, 134, 54);
    background: linear-gradient(
        90deg,
        rgba(22, 134, 54, 1) 0%,
        rgba(31, 196, 78, 1) 100%
    );
    color: #fff !important;
}
.nav-link {
    color: #fff !important;
}
.btn-info {
    background: rgb(22, 134, 54);
    border: 1px solid rgba(31, 196, 78, 1);
}
.btn-info:hover {
    background: rgb(22, 134, 54) !important;
    background: rgba(31, 196, 78, 1) !important;
}
.menu-header {
    background: rgba(22, 134, 54, 1);
}
table th {
    color: #333!important;
    background:#ccc !important;
    
}
.purple {
    background: rgb(150, 0, 63) !important;
    color: #fff;
}
.alert-success {
    background: thistle !important;
    color: #333 !important;
}
.alert-danger {
    background: rgb(231, 63, 147) !important;
    color: #fff;
}
.alert-danger {
    background: #aaa !important;
    color: #fff !important;
}
.sidebar-brand {
    height: 150px !important;
    background: #fff !important;
    line-height: 100px !important;
}

.sidebar-brand img{
    overflow:hidden !important;
}
.sidebar-menu {
    background: linear-gradient(
        90deg,
        rgba(22, 134, 54, 1) 0%,
        rgba(31, 196, 78, 1) 100%
    );
    color: #fff !important;
}

.dropdown-menu li a {
    color: #eee !important;
}

.dropdown-menu li a:hover {
    color: #fff !important;
}

.abuabu {
    background: #f0f0f0 !important;
    color: #999 !important;
}
.abuabu td {
    color: #888 !important;
}
.abuabu a {
    color: #999 !important;
    font-weight: bold;
}
.abuabu a:hover {
    color: #000 !important;
    text-decoration: none;
}
.abuabu th {
    background-color: #d0d0d0 !important;
    color: #fff !important;
}

.mypurple {
    background: rgb(150, 0, 67) !important;
    color: #fff !important;
}
.mypurple:hover {
    background: rgb(168, 1, 76) !important;
    color: #fff !important;
}
.mypurple tr:hover {
    background: rgba(161, 4, 75, 0.877) !important;
    color: #ddd !important;
}

.mylightpurple {
    background: rgb(231, 63, 147) !important;
    color: #fff !important;
}
.mylightpurple1 {
    background: rgb(202, 11, 106) !important;
    color: #fff !important;
}
.silver {
    background: silver !important;
    color: #fff;
}
.silver a {
    color: #fff;
}
.orange {
    background: rgb(238, 119, 8) !important ;
    color: #fff !important;
}
.bg-abu {
    background: #f9f9f9 !important;
    color: #777 !important;
}
.gold {
    background-color: gold !important;
    color: #777 !important;
}
.gold a {
    color: #777 !important;
}
.business_partner {

    background: linear-gradient(
        90deg,
        rgba(22, 134, 54, 1) 0%,
        rgba(31, 196, 78, 1) 100%
    );
    color: #fff !important;
}
.business_partner a {
    color: #fff !important;
}
.disable {
    background-color: gray;
    color: silver !important;
}
.disable a {
    color: silver !important;
}
.free {
    background-color: #fff !important;
    color: 999 !important;
}
.free a {
    color: #999 !important;
}

.mitraperdana {
    background-color: rgb(75, 175, 221);
    color: #fff !important ;
}
.mitraperdana a {
    color: #eee !important;
}
.mitrabelanja {
    background-color:  thistle;
    color: #333 !important ;
}
.mitraperdana a {
    color: #555 !important;
}

.mitraniaga {
    background-color: rgb(29, 160, 40);
    color: #fff !important ;
}
.mitraniaga a {
    color: #eee !important;
}
