:root {
    --bs-primary: #2c3144;
    --bs-secondary: #04c6c7;
    --bs-secondary-dark: #039e9f;
    --bs-primary-rgb: 44, 49, 68;
    --bs-secondary-rgb: 4, 198, 199;
    --bs-body-font-size: 12px;
    --bs-title-font-size: 30px;
    --bm-subtitle-font-size: 16px;
    --bs-body-font-weight: 500;
    --din-light-green: #b1dd8b;
    --din-light-green-rgb: 177, 221, 139;
    --din-green: #25d249;
    --din-green-rgb: 37, 210, 73;
    --bs-link-color: #2c3144;
    --din-light-red: #f08080;
    --din-light-red-rgb: 240, 128, 128;
    --din-background: #f5f6f9;
    --din-background-rgb: 244, 244, 244;
    --bs-nav-link-color: rgb(var(--bs-primary-rgb));
    --din-dark: #11141b;
    --din-dark-rgb: 17, 20, 27;
    --mec-lemon-green: #EFF2A5;
    --mec-lemon-green-rgb: 239, 242, 165;
    --mec-light-green: #d2e8df;
    --mec-light-green-rgb: 210, 232, 223;
    --mec-light-red: #fddcd4;
    --mec-light-red-rgb: 253, 220, 212;
    --mec-bluesky: #04a0e4;
    --mec-bluesky-rgb: 4, 160, 228;
    --bm-readonly-color: #e9ecef;
    --bm-disabled-color: #e9ecef;
    --bm-icon-size: 16px;
    --bm-red: #d61010;
    --bm-red-rgb: 214, 16, 16;
    --bm-red-dark: #A80D0D;
    --bm-white: #fff;
    --bm-lightgray: #f5f6f9;
    --bm-gray: #8d8da0;
}
.search-container {
    display: flex;
    align-items: center;
}

.search-input {
    flex-grow: 1;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
}

.search-icon {
    color: #666;
}

@media (max-width: 576px) {
    .search-container {
        flex-direction: column;
    }
    .search-input {
        margin-bottom: 10px;
    }
}
.project-description {
    margin-top: 10px;
    margin-left: 20px;
}

.form-select {
    font-weight: var(--bs-body-font-weight);
}

.select2-container {
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
}

.card.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.175)!important;
}

.card {
    --bs-border-radius: 10px;
}

.gray-list-group {
    --bs-list-group-bg: var(--din-background);
    --bs-list-group-item-padding-y: 1rem;
}

body {
    font-family: 'Muli', 'Mulish', sans-serif !important;
}

a {
    text-decoration: none;
}

.bg-primary-dark {
    background-color: rgb(var(--din-dark-rgb), var(--bs-bg-opacity, 1));
}
.text-primary-dark {
    color: rgb(var(--din-dark-rgb), var(--bs-bg-opacity, 1));
}

.text-white {
    color: var(--bm-white);
}

.border-color-secondary {
    --bs-border-color: rgb(var(--bs-secondary-rgb));
    border-color: rgb(var(--bs-secondary-rgb));
}

h4 {
    font-weight: normal !important;
    font-size: var(--bs-title-font-size) !important;
}

p {
    font-size: var(--bs-body-font-size);
    font-weight: normal;
}

.text-smaller {
    font-size:0.87em;
}
.text-larger {
    font-size:1.87em;
}

.fs-7 {
    font-size: var(--bs-body-font-size) !important;
}
.fs-normal {
    font-size: var(--bs-body-font-size) !important;
}
.subtitle {
    font-size: var(--bm-subtitle-font-size);
}
.fs-title {
    font-size: var(--bs-title-font-size);
}


.btn-primary {
    --bs-btn-font-weight: 600 !important;
    --bs-btn-color: white !important;
    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-border-radius: .5rem !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: #232736 !important;
    --bs-btn-hover-border-color: #232736 !important;
    --bs-btn-focus-shadow-rgb: 4, 198, 199 !important;
    --bs-btn-active-color: white !important;
    --bs-btn-active-bg: #14151b !important;
    --bs-btn-active-border-color: #14151b !important;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #757FA5;
    --bs-btn-disabled-border-color: #757FA5;
}

