@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");

:root {
    --color-main: #1545e0;
    --color-second: #6BD870;
    --color-third: #9900CC;
    --color-font: rgb(0, 36, 57);
    --list-odd: rgba(21, 69, 224, 0.2);
    --list-even: #D9F5DA;


}

.red {
    background-color: red !important;
 }

.green {
    background-color: green !important;
}

.listheader > div {
    text-align: center;
    background-color: var(--color-main);
    font-weight: bold;
    color: white;
    padding: 0.5rem;
}

.listrow > div:not(.w-100) {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.listrow:nth-child(odd) > div {
    background-color: var(--list-odd);
}

.listrow:nth-child(even) > div {
    background-color: var(--list-even);
}

.listrow > div, .listheader > div {
    border-right: 1px solid var(--color-font);
}



.listheader > div.sortable:not(.active) .bi::before {
        content: "\f127";
}

.listheader > div.sortable.active[data-sortdir='1'] .bi::before {
    content: "\f128";
}

.listheader > div.sortable.active[data-sortdir='-1'] .bi::before {
    content: "\f148";
}

dl {
    display: grid;
    grid-template-columns: max-content auto;
}

dt {
    grid-column-start: 1;
    font-weight: bold;
    padding-right: 1rem;
}

dd {
    grid-column-start: 2;

}

.datarow dl {
    text-align: right;
}

.datarow dt {
    font-weight: normal;
    text-align: left;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-main);
    --bs-btn-border-color: var(--color-main);
    --bs-btn-hover-color: var(--color-main);
    --bs-btn-hover-bg: var(--color-second);
    --bs-btn-hover-border-color: var(--color-main);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

#header {
    color: white;
    background-color: var(--color-main);
}

.navbar-brand {
    font-weight: bold;
    font-size: 2.5rem;
}

.nav-link, .nav-item {
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
}

.nav-item {
    margin-left: 1rem;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link:focus, .nav-link:hover {
    color: var(--color-second);
}

.event-item {
    padding: 0.5rem 0;
}

.pacetable {
    padding:1rem;
    border: 1px solid var(--color-main);
}
.islink {
    cursor: pointer;
}