@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;900&display=swap');

html, body, * {
    /*/font-family: 'Inter', sans-serif !important;*/
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: black;
    letter-spacing: -0.3px
}

@font-face {
    font-family: 'Toast_icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj0gSRkAAAEoAAAAVmNtYXDnM+eRAAABsAAAAEpnbHlmzVnmlwAAAhgAAAZAaGVhZBEYIl8AAADQAAAANmhoZWEHlgN3AAAArAAAACRobXR4LvgAAAAAAYAAAAAwbG9jYQnUCGIAAAH8AAAAGm1heHABHQBcAAABCAAAACBuYW1lfUUTYwAACFgAAAKpcG9zdAxfTDgAAAsEAAAAggABAAADUv9qAFoEAAAAAAAD6AABAAAAAAAAAAAAAAAAAAAADAABAAAAAQAACcU5MF8PPPUACwPoAAAAANcI7skAAAAA1wjuyQAAAAAD6APoAAAACAACAAAAAAAAAAEAAAAMAFAABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQPqAZAABQAAAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wDnCgNS/2oAWgPoAJYAAAABAAAAAAAABAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA2AAAABAAEAAEAAOcK//8AAOcA//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsAAAAAAAAAQgB8AMIA4gEcAZQCBgJwAo4DAAMgAAAAAwAAAAADlAOUAAsAFwAjAAABFwcXNxc3JzcnBycFDgEHLgEnPgE3HgEFHgEXPgE3LgEnDgEBTXh4L3h4L3h4L3h4AbwDt4qKtwMDt4qKt/0eBeuxsesFBeuxsesCbHh4L3h4L3h4L3h4p4q3AwO3ioq3AwO3irHrBQXrsbHrBQXrAAAAAwAAAAADlAOUAAUAEQAdAAABJwcXAScXDgEHLgEnPgE3HgEFHgEXPgE3LgEnDgEBr2UylwEbMqADt4qKtwMDt4qKt/0eBeuxsesFBeuxsesBrGQylgEcMqKKtwMDt4qKtwMDt4qx6wUF67Gx6wUF6wAAAAAFAAAAAAOUA5cABQARAB0AIQAlAAABFzcnNSMFDgEHLgEnPgE3HgEFHgEXPgE3LgEnDgElFzcnBRc3JwHKxiCnPwFOA6V8fKUDA6V8fKX9aATToJ/UBATUn5/UAh7ANsD9fja/NQGedzNj29F8pAMDpHx8pQMDpXyf1AQE1J+g0wQE0/GhQKGhQKFAAAQAAAAAA74DfgADAAcACgANAAAlMzUjNTM1IwEhCQEhAQHLUlJSUgFj/YwBOv42A5T+NuZUUqf+igIc/ZADFgAEAAAAAAOUA5QAAwAHABMAHwAAATM1IzUzNSMFDgEHLgEnPgE3HgEFHgEXPgE3LgEnDgEBylRUVFQBbgO3ioq3AwO3ioq3/R4F67Gx6wUF67Gx6wEk+lNT0Iq3AwO3ioq3AwO3irHrBQXrsbHrBQXrAAAAAAcAAAAAA+gDMQALABUAJQAuADcAQQBLAAABFhcVITUmJz4BMxYFFhcVITU+ATcWJQYHFSE1LgEjIgYHLgEjIgEWFAYiJjQ2MgUWFAYiJjQ2MiUGFBYXPgE0JiIFBhQWFz4BNCYiA1xEBP6sAxUeRiRX/qxEBP45BIlXV/7xZQsD6AvKUypvMzNvKlMCKxozTTMzTP6CGTNMNDRMAQItWUREWlqI/jstWkREWVmIAWMbFjc3IBgKDwQcGxY3NxY3BAQjJUt7e0tKFxgYFwEMGU01NU0zGhlNNTVNMxYthloCAlqGWy4thloCAlqGWwAAAAQAAAAAA5wCxwAIABQANABFAAABFBYyNjQmIgYXDgEHLgEnPgE3HgEfAQcOAQ8BNz4BNS4BJw4BBxQWHwEnLgEvATc+ATc2FiUOAQ8BFx4BNz4BPwEnJiciAb8fLR4eLR+wAkU0NEUBAUU0NEX8BgEemG0FBB8kAlZBQFcBKyUCCkeVTAYBH76RVMP+3bDPBwcKZclcu/AGCwrM2AoBxxYfHy0eHhc0RQEBRTQ1RQEBRSgEARpWGAECFUIoQVcCAldBLEYUAQEIQkAGASJsBwFCoRbFFAoJW0sBCo8LCgztAQAAAAIAAAAAA4ADbAA4AEEAAAEEJCcmDgEWFx4BHwEVFAYHDgEnJg4BFhcWNjc2Fx4BBx4BFzc+ASc2JicmJzUzPgE3PgEnJicjIiUUFjI2NCYiBgNM/tz+pwwMGxEDDAaMfAcSETKEQw8WBg8Og80hNSg4JwICEw0FDhECAjFJEBICPYhKDQgGChQCB/5dMUgxMUgxAuB/ZRcIAxgbCQdHEQGTGi8TOVgKAw8dFwMNuDUFHTGDCA0QAQECFQ8Mnz8LCasJKiUHGg0SATMkMDBJMDAAAAAAAgAAAAAC/QMkAAMADQAAAQchJxMeATMhMjY3EyEC2x3+bB0kBCQZAQQZJARH/ewDBuDg/fcZICAZAicAAwAAAAACzwPoACwAQwBPAAABERQfARYfAzMVHgE7ATI2NRE0JisBNTEWOwEyNjQmJyMiJi8BLgErAQ4BAxUzNTQ2NzMeARcVMzUuAScjIgcjESM1HgEXPgE3LgEnDgEBVQEBAwQCCAjXARENOg0REQ2zDROVExoaE2UQGAQfAxAKYg0RPR8RDZcNEQEeASIalxANAR8CTTo6TQEBTTo6TQJ8/nYEBQIGBAIFArYNERENARENEUoNGicZARMPfQoNARH98Hl5DREBARENeXkaIgEIAe3FOk0CAk06Ok0BAU0AAAAAAgAAAAAC5gMyAAkAEQAAJRQWMyEyNjURITcjFSE1IycjASApHgEaHin+WFBuAeR+JLD8HigoHgGfeT09HgAAAAAAEgDeAAEAAAAAAAAAAQAAAAEAAAAAAAEAEgABAAEAAAAAAAIABwATAAEAAAAAAAMAEgAaAAEAAAAAAAQAEgAsAAEAAAAAAAUACwA+AAEAAAAAAAYAEgBJAAEAAAAAAAoALABbAAEAAAAAAAsAEgCHAAMAAQQJAAAAAgCZAAMAAQQJAAEAJACbAAMAAQQJAAIADgC/AAMAAQQJAAMAJADNAAMAAQQJAAQAJADxAAMAAQQJAAUAFgEVAAMAAQQJAAYAJAErAAMAAQQJAAoAWAFPAAMAAQQJAAsAJAGnIEZpbmFsIFRvYXN0IE1ldHJvcFJlZ3VsYXJGaW5hbCBUb2FzdCBNZXRyb3BGaW5hbCBUb2FzdCBNZXRyb3BWZXJzaW9uIDEuMEZpbmFsIFRvYXN0IE1ldHJvcEZvbnQgZ2VuZXJhdGVkIHVzaW5nIFN5bmNmdXNpb24gTWV0cm8gU3R1ZGlvd3d3LnN5bmNmdXNpb24uY29tACAARgBpAG4AYQBsACAAVABvAGEAcwB0ACAATQBlAHQAcgBvAHAAUgBlAGcAdQBsAGEAcgBGAGkAbgBhAGwAIABUAG8AYQBzAHQAIABNAGUAdAByAG8AcABGAGkAbgBhAGwAIABUAG8AYQBzAHQAIABNAGUAdAByAG8AcABWAGUAcgBzAGkAbwBuACAAMQAuADAARgBpAG4AYQBsACAAVABvAGEAcwB0ACAATQBlAHQAcgBvAHAARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAdQBzAGkAbgBnACAAUwB5AG4AYwBmAHUAcwBpAG8AbgAgAE0AZQB0AHIAbwAgAFMAdAB1AGQAaQBvAHcAdwB3AC4AcwB5AG4AYwBmAHUAcwBpAG8AbgAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQAFRXJyb3IHU3VjY2VzcwVBbGFybQdXYXJuaW5nBEluZm8HTWVldGluZwVCbGluawdTdHJldGNoA1NpcANTaXQFVHJhc2gAAAAA) format('truetype');
    font-weight: normal;
    font-style: normal;
}