.btn-alert {
    --bs-btn-font-weight: 600;
    --bs-btn-color: white;
    --bs-btn-bg: var(--bm-red);
    --bs-btn-border-color: var(--bm-red);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--bm-red-dark);
    --bs-btn-hover-border-color: var(--bm-red-dark);
    --bs-btn-focus-shadow-rgb: 4, 198, 199;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--bm-red-dark);
    --bs-btn-active-border-color: var(--bm-red-dark);
}

.btn-secondary {
    --bs-btn-font-weight: 600 !important;
    --bs-btn-color: white !important;
    --bs-btn-bg: var(--bs-secondary) !important;
    --bs-btn-border-color: var(--bs-secondary) !important;
    --bs-btn-border-radius: .5rem !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: var(--bs-secondary-dark) !important;
    --bs-btn-hover-border-color: var(--bs-secondary-dark) !important;
    --bs-btn-focus-shadow-rgb: 4, 198, 199!important;
    --bs-btn-active-color: white !important;
    --bs-btn-active-bg: var(--bs-secondary-dark) !important;
    --bs-btn-active-border-color: var(--bs-secondary-dark) !important;
}

.btn-third {
    --bs-btn-font-weight: 600 !important;
    --bs-btn-color: var(--bs-black) !important;
    --bs-btn-bg: var(--din-light-green) !important;
    --bs-btn-border-color: var(--din-light-green) !important;
    --bs-btn-border-radius: 0.5rem !important;
    --bs-btn-hover-color: var(--bs-black) !important;
    --bs-btn-hover-bg: #9fc77d !important;
    --bs-btn-hover-border-color: #9fc77d !important;
    --bs-btn-focus-shadow-rgb: 4, 198, 199 !important;
    --bs-btn-active-color: var(--bs-black) !important;
    --bs-btn-active-bg: #6a8553 !important;
    --bs-btn-active-border-color: #6a8553 !important;
    --bs-btn-disabled-color: var(--bs-black);
    --bs-btn-disabled-bg: #D3ECBE;
    --bs-btn-disabled-border-color: #D3ECBE;
}

.btn-fourth {
    --bs-btn-font-weight: 600 !important;
    --bs-btn-color: var(--bs-black) !important;
    --bs-btn-bg: rgba(0, 0, 0, 0) !important;
    --bs-btn-border-color: var(--bs-black) !important;
    --bs-btn-border-radius: 0 !important;
    --bs-btn-hover-color: var(--bs-black) !important;
    --bs-btn-hover-bg: rgba(227, 227, 227, 0.7) !important;
    --bs-btn-hover-border-color: var(--bs-black) !important;
    --bs-btn-focus-shadow-rgb: 4, 198, 199 !important;
    --bs-btn-active-color: var(--bs-black) !important;
    --bs-btn-active-bg: rgba(211, 211, 211, 0.7) !important;
    --bs-btn-active-border-color: rgba(211, 211, 211, 0.7) !important;
    --bs-btn-border-width: 4px;
    border: 0;
    border-bottom: var(--bs-btn-border-width) var(--bs-border-style) var(--bs-btn-border-color)!important;
}

.btn-din-outline-third {
    --bs-btn-color: #000;
    --bs-btn-border-color: var(--din-light-green);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--din-light-green);
    --bs-btn-hover-border-color: var(--din-light-green);
    --bs-btn-focus-shadow-rgb: 4, 198, 199;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--din-light-green);
    --bs-btn-active-border-color: var(--din-light-green);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--din-light-green);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--din-light-green);
    --bs-gradient: none;
}

.btn-din-outline-secondary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 4, 198, 199;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-gradient: none;
}
.btn-din-outline-primary {
    --bs-btn-color: #000;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: white ;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 4, 198, 199;
    --bs-btn-active-color: white ;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}
