/*#blazor-error-ui {
    background: lightyellow;
    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;
    }*/

:root {
    font-size: var(--rz-root-font-size);
    --rz-primary: #333746;
    --rz-secondary: #394652;
    --rz-success: #00B2A9;
    --rz-info: #DEDEE0;
    --rz-warning: #FFB500;
    --rz-danger: #ED0089;
}

body {
    font-family: var(--rz-text-font-family);
    color: var(--rz-text-color);
    font-size: var(--rz-body-font-size);
    line-height: var(--rz-body-line-height);
    background-color: var(--rz-body-background-color);
}

.rz-body {
    --rz-body-padding: 0;
}


.panel-menu {
    background-color: red;
}

    .panel-menu .navigation-menu .navigation-item-wrapper {
        background-color: red;
    }





a {
    color: var(--rz-link-color);
    text-decoration: none !important;
}

    a:hover,
    a:focus {
        color: var(--rz-link-hover-color);
    }

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}




.parent-menu {
}

.child-menu {
    padding-left: 2px;
}




.badges {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    min-width: 80px;
}

  
.badge.badge-success {
    background-color: #148110;
    color: #fff;
}

.badge.badge-warning {
    color: #000000;
    background-color: #e79d13;
}

.badge.badge-danger {
    color: #fff;
    background-color: #e81313;
}

.badges.bg-lightgreen {
    background: #28C76F;
}

.badges.bg-lightred {
    background: #EA5455;
}

.badges.bg-lightyellow {
    background: #FF9900;
}

.badges.bg-lightpurple {
    background: #7367f0;
}

.badges.bg-lightgrey {
    background: #637381;
}



.card-sales-split {
    padding-bottom: 2px;
    border-bottom: 1px solid #E9ECEF;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}

@media (max-width: 991px) {
    .card-sales-split {
        padding-bottom: 2px;
    }
}

@media (max-width: 575px) {
    .card-sales-split {
        flex-direction: column;
    }

        .card-sales-split ul {
            margin-top: 15px;
        }
}

.card-sales-split h2 {
    font-size: 14px;
    font-weight: 600;
}

.card-sales-split li {
    margin: 0 15px;
    list-style-type: none;
}


.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.card-sales-split ul,
.card-sales-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.whatsapp-chat {
    position: fixed;
    z-index: 1000001;
    bottom: 40px;
    right: 34px;
}


.whatsapp-chat svg {
    width: 50px;
    height: 50px;
    fill: white;
    background: #25d366;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.51) !important;
    padding: 5px;
    border-radius: 100%;
}



@media screen and (max-width: 991px) {


    .whatsapp-chat {
        position: fixed;
        z-index: 1000001;
        bottom: 16px;
        right: 21px;
        font-size: 13px;
    }

        .whatsapp-chat svg {
            width: 42px;
            height: 42px;
        }
}


#footer-bar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 98;
    background-color: inherit;
    /*background-color: rgba(249,249,249,0.98);*/
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.06);
    min-height: 60px;
    display: flex;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: all 300ms ease
}

    #footer-bar a {
        /*color: #1f1f1f;*/
        padding-top: 8px;
        position: relative;
        flex: 1 1 auto
    }

        #footer-bar a span .mud-icon-root {
            margin-top: -3px;
            font-size: 16px;
            position: relative;
            text-align: center;
            z-index: 2
        }

        #footer-bar a span {
            position: relative;
            z-index: 2;
            display: block;
            font-size: 10px;
            font-weight: 500;
            margin-top: -2px;
            opacity: 1;
            font-family: "Rubik",sans-serif !important
        }