:root {
    --primary: #24c38b;
}

a {
    color: #24c38b;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #219565;
    text-decoration: none;
}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #24c38b;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: #219565;
}

.table-hover .table-primary:hover {
    background-color: #219565;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #219565;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #24c38b;
    border-color: #24c38b;
    box-shadow: none;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #1fa181;
    border-color: #219565;
}

.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #1fa181;
    border-color: #219565;
    box-shadow: 0 0 0 rgba(33, 149, 101, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #707070;
    background-color: #dedede;
    border-color: #dedede;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #1fa181;
    border-color: #219565;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(36, 195, 139, 0.5);
}

.btn-outline-primary {
    color: #24c38b;
    border-color: #24c38b;
}

.btn-outline-primary:hover {
    background-color: #24c38b;
    border-color: #24c38b;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0 rgba(33, 149, 101, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #24c38b;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #24c38b;
    border-color: #24c38b;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(33, 149, 101, 0.5);
}

.btn-link {
    color: #24c38b;
}

.btn-link:hover {
    color: #219565;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #24c38b;
}

.dropdown-item:hover, .dropdown-item:focus,
.timeline-item.pointer:hover, .timeline-item.pointer:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #24c38b;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #24c38b;
    background-color: #24c38b;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #24c38b;
    background-color: #24c38b;
}

.custom-range::-webkit-slider-thumb {
    background-color: #24c38b;
}

.custom-range::-moz-range-thumb {
    background-color: #24c38b;
}

.custom-range::-moz-range-thumb {
    background-color: #24c38b;
}

.page-link {
    color: #24c38b;
}

.page-link:hover {
    color: #219565;
}

.page-item.active .page-link {
    background-color: #24c38b;
    border-color: #24c38b;
}

.badge-primary {
    background-color: #24c38b;
}

a.badge-primary:hover, a.badge-primary:focus {
    background-color: #219565;
}

.progress-bar {
    background-color: #24c38b;
}

.list-group-item.active {
    background-color: #24c38b;
    border-color: #24c38b;
}

.bg-primary-light {
    background-color: #d2f1e3 !important;
}

.bg-primary {
    background-color: #24c38b !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #219565 !important;
}

.text-primary {
    color: #24c38b !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #219565 !important;
}

.border-primary {
    border-color: #24c38b !important;
}

.nav-pills .nav-link:not(.active):hover {
    color: #24c38b;
}

.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
    background: #24c38b;
    border-color: #219565;
}

.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
    background: #24c38b;
    border-color: #219565;
}

.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
    background: #24c38b;
    border-color: #219565;
}

.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
    background: #24c38b;
    border-color: #219565;
}

.custom-range.custom-range-primary::-webkit-slider-thumb {
    background-color: #24c38b;
}

.custom-range.custom-range-primary::-moz-range-thumb {
    background-color: #24c38b;
}

.custom-range.custom-range-primary::-ms-thumb {
    background-color: #24c38b;
}

.card-primary.card-outline {
    border-top: 3px solid #24c38b;
}

.card-primary.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #24c38b;
}

.todo-list .primary {
    border-left-color: #24c38b;
}

.alert-primary {
    background: #24c38b;
    border-color: #219565;
}

.direct-chat-primary .right > .direct-chat-text {
    background: #24c38b;
    border-color: #24c38b;
}

.direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before {
    border-left-color: #24c38b;
}

.profile-user-img {
    border: none;
    border-radius: 34px;
    margin: 0 auto;
    max-height: 158px;
    max-width: 158px;
    width: 100%;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: #24c38b;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #24c38b;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #24c38b;
    border-color: #219565;
}

.select2-container--default .select2-primary .select2-results__option--highlighted,
.select2-primary .select2-container--default .select2-results__option--highlighted {
    background-color: #24c38b;
}

.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice,
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #24c38b;
    border-color: #219565;
}

.slider-primary .slider .slider-selection {
    background: #24c38b;
}

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #24c38b;
}

.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #24c38b;
}

.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #24c38b;
    border-color: #24c38b;
}

#toast-container .toast {
    background-color: #24c38b;
}

.pace-primary .pace .pace-progress {
    background: #24c38b;
}

.pace-barber-shop-primary .pace .pace-progress {
    background: #24c38b;
}

.pace-big-counter-primary .pace .pace-progress::after {
    color: rgba(33, 149, 101, 0.2);
}

.pace-bounce-primary .pace .pace-activity {
    background: #24c38b;
}