.btn-invisible {
    --bs-btn-font-weight: 600 !important;
    --bs-btn-color: white !important;
    --bs-btn-bg: gray !important;
    --bs-btn-border-color: gray !important;
    --bs-btn-border-radius: .5rem !important;
    --bs-btn-hover-color: white !important;
    --bs-btn-hover-bg: #232736 !important;
    --bs-btn-hover-border-color: #232736 !important;
    --bs-btn-focus-shadow-rgb: 4, 198, 199 !important;
    --bs-btn-active-color: white !important;
    --bs-btn-active-bg: #14151b !important;
    --bs-btn-active-border-color: #14151b !important;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #757FA5;
    --bs-btn-disabled-border-color: #757FA5;
}
.btn-tag {
    --bs-btn-font-weight: 600 !important;
    --bs-btn-color: var(--bs-white) !important;
    --bs-btn-bg: #bdc3f6 !important;
    --bs-btn-border-color: #bdc3f6 !important;
    --bs-btn-hover-color: var(--bs-white) !important;
    --bs-btn-hover-bg: #A0A9F2 !important;
    --bs-btn-hover-border-color: #A0A9F2 !important;
    --bs-btn-focus-shadow-rgb: 4, 198, 199 !important;
    --bs-btn-active-color: var(--bs-white) !important;
    --bs-btn-active-bg: #8590EE !important;
    --bs-btn-active-border-color: #8590EE !important;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: #CACDE7;
    --bs-btn-disabled-border-color: #CACDE7;
}
ul {
    list-style-type: none;
}

.modal-wider {
    width: max-content;
}

.fit-content {
    width: fit-content;
}

.bg-main {
    background-color: var(--din-background);
}

.clickable {
    cursor: pointer;
}
.w-fit-content {
    width: -moz-fit-content !important;
    width: fit-content !important;
}

.h-fit-content {
    height: fit-content;
}

.modal {
    --bs-modal-header-border-color: var(--bm-white);
    --bs-modal-footer-border-color: var(--bm-white);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.form-check-input:active {
    border-color: rgb(var(--bs-secondary-rgb), 25%) !important;
    box-shadow: 0 0 0 0.25rem rgb(var(--bs-secondary-rgb), 20%) !important;
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgb(var(--bs-secondary-rgb), 20%) !important;
}

.form-check-input:checked {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.tab.selected {
    color: var(--bs-white);
    background-color: var(--bs-primary);
}

.tab.no-selected {
    color: var(--din-dark);
    background-color: rgb(var(--bs-primary-rgb), 0.1);
}

.tab.no-selected:hover,
.tab.no-selected:focus {
    color: rgb(var(--bs-primary-rgb));
    background-color: rgb(var(--bs-primary-rgb), 0.15);
}

.dataTables_filter {
    display: none;
}

.dz-remove {
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: var(--bs-danger);
    color: var(--bs-white);
    border-radius: var(--bs-border-radius-pill);
}

.dz-remove:hover {
    background-color: #ba202f;
    color: var(--bs-white);
}

.text-green {
    color: var(--din-green);
}

.text-red {
    color: var(--bm-red);
}

.form-check-input {
    width: 1.1rem;
    height: 1.1rem;
}
.form-switch .form-check-input {
    width: 1.7rem !important;
}

.dropdown-toggle.no-arrow::after {
    display: none;
}

.custom-popover {
    --bs-popover-header-bg: var(--bs-primary);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-border-color: var(--bm-white);
    --bs-popover-border-radius: 0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
    --bs-popover-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
}

.din-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}

.din-tooltip-light {
    --bs-tooltip-bg: var(--bm-white);
    --bs-tooltip-color: var(--din-dark);
}

.din-action-button:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

.din-action-button:focus,
.din-action-button:active {
    background-color: rgba(var(--bs-primary-rgb), 0.08);
}

.text-bg-primary {
    color: var(--bs-white)!important;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1))!important;
}

.text-bg-aqua {
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1))!important;
    color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity, 1))!important;
}

.din-text-bg-light {
    color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.07);
}

a.nav_link:hover {
    background-color: rgb(var(--din-dark-rgb), 0.67);
}

a.nav_link:focus,
a.nav_link:active {
    background-color: rgb(var(--din-dark-rgb), 0.77);
}

