/*This is for Theme Editing and Updating*/

:root {
    --MenuColor: #863aca;
    --BtnColor: #171999;
    --BtnHoverColor: #863aca;
}


/* End Editing theme*/

body > div.appHeader.bg-primary.text-light > div.right > a {
    color: white !important;
    font-weight: 400;
}

.notification-dialog.ios-style .notification-header .close-button {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff !important;
    opacity: 0.9;
}

.appBottomMenu .item .action-button {
    background: var(--MenuColor) !important;
}

.appBottomMenu .item.active:before {
    background: var(--MenuColor) !important;
}

.appBottomMenu .item.active .icon, .appBottomMenu .item.active ion-icon, .appBottomMenu .item.active strong {
    color: var(--MenuColor) !important;
}

.bg-primary {
    background: var(--BtnColor) !important;
}

.wallet-card-section:before {
    background: var(--MenuColor) !important;
}

#loader {
    background: var(--MenuColor) !important;
}

.btn-primary {
    background: var(--BtnColor) !important;
    border-color: var(--BtnColor) !important;
}

    .btn-primary:hover {
        background: var(--BtnHoverColor) !important;
        border-color: var(--BtnHoverColor) !important;
    }

a {
    color: var(--MenuColor) !important;
}

.prev {
    color: var(--MenuColor) !important;
}

.next {
    color: var(--MenuColor) !important;
}
.dpifs-today {
    color: var(--MenuColor) !important;
}
.dpifs-clear {
    color: var(--MenuColor) !important;
}
.dpifs-close {
    color: var(--MenuColor) !important;
}

.year.disabled {
    color: #d0c9c9 !important;
}

.year {
    color: #2c2b2d !important;
}

.year.active.focused {
    color:white !important;
}

.year.old.active {
    color:white !important;
}


.converter-right-border {
    display: inline-block;
    position: relative;
}

.middleAlign {
    position: relative;
    vertical-align: super;
}

.custom-input {
    border: none;
    border-bottom: 1px solid #dcdce9;
    border-radius: 0;
}

.transactions .item {
    box-shadow: 0 1px 3px 0 rgb(155 151 151 / 48%);
}

#mob-partcp {
    padding-bottom: 2px;
}




.font_22 {
    font-size: 20px;
}

.clr_black {
    color: #000;
}

.appHeader .left .headerButton, .appHeader .right .headerButton {
    color: #e70909 !important;
}

.font_20 {
    font-size: 18px;
}

.bg_yellow {
    background-color: #feed23 !important;
}

.bg_green {
    background-color: #55ff95 !important;
}

    .bg_green .status_value {
        color: #8f2f2f !important;
    }

.bg_red {
    background-color: #ff2828 !important;
}

    .bg_red .status_value {
        color: #3f3e3efa !important;
    }

.mx_auto {
    margin: 0 auto;
}

.status_value {
    font-size: 16px !important;
    color: #828282 !important;
    max-width: 110px !important;
}

/*------- paginator -------------*/

#paging {
    padding: 0 20px 20px 20px;
    font-size: 13px;
    margin-top: 10px;
}

    #paging a {
        color: #000;
        background: #ffffff !important;
        padding: 3px 8px;
        margin-right: 5px;
        text-decoration: none;
        border: 1px solid #e7e5e5;
        border-radius: 4px;
    }

        #paging a.aktif {
            color: #fff !IMPORTANT;
            padding: 3px 10px;
        }

        #paging a:hover {
            border: 1px solid #b2a7a7;
        }
/*---------------------------------*/