#toast_types button {
    margin: 5px;
    min-width: 160px;
    max-width: 160px;
}

.toast-icons {
    font-family: 'Toast_icons' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#toast_type .e-toast-icon.e-icons {
    height: auto;
    font-size: 30px;
}

.bootstrap5 #toast_type .e-toast-icon.e-icons,
.bootstrap5-dark #toast_type .e-toast-icon.e-icons {
    height: 25px;
}

.toast-icons.e-success::before {
    content: "\e701";
}

.toast-icons.e-error::before {
    content: "\e700";
}

.toast-icons.e-info::before {
    content: "\e704";
}

.toast-icons.e-warning::before {
    content: "\e703";
}

#toast_types {
    text-align: center;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.mud-nav-link-text {
    color: black !important;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: #6201FF;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.card-tela {
    justify-content: start !important;
    min-height: 87vh !important;
}

/* ===== QNect Style ===== */

.double-click-label {
    font-size: 13px;
    color: darkslategrey;
}

.chart-annotation {
    color: white;
    background: #00BFFF;
    font-size: 13px;
    margin-bottom: 30px;
    margin-left: 20px;
    border-radius: 5px;
    padding: 2px;
    align-content: initial;
}

.cuckoo-btn-filled-default {
    border-radius: 5px !important;
    border: 1px solid #3a0099 !important;
    text-transform: none !important;
    margin: 10px !important;
    background-color: #3a0099 !important;
    color: white !important;
}

    .cuckoo-btn-filled-default span {
        color: #FFFFFF !important;
    }