a.nav_link.active:hover {
    background-color: rgb(var(--din-dark-rgb), 1);
}
.bg-light-green {
    background-color: rgb(var(--mec-light-green-rgb), var(--bs-bg-opacity, 1));
}
.bg-light-green {
    background-color: rgb(var(--mec-light-green-rgb), var(--bs-bg-opacity, 1));
}
.bg-lemon-green {
    background-color: rgb(var(--mec-lemon-green-rgb), var(--bs-bg-opacity, 1));
}
.bg-light-red {
    background-color: rgb(var(--mec-light-red-rgb), var(--bs-bg-opacity, 1));
}
.text-bluesky {
    color: rgba(var(--mec-bluesky-rgb), var(--bs-bg-opacity, 1))!important;
}
.nav-pills .sub-nav-link.active {
    border-color: rgb(var(--bs-primary-rgb), 1);
    cursor:auto;
}
.nav-pills .sub-nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    cursor: pointer;
    color: var(--bs-primary);
    border-bottom: 4px solid rgb(var(--bs-primary-rgb), 0);
    transition: color 0.15s ease-in-out, border-bottom 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.card-container-horizontal-scroll {
    overflow-y: hidden; /* Oculta la barra de desplazamiento vertical */
}

.callout {
    margin: 0px !important;
    padding: 40px !important;
    /* padding-bottom: 5px !important; MOD MZC*/
}

.callout.warning {
    border-color: rgb(211,214,248) !important;
    background-color: rgb(240 240 253) !important;
    color: #0a0a0a
}
.badge {
    border-radius: 6px !important;
}

.badge.greylight {
    background: #F1F5F9;
    color: #0a0a0a;
}

.badge.greylight2 {
    background: rgb(232,236,239);
    color: rgb(73,73,73);
}

.badge.greylight3 {
    background: rgba(232,236,239, 0.6);
    color: rgb(73,73,73);
}

.badge.amber {
    background: #fef3c7;
    color: #0a0a0a;
}

.badge.greenlight {
    background: #d8f5da;
    color: #0a0a0a;
}

.badge.greenlight2 {
    background: rgb(190,242,211 );
    color: rgb(26,114,0);
}

.badge.greendark {
    background: #4BA64C;
    color: #ffffff;
}

.badge.pinklight {
    background: #f6a3b0;
    color: #0a0a0a;
}

.badge.orangelight {
    background: rgba(242, 200, 15, 0.25);
    color: #D68910;
}

.badge.bluelight {
    background: rgba(15, 147, 242, 0.25);
    color: #1087d6;
}

.badge.redlight {
    background: rgba(var(--bm-red-rgb), 0.25);
    color: var(--bm-red);
}
.progress-bar {
    width: 100% ;
    height: 10px ;
    appearance: none ;
    -webkit-appearance: none ;
}
.progress-bar::-webkit-progress-bar {
    background-color: #ddd;
    border-radius: 10px;
}

.progress-bar::-webkit-progress-value {
    background-color: rgb(27, 85, 220, 0.75);
    border-radius: 10px;
}

.help-container {
    margin: 0px !important;
    padding: 40px !important;
    border-color: rgb(211,214,248) !important;
    background-color: rgb(240 240 253) !important;
    color: #0a0a0a
}

.tagsEmployees {
    width: auto;
    height: auto;
    background: #bdc3f6;
    display: flex;
    color: black;
    font-size: 12px;
    align-items: center;
    justify-content: space-between;
    margin: 5px;
}

.boton {
    float: right;
    color: white;
    font-size: 18px;
    margin: 5px;
    cursor: pointer;
}

.tagContainer {
    border: 33px;
    border: solid 1px #cecece;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.auto-hyphens {
    hyphens: auto;
}
.input-group-text {
    font-size: var(--bs-body-font-size);
}
input[readonly].form-control {
    background-color: var(--bm-readonly-color);
    opacity: 1;
}

.dropdown-menu {
    --bs-dropdown-font-size: var(--bs-body-font-size);
}
/*Table toolbar*/
.table-toolbar {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 0.75rem;
}
.table-toolbar > *{
    font-size: var(--bm-icon-size);
    cursor: pointer;
}
caption .table-toolbar {
    display: flex;
    justify-content: space-evenly;
    align-items:flex-start;
    gap: 0.75rem;
}
.help-text {
    font-style: italic;
}

