/* .stats-icon { 
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    background-color: #000;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center
}

.stats-icon i {
    color: #fff;
    font-size: 1.7rem
}

.stats-icon.purple {
    background-color: #9694ff
}

.stats-icon.blue {
    background-color: #57caeb
}

.stats-icon.red {
    background-color: #ff7976
}

.stats-icon.green {
    background-color: #5ddab4
}

@media (max-width:767px) {
    .stats-icon {
        float: left;
        margin-bottom: .4rem
    }
}*/

/*
*
* DO NOT USE PHP FORMATTER, CODE PRETTIER, OR ANYTHING THAT INTENDED TO MAKE A CODE HAVE BETTER LOOK
*
*/

/*
* rem padding
*/

/*all sides*/
.prm-0{padding: 0rem !important;} .prm-1{padding: 1rem !important;} 
.prm-2{padding: 2rem !important;} .prm-3{padding: 3rem !important;} 
.prm-4{padding: 4rem !important;} .prm-5{padding: 5rem !important;} 
.prm-6{padding: 6rem !important;} .prm-7{padding: 7rem !important;} 
.prm-8{padding: 8rem !important;} .prm-9{padding: 9rem !important;}

.prm-00{padding: .0rem !important;} .prm-01{padding: .1rem !important;} 
.prm-02{padding: .2rem !important;} .prm-03{padding: .3rem !important;} 
.prm-04{padding: .4rem !important;} .prm-05{padding: .5rem !important;} 
.prm-06{padding: .6rem !important;} .prm-07{padding: .7rem !important;} 
.prm-08{padding: .8rem !important;} .prm-09{padding: .9rem !important;}
/*all sides end*/

/*top*/
.ptrm-0{padding-top: 0rem !important;} .ptrm-1{padding-top: 1rem !important;} 
.ptrm-2{padding-top: 2rem !important;} .ptrm-3{padding-top: 3rem !important;} 
.ptrm-4{padding-top: 4rem !important;} .ptrm-5{padding-top: 5rem !important;} 
.ptrm-6{padding-top: 6rem !important;} .ptrm-7{padding-top: 7rem !important;} 
.ptrm-8{padding-top: 8rem !important;} .ptrm-9{padding-top: 9rem !important;}

.ptrm-00{padding-top: .0rem !important;} .ptrm-01{padding-top: .1rem !important;} 
.ptrm-02{padding-top: .2rem !important;} .ptrm-03{padding-top: .3rem !important;} 
.ptrm-04{padding-top: .4rem !important;} .ptrm-05{padding-top: .5rem !important;} 
.ptrm-06{padding-top: .6rem !important;} .ptrm-07{padding-top: .7rem !important;} 
.ptrm-08{padding-top: .8rem !important;} .ptrm-09{padding-top: .9rem !important;}
/*top end*/

/*bottom*/
.pbrm-0{padding-bottom: 0rem !important;} .pbrm-1{padding-bottom: 1rem !important;} 
.pbrm-2{padding-bottom: 2rem !important;} .pbrm-3{padding-bottom: 3rem !important;} 
.pbrm-4{padding-bottom: 4rem !important;} .pbrm-5{padding-bottom: 5rem !important;} 
.pbrm-6{padding-bottom: 6rem !important;} .pbrm-7{padding-bottom: 7rem !important;} 
.pbrm-8{padding-bottom: 8rem !important;} .pbrm-9{padding-bottom: 9rem !important;}

.pbrm-00{padding-bottom: .0rem !important;} .pbrm-01{padding-bottom: .1rem !important;} 
.pbrm-02{padding-bottom: .2rem !important;} .pbrm-03{padding-bottom: .3rem !important;} 
.pbrm-04{padding-bottom: .4rem !important;} .pbrm-05{padding-bottom: .5rem !important;} 
.pbrm-06{padding-bottom: .6rem !important;} .pbrm-07{padding-bottom: .7rem !important;} 
.pbrm-08{padding-bottom: .8rem !important;} .pbrm-09{padding-bottom: .9rem !important;}
/*bottom end*/

/*left*/
.plrm-0{padding-left: 0rem !important;} .plrm-1{padding-left: 1rem !important;} 
.plrm-2{padding-left: 2rem !important;} .plrm-3{padding-left: 3rem !important;} 
.plrm-4{padding-left: 4rem !important;} .plrm-5{padding-left: 5rem !important;} 
.plrm-6{padding-left: 6rem !important;} .plrm-7{padding-left: 7rem !important;} 
.plrm-8{padding-left: 8rem !important;} .plrm-9{padding-left: 9rem !important;}