.pace-center-atom-primary .pace-progress::before {
    background: #24c38b;
}

.pace-center-atom-primary .pace-activity {
    border-color: #24c38b;
}

.pace-center-atom-primary .pace-activity::after, .pace-center-atom-primary .pace-activity::before {
    border-color: #24c38b;
}

.pace-center-circle-primary .pace .pace-progress {
    background: rgba(33, 149, 101, 0.8);
}

.pace-center-radar-primary .pace .pace-activity {
    border-color: #24c38b transparent transparent;
}

.pace-center-radar-primary .pace .pace-activity::before {
    border-color: #24c38b transparent transparent;
}

.pace-center-simple-primary .pace {
    border-color: #24c38b;
}

.pace-center-simple-primary .pace .pace-progress {
    background: #24c38b;
}

.pace-material-primary .pace {
    color: #24c38b;
}

.pace-corner-indicator-primary .pace .pace-activity {
    background: #24c38b;
}

.pace-corner-indicator-primary .pace .pace-activity::before {
    border-right-color: rgba(33, 149, 101, 0.2);
    border-left-color: rgba(33, 149, 101, 0.2);
}

.pace-corner-indicator-primary .pace .pace-activity::after {
    border-top-color: rgba(33, 149, 101, 0.2);
    border-bottom-color: rgba(33, 149, 101, 0.2);
}

.pace-fill-left-primary .pace .pace-progress {
    background-color: rgba(33, 149, 101, 0.2);
}

.pace-flash-primary .pace .pace-progress {
    background: #24c38b;
}

.pace-flash-primary .pace .pace-progress-inner {
    box-shadow: 0 0 10px #24c38b, 0 0 5px #24c38b;
}

.pace-flash-primary .pace .pace-activity {
    border-top-color: #24c38b;
    border-left-color: #24c38b;
}

.pace-loading-bar-primary .pace .pace-progress {
    background: #24c38b;
    color: #24c38b;
}

.pace-loading-bar-primary .pace .pace-activity {
    box-shadow: inset 0 0 0 2px #24c38b, inset 0 0 0 7px #ffffff;
}

.pace-mac-osx-primary .pace .pace-progress {
    background-color: #24c38b;
    box-shadow: inset -1px 0 #24c38b, inset 0 -1px #24c38b, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
}

.pace-progress-color-primary .pace-progress {
    color: #24c38b;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #24c38b;
}

blockquote {
    border-left: 0.7rem solid #24c38b;
}

blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
    color: #24c38b;
}

blockquote.quote-primary {
    border-color: #24c38b;
}

blockquote.quote-primary h1,
blockquote.quote-primary h2,
blockquote.quote-primary h3,
blockquote.quote-primary h4,
blockquote.quote-primary h5,
blockquote.quote-primary h6 {
    color: #24c38b;
}

.bg-primary.btn:hover {
    border-color: #219565;
}

.bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active {
    background-color: #219565 !important;
    border-color: #1fa181;
}

.bg-gradient-primary {
    background: #24c38b linear-gradient(180deg, #219565, #24c38b) repeat-x !important;
}

.bg-gradient-primary.btn:hover {
    border-color: #219565;
}

.bg-gradient-primary.btn:hover {
    background: #24c38b linear-gradient(180deg, #219565, #24c38b) repeat-x !important;
}

.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
    border-color: #219565;
}

.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
    background: #24c38b linear-gradient(180deg, #219565, #24c38b) repeat-x !important;
}

a.text-muted:hover {
    color: #24c38b !important;
}

.accent-primary .btn-link,
.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn) {
    color: #24c38b;
}

.accent-primary .btn-link:hover,
.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn):hover {
    color: #219565;
}

.accent-primary .dropdown-item:active, .accent-primary .dropdown-item.active {
    background: #24c38b;
}

.accent-primary .custom-control-input:checked ~ .custom-control-label::before {
    background: #24c38b;
    border-color: #219565;
}

.accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-primary .custom-select:focus,
.accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.accent-primary .custom-file-input:focus ~ .custom-file-label {
    border-color: #219565;
}

.accent-primary .page-item .page-link {
    color: #24c38b;
}

.accent-primary .page-item.active a,
.accent-primary .page-item.active .page-link {
    background-color: #24c38b;
    border-color: #24c38b;
}

/*Custom rules -------------------------------------*/
.main-title {
    font-weight: bolder !important;
    font-size: 22px;
    line-height: 1.64;
    color: #24c38b;
}