/**
* Custom table
*/
.my-table tr, .my-table td {
    border-style: dashed !important;
}
.my-table thead {
    background-color: var(--bm-lightgray);
    color: var(--bm-gray);
}
.my-table thead tr, .my-table thead th{
    border-style: none;
    border-bottom-width: 0px;
}

.table-header {
    background-color: #ffffff;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .table thead {
        display: none;
    }
    .table tbody tr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .table td {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 8px 0;
    }
    .table td::before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 8px;
    }
}
.table {
    --bs-table-striped-bg:rgb(18, 111, 254, 0.1);
    --dt-row-stripe: 18, 111, 254;
}
.my-table > :not(caption):not(thead) > * > * {
    padding: 1.2rem 0.5rem;
}
.my-table > :not(caption):not(tbody) > * > * {
    padding: 0.85rem 0.45rem;
}
.my-table-container {
    background-color: var(--bm-white, #fff);
    padding: 0.85rem 0.85rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border-radius: 0 !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.my-table caption {
    margin-bottom: 1.25rem;    
    font-size: var(--bm-subtitle-font-size);
    color: var(--bs-body-color);
    font-weight: bold;
    padding: 0;
    caption-side: top;
}

.table caption {
    margin-bottom: 1.25rem;    
    font-size: var(--bm-subtitle-font-size);
    color: var(--bs-body-color);
    font-weight: bold;
    padding: 0;
    caption-side: top;
}

.dataTables_paginate .paginate_button {
    padding: 0.25rem 0.45rem;
    border: 1px solid #dee2e6;
    background-color: var(--bs-white);
    cursor: pointer;
    display: block;
}

.dataTables_paginate .paginate_button:hover {
    background-color: #e9ecef;
    color: #000;
}

.dataTables_paginate .disabled,
.dataTables_paginate .disabled:hover {
    color: #dee2e6;
    background-color: var(--bs-white);
    cursor: not-allowed;
}

.dataTables_paginate .current,
.dataTables_paginate .current:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white) !important;
    border: 1px solid var(--bs-primary);
}

.dataTables_paginate {
    margin-top: 0.15rem;
    display: flex;
    justify-content: end;
}

.dataTables_info {
    text-align: end;
    margin-bottom: 0.25rem;
}
.dataTables_paginate span:has(>.paginate_button)
{
    display: flex;
}

.my-action-btn {
    color: var(--bs-body-color);
    cursor: pointer;
    text-align: center;
    width: fit-content;
    padding: 0.5rem 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.my-action-btn:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

.my-action-btn:focus,
.my-action-btn:active {
    background-color: rgba(var(--bs-primary-rgb), 0.08);
}
.my-action-btn .img-container {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: 11px;
    width: fit-content;
}

.my-action-btn .my-text {
    display: block;
    margin-top: 0.25rem;
    font-weight: normal;
    max-width:115px;
    font-size: var(--bs-body-font-size);
}
.my-filter-btn {
    color: var(--bs-body-color);
    cursor: pointer;
    text-align: center;
    width: fit-content;
    padding: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    height: fit-content;
}
.my-filter-btn .img-container {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: fit-content;
}
.my-filter-btn .my-text {
    display: block;
    font-weight: normal;
    max-width:80px;
    font-size: var(--bs-body-font-size);
}
.my-filter-btn:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

.my-filter-btn:focus,
.my-filter-btn:active {
    background-color: rgba(var(--bs-primary-rgb), 0.08);
}

.filter-toolbar {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    gap: 0.75rem;
}
.filter-toolbar *{
    font-size: var(--bs-body-font-size);
    font-weight: var((--bs-body-font-weight));
}
.my-card {
    padding: 0 !important;
}
.my-card .card-body {
    padding: 1.25rem 1rem;
}
.my-dashboard-container {
    background-color: var(--bm-white, #fff);
    padding: 0.85rem 0.85rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border-radius: 0 !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.my-dashboard-container .my-card {
    border: none;
    border-bottom: var(--bs-border-width) dashed var(--bs-border-color);
}
.my-container {
    background-color: var(--bm-white, #fff);
    padding: 0.85rem 0.85rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border-radius: 0 !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}