:root{

/* HEADER */
--pending-transaction-section-head-color:#c9a8ff;
--pending-trans-section-head-a-color:#a259ff;
--pending-trans-section-head-a-hover-color:#e0c6ff;

/* CAROUSEL ITEM */
--pending-trans-car-item-bg:linear-gradient(145deg,#1a0f2e,#2b1750);
--pending-trans-car-item-info-section-details-primary-color:#ffffff;
--pending-trans-car-item-info-section-details-secondary-color:#bfa6ff;

/* BUTTON */
--pending-trans-car-item-download-qr-btn-bg:linear-gradient(145deg,#8a4fff,#5e2dff);
--pending-trans-car-item-download-qr-btn-color:#fff;
--pending-trans-car-item-download-qr-btn-hover-bg:linear-gradient(145deg,#a259ff,#7a3cff);
--pending-trans-car-item-download-qr-btn-hover-color:#fff;

/* DETAIL CARD */
--pending-trans-detail-primary-color:#ffffff;
--pending-trans-detail-secondary-color:#bfa6ff;
--pending-trans-detail-card-bg:linear-gradient(180deg,#23133f,#140a26);
--pending-trans-detail-card-border-color:#6c35ff;
--pending-trans-detail-card-secondary-section-bg:#1b0f33;

/* INFO */
--pending-trans-info-chevron-icon-filter:invert(70%) sepia(40%) saturate(500%) hue-rotate(240deg);
--pending-trans-info-copy-icon-filter:invert(80%);

/* EMPTY TABLE */
--empty-table-cntr-bg:#160b2a;
--empty-table-cntr-color:#cdb9ff;
--empty-table-cntr-img-filter:invert(80%);

/* TABLE */
--transactions-table-border:#6c35ff;
--transactions-table-bg:#1a0f2e;

--transactions-table-head-bg:linear-gradient(145deg,#7a3cff,#4c1d95);
--transactions-table-head-color:#ffffff;
--transactions-table-head-border:#6c35ff;

--transactions-table-body-bg:#160b2a;
--transactions-table-body-color:#cdb9ff;

--transactions-table-body-tr-odd-bg:#140a26;
--transactions-table-body-tr-even-bg:#1b0f33;

/* STATUS */
--transactions-table-body-span-app-color:#6effa3;
--transactions-table-body-span-reject-color:#ff6b81;
--transactions-table-body-span-pending-color:#f99702;

}

/* Glow Effect Card */
.transaction-item{
box-shadow:
0 0 10px rgba(140,70,255,.4),
0 0 20px rgba(140,70,255,.2);
transition:.3s;
}

.transaction-item:hover{
transform:translateY(-3px);
box-shadow:
0 0 15px rgba(160,90,255,.8),
0 0 30px rgba(160,90,255,.5);
}

/* Card Detail Glow */
.pending-transaction-detail-card{
box-shadow:
0 0 12px rgba(140,70,255,.4);
}

/* Table Glow */
.transactions-table.table{
box-shadow:
0 0 15px rgba(140,70,255,.25);
border-radius:10px;
}

/* Button Glow */
.transaction-item .download-qr-btn{
box-shadow:0 0 10px rgba(140,70,255,.8);
}