.plrm-00{padding-left: .0rem !important;} .plrm-01{padding-left: .1rem !important;} 
.plrm-02{padding-left: .2rem !important;} .plrm-03{padding-left: .3rem !important;} 
.plrm-04{padding-left: .4rem !important;} .plrm-05{padding-left: .5rem !important;} 
.plrm-06{padding-left: .6rem !important;} .plrm-07{padding-left: .7rem !important;} 
.plrm-08{padding-left: .8rem !important;} .plrm-09{padding-left: .9rem !important;}
/*left end*/

/*right*/
.prrm-0{padding-right: 0rem !important;} .prrm-1{padding-right: 1rem !important;} 
.prrm-2{padding-right: 2rem !important;} .prrm-3{padding-right: 3rem !important;} 
.prrm-4{padding-right: 4rem !important;} .prrm-5{padding-right: 5rem !important;} 
.prrm-6{padding-right: 6rem !important;} .prrm-7{padding-right: 7rem !important;} 
.prrm-8{padding-right: 8rem !important;} .prrm-9{padding-right: 9rem !important;}

.prrm-00{padding-right: .0rem !important;} .prrm-01{padding-right: .1rem !important;} 
.prrm-02{padding-right: .2rem !important;} .prrm-03{padding-right: .3rem !important;} 
.prrm-04{padding-right: .4rem !important;} .prrm-05{padding-right: .5rem !important;} 
.prrm-06{padding-right: .6rem !important;} .prrm-07{padding-right: .7rem !important;} 
.prrm-08{padding-right: .8rem !important;} .prrm-09{padding-right: .9rem !important;}
/*right end*/

/*
* rem padding end
*/

/* rem margin */
/*all sides*/
.mrm-0{margin: 0rem !important;} .mrm-1{margin: 1rem !important;} 
.mrm-2{margin: 2rem !important;} .mrm-3{margin: 3rem !important;} 
.mrm-4{margin: 4rem !important;} .mrm-5{margin: 5rem !important;} 
.mrm-6{margin: 6rem !important;} .mrm-7{margin: 7rem !important;} 
.mrm-8{margin: 8rem !important;} .mrm-9{margin: 9rem !important;}

.mrm-00{margin: .0rem !important;} .mrm-01{margin: .1rem !important;} 
.mrm-02{margin: .2rem !important;} .mrm-03{margin: .3rem !important;} 
.mrm-04{margin: .4rem !important;} .mrm-05{margin: .5rem !important;} 
.mrm-06{margin: .6rem !important;} .mrm-07{margin: .7rem !important;} 
.mrm-08{margin: .8rem !important;} .mrm-09{margin: .9rem !important;}
/*all sides end*/

/*top*/
.mtrm-0{margin-top: 0rem !important;} .mtrm-1{margin-top: 1rem !important;} 
.mtrm-2{margin-top: 2rem !important;} .mtrm-3{margin-top: 3rem !important;} 
.mtrm-4{margin-top: 4rem !important;} .mtrm-5{margin-top: 5rem !important;} 
.mtrm-6{margin-top: 6rem !important;} .mtrm-7{margin-top: 7rem !important;} 
.mtrm-8{margin-top: 8rem !important;} .mtrm-9{margin-top: 9rem !important;}

.mtrm-00{margin-top: .0rem !important;} .mtrm-01{margin-top: .1rem !important;} 
.mtrm-02{margin-top: .2rem !important;} .mtrm-03{margin-top: .3rem !important;} 
.mtrm-04{margin-top: .4rem !important;} .mtrm-05{margin-top: .5rem !important;} 
.mtrm-06{margin-top: .6rem !important;} .mtrm-07{margin-top: .7rem !important;} 
.mtrm-08{margin-top: .8rem !important;} .mtrm-09{margin-top: .9rem !important;}
/*top end*/

/*bottom*/
.mbrm-0{margin-bottom: 0rem !important;} .mbrm-1{margin-bottom: 1rem !important;} 
.mbrm-2{margin-bottom: 2rem !important;} .mbrm-3{margin-bottom: 3rem !important;} 
.mbrm-4{margin-bottom: 4rem !important;} .mbrm-5{margin-bottom: 5rem !important;} 
.mbrm-6{margin-bottom: 6rem !important;} .mbrm-7{margin-bottom: 7rem !important;} 
.mbrm-8{margin-bottom: 8rem !important;} .mbrm-9{margin-bottom: 9rem !important;}

