.nunito-sans-normal-font {
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100, "YTLC" 500;
}

.bricolage-grotesque-semibold-font {
    font-family: "Bricolage Grotesque", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

html, body {
    font-family: "Nunito Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #0F1337;
    font-weight: 500;
}

.btn-primary {
    color: #fff;
    background-color: #DF5D5B;
    border-color: #DF5D5B;
    padding-inline: 1rem;
    margin-bottom: 2rem;
    border-radius: 0.5rem;
}

tr .btn-primary {
    margin-bottom: 0; /* Remove margin for buttons in table rows */
}

.generated-content-frame .btn-primary {
    margin-bottom: 0; /* Remove margin for buttons inside generaed content frame (Show Transcription button) */
}

.btn-primary:has(+ table) {
    margin-bottom: 1rem; /* Smaller margin for buttons above tables (refresh button etc) */
}

/* Spacing if two or more buttons are next to each other, without adding margins at the edges: */
.btn-primary + .btn-primary {
    margin-left: 1rem;
}

.btn-primary:hover {
    color: #fff;
    background-color: #DDB634;
    border-color: #DDB634;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn:disabled {
    background-color: #c5c5c5;
    border-color: #c5c5c5;
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary-selected {
    background-color: #8CCB88;
    border-color: #8CCB88;
    color: #4B4B4B
}

.content {
    padding-top: 1.1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Bricolage Grotesque", "Nunito Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

h1 {
    font-size: 48px;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #8CCB88;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #DF5D5B;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.meetings-table {
    background-color: transparent;
    border-collapse: separate;
    border-spacing: 0;
}

.meetings-table tr th,
.meetings-table tr td {
    border-right: 0.1rem solid #0F1337;
    border-bottom: 0.1rem solid #0F1337;
    padding: 0.45rem;
}

.meetings-table tr th:first-child,
.meetings-table tr td:first-child {
    border-left: 0.1rem solid #0F1337;
}

.meetings-table tr th {
    background: #E7E8EF;
    text-align: left;
    border-top: solid 0.1rem #0F1337;
}

/* top-left border-radius */
.meetings-table tr:first-child th:first-child {
    border-top-left-radius: 0.5rem;
}

/* top-right border-radius */
.meetings-table tr:first-child th:last-child {
    border-top-right-radius: 0.5rem;
}

/* bottom-left border-radius */
.meetings-table tr:last-child td:first-child {
    border-bottom-left-radius: 0.5rem;
}

/* bottom-right border-radius */
.meetings-table tr:last-child td:last-child {
    border-bottom-right-radius: 0.5rem;
}


.linkBackImage {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%230F1337'%3E%3Cpath d='m385-421 137.21 137.21Q540-266 540.5-241.5T523-198.52Q505-181 480.5-181.5t-42.31-18.32L200.4-437.91q-8.4-8.41-13.4-19.72-5-11.31-5-22.53 0-11.21 5-22.53Q192-514 200-522l239-239q19-19 42.67-19 23.66 0 41.33 19 18 17.67 18 41.83 0 24.17-17.84 42.01L385-539h358.02q24.29 0 41.64 17.29Q802-504.42 802-480.21t-17.34 41.71Q767.31-421 743.02-421H385Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
    position: relative;
    top: 0.1rem;
}

.bi2-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.th-sort {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%230F1337'%3E%3Cpath d='M141-189q-20.1 0-33.05-13.68Q95-216.35 95-236.33q0-19.99 12.95-33.33T141-283h185q19.98 0 33.49 13.68Q373-255.65 373-235.08t-13.51 33.33Q345.98-189 326-189H141Zm0-244q-20.1 0-33.05-13.68Q95-460.35 95-480.33q0-19.99 12.95-33.33T141-527h431q19.97 0 33.49 14.26Q619-498.47 619-478.49t-13.51 32.74Q591.97-433 572-433H141Zm0-244q-20.1 0-33.05-13.68Q95-704.35 95-724.42t13.63-32.83Q122.25-770 142-770h677q19.97 0 33.49 13.68Q866-742.65 866-722.58t-14.19 32.83Q837.63-677 818-677H141Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
    margin-left: 0.0rem;
    position: relative;
    top: 0.1rem;
}

.th-sort-desc {
    transform: scaleY(-100%);
}

.generated-content-frame {
    border-width: 0.1rem;
    border-color: #0F1337;
    border-radius: 0.5rem;
    border-style: solid;
    padding: 0.5rem;
    margin: 0.5rem 0 1.5rem 0;
}

.scroll-if-over-50 {
    max-height: 50vh;
    overflow-y: auto;
}