﻿.mud-expand-panel-header {
    background-color: #e6fffe;
}

.my-custom-class {
    backdrop-filter: blur(5px);
}

.fixed-height-dialog {
    height: 70vh !important;
    max-height: 70vh !important;
    overflow-y: auto;
}


.mud-table-pagination {
    display: flex !important;
    flex-direction: row !important;
}

.dialogTitle {
    color: #01b2aa;
}

.compact-table .mud-table-cell, .compact-table .mud-input-text {
    font-size: 0.8rem !important; /* Smaller font */

}

.compact-table .mud-table-cell {
    padding: 4px 8px !important; /* Less padding */
   
}

.compact-table .mud-table-row {
    height: 1rem !important; /* Reduce row height */
}

.compact-table .mud-icon-button {
    width: 24px !important;
    height: 24px !important;
}

.actionExecuted {
    background-color: #fdfa9670 !important;
}

.text-right input {
    text-align: right !important;
    padding-right: 4px !important;
}

.text-right {
    text-align: right !important;
    padding-right: 4px !important;
}
.empty-button .mud-button-label {
    border: none !important;
    background-color: none !important;
    font-size: 0.8rem !important;
    font-weight: 400;
    text-transform: capitalize;
}

.empty-button {
    border: none !important;
    background-color: none !important;
    border-radius:0 !important;   
}

.padding-inside .mud-input-root-text {
    padding-left: 1rem !important;
    padding-top: 1rem !important;
}

.bg-highlight {
    background-color: rgba(0, 172, 193, 0.1); /* Light teal */
    border-left: 4px solid #00acc1;
    transition: background-color 0.2s ease;
}

.mud-dialog {
    position: relative;
    overflow: hidden;
}

    .mud-dialog::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url('/images/net.png') no-repeat center center;
        background-size: cover;
        opacity: 0.1;
        z-index: 0;
    }

    .mud-dialog > * {
        position: relative;
        z-index: 1;
    }

.page-background {
    min-height: calc(100vh - 64px); /* Full height minus AppBar */
    background-image: url('../Images/net_tra.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 400px;
    position: relative;
}

.page-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    background-repeat: inherit;
    opacity: 0.2;  /* Opacity applied only to background image */
    
}

    .page-background > * {
        position: relative;
        z-index: 1;
    }



    .text-white {
        color: white;
    }

.font-weight-bold {
    font-weight: 700;
}

.welcome-content1 {
    background-color: rgba(0, 0, 0, 0.5); /* black with 50% transparency */
    padding: 4rem;
    margin: 10rem;
}

    .welcome-content1 img {
        height: 5rem;
        /*        margin-right: 1rem;*/
    }

.custom-paper-class {
    width: 20rem;
    background-color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10rem !important;
}


