/* CSS Document */

/* START :: Bootstrap System Theme Style - Light / Dark Mode */

    html, body {
        height: 100%;
        margin: 0;
    }

    body {
        display: flex;
        flex-direction: column;
    }

    main {
        flex: 1;
    }

    /* CUSTOM */

    .breadcrumb {
        padding: 10px;
        border-radius: 10px;
        background-color: rgb(245, 245, 245); /* light theme */
    }

    [data-bs-theme="dark"] .breadcrumb {
        background-color: #2c2c2c; /* dark theme background */
        color: #f8f9fa; /* optional: light text for contrast */
    }

/* END :: Bootstrap System Theme Style - Light / Dark Mode */

a {
    text-decoration: none;
}

.error {
    color: red;
    margin-left: 4px;
    font-size: 85%;
}

.firstcharacter {
    float: left;
    font-size: 36px;
    line-height: 30px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}