html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    padding-top: 70px;
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: #2d2d30;
    color: white;
    margin-top:180px;
}

.brand-logo {
    height: 40px;
    width: auto;
    display: block;
}

/* Bootstrap 3 "btn-default" for Bootstrap 5 */
.btn-default.btn, .btn.btn-default {
    --bs-btn-color: #333;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-hover-border-color: #adadad;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #e6e6e6;
    --bs-btn-active-border-color: #adadad;
    --bs-btn-disabled-color: #777;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #ccc;
    --bs-btn-focus-shadow-rgb: 51, 51, 51;
}

    /* Optional: keep outline subtle like BS3 */
    .btn-default.btn:focus-visible {
        box-shadow: 0 0 0 .2rem rgba(51,51,51,.25);
    }

/* Base panel style */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* Panel heading */
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/* Panel title */
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

/* Panel body */
.panel-body {
    padding: 15px;
}

/* Panel footer */
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* Contextual variations */
.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

/* Recreate Bootstrap 3 Jumbotron for Bootstrap 5 */
.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    background-color: #eee;
    border-radius: 6px;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
        font-size: 63px;
        font-weight: 500;
        line-height: 1.1;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
}

/* Optional responsive tweak (for smaller screens) */
@media screen and (max-width: 768px) {
    .jumbotron {
        padding: 15px;
    }

        .jumbotron h1,
        .jumbotron .h1 {
            font-size: 40px;
        }
}

/* Bootstrap 5 compatible: non-full-width form control */
.form-control-custom {
    display: inline-block;
    width: auto;
    min-width: 0;
    padding: 0.375rem 0.75rem;
    font-size: var(--bs-body-font-size);
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .form-control-custom:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: var(--bs-primary-border-subtle);
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
    }

    /* Disabled and readonly states */
    .form-control-custom:disabled,
    .form-control-custom[readonly] {
        background-color: var(--bs-secondary-bg);
        opacity: 1;
    }


body {
    font-size: 0.9rem; /* or 14px */
}


/* Recreate Bootstrap 3 label (form element) styling, but inherit color */
label,
.form-label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700; /* bold like BS3 */
    font-size: 14px;
    color: inherit; /* match parent forecolor */
}

/* Optional: match BS3's control-label alignment for horizontal forms */
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    color: inherit; /* ensure inherited color even in grid layouts */
}

/* Optional: inline form labels */
.form-inline label {
    margin-bottom: 0;
    margin-right: 10px;
    color: inherit;
}