.qnect-btn-danger {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: bold !important;
    text-transform: none !important;
}

    .qnect-btn-danger span {
        color: #ff0000 !important;
    }

.qnect-btn-approve {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: bold !important;
    text-transform: none !important;
}

    .qnect-btn-approve span {
        color: #008000 !important;
    }

.qnect-btn-grid-default {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: bold !important;
    text-transform: none !important;
}

    .qnect-btn-grid-default span {
        color: #3a0099 !important;
    }

.qnect-btn-grid-disabled {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: bold !important;
    text-transform: none !important;
}

    .qnect-btn-grid-disabled span {
        color: #8b8989 !important;
    }

.qnect-btn-alert {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: bold !important;
    text-transform: none !important;
}

    .qnect-btn-alert span {
        color: #FFAE0C !important;
    }

.cuckoo-btn-not-filled-default {
    border-radius: 5px !important;
    border: 1px solid #3a0099 !important;
    color: #3a0099 !important;
    text-transform: none !important;
    margin: 10px !important;
    background-color: #FFFFFF !important;
}

.cuckoo-btn-show-log {
    border-radius: 5px !important;
    border: 1px solid #3a0099 !important;
    color: #3a0099 !important;
    text-transform: none !important;
    margin: 1px !important;
    background-color: #FFFFFF !important;
}

.cuckoo-btn-not-filled-default span {
    color: #3a0099 !important;
}

.mud-toolbar-appbar .mud-icon-root.mud-svg-icon path {
    color: white;
}

.cuckoo-btn-filled-default .mud-icon-root.mud-svg-icon path {
    color: white;
}

