/* category & item mode barbar */
.category-item-holder{
    margin-top:2rem;
}

.category-item-holder .category-item-row{
    padding:1rem 0 .5rem 0;
    border-bottom:1px dashed rgba(0,0,0,.2);
}

.category-item-holder .category-item-row:first-child{
    border-top:1px dashed rgba(0,0,0,.2);
}


/* class .decimal-float dibawah ini dipakai di topup/redeem process.
hanya aktif di mata uang desimal.
berhubung lebarnya dinamis tergantung jumlah mata uangnya,
jangan diutak atik dulu deh kecuali rusak */
.decimal-float{
    position:absolute;
    top:1px;
    right:1px;
    height:3.25rem;
    font-size:1.5rem;
    color:#333;
    background:transparent;
    transition:.3s ease;
    -moz-transition:.3s ease;
    -webkit-transition:.3s ease;
    -ms-transition:.3s ease;
    cursor: pointer;
    padding-left:.25em;
}

.price-decimal-float, .qty-decimal-float{
    position:absolute;
    top:1px;
    right:1px;
    height:3.25rem;
    font-size:1rem;
    color:#333;
    background:transparent;
    transition:.3s ease;
    -moz-transition:.3s ease;
    -webkit-transition:.3s ease;
    -ms-transition:.3s ease;
    cursor: pointer;
    padding-left:.25em;
}

.no-border{
    border:none;
}


.modal-input-pin .form-group{
    max-width:12em;
}

/*custom modal styling*/
.modal-input-pin .modal-content{
    overflow:hidden;
}

.modal-input-pin .pale{
    background:#F7F9FC;
    padding:0 2em;
    margin:0 -3em;
}

.w100{
    width:100%!important;
    max-width:100%!important;
}


.evoucher-label{
    font-size:1.15em;
    font-weight:bold;
}