.user-panel,
.user-panel .info {
    overflow: hidden;
    white-space: nowrap;
}

.user-panel .info {
    display: inline-block;
    padding: 10px 5px 0 20px;
}

.user-panel .info a.name {
    font-size: 14px;
    color: #24c38b;
}

.user-panel .info .email {
    font-size: 10px;
    font-weight: 500;
    color: #b5b5b5;
    margin-bottom: 0;
}

.user-panel img {
    width: 59.8px;
}

.edit-profile-user-img {
    border-radius: 56px;
    margin: 0 auto;
    max-height: 112px;
    max-width: 112px;
    width: 100%;
}

.profile-user-img-list {
    margin: 0 auto;
    border-radius: 0.6rem;
    max-height: 48px;
    max-width: 48px;
    width: 100%;
}

.nav-item img {
    height: auto;
    width: 48px;
}

.nav-greetings {
    height: 2.5rem;
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
}

.navbar-primary {
    background-color: #24c38b;
}

.sidebar-collapse .user-panel img {
    width: 2.1rem;
}

.navbar-mediumslateblue {
    background-color: #74a1f5;
}

.navbar-mediumpurple {
    background-color: #7276d1;
}

.navbar-plum {
    background-color: #d078bb;
}

.navbar-lightgray {
    background-color: #dedede;
}

.rounded-xl {
    border-radius: 7px !important;
}

.wizard-header {
    margin-left: 0 !important;
}

.timeline > div:last-child::before {
    content: '';
    position: absolute;
    left: 31px;
    width: 4px;
    height: 100%;
    background: #fff;
}

.simple-timeline > div > .timeline-item {
    box-shadow: none;
}

.simple-timeline > div > .timeline-item > .timeline-header {
    border: 0 !important;
}

.timeline-item.disabled > .timeline-header,
.timeline-item.disabled > .timeline-body {
    color: #a4a4a4 !important;
    pointer-events: none;
    cursor: none;
}

.wrapper .content-wrapper, .wrapper .no-sidebar-content-wrapper {
    min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
}

.nav-pills .show > .nav-link,
.timeline-item.active {
    border-right: 4px solid #24c38b;
    background-color: #f8f9fa !important;
}

.nav-pills .nav-link.active a,
.nav-pills .show > .nav-link a {
    color: #707070;
}

.toogle-sidebar-button {
    position: absolute;
    bottom: 4px;
    width: 100%;
    background-color: #ffffffb8;
}

.toogle-sidebar-button i:before {
    content: "\f053";
}

.sidebar-collapse .toogle-sidebar-button i:before {
    content: "\f054";
}

.logs {
    margin-top: 25%;
}

.search-bar input {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.search-bar .input-group-text {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    color: #dedede;
    background-color: #ffffff;
}

.fs12 {
    font-size: 12px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs30 {
    font-size: 30px !important;
}

.height6 {
    height: 6px !important;
}

.center-32 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
}

.center-42 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 42px;
}

.center-70 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 70px;
}

.circle-icon {
    display: inline-block;
    border-radius: 50%;
}

.chevron-circle {
    margin: 15px 15px 15px 0;
    background-color: #21487994;
}

.text-profile-button {
    align-self: center;
    text-align: left;
    font-size: 17px;
    line-height: 21px;
    font-weight: bolder !important;
}

.nav-profile-buttons a {
    border: 0;
    box-shadow: 3px 3px 17px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}

.nav-profile-buttons li {
    margin-bottom: 1.5rem !important;
}

.nav-profile-buttons .nav-pills .nav-link.active {
    border: 0;
    color: #ffffff;
}

.adl-code {
    font-weight: bolder !important;
    color: #24c38b;
    font-size: 41px;
    line-height: 21px;
}

.card-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    background-color: #ffffff;
    background-clip: border-box;
    border-radius: 10px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
    margin: 2px 8px 17px;
    padding: 9px;
}

.nav .card-item, .pointer {
    cursor: pointer;
}

.nav .card-item:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #212529;
}

.chevron-item {
    color: #24c38b;
    position: absolute;
    bottom: 1px;
    right: 9px;
}

.btn-status {
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 10px !important;
    border: none;
    box-shadow: 3px 3px 17px 0 rgba(0, 0, 0, 0.05)
}

.btn-status i {
    margin-top: 5px;
}

