.mb-xl-0 {
    margin-bottom: 0 !important;
}

.mb-xl-1 {
    margin-bottom: 0.25rem !important;
}

.mb-xl-2 {
    margin-bottom: 0.5rem !important;
}

.mb-xl-3 {
    margin-bottom: 0.75rem !important;
}

.mb-xl-4 {
    margin-bottom: 1rem !important;
}

.mb-xl-5 {
    margin-bottom: 1.25rem !important;
}

.mb-xl-6 {
    margin-bottom: 1.5rem !important;
}

.mb-xl-7 {
    margin-bottom: 1.75rem !important;
}

.mb-xl-8 {
    margin-bottom: 2rem !important;
}

.mb-xl-9 {
    margin-bottom: 2.25rem !important;
}

.mb-xl-10 {
    margin-bottom: 2.5rem !important;
}

.mb-xl-11 {
    margin-bottom: 2.75rem !important;
}

.mb-xl-12 {
    margin-bottom: 3rem !important;
}

.mb-xl-13 {
    margin-bottom: 3.25rem !important;
}

.mb-xl-14 {
    margin-bottom: 3.5rem !important;
}

.mb-xl-15 {
    margin-bottom: 3.75rem !important;
}

.mb-xl-16 {
    margin-bottom: 4rem !important;
}

.mb-xl-17 {
    margin-bottom: 4.25rem !important;
}

.mb-xl-18 {
    margin-bottom: 4.5rem !important;
}

.mb-xl-19 {
    margin-bottom: 4.75rem !important;
}

.mb-xl-20 {
    margin-bottom: 5rem !important;
}

.mb-xl-auto {
    margin-bottom: auto !important;
}

.card .card-header .card-title {
    display: flex;
    align-items: center;
    margin: 0.5rem;
    margin-left: 0;
}

.card .card-header .card-title.flex-column {
    align-items: flex-start;
    justify-content: center;
}

.card .card-header .card-title .card-icon {
    margin-right: 0.75rem;
    line-height: 0;
}

.card .card-header .card-title .card-icon i {
    font-size: 1.25rem;
    color: var(--bs-gray-600);
    line-height: 0;
}

.card .card-header .card-title .card-icon i:after,
.card .card-header .card-title .card-icon i:before {
    line-height: 0;
}

.card .card-header .card-title .card-icon .svg-icon {
    color: var(--bs-gray-600);
}

.card .card-header .card-title .card-icon .svg-icon svg {
    height: 24px;
    width: 24px;
}

.card .card-header .card-title,
.card .card-header .card-title .card-label {
    font-weight: 500;
    font-size: 1.275rem;
    color: var(--bs-text-gray-900);
}

.card .card-header .card-title .card-label {
    margin: 0 0.75rem 0 0;
    flex-wrap: wrap;
}

.card .card-header .card-title .small,
.card .card-header .card-title small {
    color: var(--bs-text-muted);
    font-size: 1rem;
}

.card .card-header .card-title .h1,
.card .card-header .card-title .h2,
.card .card-header .card-title .h3,
.card .card-header .card-title .h4,
.card .card-header .card-title .h5,
.card .card-header .card-title .h6,
.card .card-header .card-title h1,
.card .card-header .card-title h2,
.card .card-header .card-title h3,
.card .card-header .card-title h4,
.card .card-header .card-title h5,
.card .card-header .card-title h6 {
    margin-bottom: 0;
}

.align-items-start {
    align-items: flex-start !important;
}

.flex-column {
    flex-direction: column !important;
}

.text-gray-500 {
    color: var(--bs-text-gray-500) !important;
}

.text-gray-200 {
    color: var(--bs-text-gray-200) !important;
}

.text-hover-gray-200 {
    transition: color 0.2s ease;
}

.text-hover-gray-200 i {
    transition: color 0.2s ease;
}

.text-hover-gray-200:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}

.text-hover-gray-200:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}

.text-hover-gray-200:hover .svg-icon {
    color: var(--bs-text-gray-200) !important;
}

.text-active-gray-200 {
    transition: color 0.2s ease;
}

.text-active-gray-200 i {
    transition: color 0.2s ease;
}

.text-active-gray-200.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}

.text-active-gray-200.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-200) !important;
}

.text-active-gray-200.active .svg-icon {
    color: var(--bs-text-gray-200) !important;
}

.text-gray-300 {
    color: var(--bs-text-gray-300) !important;
}

.text-hover-gray-300 {
    transition: color 0.2s ease;
}

.text-hover-gray-300 i {
    transition: color 0.2s ease;
}

.text-hover-gray-300:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}

.text-hover-gray-300:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}

.text-hover-gray-300:hover .svg-icon {
    color: var(--bs-text-gray-300) !important;
}

.text-active-gray-300 {
    transition: color 0.2s ease;
}

