@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --bs-font-sans-serif: "Roboto",
    system-ui,
    -apple-system,
    "Segoe UI",
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji" !important;
    --bs-primary: #4471B7 !important;
    --bs-primary-rgb: 68, 113, 183 !important;
    --bs-primary-alternate: #0F52A5 !important; 
    --bs-secondary-button-color: #BDC9DB !important;
    --bs-body-font-weight-override: 400 !important;
    --bs-body-font-size-override: 1.0rem !important;
    --bs-button-font-weight-override: 500 !important;
    --bs-button-font-size-override: .844rem !important;
    --bs-button-disabled-opacity-override: 1.0 !important;
    --bs-button-radius-override: 1.25rem !important;
    --bs-button-light-radius-override: 0.25rem !important;
    --bs-link-color: var(--bs-primary) !important;
    --bs-link-hover-color: var(--bs-primary-alternate) !important;
    --bs-nav-link-color: var(--bs-primary) !important;
    --bs-nav-link-hover-color: var(--bs-primary-alternate) !important;
    --bs-body-line-height: 1.2rem !important;
    --bs-spinner-background: var(--bs-primary) !important;
    --bs-spinner-color: var(--bs-white) !important;
    --bs-box-shadow-depth: 0.25rem !important;
    --bs-box-shadow-opacity: 0.25 !important;
    --bs-box-shadow-override: rgba(var(--bs-primary-rgb), var(--bs-box-shadow-opacity)) !important;
    --bs-form-control-radius-override: .25rem !important;
}

body {
    font-family: var(--bs-body-font-family) !important;
    font-weight: var(--bs-body-font-weight-override) !important;
    font-size: var(--bs-body-font-size-override);
}

.btn-primary {
    border-radius: var(--bs-button-radius-override) !important;
    font-weight: var(--bs-button-font-weight-override) !important;
    font-size: var(--bs-button-font-size-override) !important;
    --bs-btn-color: var(--bs-white) !important;
    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-color: var(--bs-white) !important;
    --bs-btn-hover-bg: var(--bs-primary-alternate) !important;
    --bs-btn-hover-border-color: var(--bs-primary-alternate) !important;
    --bs-btn-active-color: var(--bs-white) !important;
    --bs-btn-active-bg: var(--bs-primary-alternate) !important;
    --bs-btn-active-border-color: var(--bs-primary-alternate) !important;
    --bs-btn-disabled-color: var(--bs-white) !important;
    --bs-btn-disabled-bg: var(--bs-primary-alternate) !important;
    --bs-btn-disabled-border-color: var(--bs-primary-alternate) !important;
    --bs-btn-disabled-opacity: var(--bs-button-disabled-opacity-override) !important;
}

.btn-outline-secondary {
    border-radius: var(--bs-button-radius-override) !important;
    font-weight: var(--bs-button-font-weight-override) !important;
    font-size: var(--bs-button-font-size-override) !important;
    --bs-btn-color: var(--bs-primary) !important;
    --bs-btn-bg: var(--bs-white) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-color: var(--bs-primary) !important;
    --bs-btn-hover-bg: var(--bs-secondary-button-color) !important;
    --bs-btn-hover-border-color: var(--bs-primary-alternate) !important;
    --bs-btn-active-color: var(--bs-white) !important;
    --bs-btn-active-bg:  var(--bs-secondary-button-color) !important;
    --bs-btn-active-border-color:  var(--bs-primary-alternate) !important;
    --bs-btn-disabled-color: var(--bs-white) !important;
    --bs-btn-disabled-bg: var(--bs-secondary-button-color) !important;
    --bs-btn-disabled-border-color: var(--bs-primary-alternate) !important;
    --bs-btn-disabled-opacity: var(--bs-button-disabled-opacity-override) !important;
}

.form-control {
    border-radius: var(--bs-form-control-radius-override) !important;
}

.form-control:focus, .form-select:focus, .form-check-input:focus, .btn-close:focus {
    box-shadow: 0 0 0 var(--bs-box-shadow-depth) var(--bs-box-shadow-override) !important;
    border-color: var(--bs-primary-alternate) !important;
}

.btn-outline-primary {
    border-radius: var(--bs-button-radius-override) !important;
}

.btn-secondary {
    border-radius: var(--bs-button-radius-override) !important;
}

.btn-outline-light {
    border-radius: var(--bs-button-light-radius-override) !important;
}

.css-sw2ho0 {
    --primary-color: var(--bs-spinner-color) !important;
}

.css-11k6vsm {
    background-color: var(--bs-spinner-background) !important;
}

.css-17zi2ag {
    background-color: var(--bs-spinner-background) !important;
}

.css-139roxj {
    background-color: var(--bs-spinner-background) !important;
}

.p-5 {
    padding: 32px !important;
}

.form-label {
    text-transform: none !important;
}

.text-secondary {
    line-height: var(--bs-body-line-height) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
    line-height: var(--bs-body-line-height) !important;
}

.text-muted {
    line-height: var(--bs-body-line-height) !important;
}