:root {
    --blue-dark: #1a56a0;
    --border: #dee2e6;
    --text-main: #333;
    --text-muted: #666;
    --warning: orangered;
    --danger: #c0392b;
    --positivegreen: #28A745;
    --cyan: #1d9aa7;
    --success: #1d8348;
    --grayishblue: #858796fa;
    --orangehighlight: #FD7E14;
    --bluehighlight: #007BFF;
    --deepblue: #1d9aa7;
    --transparent: transparent;
}


/* Buttons */
.filter-btn {
    height: 32px;
    min-width: 80px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: opacity .15s;
    margin-right: 50px !important;
}

    .filter-btn:hover, .filter-btn:focus {
        opacity: .85;
        outline: none;
    }

.btn-find {
    background: var(--blue-dark);
    color: #fff;
}

.btn-new {
    background: #0478ad;
    color: #fff;
}

.btn-approve {
    background: var(--success);
    color: #fff;
}

.btn-post {
    background: var(--blue-dark);
    color: #fff;
}

.btn-edit {
    background: var(--cyan);
    color: #fff;
}

.btn-view {
    background: var(--positivegreen);
    color: #fff;
}

.btn-viewRemit {
    background: var(--deepblue);
    color: #fff;
}

.btn-upload {
    background: var(--bluehighlight);
    color: #fff;
}

.btn-print {
    background: var(--cyan);
    color: #fff;
}

.btn-stop {
    background: var(--danger);
    color: #fff;
}

.btn-cancel {
    background: var(--danger);
    color: #fff;
}

.btn-clear {
    background: var(--grayishblue);
    color: #fff;
}

.btn-delete {
    background: var(--danger);
    color: #fff;
}

.btn-hold {
    background: var(--warning);
    color: #fff;
}

.btn-pdf {
    background: #2babc0;
    color: #fff;
}

.btn-excel {
    background: #1d8348;
    color: #fff;
}

.btn-save {
    background: #1d8348;
    color: #fff;
}

.btn-columnFilter {
    background: darkgreen;
    color: #fff;
    margin-left: 15px;
}

.btn-advancedFilters {
    background: #4e73df;
    color: #fff;
    margin-left: 15px;
}

.btn-reset {
    background: grey;
    color: #fff;
    margin-left: 15px;
}

.btn-select {
    background: #6f42c1; /* purple */
    color: #fff;
}

.button-control {
    display: block;
    margin: 5px;
}