.hidden {
    display: none;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.link {
    color: #24c38b;
    cursor: pointer;
}

.link:hover {
    color: #219565;
}

.link-attachment {
    font-size: 14px;
    border-radius: 4px;
    line-height: 16px;
    height: 35px;
    padding: 10px;
    text-align: left;
    color: #24c38b;
    display: block;
    width: fit-content;
    background-color: #f7f7f7;
}

.btn-link-primary {
    color: #24c38b;
}

.btn-link-primary:hover {
    color: #219565;
}

.btn-link-primary.disabled, .btn-link-primary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.search-bar-select {
    color: #707070;
}

.search-bar-select .select2-selection {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background-color: #f7f7f7;
    border: 0;
}

.search-bar-select .input-group-text {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background-color: #f7f7f7;
    border: 0;
}

.text-custom-green {
    color: #3ba580 !important;
}

.transparent-select .select2-container--default .select2-selection--single {
    border: none;
    padding: 0.56rem 0.25rem;
    height: calc(2.25rem + 2px);
}

.display-flex {
    display: flex;
}

.flex-flow-column {
    flex-flow: column nowrap;
}

.ol-map {
    height: 589px;
    width: 100%;
}

.ol-map .ol-viewport {
    border-radius: 10px;
    border: solid 1px #707070;
}

.ol-zoom {
    top: 104px !important;
    right: 17px !important;
    left: unset !important;
}

.ol-custom-buttons {
    top: 14px;
    right: 17px;
}

.ol-attribution.ol-uncollapsible {
    display: none;
}

.ol-control {
    background-color: unset !important;
    padding: 0 !important;
}

.ol-control button {
    margin-bottom: 10px !important;
    color: #4fc38b !important;
    font-size: 22px !important;
    text-decoration: none !important;
    height: 35px !important;
    width: 35px !important;
    background-color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.1);
}

.ol-control button:hover {
    color: #ffffff !important;
    background-color: #24c38b !important;
}

.bg-left-horizontal-waves {
    background-image: url("../images/bg-left-horizontal-waves.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto;
}

.bg-right-waves {
    background-image: url("../images/bg-right-waves.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% auto;
}

.bg-left-horizontal-celebration {
    position: relative;
    background-image: url("../images/celebration.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto;
}

.bg-left-horizontal-celebration::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.8);
    pointer-events: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
}

.label-align {
    text-align: right !important;
    display: block !important;
}

@media (min-width: 576px) {
    .label-align, .col-form-label {
        text-align: left !important;
    }
}

.absolute-left-110 {
    position: absolute;
    left: 110%;
    z-index: 1;
}

.padding-6-0 {
    padding: 6px 0 !important;
}

.mh-750 {
    max-height: 750px !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.close-modal {
    min-width: 45px;
}

.z-index1000 {
    z-index: 1000 !important;
}

.map-marker {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.75);
    font-weight: bold;
    text-align: center;
    padding-top: 6px;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
}

.pie-chart {
    min-height: 250px;
    height: 250px;
    max-height: 250px;
    max-width: 100%;
}

.card.transparent {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.card.transparent > .card-body {
    padding: 0 !important;
}

.attachment-sync-badge {
    right: 80px !important;
    position: absolute;
    top: 11px;
}

.marked-for-deletion {
    opacity: 0.5;
    background-color: #f8d7da;
    border-radius: 0.25rem;
}

.marked-for-deletion input {
    text-decoration: line-through;
}

.toast-center {
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1060;
}

.kpi-value {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.kpi-label {
    font-size: 0.875rem;
    color: #6c757d;
    text-transform: uppercase;
    font-weight: 700;
}

.kpi-change {
    font-size: 1rem;
    font-weight: 600;
}

.kpi-change.positive {
    color: #24c38b;
}

.kpi-change.negative {
    color: #dc3545;
}

/* Inactive Users Table Styles */

/* Badge purple for facilitators */
.badge-purple {
    background-color: #6f42c1;
    color: white;
}

/* Badge purple for government workers */
.badge-blue {
  color: #ffffff;
  background-color: #007bff;
}

/* Improved avatar initials */
#inactiveUsersTable .rounded-circle {
    flex-shrink: 0;
}

/* Ensure proper alignment */
#inactiveUsersTable .d-flex {
    align-items: center;
}

/* Badge spacing */
#inactiveUsersTable .badge i {
    margin-right: 4px;
}

/* Table row hover effect */
#inactiveUsersTable tbody tr:hover {
    background-color: #f8f9fa;
}

/* Action buttons styling */
#inactiveUsersTable .btn-group-sm .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.modal-title-wrapper {
    display: flex;
    flex-direction: column;
}