body {
    padding-top: 82px;
    padding-bottom: 20px;
}

#theme-chooser-dropdown .dropdown-menu .active .fa-regular.fa-circle-check {
    display: block !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.fieldset-anke-items > fieldset {
    padding-top: 5px;
    margin-bottom: .5rem;
}

.fieldset-anke {
    margin-bottom: 1rem;
}

.fieldset-anke legend {
    width: auto;
    padding: 0px 2px;
    margin-bottom: 0px;
}

.fieldset-anke > small.form-text {
    margin-bottom: 5px;
}

/* Set TabNav Badge color depending on NavItem state */
.nav-tabs .nav-item a.active .badge{
    color: var(--bs-nav-tabs-link-active-bg);
    background-color: var(--bs-nav-tabs-link-active-color);
}

.nav-tabs .nav-item a .badge{
    color: #fff;
    background-color: var(--bs-nav-link-color);
}

/* styles for validation helpers */
.field-validation-error {
    color: var(--bs-red);
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid var(--bs-red);
}

input:required, textarea:required, select:required {
    border-color: var(--bs-yellow)
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: var(--bs-red);
}

.validation-summary-valid {
    display: none;
}

.form-check label {
    margin-bottom: 0px;
}

.navbar {
    margin-bottom: 16px;
}

.list-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
}

.list-row .list-group-item{
    border-bottom: 0;
}

.symbology{
    margin-bottom: .5rem !important;
    margin-top: .5rem !important;
    text-decoration: none;
}
.symbology::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0; 
    border-left: .3em solid transparent;
}
.symbology.show::after {
    display: none;
}

.symbology:hover{
    text-decoration: none;
}

.symbology small {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

:root,[data-bs-theme=light] {
    --card-primary-rgb: var(--bs-primary-rgb);
    --card-primary-bg: inherit;
    --card-secondary-rgb: var(--bs-secondary-rgb);
    --card-secondary-bg: inherit;
    --card-success-rgb: var(--bs-success-rgb);
    --card-success-bg: inherit;
    --card-danger-rgb: var(--bs-danger-rgb);
    --card-danger-bg: inherit;
    --card-warning-rgb: var(--bs-warning-rgb);
    --card-warning-bg: inherit;
    --card-info-rgb: var(--bs-info-rgb);
    --card-info-bg: inherit;
    --card-light-rgb: var(--bs-light-rgb);
    --card-light-bg: inherit;
    --card-dark-rgb: var(--bs-dark-rgb);
    --card-dark-bg: inherit;
}

[data-bs-theme=dark] {
    --card-primary-rgb: var(--bs-white-rbg);
    --card-primary-bg: var(--bs-primary);
    --card-secondary-rgb: var(--bs-white-rbg);
    --card-secondary-bg: var(--bs-secondary);
    --card-success-rgb: var(--bs-white-rbg);
    --card-success-bg: var(--bs-success);
    --card-danger-rgb: var(--bs-white-rbg);
    --card-danger-bg: var(--bs-danger);
    --card-warning-rgb: var(--bs-black-rgb);
    --card-warning-bg: var(--bs-warning);
    --card-info-rgb: var(--bs-black-rgb);
    --card-info-bg: var(--bs-info);
    --card-light-rgb: var(--bs-black-rgb);
    --card-light-bg: var(--bs-light);
    --card-dark-rgb: var(--bs-white-rgb);
    --card-dark-bg: var(--bs-dark);
    .card .btn-light.card-header {
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bs-dark);
        --bs-btn-border-color: var(--bs-dark);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #424649;
        --bs-btn-hover-border-color: #373b3e;
        
    }
}

.text-card-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--card-primary-rgb),var(--bs-text-opacity))!important;
    background: var(--card-primary-bg)
}

.text-card-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--card-secondary-rgb),var(--bs-text-opacity))!important;
    background: var(--card-secondary-bg)
}

.text-card-success {
    --bs-text-opacity: 1;
    color: rgba(var(--card-success-rgb),var(--bs-text-opacity))!important;
    background: var(--card-success-bg)
}

.text-card-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--card-danger-rgb),var(--bs-text-opacity))!important;
    background: var(--card-danger-bg)
}

.text-card-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--card-warning-rgb),var(--bs-text-opacity))!important;
    background: var(--card-warning-bg)
}

.text-card-info {
    --bs-text-opacity: 1;
    color: rgba(var(--card-info-rgb),var(--bs-text-opacity))!important;
    background: var(--card-info-bg)
}

.text-card-light {
    --bs-text-opacity: 1;
    color: rgba(var(--card-light-rgb),var(--bs-text-opacity))!important;
    background: var(--card-light-bg)
}

.text-card-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--card-dark-rgb),var(--bs-text-opacity))!important;
    background: var(--card-dark-bg)
}

.card-columns .card .btn.card-header {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
}

.card-columns .card .btn.card-header:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
}

.card-columns .card {
    margin-bottom: .75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
        -webkit-column-gap:1.25rem;
        -moz-column-gap:1.25rem;
        column-gap:1.25rem;
        orphans:1;
        widows:1;
    }
    
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }

    .fullname-truncate {
        max-width: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 2;
        -webkit-column-count:2;
        -moz-column-count:2;
        -webkit-column-gap:1.25rem;
        -moz-column-gap:1.25rem;
        column-gap:1.25rem;
        orphans:1;
        widows:1;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 3;
        -webkit-column-count:3;
        -moz-column-count:3;
        -webkit-column-gap:1.25rem;
        -moz-column-gap:1.25rem;
        column-gap:1.25rem;
        orphans:1;
        widows:1;
    }

    .fullname-truncate {
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    table.table-sticky-header th {
        position:-webkit-sticky;
        position: sticky;
        top: 65px;
        z-index: 1020;
    }
    table.table-sticky-first-col td:first-child, table.table-sticky-first-col th:first-child {
        position:-webkit-sticky;
        position: sticky;
        left: 0
    }
}