﻿.table-controls{
    display: flex;
    justify-content: space-between;
    margin: 0.25rem;
    align-items:baseline;
}

.table-filters {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.flex-column{
    margin: 0.1rem;
}

.table-actions {
    display: flex;
    justify-content: flex-end;
}

.header-row {
    background: var(--global-color-primary);
}
.filter-row {
    background: var(--global-color-secondary);
}

.region-dropdown{
    border:solid;
    border-color: var(--global-color-primary);
}

.detail-grid-item{
    padding-right:10px;
}


/*Part 107 checkbox stylings*/
.form-check-input.part107-checkbox {
    border: solid;
    border-color: var(--global-color-primary);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-check-input.part107-checkbox:is(:focus, :hover) {
    border: solid;
    border-color: var(--global-color-primary);
    box-shadow: 0 0 0 0.25rem var(--global-color-tertiary);
}

.form-check-input.part107-checkbox:checked {
    border-color: var(--global-color-primary);
    background-color: var(--global-color-primary);
}

/*Radzen state dropdown stylings*/
.rz-dropdown {
    border: solid;
    border-color: var(--global-color-primary);
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.rz-dropdown.rz-state-empty.rz-clear:is(:focus, :hover) {
    border: solid;
    border-color: var(--global-color-primary);
    box-shadow: 0 0 0 0.25rem var(--global-color-tertiary);
}
.rz-dropdown.rz-clear.rz-dropdown-chips:is(:focus, :hover) {
    border: solid;
    border-color: var(--global-color-primary);
    box-shadow: 0 0 0 0.25rem var(--global-color-tertiary);
}
.active > .page-link, .page-link.active, .page-link.active:hover {
    background-color: var(--global-color-primary);
    color: var(--global-color-white);
    border-color: var(--global-color-tertiary);
}