.text-active-gray-300 i {
    transition: color 0.2s ease;
}

.text-active-gray-300.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}

.text-active-gray-300.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-300) !important;
}

.text-active-gray-300.active .svg-icon {
    color: var(--bs-text-gray-300) !important;
}

.text-gray-400 {
    color: var(--bs-text-gray-400) !important;
}

.text-hover-gray-400 {
    transition: color 0.2s ease;
}

.text-hover-gray-400 i {
    transition: color 0.2s ease;
}

.text-hover-gray-400:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}

.text-hover-gray-400:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}

.text-hover-gray-400:hover .svg-icon {
    color: var(--bs-text-gray-400) !important;
}

.text-active-gray-400 {
    transition: color 0.2s ease;
}

.text-active-gray-400 i {
    transition: color 0.2s ease;
}

.text-active-gray-400.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}

.text-active-gray-400.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-400) !important;
}

.text-active-gray-400.active .svg-icon {
    color: var(--bs-text-gray-400) !important;
}

.text-gray-500 {
    color: var(--bs-text-gray-500) !important;
}

.text-hover-gray-500 {
    transition: color 0.2s ease;
}

.text-hover-gray-500 i {
    transition: color 0.2s ease;
}

.text-hover-gray-500:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}

.text-hover-gray-500:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}

.text-hover-gray-500:hover .svg-icon {
    color: var(--bs-text-gray-500) !important;
}

.text-active-gray-500 {
    transition: color 0.2s ease;
}

.text-active-gray-500 i {
    transition: color 0.2s ease;
}

.text-active-gray-500.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}

.text-active-gray-500.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-500) !important;
}

.text-active-gray-500.active .svg-icon {
    color: var(--bs-text-gray-500) !important;
}

.text-gray-600 {
    color: var(--bs-text-gray-600) !important;
}

.text-hover-gray-600 {
    transition: color 0.2s ease;
}

.text-hover-gray-600 i {
    transition: color 0.2s ease;
}

.text-hover-gray-600:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}

.text-hover-gray-600:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}

.text-hover-gray-600:hover .svg-icon {
    color: var(--bs-text-gray-600) !important;
}

.text-active-gray-600 {
    transition: color 0.2s ease;
}

.text-active-gray-600 i {
    transition: color 0.2s ease;
}

.text-active-gray-600.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}

.text-active-gray-600.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-600) !important;
}

.text-active-gray-600.active .svg-icon {
    color: var(--bs-text-gray-600) !important;
}

.text-gray-700 {
    color: var(--bs-text-gray-700) !important;
}

.text-hover-gray-700 {
    transition: color 0.2s ease;
}

.text-hover-gray-700 i {
    transition: color 0.2s ease;
}

.text-hover-gray-700:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}

.text-hover-gray-700:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}

.text-hover-gray-700:hover .svg-icon {
    color: var(--bs-text-gray-700) !important;
}

.text-active-gray-700 {
    transition: color 0.2s ease;
}

.text-active-gray-700 i {
    transition: color 0.2s ease;
}

.text-active-gray-700.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}

.text-active-gray-700.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-700) !important;
}

.text-active-gray-700.active .svg-icon {
    color: var(--bs-text-gray-700) !important;
}

.text-gray-800 {
    color: var(--bs-text-gray-800) !important;
}

.text-hover-gray-800 {
    transition: color 0.2s ease;
}

.text-hover-gray-800 i {
    transition: color 0.2s ease;
}

.text-hover-gray-800:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}

.text-hover-gray-800:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}

.text-hover-gray-800:hover .svg-icon {
    color: var(--bs-text-gray-800) !important;
}

.text-active-gray-800 {
    transition: color 0.2s ease;
}

.text-active-gray-800 i {
    transition: color 0.2s ease;
}

.text-active-gray-800.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}

.text-active-gray-800.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-800) !important;
}

.text-active-gray-800.active .svg-icon {
    color: var(--bs-text-gray-800) !important;
}

.text-gray-900 {
    color: var(--bs-text-gray-900) !important;
}

.text-hover-gray-900 {
    transition: color 0.2s ease;
}

.text-hover-gray-900 i {
    transition: color 0.2s ease;
}

.text-hover-gray-900:hover {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}

.text-hover-gray-900:hover i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}

.text-hover-gray-900:hover .svg-icon {
    color: var(--bs-text-gray-900) !important;
}

.text-active-gray-900 {
    transition: color 0.2s ease;
}

.text-active-gray-900 i {
    transition: color 0.2s ease;
}

.text-active-gray-900.active {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}

.text-active-gray-900.active i {
    transition: color 0.2s ease;
    color: var(--bs-text-gray-900) !important;
}

.text-active-gray-900.active .svg-icon {
    color: var(--bs-text-gray-900) !important;
}