﻿

.brand-logo {

}



.brand-logo-appbar{
    width:80px;
}

.CardAtStuckBottom {
    position: sticky;
    bottom: 0;
    width: 100%;
    left: 0;
}


.content-card {
    padding-bottom: 25px; 
    padding-top: 45px
}




/* Scollbar */
::-webkit-scrollbar {
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*background: var(--mud-palette-appbar-background) !important;*/
    background: var(--mud-palette-primary) !important;
    border-radius: 5px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }



/* End ScrollBar */



.top-line-progress {
    position: fixed;
    top: 0;
    z-index: 9999;
    width:100%
}



.block-table-dashboard {
    
    color: white;
}


a {
    text-decoration:none !important;
}

.div-content-body {
    /* The Div for page body content */
    padding-bottom: 25px;
    padding-top: 45px
}


.toolbar-view {
    /*display: flex;
    top: 100px;
    position: fixed;
    width: 95%;*/
   
}

.toolbar-bottom-action {
    /* position: fixed;
    bottom: 0;
    width: 96%;*/
    /**********************/
    /*position: fixed;
    top: 180px;*/
    /*left: 32px;*/
}

.cpAlert {
    margin-bottom: 100px;
}


.backdrop-blur {
    backdrop-filter: blur(10px);
    background-color: transparent !important;
    color: inherit !important;
}

.force-white{
    color:white !important;
}

.mud-table-cell {
    font-weight:bold !important;
}


.coming-soon {
    background-image:url('../assets/comingSoon.svg');
}


.my-custom-class_blurry {
    backdrop-filter: blur(10px);
}


.dashboard-animated-card {
    /*transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    padding: 1rem;
    background-color: #fff;*/
}

.dashboard-animated-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
