/* Bootstrap 5 Legacy Shim (Manual Compile) */

/* Grid System Shim (col-xs-*) */
.col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

/* Hidden Utilities */
.hidden-xs {
    display: none !important;
}

@media (min-width: 576px) {
    .hidden-xs {
        display: block !important;
    }
}

.visible-xs {
    display: block !important;
}

@media (min-width: 576px) {
    .visible-xs {
        display: none !important;
    }
}

.visible-xs-block {
    display: block !important;
}

@media (min-width: 576px) {
    .visible-xs-block {
        display: none !important;
    }
}

.visible-xs-inline {
    display: inline !important;
}

@media (min-width: 576px) {
    .visible-xs-inline {
        display: none !important;
    }
}

.visible-xs-inline-block {
    display: inline-block !important;
}

@media (min-width: 576px) {
    .visible-xs-inline-block {
        display: none !important;
    }
}

/* Alignment */
.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

/* Images */
.img-responsive {
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

.img-rounded {
    border-radius: 0.375rem;
}

/* Forms */
.form-group {
    margin-bottom: 1rem;
}

.input-group-addon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

/* Buttons */
.btn-default {
    background-color: #f8f9fa;
    color: #000;
    border: 1px solid #ced4da;
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.btn-default:hover {
    background-color: #e2e6ea;
    border-color: #d3d9df;
}

/* Navbar Header - shim for flex behavior */
.navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Ensure navbar-toggle shows up if needed, though BS5 uses valid HTML usually */
.navbar-toggle {
    display: none;
}

@media (max-width: 767.98px) {
    .navbar-toggle {
        display: block;
    }
}
.clearfix:before,.clearfix:after{
	content:"";
	display:table;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}