@import "https://fonts.bunny.net/css2?family=Roboto:wght@400;500;700&display=swap";

.table-top-wrapper {
    height: 200px;
    width: 100%;
    overflow: auto;
    display:inline-block;
}
.table-wrapper {
    height: 150px;
    width: 100%;
    overflow: auto;
    display: inline-block;
}

.vertical-center {
    display: inline-block; 
    height: 150px; 
    text-decoration: none;
    overflow: auto;
    width: 100%; 
    padding-top: 45px;
}

.label-overflow {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

:root {
/*    --primary:#4355b9;
    --on-primary:#ffffff;
    --primary-container:#dee0ff;
    --on-primary-container:#00105c;
    --secondary:#5b5d72;
    --on-secondary:#ffffff;
    --secondary-container:#e0e1f9;
    --on-secondary-container:#181a2c;
    --tertiary:#77536d;
    --on-tertiary:#ffffff;
    --tertiary-container:#ffd7f1;
    --on-tertiary-container:#2d1228;
    --error:#ba1a1a;
    --on-error:#ffffff;
    --error-container:#ffdad6;
    --on-error-container:#410002;
    --background:#fefbff;
    --on-background:#1b1b1f;
    --surface:#fbf8fd;
    --on-surface:#1b1b1f;
    --surface-variant:#e3e1ec;
    --on-surface-variant:#46464f;
    --outline:#767680;
    --outline-variant:#c7c5d0;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#303034;
    --inverse-on-surface:#f3f0f4;
    --inverse-primary:#bac3ff;
    --surface-dim:#dcd9de;
    --surface-bright:#fbf8fd;
    --surface-container-lowest:#ffffff;
    --surface-container-low:#f6f2f7;
    --surface-container:#f0edf1;
    --surface-container-high:#eae7ec;
    --surface-container-highest:#e4e1e6;*/
    --primary:#006783;
    --on-primary:#ffffff;
    --primary-container:#bde9ff;
    --on-primary-container:#001f2a;
    --secondary:#4d616c;
    --on-secondary:#ffffff;
    --secondary-container:#d0e6f2;
    --on-secondary-container:#081e27;
    --tertiary:#5d5b7d;
    --on-tertiary:#ffffff;
    --tertiary-container:#e3dfff;
    --on-tertiary-container:#191836;
    --error:#ba1a1a;
    --on-error:#ffffff;
    --error-container:#ffdad6;
    --on-error-container:#410002;
    --background:#fbfcfe;
    --on-background:#191c1e;
    --surface:#f8f9fb;
    --on-surface:#191c1e;
    --surface-variant:#dce4e9;
    --on-surface-variant:#40484c;
    --outline:#70787d;
    --outline-variant:#c0c8cd;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#2e3132;
    --inverse-on-surface:#eff1f3;
    --inverse-primary:#65d3ff;
    --surface-dim:#d9dadc;
    --surface-bright:#f8f9fb;
    --surface-container-lowest:#ffffff;
    --surface-container-low:#f2f4f6;
    --surface-container:#edeef0;
    --surface-container-high:#e7e8ea;
    --surface-container-highest:#e1e2e4;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}