body {
margin: 0; /* reset default body margin to avoid subtle right overflow */
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
line-height: 1.5;
color: #1f2937;
background-color: #ffffff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Global reset to prevent horizontal overflow */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 700;
line-height: 1.2;
color: #1f2937;
}
h1, .h1 {
font-size: 2.5rem;
}
@media (max-width: 991.98px) {
h1, .h1 {
font-size: 2rem;
}
}
h2, .h2 {
font-size: 2rem;
}
@media (max-width: 991.98px) {
h2, .h2 {
font-size: 1.7rem;
}
}
h3, .h3 {
font-size: 1.75rem;
}
@media (max-width: 991.98px) {
h3, .h3 {
font-size: 1.575rem;
}
}
h4, .h4 {
font-size: 1.5rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
a {
color: #4f46e5;
text-decoration: none;
background-color: transparent;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
a {
transition: none;
}
}
a:hover {
color: #4338ca;
text-decoration: underline;
}
ul, ol {
padding-left: 0.5rem;
}
small, .small {
font-size: 0.875rem;
font-weight: 400;
}
mark, .mark {
padding: 0.2em 0.4em;
background-color: #fff3cd;
}
blockquote {
margin: 0 0 1rem;
font-size: 1.25rem;
}
code {
font-size: 0.875rem;
color: #e83e8c;
word-wrap: break-word;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none;
}
.text-muted {
color: #6b7280 !important;
}
@media (min-width: 576px) {
html {
font-size: 0.875rem;
}
}
@media (min-width: 992px) {
html {
font-size: 1rem;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
.no-print {
display: none !important;
}
.print-only {
display: block !important;
}
body {
background: white !important;
color: black !important;
}
a {
color: #000 !important;
text-decoration: underline !important;
}
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
width: 100%;
padding-right: 1.5rem;
padding-left: 1.5rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
max-width: 1320px;
}
}
.container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
max-width: 100%;
}
@media (min-width: 576px) {
.container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl {
max-width: 1320px;
}
}
.header {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
padding: 1rem 1.5rem;
background-color: #ffffff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 991.98px) {
.header {
padding: 0.75rem 1rem;
}
}
.header > .container,
.header > .container-fluid {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 1rem;
overflow-x: auto;
}
.brand {
display: inline-flex;
align-items: center;
white-space: nowrap;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.2;
color: #4f46e5;
text-decoration: none;
}
.brand:hover {
color: #4338ca;
text-decoration: none;
}
.brand img {
height: 2rem;
margin-right: 1rem;
}
.nav-main {
display: flex;
flex-basis: auto;
flex-grow: 0;
align-items: center;
}
@media (min-width: 992px) {
.nav-main {
flex-basis: auto;
flex-grow: 0;
}
}
.nav-toggle {
padding: 0.5rem 1rem;
background: none;
border: none;
display: none;
}
.nav-toggle:hover, .nav-toggle:focus {
text-decoration: none;
}
@media (min-width: 992px) {
.nav-toggle {
display: none;
}
}
.nav-menu {
display: flex;
width: auto;
margin-top: 0;
flex-wrap: nowrap;
}
@media (min-width: 992px) {
.nav-menu {
display: flex !important;
flex-basis: auto;
margin-top: 0;
}
}
.nav-menu.show {
display: flex;
}
.nav-menu .nav-item {
margin-bottom: 0;
}
@media (min-width: 992px) {
.nav-menu .nav-item {
margin-bottom: 0;
margin-right: 1rem;
}
}
.nav-menu .nav-item:last-child {
margin-right: 0;
}
.nav-menu .nav-link {
display: block;
padding: 0.5rem 1rem;
color: #1f2937;
text-decoration: none;
}
.nav-menu .nav-link:hover, .nav-menu .nav-link:focus {
color: #4f46e5;
text-decoration: none;
}
.nav-menu .nav-link.active {
color: #4338ca;
font-weight: 600;
}
.user-menu {
margin-left: auto;
}
.user-menu .dropdown-menu {
right: 0;
left: auto;
}
.footer {
padding: 1.5rem 1.5rem;
color: #6b7280;
background-color: #ffffff;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 991.98px) {
.footer {
text-align: center;
}
}
.footer-heading {
margin-bottom: 1rem;
font-size: 1.25rem;
color: #1f2937;
}
.footer-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 1.5rem;
list-style: none;
}
@media (min-width: 768px) {
.footer-nav {
flex-direction: row;
justify-content: center;
}
}
.footer-nav .nav-item {
margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
.footer-nav .nav-item {
margin-right: 1.5rem;
margin-bottom: 0;
}
.footer-nav .nav-item:last-child {
margin-right: 0;
}
}
.footer-nav .nav-link {
padding: 0;
color: #6b7280;
}
.footer-nav .nav-link:hover, .footer-nav .nav-link:focus {
color: #4f46e5;
text-decoration: none;
}
.footer-bottom {
padding-top: 1rem;
margin-top: 1rem;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.social-links {
display: flex;
justify-content: center;
padding-left: 0;
margin-bottom: 1rem;
list-style: none;
}
@media (min-width: 768px) {
.social-links {
margin-bottom: 0;
}
}
.social-links .social-item {
margin-right: 1rem;
}
.social-links .social-item:last-child {
margin-right: 0;
}
.social-links .social-link {
display: flex;
align-items: center;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
color: #6b7280;
background-color: transparent;
border-radius: 50%;
}
.social-links .social-link:hover, .social-links .social-link:focus {
color: #4f46e5;
background-color: rgba(79, 70, 229, 0.1);
text-decoration: none;
}
.social-links .social-link i {
font-size: 1.25rem;
line-height: 1;
}
.copyright {
margin-bottom: 0;
font-size: 0.875rem;
color: #6b7280;
text-align: center;
}
@media (min-width: 768px) {
.copyright {
text-align: left;
}
}
.sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1030;
width: 250px;
padding: 1.5rem 1.25rem;
background-color: #ffffff;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
transition: all 0.3s ease-in-out;
}
@media (max-width: 1199.98px) {
.sidebar {
transform: translateX(-100%);
}
.sidebar.show {
transform: translateX(0);
}
}
.sidebar-header {
display: flex;
align-items: center;
height: 60px;
padding: 0.75rem 1.25rem;
margin: -1.5rem -1.25rem 1.5rem;
background-color: rgba(79, 70, 229, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sidebar-brand {
display: flex;
align-items: center;
font-size: 1.25rem;
font-weight: 600;
color: #4f46e5;
text-decoration: none;
}
.sidebar-brand:hover {
color: rgb(41.1374407583, 30.5592417062, 217.4407582938);
text-decoration: none;
}
.sidebar-brand img {
height: 2rem;
margin-right: 0.5rem;
}
.sidebar-nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.sidebar-nav-title {
padding: 0.5rem 1rem;
margin-top: 1rem;
font-size: 0.875rem;
font-weight: 600;
color: #6b7280;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.sidebar-nav-title:first-child {
margin-top: 0;
}
.sidebar-nav-item {
margin-bottom: 0.5rem;
}
.sidebar-nav-item:last-child {
margin-bottom: 0;
}
.sidebar-nav-link {
display: flex;
align-items: center;
padding: 0.5rem 1rem;
color: #1f2937;
border-radius: 0.25rem;
}
.sidebar-nav-link:hover, .sidebar-nav-link:focus {
color: #4f46e5;
background-color: rgba(79, 70, 229, 0.1);
text-decoration: none;
}
.sidebar-nav-link.active {
color: #4f46e5;
background-color: rgba(79, 70, 229, 0.1);
font-weight: 600;
}
.sidebar-nav-link.active .sidebar-nav-icon {
color: #4f46e5;
}
.sidebar-nav-link .sidebar-nav-icon {
width: 1.25rem;
margin-right: 0.5rem;
color: #6b7280;
text-align: center;
font-size: 1rem;
width: 1.25rem;
height: 1.25rem;
font-size: 1.25rem;
line-height: 1.25rem;
}
.sidebar-nav-link .sidebar-nav-label {
flex: 1;
}
.sidebar-nav-link .sidebar-nav-badge {
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #ffffff;
background-color: #4f46e5;
border-radius: 0.25rem;
}
.sidebar-nav-dropdown .sidebar-nav-link::after {
display: inline-block;
width: 0;
height: 0;
margin-left: auto;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
transition: transform 0.2s ease-in-out;
}
.sidebar-nav-dropdown.show > .sidebar-nav-link::after {
transform: rotate(-180deg);
}
.sidebar-nav-dropdown .sidebar-nav-dropdown-items {
padding-left: 0;
margin: 0.5rem 0;
list-style: none;
}
.sidebar-nav-dropdown .sidebar-nav-dropdown-items .sidebar-nav-link {
padding-left: calc(1rem + 1.25rem + 0.5rem);
font-size: 0.875rem;
}
.sidebar-footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 0.75rem 1rem;
background-color: rgba(0, 0, 0, 0.02);
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sidebar-toggler {
position: fixed;
bottom: 1.5rem;
left: 1.5rem;
z-index: 1031;
display: none;
padding: 0.375rem 0.75rem;
font-size: 0.875rem;
line-height: 1;
color: #1f2937;
background-color: #ffffff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.sidebar-toggler:hover, .sidebar-toggler:focus {
color: #1f2937;
background-color: #f8f9fa;
text-decoration: none;
}
@media (max-width: 1199.98px) {
.sidebar-toggler {
display: inline-flex;
align-items: center;
}
.sidebar-show .sidebar-toggler {
left: calc(250px + 1rem);
}
}
.sidebar-toggler .sidebar-toggler-icon {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.625rem 1.25rem;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.5;
color: #ffffff;
text-align: center;
text-decoration: none;
text-transform: none;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-color: #4f46e5;
border: 1px solid transparent;
border-radius: 0.375rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.btn:hover {
transform: translateY(-1px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.btn:active {
transform: translateY(0);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.btn:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.3);
}
.btn.disabled, .btn:disabled {
opacity: 0.6;
cursor: not-allowed;
box-shadow: none;
transform: none !important;
}
.btn .btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 1.25rem;
font-size: 1.25rem;
line-height: 1;
transition: transform 0.2s ease-in-out;
}
.btn .btn-icon:first-child {
margin-right: 0.5rem;
margin-left: -0.125rem;
}
.btn .btn-icon:last-child {
margin-left: 0.5rem;
margin-right: -0.125rem;
}
.btn .btn-icon:only-child {
margin: 0;
}
.btn:hover .btn .btn-icon {
transform: translateX(2px);
}
.btn:hover .btn .btn-icon:first-child {
transform: translateX(-2px);
}
.btn:active .btn .btn-icon {
transform: none;
}
.btn-primary {
background-color: #4f46e5;
border-color: #4f46e5;
color: color-contrast(#4f46e5);
}
.btn-primary:hover {
background-color: rgb(47.0947867299, 36.4632701422, 224.2867298578);
border-color: rgb(41.1374407583, 30.5592417062, 217.4407582938);
}
.btn-primary:active {
background-color: rgb(41.1374407583, 30.5592417062, 217.4407582938);
border-color: rgb(39.0225118483, 28.9881516588, 206.2618483412);
}
.btn-primary:focus {
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.3);
}
.btn-outline-primary {
background-color: transparent;
border: 1px solid #4f46e5;
color: #4f46e5;
}
.btn-outline-primary:hover {
background-color: rgba(79, 70, 229, 0.1);
color: #4f46e5;
}
.btn-outline-primary:active {
background-color: rgba(79, 70, 229, 0.15);
}
.btn-outline-primary:focus {
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.3);
}
.btn-ghost-primary {
background-color: transparent;
color: #4f46e5;
border: 1px solid transparent;
}
.btn-ghost-primary:hover {
background-color: rgba(79, 70, 229, 0.1);
color: #4f46e5;
}
.btn-ghost-primary:active {
background-color: rgba(79, 70, 229, 0.15);
}
.btn-ghost-primary:focus {
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);
}
.btn-secondary {
background-color: #6b7280;
border-color: #6b7280;
color: color-contrast(#6b7280);
}
.btn-secondary:hover {
background-color: rgb(89.5840425532, 95.4446808511, 107.1659574468);
border-color: rgb(83.7787234043, 89.2595744681, 100.2212765957);
}
.btn-secondary:active {
background-color: rgb(83.7787234043, 89.2595744681, 100.2212765957);
border-color: rgb(77.9734042553, 83.0744680851, 93.2765957447);
}
.btn-secondary:focus {
box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.3);
}
.btn-outline-secondary {
background-color: transparent;
border: 1px solid #6b7280;
color: #6b7280;
}
.btn-outline-secondary:hover {
background-color: rgba(107, 114, 128, 0.1);
color: #6b7280;
}
.btn-outline-secondary:active {
background-color: rgba(107, 114, 128, 0.15);
}
.btn-outline-secondary:focus {
box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.3);
}
.btn-ghost-secondary {
background-color: transparent;
color: #6b7280;
border: 1px solid transparent;
}
.btn-ghost-secondary:hover {
background-color: rgba(107, 114, 128, 0.1);
color: #6b7280;
}
.btn-ghost-secondary:active {
background-color: rgba(107, 114, 128, 0.15);
}
.btn-ghost-secondary:focus {
box-shadow: 0 0 0 3px rgba(107, 114, 128, 0.2);
}
.btn-success {
background-color: #10b981;
border-color: #10b981;
color: color-contrast(#10b981);
}
.btn-success:hover {
background-color: rgb(12.9552238806, 149.7947761194, 104.4514925373);
border-color: rgb(11.9402985075, 138.0597014925, 96.2686567164);
}
.btn-success:active {
background-color: rgb(11.9402985075, 138.0597014925, 96.2686567164);
border-color: rgb(10.9253731343, 126.3246268657, 88.0858208955);
}
.btn-success:focus {
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);
}
.btn-outline-success {
background-color: transparent;
border: 1px solid #10b981;
color: #10b981;
}
.btn-outline-success:hover {
background-color: rgba(16, 185, 129, 0.1);
color: #10b981;
}
.btn-outline-success:active {
background-color: rgba(16, 185, 129, 0.15);
}
.btn-outline-success:focus {
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);
}
.btn-ghost-success {
background-color: transparent;
color: #10b981;
border: 1px solid transparent;
}
.btn-ghost-success:hover {
background-color: rgba(16, 185, 129, 0.1);
color: #10b981;
}
.btn-ghost-success:active {
background-color: rgba(16, 185, 129, 0.15);
}
.btn-ghost-success:focus {
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}
.btn-info {
background-color: #3b82f6;
border-color: #3b82f6;
color: color-contrast(#3b82f6);
}
.btn-info:hover {
background-color: rgb(22.4292682927, 106.6768292683, 244.3207317073);
border-color: rgb(11.1512195122, 99.1219512195, 242.8487804878);
}
.btn-info:active {
background-color: rgb(11.1512195122, 99.1219512195, 242.8487804878);
border-color: rgb(10.5914634146, 94.1463414634, 230.6585365854);
}
.btn-info:focus {
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}
.btn-outline-info {
background-color: transparent;
border: 1px solid #3b82f6;
color: #3b82f6;
}
.btn-outline-info:hover {
background-color: rgba(59, 130, 246, 0.1);
color: #3b82f6;
}
.btn-outline-info:active {
background-color: rgba(59, 130, 246, 0.15);
}
.btn-outline-info:focus {
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}
.btn-ghost-info {
background-color: transparent;
color: #3b82f6;
border: 1px solid transparent;
}
.btn-ghost-info:hover {
background-color: rgba(59, 130, 246, 0.1);
color: #3b82f6;
}
.btn-ghost-info:active {
background-color: rgba(59, 130, 246, 0.15);
}
.btn-ghost-info:focus {
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
.btn-warning {
background-color: #f59e0b;
border-color: #f59e0b;
color: color-contrast(#f59e0b);
color: #1f2937;
}
.btn-warning:hover {
background-color: rgb(209.1771653543, 134.593503937, 8.5728346457);
border-color: rgb(196.9291338583, 126.7125984252, 8.0708661417);
}
.btn-warning:active {
background-color: rgb(196.9291338583, 126.7125984252, 8.0708661417);
border-color: rgb(184.6811023622, 118.8316929134, 7.5688976378);
}
.btn-warning:focus {
box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.3);
}
.btn-outline-warning {
background-color: transparent;
border: 1px solid #f59e0b;
color: #f59e0b;
}
.btn-outline-warning:hover {
background-color: rgba(245, 158, 11, 0.1);
color: #f59e0b;
}
.btn-outline-warning:active {
background-color: rgba(245, 158, 11, 0.15);
}
.btn-outline-warning:focus {
box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.3);
}
.btn-ghost-warning {
background-color: transparent;
color: #f59e0b;
border: 1px solid transparent;
}
.btn-ghost-warning:hover {
background-color: rgba(245, 158, 11, 0.1);
color: #f59e0b;
}
.btn-ghost-warning:active {
background-color: rgba(245, 158, 11, 0.15);
}
.btn-ghost-warning:focus {
box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}
.btn-danger {
background-color: #ef4444;
border-color: #ef4444;
color: color-contrast(#ef4444);
}
.btn-danger:hover {
background-color: rgb(235.9852216749, 32.7647783251, 32.7647783251);
border-color: rgb(234.9802955665, 21.0197044335, 21.0197044335);
}
.btn-danger:active {
background-color: rgb(234.9802955665, 21.0197044335, 21.0197044335);
border-color: rgb(224.0775862069, 19.1724137931, 19.1724137931);
}
.btn-danger:focus {
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.3);
}
.btn-outline-danger {
background-color: transparent;
border: 1px solid #ef4444;
color: #ef4444;
}
.btn-outline-danger:hover {
background-color: rgba(239, 68, 68, 0.1);
color: #ef4444;
}
.btn-outline-danger:active {
background-color: rgba(239, 68, 68, 0.15);
}
.btn-outline-danger:focus {
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.3);
}
.btn-ghost-danger {
background-color: transparent;
color: #ef4444;
border: 1px solid transparent;
}
.btn-ghost-danger:hover {
background-color: rgba(239, 68, 68, 0.1);
color: #ef4444;
}
.btn-ghost-danger:active {
background-color: rgba(239, 68, 68, 0.15);
}
.btn-ghost-danger:focus {
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}
.btn-light {
background-color: #f9fafb;
border-color: #f9fafb;
color: color-contrast(#f9fafb);
color: #1f2937;
}
.btn-light:hover {
background-color: rgb(226.05, 230.875, 235.7);
border-color: rgb(218.4, 224.5, 230.6);
}
.btn-light:active {
background-color: rgb(218.4, 224.5, 230.6);
border-color: rgb(210.75, 218.125, 225.5);
}
.btn-light:focus {
box-shadow: 0 0 0 3px rgba(249, 250, 251, 0.3);
}
.btn-outline-light {
background-color: transparent;
border: 1px solid #f9fafb;
color: #f9fafb;
color: #1f2937;
border-color: #dee2e6;
}
.btn-outline-light:hover {
background-color: rgba(249, 250, 251, 0.1);
color: #f9fafb;
background-color: rgba(31, 41, 55, 0.05);
}
.btn-outline-light:active {
background-color: rgba(249, 250, 251, 0.15);
}
.btn-outline-light:focus {
box-shadow: 0 0 0 3px rgba(249, 250, 251, 0.3);
}
.btn-ghost-light {
background-color: transparent;
color: #f9fafb;
border: 1px solid transparent;
}
.btn-ghost-light:hover {
background-color: rgba(249, 250, 251, 0.1);
color: #f9fafb;
}
.btn-ghost-light:active {
background-color: rgba(249, 250, 251, 0.15);
}
.btn-ghost-light:focus {
box-shadow: 0 0 0 3px rgba(249, 250, 251, 0.2);
}
.btn-dark {
background-color: #1f2937;
border-color: #1f2937;
color: color-contrast(#1f2937);
}
.btn-dark:hover {
background-color: rgb(17.2122093023, 22.7645348837, 30.5377906977);
border-color: rgb(12.6162790698, 16.6860465116, 22.3837209302);
}
.btn-dark:active {
background-color: rgb(12.6162790698, 16.6860465116, 22.3837209302);
border-color: rgb(8.0203488372, 10.6075581395, 14.2296511628);
}
.btn-dark:focus {
box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.3);
}
.btn-outline-dark {
background-color: transparent;
border: 1px solid #1f2937;
color: #1f2937;
}
.btn-outline-dark:hover {
background-color: rgba(31, 41, 55, 0.1);
color: #1f2937;
}
.btn-outline-dark:active {
background-color: rgba(31, 41, 55, 0.15);
}
.btn-outline-dark:focus {
box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.3);
}
.btn-ghost-dark {
background-color: transparent;
color: #1f2937;
border: 1px solid transparent;
}
.btn-ghost-dark:hover {
background-color: rgba(31, 41, 55, 0.1);
color: #1f2937;
}
.btn-ghost-dark:active {
background-color: rgba(31, 41, 55, 0.15);
}
.btn-ghost-dark:focus {
box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.2);
}
.btn-lg {
padding: 0.75rem 1.5rem;
font-size: 1.0625rem;
line-height: 1.5;
border-radius: 0.5rem;
}
.btn-lg .btn-icon {
width: 1.5rem;
height: 1.5rem;
font-size: 1.25rem;
}
.btn-lg .btn-icon:first-child {
margin-right: 0.75rem;
margin-left: -0.25rem;
}
.btn-lg .btn-icon:last-child {
margin-left: 0.75rem;
margin-right: -0.25rem;
}
.btn-sm {
padding: 0.375rem 0.75rem;
font-size: 0.8125rem;
line-height: 1.5;
border-radius: 0.25rem;
}
.btn-sm .btn-icon {
width: 1rem;
height: 1rem;
font-size: 0.875rem;
}
.btn-sm .btn-icon:first-child {
margin-right: 0.375rem;
margin-left: -0.125rem;
}
.btn-sm .btn-icon:last-child {
margin-left: 0.375rem;
margin-right: -0.125rem;
}
.btn-pill {
border-radius: 50rem;
}
.btn-pill.btn-lg {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.btn-pill.btn-sm {
padding-left: 1rem;
padding-right: 1rem;
}
.btn-square {
width: 2.5rem;
height: 2.5rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.btn-square.btn-lg {
width: 3rem;
height: 3rem;
}
.btn-square.btn-sm {
width: 2rem;
height: 2rem;
}
.btn-square .btn-icon {
margin: 0 !important;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
.btn-group {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn:hover {
z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
z-index: 1;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.form-group {
margin-bottom: 1rem;
}
.form-label {
display: inline-block;
margin-bottom: 0.5rem;
font-size: 0.875rem;
font-weight: 500;
color: #1f2937;
}
.form-label.required::after {
content: "*";
margin-left: 0.25rem;
color: #ef4444;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #1f2937;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #1f2937;
background-color: #ffffff;
border-color: #4f46e5;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(79, 70, 229, 0.25);
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: 0.75rem;
color: #ffffff;
background-color: #6b7280;
background-repeat: no-repeat;
pointer-events: none;
border: 0 solid;
border-color: inherit;
border-inline-end-width: 1px;
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: rgb(83.7787234043, 89.2595744681, 100.2212765957);
}
select.form-control {
appearance: none;
background-image: escape-svg(url("data:image/svg+xml,"));
background-repeat: no-repeat;
background-position: right 2.25rem center;
background-size: 16px 12px;
}
select.form-control[multiple], select.form-control[size]:not([size="1"]) {
padding-right: 2.25rem;
background-image: none;
}
select.form-control:disabled {
background-color: #e9ecef;
background-image: escape-svg(url("data:image/svg+xml,"));
}
textarea.form-control {
min-height: 100px;
resize: vertical;
}
.form-control-lg {
min-height: calc(1.875 + 0.75rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem;
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: 0.5rem;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: #dc3545;
padding-right: 0.75rem;
background-image: escape-svg("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1rem;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-control:valid,
.form-control.is-valid {
border-color: #28a745;
padding-right: 0.75rem;
background-image: escape-svg("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1rem;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.form-text {
display: block;
margin-top: 0.25rem;
font-size: 0.75rem;
color: #6c757d;
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-input {
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #ced4da;
appearance: none;
print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
border-radius: 0.25rem;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: rgb(185.3507109005, 181.7890995261, 244.7109004739);
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25);
}
.form-check-input:checked {
background-color: #4f46e5;
border-color: #4f46e5;
}
.form-check-input:checked[type=checkbox] {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.form-check-input:checked[type=radio] {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #4f46e5;
border-color: #4f46e5;
background-image: escape-svg(url("data:image/svg+xml,"));
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
opacity: 0.5;
}
.form-check-label {
color: #1f2937;
cursor: pointer;
}
.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: escape-svg(url("data:image/svg+xml,"));
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:focus {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.form-switch .form-check-input:checked {
background-position: right center;
}
.form-switch .form-check-input:checked[type=checkbox] {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
z-index: 3;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 3;
}
.input-group > .form-control:not(:first-child),
.input-group > .form-select:not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-control:not(:last-child),
.input-group > .form-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #1f2937;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.input-group > .input-group-text:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-text:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group.input-group-sm > .form-control, .input-group.input-group-sm > .form-select, .input-group.input-group-sm > .input-group-text {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.input-group.input-group-lg > .form-control, .input-group.input-group-lg > .form-select, .input-group.input-group-lg > .input-group-text {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: 0.3rem;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
height: 3.5rem;
line-height: 1.25;
padding: 1rem 0.75rem;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control::placeholder {
color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-select ~ label {
opacity: 0.65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:disabled ~ label,
.form-floating > .form-control[readonly] ~ label {
color: #6c757d;
}
.nav {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
-webkit-padding-start: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}
.nav .nav-item {
list-style-type: none;
margin: 0 12px;
padding: 0;
display: inline-block;
white-space: nowrap;
}
@media (max-width: 768px) {
.nav .nav-item {
margin: 0 8px;
}
}
.nav-link {
display: inline-flex;
align-items: center;
padding: 0.75rem 1.25rem;
color: #1f2937;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 0.9rem;
border-radius: 4px;
transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link.active {
color: #4f46e5;
background-color: rgba(79, 70, 229, 0.1);
}
.nav-link:hover, .nav-link:focus {
color: #4f46e5;
text-decoration: none;
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default;
}
.nav-link[id^=language-selector] {
appearance: none;
background-color: #ffffff;
color: #374151;
border: 1px solid #e5e7eb;
cursor: pointer;
padding: 0.5rem 2rem 0.5rem 0.75rem;
margin: 0;
line-height: 1.25;
font-weight: 500;
text-transform: none;
border-radius: 9999px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1em;
min-width: 140px;
}
.nav-link[id^=language-selector]:hover {
border-color: #d1d5db;
background-color: #ffffff;
}
.nav-link[id^=language-selector]:focus {
outline: none;
border-color: #a5b4fc;
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.nav-link[id^=language-selector] option {
color: #1f2937;
background: #ffffff;
}
.language-selector {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.language-selector .language-icon {
width: 18px;
height: 18px;
display: inline-block;
background-repeat: no-repeat;
background-size: 18px 18px;
opacity: 0.8;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M2 12h20'%3E%3C/path%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E");
}
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: 0.25rem;
}
.nav-pills .nav-link:disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #ffffff;
background-color: #4f46e5;
background-repeat: no-repeat;
}
.nav-pills .nav-item.show .nav-link {
color: #ffffff;
background-color: #4f46e5;
background-repeat: no-repeat;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef;
isolation: isolate;
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #ffffff;
border-color: #dee2e6;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-fill > .nav-link,
.nav-fill .nav-item,
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex: 1 1 100%;
text-align: center;
}
.nav-vertical {
flex-direction: column;
}
.nav-vertical .nav-link {
padding: 0.5rem 1rem;
}
.nav-vertical .nav-link.active {
position: relative;
}
.nav-vertical .nav-link.active::before {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
content: "";
background-color: #4f46e5;
}
.navbar {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
background-repeat: no-repeat;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.navbar .container,
.navbar .container-fluid {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar .navbar-brand {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
margin-right: 1rem;
font-size: 1.25rem;
color: rgba(0, 0, 0, 0.55);
text-decoration: none;
white-space: nowrap;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
color: rgba(0, 0, 0, 0.7);
text-decoration: none;
}
.navbar .navbar-nav {
display: flex;
flex-direction: row;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar .navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar .navbar-nav .dropdown-menu {
position: static;
}
.navbar .navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar .navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.375rem;
transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.navbar .navbar-toggler {
transition: none;
}
}
.navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus {
text-decoration: none;
}
.navbar .navbar-toggler .navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
@media (min-width: 576px) {
.navbar-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-sm .navbar-nav {
flex-direction: row;
}
.navbar-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-sm .navbar-toggler {
display: none;
}
.navbar-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
.navbar-sm .offcanvas {
transition: none;
}
}
@media (min-width: 576px) {
.navbar-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-md .navbar-nav {
flex-direction: row;
}
.navbar-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-md .navbar-toggler {
display: none;
}
.navbar-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
.navbar-md .offcanvas {
transition: none;
}
}
@media (min-width: 768px) {
.navbar-md .offcanvas .offcanvas-header {
display: none;
}
.navbar-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-lg .navbar-nav {
flex-direction: row;
}
.navbar-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-lg .navbar-toggler {
display: none;
}
.navbar-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
.navbar-lg .offcanvas {
transition: none;
}
}
@media (min-width: 992px) {
.navbar-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-xl .navbar-nav {
flex-direction: row;
}
.navbar-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-xl .navbar-toggler {
display: none;
}
.navbar-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
.navbar-xl .offcanvas {
transition: none;
}
}
@media (min-width: 1200px) {
.navbar-xl .offcanvas .offcanvas-header {
display: none;
}
.navbar-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-xxl .navbar-nav {
flex-direction: row;
}
.navbar-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-xxl .navbar-toggler {
display: none;
}
.navbar-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
}
@media (min-width: 1400px) and (prefers-reduced-motion: reduce) {
.navbar-xxl .offcanvas {
transition: none;
}
}
@media (min-width: 1400px) {
.navbar-xxl .offcanvas .offcanvas-header {
display: none;
}
.navbar-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar .navbar-nav {
flex-direction: row;
}
.navbar .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar .navbar-nav-scroll {
overflow: visible;
}
.navbar .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar .navbar-toggler {
display: none;
}
.navbar .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
box-shadow: none;
transition: none;
}
@media (prefers-reduced-motion: reduce) {
.navbar .offcanvas {
transition: none;
}
}
.navbar .offcanvas .offcanvas-header {
display: none;
}
.navbar .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.navbar.navbar-primary {
background-color: #4f46e5;
background-repeat: no-repeat;
}
.navbar.navbar-primary .navbar-brand,
.navbar.navbar-primary .navbar-nav .nav-link {
color: #fff;
}
.navbar.navbar-primary .navbar-brand:hover, .navbar.navbar-primary .navbar-brand:focus,
.navbar.navbar-primary .navbar-nav .nav-link:hover,
.navbar.navbar-primary .navbar-nav .nav-link:focus {
color: #fff;
}
.navbar.navbar-primary .navbar-brand.disabled,
.navbar.navbar-primary .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.5);
}
.navbar.navbar-primary .navbar-toggler {
color: #fff;
border-color: #fff;
}
.navbar.navbar-primary .navbar-toggler-icon {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.navbar.navbar-primary .navbar-text {
color: #fff;
}
.navbar.navbar-primary .navbar-text a,
.navbar.navbar-primary .navbar-text a:hover,
.navbar.navbar-primary .navbar-text a:focus {
color: #fff;
}
.navbar.navbar-secondary {
background-color: #6b7280;
background-repeat: no-repeat;
}
.navbar.navbar-secondary .navbar-brand,
.navbar.navbar-secondary .navbar-nav .nav-link {
color: #fff;
}
.navbar.navbar-secondary .navbar-brand:hover, .navbar.navbar-secondary .navbar-brand:focus,
.navbar.navbar-secondary .navbar-nav .nav-link:hover,
.navbar.navbar-secondary .navbar-nav .nav-link:focus {
color: #fff;
}
.navbar.navbar-secondary .navbar-brand.disabled,
.navbar.navbar-secondary .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.5);
}
.navbar.navbar-secondary .navbar-toggler {
color: #fff;
border-color: #fff;
}
.navbar.navbar-secondary .navbar-toggler-icon {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.navbar.navbar-secondary .navbar-text {
color: #fff;
}
.navbar.navbar-secondary .navbar-text a,
.navbar.navbar-secondary .navbar-text a:hover,
.navbar.navbar-secondary .navbar-text a:focus {
color: #fff;
}
.navbar.navbar-success {
background-color: #10b981;
background-repeat: no-repeat;
}
.navbar.navbar-success .navbar-brand,
.navbar.navbar-success .navbar-nav .nav-link {
color: #fff;
}
.navbar.navbar-success .navbar-brand:hover, .navbar.navbar-success .navbar-brand:focus,
.navbar.navbar-success .navbar-nav .nav-link:hover,
.navbar.navbar-success .navbar-nav .nav-link:focus {
color: #fff;
}
.navbar.navbar-success .navbar-brand.disabled,
.navbar.navbar-success .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.5);
}
.navbar.navbar-success .navbar-toggler {
color: #fff;
border-color: #fff;
}
.navbar.navbar-success .navbar-toggler-icon {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.navbar.navbar-success .navbar-text {
color: #fff;
}
.navbar.navbar-success .navbar-text a,
.navbar.navbar-success .navbar-text a:hover,
.navbar.navbar-success .navbar-text a:focus {
color: #fff;
}
.navbar.navbar-info {
background-color: #3b82f6;
background-repeat: no-repeat;
}
.navbar.navbar-info .navbar-brand,
.navbar.navbar-info .navbar-nav .nav-link {
color: #fff;
}
.navbar.navbar-info .navbar-brand:hover, .navbar.navbar-info .navbar-brand:focus,
.navbar.navbar-info .navbar-nav .nav-link:hover,
.navbar.navbar-info .navbar-nav .nav-link:focus {
color: #fff;
}
.navbar.navbar-info .navbar-brand.disabled,
.navbar.navbar-info .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.5);
}
.navbar.navbar-info .navbar-toggler {
color: #fff;
border-color: #fff;
}
.navbar.navbar-info .navbar-toggler-icon {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.navbar.navbar-info .navbar-text {
color: #fff;
}
.navbar.navbar-info .navbar-text a,
.navbar.navbar-info .navbar-text a:hover,
.navbar.navbar-info .navbar-text a:focus {
color: #fff;
}
.navbar.navbar-warning {
background-color: #f59e0b;
background-repeat: no-repeat;
}
.navbar.navbar-warning .navbar-brand,
.navbar.navbar-warning .navbar-nav .nav-link {
color: #000;
}
.navbar.navbar-warning .navbar-brand:hover, .navbar.navbar-warning .navbar-brand:focus,
.navbar.navbar-warning .navbar-nav .nav-link:hover,
.navbar.navbar-warning .navbar-nav .nav-link:focus {
color: #000;
}
.navbar.navbar-warning .navbar-brand.disabled,
.navbar.navbar-warning .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.5);
}
.navbar.navbar-warning .navbar-toggler {
color: #000;
border-color: #000;
}
.navbar.navbar-warning .navbar-toggler-icon {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.navbar.navbar-warning .navbar-text {
color: #000;
}
.navbar.navbar-warning .navbar-text a,
.navbar.navbar-warning .navbar-text a:hover,
.navbar.navbar-warning .navbar-text a:focus {
color: #000;
}
.navbar.navbar-danger {
background-color: #ef4444;
background-repeat: no-repeat;
}
.navbar.navbar-danger .navbar-brand,
.navbar.navbar-danger .navbar-nav .nav-link {
color: #fff;
}
.navbar.navbar-danger .navbar-brand:hover, .navbar.navbar-danger .navbar-brand:focus,
.navbar.navbar-danger .navbar-nav .nav-link:hover,
.navbar.navbar-danger .navbar-nav .nav-link:focus {
color: #fff;
}
.navbar.navbar-danger .navbar-brand.disabled,
.navbar.navbar-danger .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.5);
}
.navbar.navbar-danger .navbar-toggler {
color: #fff;
border-color: #fff;
}
.navbar.navbar-danger .navbar-toggler-icon {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.navbar.navbar-danger .navbar-text {
color: #fff;
}
.navbar.navbar-danger .navbar-text a,
.navbar.navbar-danger .navbar-text a:hover,
.navbar.navbar-danger .navbar-text a:focus {
color: #fff;
}
.navbar.navbar-light {
background-color: #f9fafb;
background-repeat: no-repeat;
}
.navbar.navbar-light .navbar-brand,
.navbar.navbar-light .navbar-nav .nav-link {
color: #000;
}
.navbar.navbar-light .navbar-brand:hover, .navbar.navbar-light .navbar-brand:focus,
.navbar.navbar-light .navbar-nav .nav-link:hover,
.navbar.navbar-light .navbar-nav .nav-link:focus {
color: #000;
}
.navbar.navbar-light .navbar-brand.disabled,
.navbar.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.5);
}
.navbar.navbar-light .navbar-toggler {
color: #000;
border-color: #000;
}
.navbar.navbar-light .navbar-toggler-icon {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.navbar.navbar-light .navbar-text {
color: #000;
}
.navbar.navbar-light .navbar-text a,
.navbar.navbar-light .navbar-text a:hover,
.navbar.navbar-light .navbar-text a:focus {
color: #000;
}
.navbar.navbar-dark {
background-color: #1f2937;
background-repeat: no-repeat;
}
.navbar.navbar-dark .navbar-brand,
.navbar.navbar-dark .navbar-nav .nav-link {
color: #fff;
}
.navbar.navbar-dark .navbar-brand:hover, .navbar.navbar-dark .navbar-brand:focus,
.navbar.navbar-dark .navbar-nav .nav-link:hover,
.navbar.navbar-dark .navbar-nav .nav-link:focus {
color: #fff;
}
.navbar.navbar-dark .navbar-brand.disabled,
.navbar.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.5);
}
.navbar.navbar-dark .navbar-toggler {
color: #fff;
border-color: #fff;
}
.navbar.navbar-dark .navbar-toggler-icon {
background-image: escape-svg(url("data:image/svg+xml,"));
}
.navbar.navbar-dark .navbar-text {
color: #fff;
}
.navbar.navbar-dark .navbar-text a,
.navbar.navbar-dark .navbar-text a:hover,
.navbar.navbar-dark .navbar-text a:focus {
color: #fff;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.55);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #ffffff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
color: #ffffff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.55);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #ffffff;
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0;
font-size: 1rem;
color: #1f2937;
text-align: left;
list-style: none;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: 0.125rem;
}
.dropdown-menu.show {
display: block;
}
.dropdown-menu .dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: 0;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
color: rgb(21.6283783784, 24.25, 26.8716216216);
text-decoration: none;
background-color: #f8f9fa;
background-repeat: no-repeat;
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
color: #ffffff;
text-decoration: none;
background-color: #4f46e5;
background-repeat: no-repeat;
}
.dropdown-menu .dropdown-item.disabled, .dropdown-menu .dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu .active > .dropdown-item {
color: #ffffff;
text-decoration: none;
background-color: #4f46e5;
background-repeat: no-repeat;
}
.dropdown-menu .disabled > .dropdown-item {
color: #adb5bd;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu .dropdown-header {
display: block;
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-menu .dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: #e9ecef;
opacity: 1;
}
.dropdown-menu .dropdown-item-text {
display: block;
padding: 0.25rem 1rem;
color: #212529;
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
.dropup .dropdown-menu {
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
}
.dropend .dropdown-menu {
margin-top: 0;
margin-left: 0.125rem;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
}
.dropstart .dropdown-menu {
margin-top: 0;
margin-right: 0.125rem;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
}
@media (min-width: 576px) {
.dropdown-menu-sm-end {
--bs-position: end;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-end {
--bs-position: end;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
}
@media (min-width: 992px) {
dropdown-menu-lg-end {
--bs-position: end;
}
}
@media (min-width: 1200px) {
dropdown-menu-xl-start {
--bs-position: start;
}
}
@media (min-width: 1200px) {
dropdown-menu-xl-end {
--bs-position: end;
}
}
@media (min-width: 1400px) {
dropdown-menu-xxl-start {
--bs-position: start;
}
}
@media (min-width: 1400px) {
dropdown-menu-xxl-end {
--bs-position: end;
}
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #ffffff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .list-group:only-child {
border-radius: 0.25rem;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: 1rem;
}
.card-title {
margin-bottom: 0.5rem;
font-size: 1.25rem;
font-weight: 700;
}
.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1rem;
}
.card-header,
.card-footer {
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child,
.card-footer:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child,
.card-footer + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
background-color: #ffffff;
border-bottom-color: #ffffff;
}
.card-header-pills {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.card-deck .card {
flex: 1 0 0%;
margin-right: 0.75rem;
margin-bottom: 0;
margin-left: 0.75rem;
}
}
.card-group > .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.card-columns .card {
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.card-primary {
background-color: #4f46e5;
border-color: #4f46e5;
}
.card-primary .card-header {
color: #fff;
background-color: #fff;
border-color: #4f46e5;
}
.card-secondary {
background-color: #6b7280;
border-color: #6b7280;
}
.card-secondary .card-header {
color: #fff;
background-color: #fff;
border-color: #6b7280;
}
.card-success {
background-color: #10b981;
border-color: #10b981;
}
.card-success .card-header {
color: #fff;
background-color: #fff;
border-color: #10b981;
}
.card-info {
background-color: #3b82f6;
border-color: #3b82f6;
}
.card-info .card-header {
color: #fff;
background-color: #fff;
border-color: #3b82f6;
}
.card-warning {
background-color: #f59e0b;
border-color: #f59e0b;
}
.card-warning .card-header {
color: #000;
background-color: #000;
border-color: #f59e0b;
}
.card-danger {
background-color: #ef4444;
border-color: #ef4444;
}
.card-danger .card-header {
color: #fff;
background-color: #fff;
border-color: #ef4444;
}
.card-outline-primary {
background-color: transparent;
border-color: #4f46e5;
}
.card-outline-primary .card-header,
.card-outline-primary .card-footer {
background-color: transparent;
}
.card-outline-secondary {
background-color: transparent;
border-color: #6b7280;
}
.card-outline-secondary .card-header,
.card-outline-secondary .card-footer {
background-color: transparent;
}
.card-outline-success {
background-color: transparent;
border-color: #10b981;
}
.card-outline-success .card-header,
.card-outline-success .card-footer {
background-color: transparent;
}
.card-outline-info {
background-color: transparent;
border-color: #3b82f6;
}
.card-outline-info .card-header,
.card-outline-info .card-footer {
background-color: transparent;
}
.card-outline-warning {
background-color: transparent;
border-color: #f59e0b;
}
.card-outline-warning .card-header,
.card-outline-warning .card-footer {
background-color: transparent;
}
.card-outline-danger {
background-color: transparent;
border-color: #ef4444;
}
.card-outline-danger .card-header,
.card-outline-danger .card-footer {
background-color: transparent;
}
.card-outline-light {
background-color: transparent;
border-color: #f9fafb;
}
.card-outline-light .card-header,
.card-outline-light .card-footer {
background-color: transparent;
}
.card-outline-dark {
background-color: transparent;
border-color: #1f2937;
}
.card-outline-dark .card-header,
.card-outline-dark .card-footer {
background-color: transparent;
}
.card-img-overlay {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
}
.card-img-overlay .card-title,
.card-img-overlay .card-text {
color: #ffffff;
}
.card-img-overlay .card-link {
color: #ffffff;
text-decoration: underline;
}
.card-img-overlay .card-link:hover {
color: #ffffff;
text-decoration: underline;
}
.card-hover {
transition: transform 0.2s, box-shadow 0.2s;
}
.card-hover:hover, .card-hover:focus {
transform: translateY(0.25rem);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.card-shadow {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.card-shadow.card-hover:hover, .card-shadow.card-hover:focus {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.card-border {
border: 1px solid rgba(0, 0, 0, 0.125);
}
.card-border.card-hover:hover, .card-border.card-hover:focus {
border-color: #4f46e5;
}
.card-bg {
background-color: #ffffff;
}
.card-bg.card-hover:hover, .card-bg.card-hover:focus {
background-color: #f8f9fa;
}
.card-img-overlay-content {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
color: #ffffff;
}
.card-img-overlay-content .card-title,
.card-img-overlay-content .card-text {
color: #ffffff;
}
.card-img-overlay-content .card-link {
color: #ffffff;
text-decoration: underline;
}
.card-img-overlay-content .card-link:hover {
color: #ffffff;
text-decoration: underline;
}
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert .alert-heading {
color: inherit;
}
.alert .alert-link {
font-weight: 700;
text-decoration: none;
}
.alert .alert-link:hover {
text-decoration: underline;
}
.alert.alert-dismissible {
padding-right: 3rem;
}
.alert.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert .alert-icon {
margin-right: 1rem;
font-size: 1.5rem;
line-height: 1;
vertical-align: middle;
}
.alert .alert-avatar {
width: 3rem;
height: 3rem;
margin-right: 1rem;
border-radius: 50%;
}
.alert .alert-btn {
margin-top: 0.5rem;
margin-right: 0.5rem;
}
.alert .alert-close {
float: right;
padding: 0;
margin: -0.5rem -0.5rem -0.5rem 0;
color: inherit;
background: transparent;
border: 0;
opacity: 0.5;
cursor: pointer;
}
.alert .alert-close:hover, .alert .alert-close:focus {
color: inherit;
text-decoration: none;
opacity: 0.75;
}
.alert-primary {
color: #000;
background-color: rgb(9.9194312796, 7.3687203791, 52.4312796209);
background-repeat: no-repeat;
border-color: rgb(14.8791469194, 11.0530805687, 78.6469194313);
}
.alert-primary .alert-link {
color: black;
}
.alert-primary .alert-link {
color: black;
}
.alert-primary .alert-close {
color: inherit;
}
.alert-primary .alert-close:hover, .alert-primary .alert-close:focus {
color: inherit;
}
.alert-secondary {
color: #000;
background-color: rgb(21.4, 22.8, 25.6);
background-repeat: no-repeat;
border-color: rgb(32.1, 34.2, 38.4);
}
.alert-secondary .alert-link {
color: black;
}
.alert-secondary .alert-link {
color: black;
}
.alert-secondary .alert-close {
color: inherit;
}
.alert-secondary .alert-close:hover, .alert-secondary .alert-close:focus {
color: inherit;
}
.alert-success {
color: #000;
background-color: rgb(3.2, 37, 25.8);
background-repeat: no-repeat;
border-color: rgb(4.8, 55.5, 38.7);
}
.alert-success .alert-link {
color: black;
}
.alert-success .alert-link {
color: black;
}
.alert-success .alert-close {
color: inherit;
}
.alert-success .alert-close:hover, .alert-success .alert-close:focus {
color: inherit;
}
.alert-info {
color: #000;
background-color: rgb(2.6780487805, 23.8048780488, 58.3219512195);
background-repeat: no-repeat;
border-color: rgb(4.0170731707, 35.7073170732, 87.4829268293);
}
.alert-info .alert-link {
color: black;
}
.alert-info .alert-link {
color: black;
}
.alert-info .alert-close {
color: inherit;
}
.alert-info .alert-close:hover, .alert-info .alert-close:focus {
color: inherit;
}
.alert-warning {
color: #000;
background-color: rgb(49.1842519685, 31.6472440945, 2.0157480315);
background-repeat: no-repeat;
border-color: rgb(73.7763779528, 47.4708661417, 3.0236220472);
}
.alert-warning .alert-link {
color: black;
}
.alert-warning .alert-link {
color: black;
}
.alert-warning .alert-close {
color: inherit;
}
.alert-warning .alert-close:hover, .alert-warning .alert-close:focus {
color: inherit;
}
.alert-danger {
color: #000;
background-color: rgb(56.560591133, 4.839408867, 4.839408867);
background-repeat: no-repeat;
border-color: rgb(84.8408866995, 7.2591133005, 7.2591133005);
}
.alert-danger .alert-link {
color: black;
}
.alert-danger .alert-link {
color: black;
}
.alert-danger .alert-close {
color: inherit;
}
.alert-danger .alert-close:hover, .alert-danger .alert-close:focus {
color: inherit;
}
.alert-light {
color: #000;
background-color: #28323c;
background-repeat: no-repeat;
border-color: #3c4b5a;
}
.alert-light .alert-link {
color: black;
}
.alert-light .alert-link {
color: black;
}
.alert-light .alert-close {
color: inherit;
}
.alert-light .alert-close:hover, .alert-light .alert-close:focus {
color: inherit;
}
.alert-dark {
color: #fff;
background-color: rgb(6.2, 8.2, 11);
background-repeat: no-repeat;
border-color: rgb(9.3, 12.3, 16.5);
}
.alert-dark .alert-link {
color: rgb(216.75, 216.75, 216.75);
}
.alert-dark .alert-link {
color: rgb(216.75, 216.75, 216.75);
}
.alert-dark .alert-close {
color: inherit;
}
.alert-dark .alert-close:hover, .alert-dark .alert-close:focus {
color: inherit;
}
.alert-icon {
display: flex;
align-items: flex-start;
}
.alert-icon .alert-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
margin-right: 1rem;
font-size: 1.5rem;
border-radius: 50%;
}
.alert-icon .alert-icon-wrapper.alert-icon-primary {
color: #fff;
background-color: #4f46e5;
}
.alert-icon .alert-icon-wrapper.alert-icon-secondary {
color: #fff;
background-color: #6b7280;
}
.alert-icon .alert-icon-wrapper.alert-icon-success {
color: #fff;
background-color: #10b981;
}
.alert-icon .alert-icon-wrapper.alert-icon-info {
color: #fff;
background-color: #3b82f6;
}
.alert-icon .alert-icon-wrapper.alert-icon-warning {
color: #000;
background-color: #f59e0b;
}
.alert-icon .alert-icon-wrapper.alert-icon-danger {
color: #fff;
background-color: #ef4444;
}
.alert-icon .alert-icon-wrapper.alert-icon-light {
color: #000;
background-color: #f9fafb;
}
.alert-icon .alert-icon-wrapper.alert-icon-dark {
color: #fff;
background-color: #1f2937;
}
.alert-icon .alert-content {
flex: 1;
}
.alert-avatar {
display: flex;
align-items: flex-start;
}
.alert-avatar .alert-avatar-img {
width: 3rem;
height: 3rem;
margin-right: 1rem;
border-radius: 50%;
}
.alert-avatar .alert-content {
flex: 1;
}
.alert-action {
display: flex;
justify-content: space-between;
align-items: center;
}
.alert-action .alert-content {
flex: 1;
margin-right: 1rem;
}
.alert-action .alert-btn {
margin: 0;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert-icon.alert-dismissible {
padding-right: 3rem;
}
.alert-icon.alert-dismissible .alert-icon-wrapper {
margin-right: 1rem;
}
.alert-icon.alert-dismissible .alert-content {
padding-right: 1rem;
}
.alert-avatar.alert-dismissible {
padding-right: 3rem;
}
.alert-avatar.alert-dismissible .alert-avatar-img {
margin-right: 1rem;
}
.alert-avatar.alert-dismissible .alert-content {
padding-right: 1rem;
}
.alert-action.alert-dismissible {
padding-right: 3rem;
}
.alert-action.alert-dismissible .alert-content {
padding-right: 1rem;
}
.alert-action.alert-dismissible .alert-btn {
margin-right: 1rem;
}
.alert-icon.alert-action.alert-dismissible .alert-content {
padding-right: 1rem;
}
.alert-icon.alert-action.alert-dismissible .alert-btn {
margin-right: 1rem;
}
.alert-avatar.alert-action.alert-dismissible .alert-content {
padding-right: 1rem;
}
.alert-avatar.alert-action.alert-dismissible .alert-btn {
margin-right: 1rem;
}
.alert-custom {
display: flex;
align-items: center;
}
.alert-custom .alert-custom-icon {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
margin-right: 1rem;
font-size: 1.5rem;
border-radius: 50%;
}
.alert-custom .alert-custom-icon.alert-custom-icon-primary {
color: #fff;
background-color: #4f46e5;
}
.alert-custom .alert-custom-icon.alert-custom-icon-secondary {
color: #fff;
background-color: #6b7280;
}
.alert-custom .alert-custom-icon.alert-custom-icon-success {
color: #fff;
background-color: #10b981;
}
.alert-custom .alert-custom-icon.alert-custom-icon-info {
color: #fff;
background-color: #3b82f6;
}
.alert-custom .alert-custom-icon.alert-custom-icon-warning {
color: #000;
background-color: #f59e0b;
}
.alert-custom .alert-custom-icon.alert-custom-icon-danger {
color: #fff;
background-color: #ef4444;
}
.alert-custom .alert-custom-icon.alert-custom-icon-light {
color: #000;
background-color: #f9fafb;
}
.alert-custom .alert-custom-icon.alert-custom-icon-dark {
color: #fff;
background-color: #1f2937;
}
.alert-custom .alert-custom-content {
flex: 1;
}
.alert-custom .alert-custom-close {
margin-left: 1rem;
color: inherit;
opacity: 0.5;
}
.alert-custom .alert-custom-close:hover, .alert-custom .alert-custom-close:focus {
color: inherit;
text-decoration: none;
opacity: 0.75;
}
.alert-custom.alert-dismissible {
padding-right: 3rem;
}
.alert-custom.alert-dismissible .alert-custom-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
margin: 0;
}
.alert-custom.alert-action .alert-custom-content {
margin-right: 1rem;
}
.alert-custom.alert-action .alert-btn {
margin: 0;
}
.alert-custom.alert-action.alert-dismissible .alert-custom-content {
padding-right: 1rem;
}
.alert-custom.alert-action.alert-dismissible .alert-btn {
margin-right: 1rem;
}
.badge {
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
background-color: #4f46e5;
background-repeat: no-repeat;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.badge .badge-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1em;
height: 1em;
margin-right: 0.25rem;
font-size: 0.75em;
line-height: 1;
vertical-align: middle;
}
.badge .badge-close {
float: right;
padding: 0;
margin-left: 0.5rem;
color: inherit;
font-size: 1.25em;
line-height: 1;
text-shadow: none;
background: transparent;
border: 0;
opacity: 0.5;
cursor: pointer;
}
.badge .badge-close:hover, .badge .badge-close:focus {
color: inherit;
text-decoration: none;
opacity: 0.75;
}
.badge::before {
display: inline-block;
width: 0.5em;
height: 0.5em;
margin-right: 0.25rem;
content: "";
vertical-align: middle;
background-color: currentColor;
border-radius: 50%;
}
.badge.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge.badge-square {
border-radius: 0;
}
.badge.badge-dot {
width: 0.5em;
height: 0.5em;
padding: 0;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
vertical-align: middle;
}
.badge.badge-dot::before {
margin-right: 0;
}
.badge .badge-counter {
display: inline-block;
min-width: 1.5em;
padding: 0 0.25em;
margin-left: 0.25rem;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #4f46e5;
border-radius: 10rem;
}
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge-square {
border-radius: 0;
}
.badge-dot {
width: 0.5em;
height: 0.5em;
padding: 0;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
vertical-align: middle;
}
.badge-dot::before {
margin-right: 0;
}
.badge-counter {
display: inline-block;
min-width: 1.5em;
padding: 0 0.25em;
margin-left: 0.25rem;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #4f46e5;
border-radius: 10rem;
}
.badge-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1em;
height: 1em;
margin-right: 0.25rem;
font-size: 0.75em;
line-height: 1;
vertical-align: middle;
}
.badge-close {
float: right;
padding: 0;
margin-left: 0.5rem;
color: inherit;
font-size: 1.25em;
line-height: 1;
text-shadow: none;
background: transparent;
border: 0;
opacity: 0.5;
cursor: pointer;
}
.badge-close:hover, .badge-close:focus {
color: inherit;
text-decoration: none;
opacity: 0.75;
}
.badge-text {
display: inline-block;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.badge-avatar {
display: inline-flex;
align-items: center;
}
.badge-avatar .badge-avatar-img {
width: 1.5em;
height: 1.5em;
margin-right: 0.25rem;
border-radius: 50%;
}
.badge-avatar .badge-text {
flex: 1;
min-width: 0;
}
.badge-status {
position: relative;
padding-left: 1.25em;
}
.badge-status::before {
position: absolute;
top: 50%;
left: 0;
width: 0.5em;
height: 0.5em;
margin-top: -0.25em;
content: "";
background-color: #ced4da;
border: 1px solid #ffffff;
border-radius: 50%;
}
.badge-status.badge-status-primary::before {
background-color: #4f46e5;
border-color: #4f46e5;
}
.badge-status.badge-status-secondary::before {
background-color: #6b7280;
border-color: #6b7280;
}
.badge-status.badge-status-success::before {
background-color: #10b981;
border-color: #10b981;
}
.badge-status.badge-status-info::before {
background-color: #3b82f6;
border-color: #3b82f6;
}
.badge-status.badge-status-warning::before {
background-color: #f59e0b;
border-color: #f59e0b;
}
.badge-status.badge-status-danger::before {
background-color: #ef4444;
border-color: #ef4444;
}
.badge-status.badge-status-light::before {
background-color: #f9fafb;
border-color: #f9fafb;
}
.badge-status.badge-status-dark::before {
background-color: #1f2937;
border-color: #1f2937;
}
.badge-status.badge-status-top::before {
top: 0;
margin-top: 0;
}
.badge-status.badge-status-bottom::before {
top: auto;
bottom: 0;
margin-top: 0;
}
.badge-status.badge-status-sm {
padding-left: 1em;
}
.badge-status.badge-status-sm::before {
width: 0.375em;
height: 0.375em;
margin-top: -0.1875em;
}
.badge-status.badge-status-lg {
padding-left: 1.5em;
}
.badge-status.badge-status-lg::before {
width: 0.75em;
height: 0.75em;
margin-top: -0.375em;
}
.badge-notification {
position: relative;
}
.badge-notification::after {
position: absolute;
top: 0;
right: 0;
width: 0.5rem;
height: 0.5rem;
content: "";
background-color: #ef4444;
border: 2px solid #ffffff;
border-radius: 50%;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.badge-notification.badge-notification-primary::after {
background-color: #4f46e5;
border-color: #4f46e5;
}
.badge-notification.badge-notification-secondary::after {
background-color: #6b7280;
border-color: #6b7280;
}
.badge-notification.badge-notification-success::after {
background-color: #10b981;
border-color: #10b981;
}
.badge-notification.badge-notification-info::after {
background-color: #3b82f6;
border-color: #3b82f6;
}
.badge-notification.badge-notification-warning::after {
background-color: #f59e0b;
border-color: #f59e0b;
}
.badge-notification.badge-notification-danger::after {
background-color: #ef4444;
border-color: #ef4444;
}
.badge-notification.badge-notification-light::after {
background-color: #f9fafb;
border-color: #f9fafb;
}
.badge-notification.badge-notification-dark::after {
background-color: #1f2937;
border-color: #1f2937;
}
.badge-notification.badge-notification-top-right::after {
top: 0;
right: 0;
transform: translate(50%, -50%);
}
.badge-notification.badge-notification-top-left::after {
top: 0;
left: 0;
transform: translate(-50%, -50%);
}
.badge-notification.badge-notification-bottom-right::after {
top: 100%;
right: 0;
transform: translate(50%, -50%);
}
.badge-notification.badge-notification-bottom-left::after {
top: 100%;
left: 0;
transform: translate(-50%, -50%);
}
.badge-notification.badge-notification-sm::after {
width: 0.375rem;
height: 0.375rem;
}
.badge-notification.badge-notification-lg::after {
width: 0.75rem;
height: 0.75rem;
}
.badge-pulse {
position: relative;
}
.badge-pulse::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: inherit;
border-radius: inherit;
opacity: 0.5;
animation: badge-pulse 1.5s infinite;
}
@keyframes badge-pulse {
0% {
transform: scale(1);
opacity: 0.5;
}
70% {
transform: scale(1.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.badge-animate {
animation: badge-bounce 0.5s ease-in-out;
}
@keyframes badge-bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
}
.badge-gradient {
background-image: linear-gradient(to right, #4f46e5, #6b7280);
}
.badge-gradient.badge-gradient-primary {
background-image: linear-gradient(to right, #4f46e5, rgb(63.2, 56, 183.2));
}
.badge-gradient.badge-gradient-secondary {
background-image: linear-gradient(to right, #6b7280, rgb(85.6, 91.2, 102.4));
}
.badge-gradient.badge-gradient-success {
background-image: linear-gradient(to right, #10b981, rgb(12.8, 148, 103.2));
}
.badge-gradient.badge-gradient-info {
background-image: linear-gradient(to right, #3b82f6, rgb(47.2, 104, 196.8));
}
.badge-gradient.badge-gradient-warning {
background-image: linear-gradient(to right, #f59e0b, rgb(196, 126.4, 8.8));
}
.badge-gradient.badge-gradient-danger {
background-image: linear-gradient(to right, #ef4444, rgb(191.2, 54.4, 54.4));
}
.badge-gradient.badge-gradient-light {
background-image: linear-gradient(to right, #f9fafb, rgb(199.2, 200, 200.8));
}
.badge-gradient.badge-gradient-dark {
background-image: linear-gradient(to right, #1f2937, rgb(24.8, 32.8, 44));
}
.badge-outline {
background-color: transparent;
border: 1px solid currentColor;
}
.badge-outline.badge-outline-primary {
color: #4f46e5;
border-color: #4f46e5;
}
.badge-outline.badge-outline-primary:hover, .badge-outline.badge-outline-primary:focus {
color: #fff;
background-color: #4f46e5;
border-color: #4f46e5;
}
.badge-outline.badge-outline-secondary {
color: #6b7280;
border-color: #6b7280;
}
.badge-outline.badge-outline-secondary:hover, .badge-outline.badge-outline-secondary:focus {
color: #fff;
background-color: #6b7280;
border-color: #6b7280;
}
.badge-outline.badge-outline-success {
color: #10b981;
border-color: #10b981;
}
.badge-outline.badge-outline-success:hover, .badge-outline.badge-outline-success:focus {
color: #fff;
background-color: #10b981;
border-color: #10b981;
}
.badge-outline.badge-outline-info {
color: #3b82f6;
border-color: #3b82f6;
}
.badge-outline.badge-outline-info:hover, .badge-outline.badge-outline-info:focus {
color: #fff;
background-color: #3b82f6;
border-color: #3b82f6;
}
.badge-outline.badge-outline-warning {
color: #f59e0b;
border-color: #f59e0b;
}
.badge-outline.badge-outline-warning:hover, .badge-outline.badge-outline-warning:focus {
color: #000;
background-color: #f59e0b;
border-color: #f59e0b;
}
.badge-outline.badge-outline-danger {
color: #ef4444;
border-color: #ef4444;
}
.badge-outline.badge-outline-danger:hover, .badge-outline.badge-outline-danger:focus {
color: #fff;
background-color: #ef4444;
border-color: #ef4444;
}
.badge-outline.badge-outline-light {
color: #f9fafb;
border-color: #f9fafb;
}
.badge-outline.badge-outline-light:hover, .badge-outline.badge-outline-light:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
}
.badge-outline.badge-outline-dark {
color: #1f2937;
border-color: #1f2937;
}
.badge-outline.badge-outline-dark:hover, .badge-outline.badge-outline-dark:focus {
color: #fff;
background-color: #1f2937;
border-color: #1f2937;
}
.badge-soft {
background-color: transparent;
}
.badge-soft.badge-soft-primary {
color: #4f46e5;
background-color: rgba(79, 70, 229, 0.1);
}
.badge-soft.badge-soft-primary:hover, .badge-soft.badge-soft-primary:focus {
color: #fff;
background-color: #4f46e5;
}
.badge-soft.badge-soft-secondary {
color: #6b7280;
background-color: rgba(107, 114, 128, 0.1);
}
.badge-soft.badge-soft-secondary:hover, .badge-soft.badge-soft-secondary:focus {
color: #fff;
background-color: #6b7280;
}
.badge-soft.badge-soft-success {
color: #10b981;
background-color: rgba(16, 185, 129, 0.1);
}
.badge-soft.badge-soft-success:hover, .badge-soft.badge-soft-success:focus {
color: #fff;
background-color: #10b981;
}
.badge-soft.badge-soft-info {
color: #3b82f6;
background-color: rgba(59, 130, 246, 0.1);
}
.badge-soft.badge-soft-info:hover, .badge-soft.badge-soft-info:focus {
color: #fff;
background-color: #3b82f6;
}
.badge-soft.badge-soft-warning {
color: #f59e0b;
background-color: rgba(245, 158, 11, 0.1);
}
.badge-soft.badge-soft-warning:hover, .badge-soft.badge-soft-warning:focus {
color: #000;
background-color: #f59e0b;
}
.badge-soft.badge-soft-danger {
color: #ef4444;
background-color: rgba(239, 68, 68, 0.1);
}
.badge-soft.badge-soft-danger:hover, .badge-soft.badge-soft-danger:focus {
color: #fff;
background-color: #ef4444;
}
.badge-soft.badge-soft-light {
color: #f9fafb;
background-color: rgba(249, 250, 251, 0.1);
}
.badge-soft.badge-soft-light:hover, .badge-soft.badge-soft-light:focus {
color: #000;
background-color: #f9fafb;
}
.badge-soft.badge-soft-dark {
color: #1f2937;
background-color: rgba(31, 41, 55, 0.1);
}
.badge-soft.badge-soft-dark:hover, .badge-soft.badge-soft-dark:focus {
color: #fff;
background-color: #1f2937;
}
.badge-icon-only {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2em;
height: 2em;
padding: 0;
}
.badge-icon-only .badge-icon {
margin-right: 0;
}
.badge-with-icon {
display: inline-flex;
align-items: center;
}
.badge-with-icon .badge-icon {
margin-right: 0.25rem;
}
.badge-with-icon .badge-text {
flex: 1;
min-width: 0;
}
.badge-with-avatar {
display: inline-flex;
align-items: center;
}
.badge-with-avatar .badge-avatar {
margin-right: 0.25rem;
}
.badge-with-avatar .badge-text {
flex: 1;
min-width: 0;
}
.badge-dismissible {
padding-right: calc(0.65em + 0.5rem + 1.25em);
position: relative;
}
.badge-dismissible .badge-close {
position: absolute;
top: 50%;
right: 0.325em;
transform: translateY(-50%);
margin-left: 0;
opacity: 0.7;
}
.badge-dismissible .badge-close:hover, .badge-dismissible .badge-close:focus {
opacity: 1;
}
.badge-with-counter {
position: relative;
padding-right: calc(0.65em + 0.25rem + 1.5em);
}
.badge-with-counter .badge-counter {
position: absolute;
top: 50%;
right: 0.325em;
transform: translateY(-50%);
margin-left: 0;
}
.badge-with-status {
position: relative;
padding-left: 1.75em;
}
.badge-with-status .badge-status {
position: absolute;
top: 50%;
left: 0.325em;
transform: translateY(-50%);
padding-left: 0;
}
.badge-with-status .badge-status::before {
position: static;
display: inline-block;
margin-top: 0;
margin-right: 0.5rem;
vertical-align: middle;
}
.badge-with-status .badge-text {
display: inline-block;
vertical-align: middle;
}
.badge-with-notification {
position: relative;
padding-right: calc(0.65em + 0.5rem);
}
.badge-with-notification .badge-notification {
position: absolute;
top: 0;
right: 0.325em;
transform: translateY(-50%);
}
.badge-with-notification .badge-text {
display: inline-block;
vertical-align: middle;
}
.badge-with-pulse {
position: relative;
}
.badge-with-pulse .badge-pulse {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.badge-with-pulse .badge-text {
position: relative;
z-index: 1;
}
.badge-with-animation .badge-animate {
display: inline-block;
vertical-align: middle;
}
.badge-with-animation .badge-text {
display: inline-block;
vertical-align: middle;
}
.badge-with-gradient .badge-gradient {
display: inline-block;
vertical-align: middle;
}
.badge-with-gradient .badge-text {
display: inline-block;
vertical-align: middle;
}
.badge-with-outline .badge-outline {
display: inline-block;
vertical-align: middle;
}
.badge-with-outline .badge-text {
display: inline-block;
vertical-align: middle;
}
.badge-with-soft-bg .badge-soft {
display: inline-block;
vertical-align: middle;
}
.badge-with-soft-bg .badge-text {
display: inline-block;
vertical-align: middle;
}
/* Spacing Utilities */
.m-0 {
margin: 0 !important;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.me-0, .mx-0 {
margin-right: 0 !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ms-0, .mx-0 {
margin-left: 0 !important;
}
.m-n0 {
margin: 0 !important;
}
.mt-n0, .my-n0 {
margin-top: 0 !important;
}
.me-n0, .mx-n0 {
margin-right: 0 !important;
}
.mb-n0, .my-n0 {
margin-bottom: 0 !important;
}
.ms-n0, .mx-n0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1, .my-1 {
margin-top: 0.25rem !important;
}
.me-1, .mx-1 {
margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
margin-bottom: 0.25rem !important;
}
.ms-1, .mx-1 {
margin-left: 0.25rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1, .my-n1 {
margin-top: -0.25rem !important;
}
.me-n1, .mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1, .my-n1 {
margin-bottom: -0.25rem !important;
}
.ms-n1, .mx-n1 {
margin-left: -0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2, .my-2 {
margin-top: 0.5rem !important;
}
.me-2, .mx-2 {
margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
margin-bottom: 0.5rem !important;
}
.ms-2, .mx-2 {
margin-left: 0.5rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2, .my-n2 {
margin-top: -0.5rem !important;
}
.me-n2, .mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2, .my-n2 {
margin-bottom: -0.5rem !important;
}
.ms-n2, .mx-n2 {
margin-left: -0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3, .my-3 {
margin-top: 1rem !important;
}
.me-3, .mx-3 {
margin-right: 1rem !important;
}
.mb-3, .my-3 {
margin-bottom: 1rem !important;
}
.ms-3, .mx-3 {
margin-left: 1rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3, .my-n3 {
margin-top: -1rem !important;
}
.me-n3, .mx-n3 {
margin-right: -1rem !important;
}
.mb-n3, .my-n3 {
margin-bottom: -1rem !important;
}
.ms-n3, .mx-n3 {
margin-left: -1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4, .my-4 {
margin-top: 1.5rem !important;
}
.me-4, .mx-4 {
margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem !important;
}
.ms-4, .mx-4 {
margin-left: 1.5rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4, .my-n4 {
margin-top: -1.5rem !important;
}
.me-n4, .mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4, .my-n4 {
margin-bottom: -1.5rem !important;
}
.ms-n4, .mx-n4 {
margin-left: -1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5, .my-5 {
margin-top: 3rem !important;
}
.me-5, .mx-5 {
margin-right: 3rem !important;
}
.mb-5, .my-5 {
margin-bottom: 3rem !important;
}
.ms-5, .mx-5 {
margin-left: 3rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5, .my-n5 {
margin-top: -3rem !important;
}
.me-n5, .mx-n5 {
margin-right: -3rem !important;
}
.mb-n5, .my-n5 {
margin-bottom: -3rem !important;
}
.ms-n5, .mx-n5 {
margin-left: -3rem !important;
}
.m-6 {
margin: 4.5rem !important;
}
.mt-6, .my-6 {
margin-top: 4.5rem !important;
}
.me-6, .mx-6 {
margin-right: 4.5rem !important;
}
.mb-6, .my-6 {
margin-bottom: 4.5rem !important;
}
.ms-6, .mx-6 {
margin-left: 4.5rem !important;
}
.m-n6 {
margin: -4.5rem !important;
}
.mt-n6, .my-n6 {
margin-top: -4.5rem !important;
}
.me-n6, .mx-n6 {
margin-right: -4.5rem !important;
}
.mb-n6, .my-n6 {
margin-bottom: -4.5rem !important;
}
.ms-n6, .mx-n6 {
margin-left: -4.5rem !important;
}
.m-7 {
margin: 6rem !important;
}
.mt-7, .my-7 {
margin-top: 6rem !important;
}
.me-7, .mx-7 {
margin-right: 6rem !important;
}
.mb-7, .my-7 {
margin-bottom: 6rem !important;
}
.ms-7, .mx-7 {
margin-left: 6rem !important;
}
.m-n7 {
margin: -6rem !important;
}
.mt-n7, .my-n7 {
margin-top: -6rem !important;
}
.me-n7, .mx-n7 {
margin-right: -6rem !important;
}
.mb-n7, .my-n7 {
margin-bottom: -6rem !important;
}
.ms-n7, .mx-n7 {
margin-left: -6rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pe-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.ps-0, .px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1, .py-1 {
padding-top: 0.25rem !important;
}
.pe-1, .px-1 {
padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
padding-bottom: 0.25rem !important;
}
.ps-1, .px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2, .py-2 {
padding-top: 0.5rem !important;
}
.pe-2, .px-2 {
padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
padding-bottom: 0.5rem !important;
}
.ps-2, .px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.pe-3, .px-3 {
padding-right: 1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.ps-3, .px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4, .py-4 {
padding-top: 1.5rem !important;
}
.pe-4, .px-4 {
padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
.ps-4, .px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5, .py-5 {
padding-top: 3rem !important;
}
.pe-5, .px-5 {
padding-right: 3rem !important;
}
.pb-5, .py-5 {
padding-bottom: 3rem !important;
}
.ps-5, .px-5 {
padding-left: 3rem !important;
}
.p-6 {
padding: 4.5rem !important;
}
.pt-6, .py-6 {
padding-top: 4.5rem !important;
}
.pe-6, .px-6 {
padding-right: 4.5rem !important;
}
.pb-6, .py-6 {
padding-bottom: 4.5rem !important;
}
.ps-6, .px-6 {
padding-left: 4.5rem !important;
}
.p-7 {
padding: 6rem !important;
}
.pt-7, .py-7 {
padding-top: 6rem !important;
}
.pe-7, .px-7 {
padding-right: 6rem !important;
}
.pb-7, .py-7 {
padding-bottom: 6rem !important;
}
.ps-7, .px-7 {
padding-left: 6rem !important;
}
.gap-0 {
gap: 0 !important;
}
.row-gap-0 {
row-gap: 0 !important;
}
.column-gap-0 {
column-gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.row-gap-1 {
row-gap: 0.25rem !important;
}
.column-gap-1 {
column-gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.row-gap-2 {
row-gap: 0.5rem !important;
}
.column-gap-2 {
column-gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.row-gap-3 {
row-gap: 1rem !important;
}
.column-gap-3 {
column-gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.row-gap-4 {
row-gap: 1.5rem !important;
}
.column-gap-4 {
column-gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.row-gap-5 {
row-gap: 3rem !important;
}
.column-gap-5 {
column-gap: 3rem !important;
}
.gap-6 {
gap: 4.5rem !important;
}
.row-gap-6 {
row-gap: 4.5rem !important;
}
.column-gap-6 {
column-gap: 4.5rem !important;
}
.gap-7 {
gap: 6rem !important;
}
.row-gap-7 {
row-gap: 6rem !important;
}
.column-gap-7 {
column-gap: 6rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto, .my-auto {
margin-top: auto !important;
}
.me-auto, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ms-auto, .mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0, .my-sm-0 {
margin-top: 0 !important;
}
.me-sm-0, .mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0 !important;
}
.ms-sm-0, .mx-sm-0 {
margin-left: 0 !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0, .py-sm-0 {
padding-top: 0 !important;
}
.pe-sm-0, .px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0 !important;
}
.ps-sm-0, .px-sm-0 {
padding-left: 0 !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.row-gap-sm-0 {
row-gap: 0 !important;
}
.column-gap-sm-0 {
column-gap: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1, .my-sm-1 {
margin-top: 0.25rem !important;
}
.me-sm-1, .mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1, .my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ms-sm-1, .mx-sm-1 {
margin-left: 0.25rem !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1, .py-sm-1 {
padding-top: 0.25rem !important;
}
.pe-sm-1, .px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1, .py-sm-1 {
padding-bottom: 0.25rem !important;
}
.ps-sm-1, .px-sm-1 {
padding-left: 0.25rem !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.row-gap-sm-1 {
row-gap: 0.25rem !important;
}
.column-gap-sm-1 {
column-gap: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2, .my-sm-2 {
margin-top: 0.5rem !important;
}
.me-sm-2, .mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2, .my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ms-sm-2, .mx-sm-2 {
margin-left: 0.5rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2, .py-sm-2 {
padding-top: 0.5rem !important;
}
.pe-sm-2, .px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2, .py-sm-2 {
padding-bottom: 0.5rem !important;
}
.ps-sm-2, .px-sm-2 {
padding-left: 0.5rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.row-gap-sm-2 {
row-gap: 0.5rem !important;
}
.column-gap-sm-2 {
column-gap: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3, .my-sm-3 {
margin-top: 1rem !important;
}
.me-sm-3, .mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3, .my-sm-3 {
margin-bottom: 1rem !important;
}
.ms-sm-3, .mx-sm-3 {
margin-left: 1rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3, .py-sm-3 {
padding-top: 1rem !important;
}
.pe-sm-3, .px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3, .py-sm-3 {
padding-bottom: 1rem !important;
}
.ps-sm-3, .px-sm-3 {
padding-left: 1rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.row-gap-sm-3 {
row-gap: 1rem !important;
}
.column-gap-sm-3 {
column-gap: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4, .my-sm-4 {
margin-top: 1.5rem !important;
}
.me-sm-4, .mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4, .my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ms-sm-4, .mx-sm-4 {
margin-left: 1.5rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4, .py-sm-4 {
padding-top: 1.5rem !important;
}
.pe-sm-4, .px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4, .py-sm-4 {
padding-bottom: 1.5rem !important;
}
.ps-sm-4, .px-sm-4 {
padding-left: 1.5rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.row-gap-sm-4 {
row-gap: 1.5rem !important;
}
.column-gap-sm-4 {
column-gap: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5, .my-sm-5 {
margin-top: 3rem !important;
}
.me-sm-5, .mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 3rem !important;
}
.ms-sm-5, .mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5, .py-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-5, .px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-5, .px-sm-5 {
padding-left: 3rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.row-gap-sm-5 {
row-gap: 3rem !important;
}
.column-gap-sm-5 {
column-gap: 3rem !important;
}
.m-sm-6 {
margin: 4.5rem !important;
}
.mt-sm-6, .my-sm-6 {
margin-top: 4.5rem !important;
}
.me-sm-6, .mx-sm-6 {
margin-right: 4.5rem !important;
}
.mb-sm-6, .my-sm-6 {
margin-bottom: 4.5rem !important;
}
.ms-sm-6, .mx-sm-6 {
margin-left: 4.5rem !important;
}
.p-sm-6 {
padding: 4.5rem !important;
}
.pt-sm-6, .py-sm-6 {
padding-top: 4.5rem !important;
}
.pe-sm-6, .px-sm-6 {
padding-right: 4.5rem !important;
}
.pb-sm-6, .py-sm-6 {
padding-bottom: 4.5rem !important;
}
.ps-sm-6, .px-sm-6 {
padding-left: 4.5rem !important;
}
.gap-sm-6 {
gap: 4.5rem !important;
}
.row-gap-sm-6 {
row-gap: 4.5rem !important;
}
.column-gap-sm-6 {
column-gap: 4.5rem !important;
}
.m-sm-7 {
margin: 6rem !important;
}
.mt-sm-7, .my-sm-7 {
margin-top: 6rem !important;
}
.me-sm-7, .mx-sm-7 {
margin-right: 6rem !important;
}
.mb-sm-7, .my-sm-7 {
margin-bottom: 6rem !important;
}
.ms-sm-7, .mx-sm-7 {
margin-left: 6rem !important;
}
.p-sm-7 {
padding: 6rem !important;
}
.pt-sm-7, .py-sm-7 {
padding-top: 6rem !important;
}
.pe-sm-7, .px-sm-7 {
padding-right: 6rem !important;
}
.pb-sm-7, .py-sm-7 {
padding-bottom: 6rem !important;
}
.ps-sm-7, .px-sm-7 {
padding-left: 6rem !important;
}
.gap-sm-7 {
gap: 6rem !important;
}
.row-gap-sm-7 {
row-gap: 6rem !important;
}
.column-gap-sm-7 {
column-gap: 6rem !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0, .my-md-0 {
margin-top: 0 !important;
}
.me-md-0, .mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0, .my-md-0 {
margin-bottom: 0 !important;
}
.ms-md-0, .mx-md-0 {
margin-left: 0 !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0, .py-md-0 {
padding-top: 0 !important;
}
.pe-md-0, .px-md-0 {
padding-right: 0 !important;
}
.pb-md-0, .py-md-0 {
padding-bottom: 0 !important;
}
.ps-md-0, .px-md-0 {
padding-left: 0 !important;
}
.gap-md-0 {
gap: 0 !important;
}
.row-gap-md-0 {
row-gap: 0 !important;
}
.column-gap-md-0 {
column-gap: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1, .my-md-1 {
margin-top: 0.25rem !important;
}
.me-md-1, .mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1, .my-md-1 {
margin-bottom: 0.25rem !important;
}
.ms-md-1, .mx-md-1 {
margin-left: 0.25rem !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1, .py-md-1 {
padding-top: 0.25rem !important;
}
.pe-md-1, .px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1, .py-md-1 {
padding-bottom: 0.25rem !important;
}
.ps-md-1, .px-md-1 {
padding-left: 0.25rem !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.row-gap-md-1 {
row-gap: 0.25rem !important;
}
.column-gap-md-1 {
column-gap: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2, .my-md-2 {
margin-top: 0.5rem !important;
}
.me-md-2, .mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2, .my-md-2 {
margin-bottom: 0.5rem !important;
}
.ms-md-2, .mx-md-2 {
margin-left: 0.5rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2, .py-md-2 {
padding-top: 0.5rem !important;
}
.pe-md-2, .px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2, .py-md-2 {
padding-bottom: 0.5rem !important;
}
.ps-md-2, .px-md-2 {
padding-left: 0.5rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.row-gap-md-2 {
row-gap: 0.5rem !important;
}
.column-gap-md-2 {
column-gap: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3, .my-md-3 {
margin-top: 1rem !important;
}
.me-md-3, .mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3, .my-md-3 {
margin-bottom: 1rem !important;
}
.ms-md-3, .mx-md-3 {
margin-left: 1rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3, .py-md-3 {
padding-top: 1rem !important;
}
.pe-md-3, .px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3, .py-md-3 {
padding-bottom: 1rem !important;
}
.ps-md-3, .px-md-3 {
padding-left: 1rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.row-gap-md-3 {
row-gap: 1rem !important;
}
.column-gap-md-3 {
column-gap: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4, .my-md-4 {
margin-top: 1.5rem !important;
}
.me-md-4, .mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4, .my-md-4 {
margin-bottom: 1.5rem !important;
}
.ms-md-4, .mx-md-4 {
margin-left: 1.5rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4, .py-md-4 {
padding-top: 1.5rem !important;
}
.pe-md-4, .px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4, .py-md-4 {
padding-bottom: 1.5rem !important;
}
.ps-md-4, .px-md-4 {
padding-left: 1.5rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.row-gap-md-4 {
row-gap: 1.5rem !important;
}
.column-gap-md-4 {
column-gap: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5, .my-md-5 {
margin-top: 3rem !important;
}
.me-md-5, .mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5, .my-md-5 {
margin-bottom: 3rem !important;
}
.ms-md-5, .mx-md-5 {
margin-left: 3rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5, .py-md-5 {
padding-top: 3rem !important;
}
.pe-md-5, .px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5, .py-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-5, .px-md-5 {
padding-left: 3rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.row-gap-md-5 {
row-gap: 3rem !important;
}
.column-gap-md-5 {
column-gap: 3rem !important;
}
.m-md-6 {
margin: 4.5rem !important;
}
.mt-md-6, .my-md-6 {
margin-top: 4.5rem !important;
}
.me-md-6, .mx-md-6 {
margin-right: 4.5rem !important;
}
.mb-md-6, .my-md-6 {
margin-bottom: 4.5rem !important;
}
.ms-md-6, .mx-md-6 {
margin-left: 4.5rem !important;
}
.p-md-6 {
padding: 4.5rem !important;
}
.pt-md-6, .py-md-6 {
padding-top: 4.5rem !important;
}
.pe-md-6, .px-md-6 {
padding-right: 4.5rem !important;
}
.pb-md-6, .py-md-6 {
padding-bottom: 4.5rem !important;
}
.ps-md-6, .px-md-6 {
padding-left: 4.5rem !important;
}
.gap-md-6 {
gap: 4.5rem !important;
}
.row-gap-md-6 {
row-gap: 4.5rem !important;
}
.column-gap-md-6 {
column-gap: 4.5rem !important;
}
.m-md-7 {
margin: 6rem !important;
}
.mt-md-7, .my-md-7 {
margin-top: 6rem !important;
}
.me-md-7, .mx-md-7 {
margin-right: 6rem !important;
}
.mb-md-7, .my-md-7 {
margin-bottom: 6rem !important;
}
.ms-md-7, .mx-md-7 {
margin-left: 6rem !important;
}
.p-md-7 {
padding: 6rem !important;
}
.pt-md-7, .py-md-7 {
padding-top: 6rem !important;
}
.pe-md-7, .px-md-7 {
padding-right: 6rem !important;
}
.pb-md-7, .py-md-7 {
padding-bottom: 6rem !important;
}
.ps-md-7, .px-md-7 {
padding-left: 6rem !important;
}
.gap-md-7 {
gap: 6rem !important;
}
.row-gap-md-7 {
row-gap: 6rem !important;
}
.column-gap-md-7 {
column-gap: 6rem !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0, .my-lg-0 {
margin-top: 0 !important;
}
.me-lg-0, .mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0 !important;
}
.ms-lg-0, .mx-lg-0 {
margin-left: 0 !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0, .py-lg-0 {
padding-top: 0 !important;
}
.pe-lg-0, .px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0 !important;
}
.ps-lg-0, .px-lg-0 {
padding-left: 0 !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.row-gap-lg-0 {
row-gap: 0 !important;
}
.column-gap-lg-0 {
column-gap: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1, .my-lg-1 {
margin-top: 0.25rem !important;
}
.me-lg-1, .mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1, .my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ms-lg-1, .mx-lg-1 {
margin-left: 0.25rem !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1, .py-lg-1 {
padding-top: 0.25rem !important;
}
.pe-lg-1, .px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1, .py-lg-1 {
padding-bottom: 0.25rem !important;
}
.ps-lg-1, .px-lg-1 {
padding-left: 0.25rem !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.row-gap-lg-1 {
row-gap: 0.25rem !important;
}
.column-gap-lg-1 {
column-gap: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2, .my-lg-2 {
margin-top: 0.5rem !important;
}
.me-lg-2, .mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2, .my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ms-lg-2, .mx-lg-2 {
margin-left: 0.5rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2, .py-lg-2 {
padding-top: 0.5rem !important;
}
.pe-lg-2, .px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2, .py-lg-2 {
padding-bottom: 0.5rem !important;
}
.ps-lg-2, .px-lg-2 {
padding-left: 0.5rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.row-gap-lg-2 {
row-gap: 0.5rem !important;
}
.column-gap-lg-2 {
column-gap: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3, .my-lg-3 {
margin-top: 1rem !important;
}
.me-lg-3, .mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3, .my-lg-3 {
margin-bottom: 1rem !important;
}
.ms-lg-3, .mx-lg-3 {
margin-left: 1rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3, .py-lg-3 {
padding-top: 1rem !important;
}
.pe-lg-3, .px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3, .py-lg-3 {
padding-bottom: 1rem !important;
}
.ps-lg-3, .px-lg-3 {
padding-left: 1rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.row-gap-lg-3 {
row-gap: 1rem !important;
}
.column-gap-lg-3 {
column-gap: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4, .my-lg-4 {
margin-top: 1.5rem !important;
}
.me-lg-4, .mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4, .my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ms-lg-4, .mx-lg-4 {
margin-left: 1.5rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4, .py-lg-4 {
padding-top: 1.5rem !important;
}
.pe-lg-4, .px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4, .py-lg-4 {
padding-bottom: 1.5rem !important;
}
.ps-lg-4, .px-lg-4 {
padding-left: 1.5rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.row-gap-lg-4 {
row-gap: 1.5rem !important;
}
.column-gap-lg-4 {
column-gap: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5, .my-lg-5 {
margin-top: 3rem !important;
}
.me-lg-5, .mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 3rem !important;
}
.ms-lg-5, .mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5, .py-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-5, .px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-5, .px-lg-5 {
padding-left: 3rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.row-gap-lg-5 {
row-gap: 3rem !important;
}
.column-gap-lg-5 {
column-gap: 3rem !important;
}
.m-lg-6 {
margin: 4.5rem !important;
}
.mt-lg-6, .my-lg-6 {
margin-top: 4.5rem !important;
}
.me-lg-6, .mx-lg-6 {
margin-right: 4.5rem !important;
}
.mb-lg-6, .my-lg-6 {
margin-bottom: 4.5rem !important;
}
.ms-lg-6, .mx-lg-6 {
margin-left: 4.5rem !important;
}
.p-lg-6 {
padding: 4.5rem !important;
}
.pt-lg-6, .py-lg-6 {
padding-top: 4.5rem !important;
}
.pe-lg-6, .px-lg-6 {
padding-right: 4.5rem !important;
}
.pb-lg-6, .py-lg-6 {
padding-bottom: 4.5rem !important;
}
.ps-lg-6, .px-lg-6 {
padding-left: 4.5rem !important;
}
.gap-lg-6 {
gap: 4.5rem !important;
}
.row-gap-lg-6 {
row-gap: 4.5rem !important;
}
.column-gap-lg-6 {
column-gap: 4.5rem !important;
}
.m-lg-7 {
margin: 6rem !important;
}
.mt-lg-7, .my-lg-7 {
margin-top: 6rem !important;
}
.me-lg-7, .mx-lg-7 {
margin-right: 6rem !important;
}
.mb-lg-7, .my-lg-7 {
margin-bottom: 6rem !important;
}
.ms-lg-7, .mx-lg-7 {
margin-left: 6rem !important;
}
.p-lg-7 {
padding: 6rem !important;
}
.pt-lg-7, .py-lg-7 {
padding-top: 6rem !important;
}
.pe-lg-7, .px-lg-7 {
padding-right: 6rem !important;
}
.pb-lg-7, .py-lg-7 {
padding-bottom: 6rem !important;
}
.ps-lg-7, .px-lg-7 {
padding-left: 6rem !important;
}
.gap-lg-7 {
gap: 6rem !important;
}
.row-gap-lg-7 {
row-gap: 6rem !important;
}
.column-gap-lg-7 {
column-gap: 6rem !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0, .my-xl-0 {
margin-top: 0 !important;
}
.me-xl-0, .mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0 !important;
}
.ms-xl-0, .mx-xl-0 {
margin-left: 0 !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0, .py-xl-0 {
padding-top: 0 !important;
}
.pe-xl-0, .px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0 !important;
}
.ps-xl-0, .px-xl-0 {
padding-left: 0 !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.row-gap-xl-0 {
row-gap: 0 !important;
}
.column-gap-xl-0 {
column-gap: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1, .my-xl-1 {
margin-top: 0.25rem !important;
}
.me-xl-1, .mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1, .my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ms-xl-1, .mx-xl-1 {
margin-left: 0.25rem !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1, .py-xl-1 {
padding-top: 0.25rem !important;
}
.pe-xl-1, .px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1, .py-xl-1 {
padding-bottom: 0.25rem !important;
}
.ps-xl-1, .px-xl-1 {
padding-left: 0.25rem !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.row-gap-xl-1 {
row-gap: 0.25rem !important;
}
.column-gap-xl-1 {
column-gap: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2, .my-xl-2 {
margin-top: 0.5rem !important;
}
.me-xl-2, .mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2, .my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ms-xl-2, .mx-xl-2 {
margin-left: 0.5rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2, .py-xl-2 {
padding-top: 0.5rem !important;
}
.pe-xl-2, .px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2, .py-xl-2 {
padding-bottom: 0.5rem !important;
}
.ps-xl-2, .px-xl-2 {
padding-left: 0.5rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.row-gap-xl-2 {
row-gap: 0.5rem !important;
}
.column-gap-xl-2 {
column-gap: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3, .my-xl-3 {
margin-top: 1rem !important;
}
.me-xl-3, .mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3, .my-xl-3 {
margin-bottom: 1rem !important;
}
.ms-xl-3, .mx-xl-3 {
margin-left: 1rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3, .py-xl-3 {
padding-top: 1rem !important;
}
.pe-xl-3, .px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3, .py-xl-3 {
padding-bottom: 1rem !important;
}
.ps-xl-3, .px-xl-3 {
padding-left: 1rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.row-gap-xl-3 {
row-gap: 1rem !important;
}
.column-gap-xl-3 {
column-gap: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4, .my-xl-4 {
margin-top: 1.5rem !important;
}
.me-xl-4, .mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4, .my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ms-xl-4, .mx-xl-4 {
margin-left: 1.5rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4, .py-xl-4 {
padding-top: 1.5rem !important;
}
.pe-xl-4, .px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4, .py-xl-4 {
padding-bottom: 1.5rem !important;
}
.ps-xl-4, .px-xl-4 {
padding-left: 1.5rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.row-gap-xl-4 {
row-gap: 1.5rem !important;
}
.column-gap-xl-4 {
column-gap: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5, .my-xl-5 {
margin-top: 3rem !important;
}
.me-xl-5, .mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 3rem !important;
}
.ms-xl-5, .mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5, .py-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-5, .px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-5, .px-xl-5 {
padding-left: 3rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.row-gap-xl-5 {
row-gap: 3rem !important;
}
.column-gap-xl-5 {
column-gap: 3rem !important;
}
.m-xl-6 {
margin: 4.5rem !important;
}
.mt-xl-6, .my-xl-6 {
margin-top: 4.5rem !important;
}
.me-xl-6, .mx-xl-6 {
margin-right: 4.5rem !important;
}
.mb-xl-6, .my-xl-6 {
margin-bottom: 4.5rem !important;
}
.ms-xl-6, .mx-xl-6 {
margin-left: 4.5rem !important;
}
.p-xl-6 {
padding: 4.5rem !important;
}
.pt-xl-6, .py-xl-6 {
padding-top: 4.5rem !important;
}
.pe-xl-6, .px-xl-6 {
padding-right: 4.5rem !important;
}
.pb-xl-6, .py-xl-6 {
padding-bottom: 4.5rem !important;
}
.ps-xl-6, .px-xl-6 {
padding-left: 4.5rem !important;
}
.gap-xl-6 {
gap: 4.5rem !important;
}
.row-gap-xl-6 {
row-gap: 4.5rem !important;
}
.column-gap-xl-6 {
column-gap: 4.5rem !important;
}
.m-xl-7 {
margin: 6rem !important;
}
.mt-xl-7, .my-xl-7 {
margin-top: 6rem !important;
}
.me-xl-7, .mx-xl-7 {
margin-right: 6rem !important;
}
.mb-xl-7, .my-xl-7 {
margin-bottom: 6rem !important;
}
.ms-xl-7, .mx-xl-7 {
margin-left: 6rem !important;
}
.p-xl-7 {
padding: 6rem !important;
}
.pt-xl-7, .py-xl-7 {
padding-top: 6rem !important;
}
.pe-xl-7, .px-xl-7 {
padding-right: 6rem !important;
}
.pb-xl-7, .py-xl-7 {
padding-bottom: 6rem !important;
}
.ps-xl-7, .px-xl-7 {
padding-left: 6rem !important;
}
.gap-xl-7 {
gap: 6rem !important;
}
.row-gap-xl-7 {
row-gap: 6rem !important;
}
.column-gap-xl-7 {
column-gap: 6rem !important;
}
}
@media (min-width: 1400px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0, .my-xxl-0 {
margin-top: 0 !important;
}
.me-xxl-0, .mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0, .my-xxl-0 {
margin-bottom: 0 !important;
}
.ms-xxl-0, .mx-xxl-0 {
margin-left: 0 !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0, .py-xxl-0 {
padding-top: 0 !important;
}
.pe-xxl-0, .px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0, .py-xxl-0 {
padding-bottom: 0 !important;
}
.ps-xxl-0, .px-xxl-0 {
padding-left: 0 !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.row-gap-xxl-0 {
row-gap: 0 !important;
}
.column-gap-xxl-0 {
column-gap: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.mt-xxl-1, .my-xxl-1 {
margin-top: 0.25rem !important;
}
.me-xxl-1, .mx-xxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxl-1, .my-xxl-1 {
margin-bottom: 0.25rem !important;
}
.ms-xxl-1, .mx-xxl-1 {
margin-left: 0.25rem !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.pt-xxl-1, .py-xxl-1 {
padding-top: 0.25rem !important;
}
.pe-xxl-1, .px-xxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxl-1, .py-xxl-1 {
padding-bottom: 0.25rem !important;
}
.ps-xxl-1, .px-xxl-1 {
padding-left: 0.25rem !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.row-gap-xxl-1 {
row-gap: 0.25rem !important;
}
.column-gap-xxl-1 {
column-gap: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.mt-xxl-2, .my-xxl-2 {
margin-top: 0.5rem !important;
}
.me-xxl-2, .mx-xxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxl-2, .my-xxl-2 {
margin-bottom: 0.5rem !important;
}
.ms-xxl-2, .mx-xxl-2 {
margin-left: 0.5rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.pt-xxl-2, .py-xxl-2 {
padding-top: 0.5rem !important;
}
.pe-xxl-2, .px-xxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxl-2, .py-xxl-2 {
padding-bottom: 0.5rem !important;
}
.ps-xxl-2, .px-xxl-2 {
padding-left: 0.5rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.row-gap-xxl-2 {
row-gap: 0.5rem !important;
}
.column-gap-xxl-2 {
column-gap: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.mt-xxl-3, .my-xxl-3 {
margin-top: 1rem !important;
}
.me-xxl-3, .mx-xxl-3 {
margin-right: 1rem !important;
}
.mb-xxl-3, .my-xxl-3 {
margin-bottom: 1rem !important;
}
.ms-xxl-3, .mx-xxl-3 {
margin-left: 1rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.pt-xxl-3, .py-xxl-3 {
padding-top: 1rem !important;
}
.pe-xxl-3, .px-xxl-3 {
padding-right: 1rem !important;
}
.pb-xxl-3, .py-xxl-3 {
padding-bottom: 1rem !important;
}
.ps-xxl-3, .px-xxl-3 {
padding-left: 1rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.row-gap-xxl-3 {
row-gap: 1rem !important;
}
.column-gap-xxl-3 {
column-gap: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.mt-xxl-4, .my-xxl-4 {
margin-top: 1.5rem !important;
}
.me-xxl-4, .mx-xxl-4 {
margin-right: 1.5rem !important;
}
.mb-xxl-4, .my-xxl-4 {
margin-bottom: 1.5rem !important;
}
.ms-xxl-4, .mx-xxl-4 {
margin-left: 1.5rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.pt-xxl-4, .py-xxl-4 {
padding-top: 1.5rem !important;
}
.pe-xxl-4, .px-xxl-4 {
padding-right: 1.5rem !important;
}
.pb-xxl-4, .py-xxl-4 {
padding-bottom: 1.5rem !important;
}
.ps-xxl-4, .px-xxl-4 {
padding-left: 1.5rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.row-gap-xxl-4 {
row-gap: 1.5rem !important;
}
.column-gap-xxl-4 {
column-gap: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.mt-xxl-5, .my-xxl-5 {
margin-top: 3rem !important;
}
.me-xxl-5, .mx-xxl-5 {
margin-right: 3rem !important;
}
.mb-xxl-5, .my-xxl-5 {
margin-bottom: 3rem !important;
}
.ms-xxl-5, .mx-xxl-5 {
margin-left: 3rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.pt-xxl-5, .py-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-5, .px-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-5, .py-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-5, .px-xxl-5 {
padding-left: 3rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.row-gap-xxl-5 {
row-gap: 3rem !important;
}
.column-gap-xxl-5 {
column-gap: 3rem !important;
}
.m-xxl-6 {
margin: 4.5rem !important;
}
.mt-xxl-6, .my-xxl-6 {
margin-top: 4.5rem !important;
}
.me-xxl-6, .mx-xxl-6 {
margin-right: 4.5rem !important;
}
.mb-xxl-6, .my-xxl-6 {
margin-bottom: 4.5rem !important;
}
.ms-xxl-6, .mx-xxl-6 {
margin-left: 4.5rem !important;
}
.p-xxl-6 {
padding: 4.5rem !important;
}
.pt-xxl-6, .py-xxl-6 {
padding-top: 4.5rem !important;
}
.pe-xxl-6, .px-xxl-6 {
padding-right: 4.5rem !important;
}
.pb-xxl-6, .py-xxl-6 {
padding-bottom: 4.5rem !important;
}
.ps-xxl-6, .px-xxl-6 {
padding-left: 4.5rem !important;
}
.gap-xxl-6 {
gap: 4.5rem !important;
}
.row-gap-xxl-6 {
row-gap: 4.5rem !important;
}
.column-gap-xxl-6 {
column-gap: 4.5rem !important;
}
.m-xxl-7 {
margin: 6rem !important;
}
.mt-xxl-7, .my-xxl-7 {
margin-top: 6rem !important;
}
.me-xxl-7, .mx-xxl-7 {
margin-right: 6rem !important;
}
.mb-xxl-7, .my-xxl-7 {
margin-bottom: 6rem !important;
}
.ms-xxl-7, .mx-xxl-7 {
margin-left: 6rem !important;
}
.p-xxl-7 {
padding: 6rem !important;
}
.pt-xxl-7, .py-xxl-7 {
padding-top: 6rem !important;
}
.pe-xxl-7, .px-xxl-7 {
padding-right: 6rem !important;
}
.pb-xxl-7, .py-xxl-7 {
padding-bottom: 6rem !important;
}
.ps-xxl-7, .px-xxl-7 {
padding-left: 6rem !important;
}
.gap-xxl-7 {
gap: 6rem !important;
}
.row-gap-xxl-7 {
row-gap: 6rem !important;
}
.column-gap-xxl-7 {
column-gap: 6rem !important;
}
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.visible-print {
display: block !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
.visible-print-flex {
display: flex !important;
}
.visible-print-inline {
display: inline !important;
}
.visible-print-inline-block {
display: inline-block !important;
}
.hidden-print {
display: none !important;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.visible-sm {
visibility: visible !important;
}
.invisible-sm {
visibility: hidden !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.visible-md {
visibility: visible !important;
}
.invisible-md {
visibility: hidden !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.visible-lg {
visibility: visible !important;
}
.invisible-lg {
visibility: hidden !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.visible-xl {
visibility: visible !important;
}
.invisible-xl {
visibility: hidden !important;
}
}
@media (min-width: 1400px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.visible-xxl {
visibility: visible !important;
}
.invisible-xxl {
visibility: hidden !important;
}
}
.sr-only,
.sr-only-focusable:not(:focus):not(:focus-visible) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.sr-only-focusable:focus-visible {
position: static !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.text-hide {
font: 0/0 a !important;
color: transparent !important;
text-shadow: none !important;
background-color: transparent !important;
border: 0 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
@media (min-width: 576px) {
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
.text-sm-justify {
text-align: justify !important;
}
}
@media (min-width: 768px) {
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
.text-md-justify {
text-align: justify !important;
}
}
@media (min-width: 992px) {
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
.text-lg-justify {
text-align: justify !important;
}
}
@media (min-width: 1200px) {
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
.text-xl-justify {
text-align: justify !important;
}
}
@media (min-width: 1400px) {
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
.text-xxl-justify {
text-align: justify !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-capitalize-first::first-letter {
text-transform: capitalize !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-lighter {
font-weight: 200 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: 800 !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.font-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-reset {
color: inherit !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-decoration-none {
text-decoration: none !important;
}
@media (min-width: 576px) {
.text-decoration-sm-underline {
text-decoration: underline !important;
}
.text-decoration-sm-line-through {
text-decoration: line-through !important;
}
.text-decoration-sm-none {
text-decoration: none !important;
}
}
@media (min-width: 768px) {
.text-decoration-md-underline {
text-decoration: underline !important;
}
.text-decoration-md-line-through {
text-decoration: line-through !important;
}
.text-decoration-md-none {
text-decoration: none !important;
}
}
@media (min-width: 992px) {
.text-decoration-lg-underline {
text-decoration: underline !important;
}
.text-decoration-lg-line-through {
text-decoration: line-through !important;
}
.text-decoration-lg-none {
text-decoration: none !important;
}
}
@media (min-width: 1200px) {
.text-decoration-xl-underline {
text-decoration: underline !important;
}
.text-decoration-xl-line-through {
text-decoration: line-through !important;
}
.text-decoration-xl-none {
text-decoration: none !important;
}
}
@media (min-width: 1400px) {
.text-decoration-xxl-underline {
text-decoration: underline !important;
}
.text-decoration-xxl-line-through {
text-decoration: line-through !important;
}
.text-decoration-xxl-none {
text-decoration: none !important;
}
}
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
}
.text-truncate {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
white-space: normal !important;
}
@media (min-width: 576px) {
.text-sm-nowrap {
white-space: nowrap !important;
}
.text-sm-wrap {
white-space: normal !important;
}
}
@media (min-width: 768px) {
.text-md-nowrap {
white-space: nowrap !important;
}
.text-md-wrap {
white-space: normal !important;
}
}
@media (min-width: 992px) {
.text-lg-nowrap {
white-space: nowrap !important;
}
.text-lg-wrap {
white-space: normal !important;
}
}
@media (min-width: 1200px) {
.text-xl-nowrap {
white-space: nowrap !important;
}
.text-xl-wrap {
white-space: normal !important;
}
}
@media (min-width: 1400px) {
.text-xxl-nowrap {
white-space: nowrap !important;
}
.text-xxl-wrap {
white-space: normal !important;
}
}
.text-justify {
text-align: justify !important;
}
.word-break-normal {
word-break: normal !important;
}
.word-break-all {
word-break: break-all !important;
}
.word-break-keep {
word-break: keep-all !important;
}
.word-break-normal {
word-break: normal !important;
}
.word-break-all {
word-break: break-all !important;
}
.word-break-keep {
word-break: keep-all !important;
}
@media (min-width: 576px) {
.word-break-sm-normal {
word-break: normal !important;
}
.word-break-sm-all {
word-break: break-all !important;
}
.word-break-sm-keep {
word-break: keep-all !important;
}
}
@media (min-width: 768px) {
.word-break-md-normal {
word-break: normal !important;
}
.word-break-md-all {
word-break: break-all !important;
}
.word-break-md-keep {
word-break: keep-all !important;
}
}
@media (min-width: 992px) {
.word-break-lg-normal {
word-break: normal !important;
}
.word-break-lg-all {
word-break: break-all !important;
}
.word-break-lg-keep {
word-break: keep-all !important;
}
}
@media (min-width: 1200px) {
.word-break-xl-normal {
word-break: normal !important;
}
.word-break-xl-all {
word-break: break-all !important;
}
.word-break-xl-keep {
word-break: keep-all !important;
}
}
@media (min-width: 1400px) {
.word-break-xxl-normal {
word-break: normal !important;
}
.word-break-xxl-all {
word-break: break-all !important;
}
.word-break-xxl-keep {
word-break: keep-all !important;
}
}
#backToTopFab,
.back-to-top-fab {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 1030;
border-radius: 9999px;
width: 3rem;
height: 3rem;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, background-color 0.15s ease-in-out;
transform: translateY(8px);
}
#backToTopFab:hover, #backToTopFab:focus,
.back-to-top-fab:hover,
.back-to-top-fab:focus {
background-color: rgb(57.7298578199, 47.6421800948, 225.8578199052);
}
.home-cta-card {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 0.5rem;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.home-form-group label {
display: block;
margin-bottom: 0.375rem;
font-weight: 600;
}
.home-form-control {
width: 100%;
padding: 0.5rem 0.75rem;
border: 1px solid #d1d5db;
border-radius: 0.375rem;
}
.home-form-control:focus {
outline: none;
border-color: #4f46e5;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}
/*# sourceMappingURL=main.css.map */