/*
    This file is to show how CSS and other static resources (such as images) can be
    used from a library project/package.
*/

.cssi-data-grid thead tr:first-child {
    background-color: #262626 !important; 
    color: #F3F2F1 !important;
}

.cssi-data-grid thead .command-column {
    background-color: #262626 !important;
    color: #F3F2F1 !important;
}

.command-column-button {
    color: #6288C5 !important; 
}

.cssi-data-grid-wrapper .pagination-toolbar button {
    color: #6288C5 !important; 
}

.cssi-data-grid-wrapper .pagination-toolbar .btn-primary-grid {
    background-color: #6288C5 !important; 
    border-color: #6288C5 !important; 
    color: #FFF !important;
}

.table-hover tbody tr:hover {
    background-color: #59BF98 !important; 
}

.content .btn-primary {
    background-color: #6288C5 !important /*#59BF98*/;
    border-color: #6288C5 !important /*#59BF98*/;
}

.content .btn-secondary {
    background-color: #373737; 
    color: #FFFFFF ;
    border-color: #E2E2E2 
}

.progressBar li.active::before {
    border-color: #FFFFFF !important;
    background-color: #6288C5 !important;
}

/* Ensure the connecting line regresses by removing the green color */
.progressBar li.active:after {
    background-color: #FFFFFF !important; /* Change to white or any other color */
}

.progressBar .active:after {
    background-color: #6288C5 !important; 
}

.progressBar li.success {
    color: #59BF98 !important;
}

    .progressBar li.success:before {
        border-color: #59BF98 !important; 
        background-color: #59BF98 !important; 
    }

.progressBar .success:after {
    background-color: #59BF98 !important; 
}

.progressBar li.error {
    color: #D8312B !important;
}

    .progressBar li.error:before {
        border-color: #D8312B !important;
        background-color: #D8312B !important;
    }

.progressBar .error:after {
    background-color: #D8312B !important;
}

.progressBar li.currentsuccess {
    color: #489D22 !important;
}

    .progressBar li.currentsuccess:before {
        border: 2px solid #489D22 !important;
        background-color: #0056B1 !important;
    }

.progressBar .currentsuccess:after {
    background-color: #489D22 !important;
}

.progressBar li.currenterror {
    color: #D8312B !important;
}

    .progressBar li.currenterror:before {
        border: 2px solid #D8312B !important;
        background-color: #0056B1 !important;
    }

.progressBar .currenterror:after {
    background-color: #D8312B !important;
}

.button.btn.btn-primary.mb-3 {
    background-color: #F48459;
    border: 1px solid #F48459;
    color: #121212;
}