.cuckoo-btn-text-default {
    border-radius: 5px !important;
    text-transform: none !important;
    margin: 10px !important
}

.cuckoo-a-default {
    color: #F79328 !important;
}

.cuckoo-input-label {
    font-size: 14px;
    margin-bottom: 6px;
    /*    font-weight: bold;*/
    color: #000;
}

.label-input {
    color: #374151;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.e-grid .e-groupcaption {
    overflow: visible;
}

.e-input-group.e-corner {
    border-radius: 2px;
}

.e-chip .e-chip-text {
    font-size: 12px;
    color: white;
    font-weight: normal;
}

.company-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
    color: black;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    background-color: #D3D3D3;
}

.tag {
    padding: 1px 6px;
    border-radius: 5px;
    color: white;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}

.aguardando-aprovacao {
    background-color: #FF9800;
}

.aprovado {
    background-color: #00C853;
}

.rejeitado {
    background-color: #F44336;
}

p, h2, span, a {
    color: #000;
    letter-spacing: -0.8px !important;
    line-height: 24px;
}

.mud-snackbar-content-message ul {
    line-height: 24px;
}

.cuckoo-snackbar-error-title {
    font-weight: bold;
}

.mud-snackbar-icon {
    color: red;
}

.cucko-input {
    margin: 25px 0px !important;
}

    .cucko-input .mud-input-label-inputcontrol {
        top: -20px !important;
        transform: translateY(-4px) !important;
        font-weight: bold !important;
        font-size: 14px !important;
        color: #000 !important;
        transition: unset
    }

    .cucko-input .mud-input.mud-input-outlined .mud-input-outlined-border {
        border-radius: 5px !important;
        border-color: #6201FF;
    }

    .cucko-input .mud-input > input.mud-input-root.mud-input-root-outlined {
        padding: 14px !important;
        border-radius: 5px !important;
    }

    .cucko-input .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .cucko-input
    .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
        transform: none !important;
        margin-top: -5px;
        color: #000 !important;
        border-radius: 5px;
    }

    .cucko-input .mud-input-helper-text.mud-input-error .me-auto {
        font-size: 14px !important;
    }

    .cucko-input .mud-input-control-helper-container {
        margin-top: -2px !important;
    }

.cuckoo-page-title {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #000 !important;
    padding-top: 0px;
    padding-bottom: 15px
}

.cuckoo-page-subtitle {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #545454 !important;
}

.cuckoo-table {
    border: 1px solid #EDEDED;
    border-radius: 5px !important;
}

    .cuckoo-table th {
        background: #8033ff !important;
        color: #FFFFFF !important;
        font-weight: bold !important;
    }

    .cuckoo-table td {
        color: #545454 !important;
    }

    .cuckoo-table .mud-icon-button {
        border: 1px solid #EDEDED;
        padding: 5px
    }

.cuckoo-muditem-vcenter {
    display: flex !important;
    align-items: center !important;
}

.cuckoo-page-title-container {
    margin-bottom: 15px !important
}

.mud-expansion-panels.cuckoo-expansion-panels
.mud-expand-panel.mud-panel-expanded .mud-expand-panel-header {
    border-bottom: 2px solid #F79328 !important;
    background: #f6f2fb;
    font-weight: bold;
}

.cuckoo-message-box {
    text-align: start;
}

.mud-select mud-autocomplete > .mud-input-label .mud-input-label-animated .mud-input-label-outlined .mud-input-label-inputcontrol {
    transform: translateY(5px) !important;
    color: #000 !important;
}

.mud-picker-datepicker-toolbar .mud-button-date .mud-button-label,
.mud-picker-datepicker-toolbar .mud-button-year .mud-button-label {
    color: white;
}

.material {
    margin-top: 15px !important;
}

/* === TAGS === */
.e-chips {
    border-radius: 5px !important;
}

.e-chips-close {
    padding-bottom: 26px !important;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
    content: "x" !important;
}

.e-chips.blue {
    background: #2196f3ff !important;
}