.mbrm-00{margin-bottom: .0rem !important;} .mbrm-01{margin-bottom: .1rem !important;} 
.mbrm-02{margin-bottom: .2rem !important;} .mbrm-03{margin-bottom: .3rem !important;} 
.mbrm-04{margin-bottom: .4rem !important;} .mbrm-05{margin-bottom: .5rem !important;} 
.mbrm-06{margin-bottom: .6rem !important;} .mbrm-07{margin-bottom: .7rem !important;} 
.mbrm-08{margin-bottom: .8rem !important;} .mbrm-09{margin-bottom: .9rem !important;}
/*bottom end*/

/*left*/
.mlrm-0{margin-left: 0rem !important;} .mlrm-1{margin-left: 1rem !important;} 
.mlrm-2{margin-left: 2rem !important;} .mlrm-3{margin-left: 3rem !important;} 
.mlrm-4{margin-left: 4rem !important;} .mlrm-5{margin-left: 5rem !important;} 
.mlrm-6{margin-left: 6rem !important;} .mlrm-7{margin-left: 7rem !important;} 
.mlrm-8{margin-left: 8rem !important;} .mlrm-9{margin-left: 9rem !important;}

.mlrm-00{margin-left: .0rem !important;} .mlrm-01{margin-left: .1rem !important;} 
.mlrm-02{margin-left: .2rem !important;} .mlrm-03{margin-left: .3rem !important;} 
.mlrm-04{margin-left: .4rem !important;} .mlrm-05{margin-left: .5rem !important;} 
.mlrm-06{margin-left: .6rem !important;} .mlrm-07{margin-left: .7rem !important;} 
.mlrm-08{margin-left: .8rem !important;} .mlrm-09{margin-left: .9rem !important;}
/*left end*/

/*right*/
.mrrm-0{margin-right: 0rem !important;} .mrrm-1{margin-right: 1rem !important;} 
.mrrm-2{margin-right: 2rem !important;} .mrrm-3{margin-right: 3rem !important;} 
.mrrm-4{margin-right: 4rem !important;} .mrrm-5{margin-right: 5rem !important;} 
.mrrm-6{margin-right: 6rem !important;} .mrrm-7{margin-right: 7rem !important;} 
.mrrm-8{margin-right: 8rem !important;} .mrrm-9{margin-right: 9rem !important;}

.mrrm-00{margin-right: .0rem !important;} .mrrm-01{margin-right: .1rem !important;} 
.mrrm-02{margin-right: .2rem !important;} .mrrm-03{margin-right: .3rem !important;} 
.mrrm-04{margin-right: .4rem !important;} .mrrm-05{margin-right: .5rem !important;} 
.mrrm-06{margin-right: .6rem !important;} .mrrm-07{margin-right: .7rem !important;} 
.mrrm-08{margin-right: .8rem !important;} .mrrm-09{margin-right: .9rem !important;}
/*right end*/
/* rem margin end */

/*view based*/
/*height*/
.vh-5{ height: 5vh; }
.vh-10{ height: 10vh; }
.vh-15{ height: 15vh; }
.vh-20{ height: 20vh; }
.vh-25{ height: 25vh; }
.vh-50{ height: 50vh; }
.vh-75{ height: 75vh; }
.vh-100{ height: 100vh; }
/*height end*/
/*width*/
.vw-5{ width: 5vw; }
.vw-10{ width: 10vw; }
.vw-15{ width: 15vw; }
.vw-20{ width: 20vw; }
.vw-25{ width: 25vw; }
.vw-50{ width: 50vw; }
.vw-75{ width: 75vw; }
.vw-100{ width: 100vw; }
/*width end*/
/*view based*/

/* this is for table that shaped like: | name | : | someData | */
#tdMain { width: 20%;} #tdSemicol { width: 5%; } #tdData { width: 75%; }
/* */

/* text outline */
.outline-wb {
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}
.outline-bw {
    color: black;
    text-shadow:
    -1px -1px 0 #FFF,
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px 1px 0 #FFF;  
}
/* */

/* floating button */
.floating-object {
    position: fixed;
    /*bottom: 20px;*/
    /* right: 20px; */
    /* bottom: 1.6rem;
    right: 1rem; */
    z-index: 9000;
    opacity: 90%;
    /* Pastikan icon muncul di atas konten */
    }

.floating-object.top {
    top: 1.6rem;
}
.floating-object.bottom {
    bottom: 1.6rem;
}
    
.floating-object.left {
    left: 20px;
}
    
.floating-object.right {
    right: 20px;
}
/* */