:root {
    font-family: Poppins;
}

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

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

.bg-primary-darker-25 {
    background-color: var(--primary-darker-25) !important;
}

.bg-primary-dark-15 {
    background-color: var(--primary-dark-15) !important;
}
.bg-primary-dark-25 {
    background-color: var(--primary-dark-25) !important;
}

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

.bg-primary-light-05 {
    background-color: var(--primary-light-05) !important;
}

.bg-secondary-lighter-50 {
    background-color: var(--secondary-lighter-50) !important;
}

.bg-secondary-lighter-25 {
    background-color: var(--secondary-lighter-25) !important;
}

.bg-secondary-lighter-10 {
    background-color: var(--secondary-lighter-10) !important;
}







.text-primary-dark {
    color: var(--primary-dark) !important;
}

.text-primary-light {
    color: var(--primary-light) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}
.text-secondary-lighter {
    color: var(--secondary-lighter) !important;
}

.text-secondary-darker {
    color: var(--secondary-darker) !important;
}

.text-gray {
    color: var(--gray) !important;
}






.svg-primary-light,
.svg-primary-light svg{
    fill: var(--primary-light) !important;
}

.svg-secondary-light,
.svg-secondary-light svg {
    fill: var(--secondary-lighter) !important;
}



.pf-table-striped > tbody > tr > td .svg-secondary-light,
.pf-table-striped > tbody > tr > td .svg-secondary-light svg,
.pf-table-striped > tbody > tr > td .svg-secondary-light i,
.pf-table-striped > tbody > tr > td > div .svg-secondary-light,
.pf-table-striped > tbody > tr > td > div .svg-secondary-light i {
    fill: var(--neutral-light) !important;
    color: var(--neutral-light) !important;
}

.pf-table-striped > tbody > tr > td > span .svg-secondary-light:enabled:hover,
.pf-table-striped > tbody > tr > td > .svg-secondary-light:enabled:hover,
.pf-table-striped > tbody > tr > td > div > .svg-secondary-light:enabled:hover,
.pf-table-striped > tbody > tr > td > a.svg-secondary-light:hover,
.pf-table-striped > tbody > tr > td > div > .svg-secondary-light:hover {
    background-color: #FFF !important;
    border-radius: 4px !important;
    box-shadow: 0px 2px 6px 2px rgba(163, 163, 163, 0.15), 0px 1px 2px 0px rgba(163, 163, 163, 0.30) !important;
}

.pf-table-striped > tbody > tr > td > .svg-secondary-light:disabled {
    cursor: default;
}

.svg-white,
.svg-white svg {
    fill: var(--white) !important;
}

@media (min-width:768px) {
    .w-md-75 {
        width: 75% !important;
    }
}

.pf-pe-none {
     pointer-events: none !important; 
}

.pf-z-1 {
    z-index: 1 !important;
}

.pf-text-success {
    color: var(--pf-success-2) !important;
}

.pf-fw-semibold {
    font-weight: 600 !important;
}