.e-chips.red {
    background: #f44336ff !important;
}

.e-chips.green {
    background: #1ec8a5ff !important;
}

.e-chips.orange {
    background: #f79328ff !important;
}

.e-chips.black {
    background: #272c34ff !important;
}

.icon-red {
    color: blue !important;
}

/* === Estilizando SyncFusion === */

.e-input-group, .e-input-group.e-control-wrapper {
    border-radius: 5px !important;
}

    .e-input-group, .e-input-group.e-control-wrapper .e-input-focus {
        box-shadow: none !important;
    }

        .e-input-group:not(.e-disabled):focus-within:not(.e-warning):not(.e-error),
        .e-input-group.e-control-wrapper:not(.e-disabled):focus-within:not(.e-success):not(.e-warning):not(.e-error) {
            /*border: 2px solid #3a0099 !important;*/
            box-shadow: 0 0 0 1px rgba(128, 51, 255, 0.5) !important;
        }

.e-grid .e-summarycell div {
    font-size: 14px !important;
}

.e-grid .grid-text-div {
    font-size: 14px;
}

.e-grid .e-groupcaption {
    font-weight: bold;
}

.e-grid .e-headertext {
    font-size: 14px;
    line-height: 15px;
}

.grid-container {
    height: calc(100vh - 15rem);
}

/* MEDIA QUERIES */
.class_type_time {
    width: 70px;
}

.class_type_date {
    width: 140px;
}

.class_type_range_date {
    width: 240px;
}

.class_type_tarefa {
    width: 500px;
}

.class_type_anotacao {
    width: 300px;
}

.class_btn {
    margin-top: 1.5rem;
}

@media (max-width: 525px) {
    .class_btn {
        margin-top: 0px !important;
    }
}

@media (max-width: 525px) {
    .class_type_anotacao {
        width: 400px !important;
    }
}

@media (max-width: 704px) {
    .class_type_anotacao {
        width: 500px !important;
    }
}

@media (max-width: 525px) {
    .class_type_tarefa {
        width: 355px !important;
    }
}

.e-badge.e-badge-overlap {
    background: #363636;
    color: #FFF !important;
    top: -6px;
    transform: translateX(-62%);
    border-radius: 8px;
}

.mud-snackbar.mud-alert-filled-success {
    background: #d4ffc9 !important;
}

.mud-snackbar.mud-alert-filled-error {
    background: #FEBDAE !important;
}

.mud-snackbar.mud-alert-filled-warning {
    background: #ffce85 !important;
}

.mud-snackbar.mud-alert-filled-info {
    background: #76c2ff !important;
}

.mud-snackbar.mud-alert-filled-normal {
    background: #c6c6c6 !important;
}

.dash-card {
    display: flex;
    flex-direction: column;
    text-align: start;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    padding: 0px 10px 10px 15px;
    margin: 5px 0;
    background: #FFF;
}

    .dash-card h1 {
        font-size: 32px;
    }

    .dash-card h6 {
        font-size: 16px;
    }

    .dash-card h5 {
        font-size: 14px
    }

.dash-card-header {
    display: flex;
    justify-content: space-between;
    margin: 14px;
}

    .dash-card-header h6 {
        margin-top: 10px
    }

.snack-container {
    display: flex;
    justify-content: space-between;
}

.dash-snack {
    padding: 0 8px;
    border-radius: 2px;
    font-size: 12px;
}

    .dash-snack.snack-blue {
        background: #F6F2FC;
        color: #3A0099
    }

    .dash-snack.snack-red {
        background: #FFEDED;
        color: #F51616
    }

    .dash-snack.snack-green {
        background: #B3F4B3;
        color: #006400
    }

.chart-legend {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}

.chart-legend-text {
    font-size: 13px;
}

.chart-legend-container {
    display: flex;
    gap: 40px;
    align-items: center;
}

.chart-bottom-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 6px;
}

.total-snack {
    background-color: #DBF6FF;
    color: #004E66;
}