/*@media screen and (max-width: 768px) {*/

/* main table div background color */
.rz-datatable { 
    background-color: transparent !important; 
}
/*odd even row color - Use Bootstrap variables for dark theme compatibility */
.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background-color: #25292d69 !important;
} 

.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
    /* Use the main body background for odd rows */
    background-color: #0000008a !important
}
.radzen-data-grid-cell-symbol {
    /* background-color: #2125294a !important; */
    padding: 0px 5px 0px 10px !important;
}

    .rz-grid-table thead th .rz-column-title {
        color: white !important;
    }
/*    shadow right symbol*/
    .rz-grid-table-fixed .rz-frozen-cell-left.rz-frozen-cell-left-end {
        box-shadow: none !important;
        border-inline-end: none !important;
    }

    .px-4 {
        padding-right: 0.1rem !important;
        padding-left: 0.1rem !important;
    }

    .rz-grid-table thead th > div:not(.rz-cell-filter) {
        /* padding: var(--rz-grid-header-cell-padding); */
        padding: 9px 0px 0px 0px !important;
    }

    /*logo padding left*/
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-left: 0 !important;
    }
/*}*/

.bi.logo {
    display: inline-block !important;
    position: relative !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    margin-right: 0.75rem !important;
    top: -1px !important;
    background-size: cover !important;
}
@media (min-width: 641px) {
    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* main table round conor */
.rz-data-grid {
    border-radius: 15px !important; 
}
/* hide header */
.rz-grid-table thead { 
    display: none;
}


/* note padding cell */
.rz-grid-table td, .rz-grid-table th {
    padding: 7px 0px 7px 5px !important;
} 
.rz-data-grid-data {
    scrollbar-width: none !important; 
}

/* move dialog to upper for mobile */
@media (max-width: 768px) {
    .rz-dialog-confirm, .rz-dialog-alert { 
        margin-top: -200px !important;
        max-width: 400px !important; 
    }
} 

/* 3D Button Style for Radzen Buttons (Dark Theme Adjusted) */
.rz-button-3d.rz-button { /* Target Radzen buttons with the custom class */
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), /* Slightly softer shadow */
              inset 0 -2px 2px rgba(255, 255, 255, 0.05), /* Subtle inner top highlight */
              inset 0 1px 0px rgba(255, 255, 255, 0.1);  /* Subtle top edge highlight */
  border: 1px solid rgba(255, 255, 255, 0.1); /* Lighter border */
  border-bottom: 1px solid rgba(0, 0, 0, 0.4); /* Darker bottom border for depth */
  transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.2); /* Subtle text shadow */
}

.rz-button-3d.rz-button:not(.rz-state-disabled):active {
  transform: translateY(1px); /* Reduced press down effect */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), /* Further reduced shadow */
              inset 0 -1px 1px rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4); /* Keep bottom border */
}
/* account balance text color  */
 .rz-series-data-label {
    fill: #fff8f8 !important;
    text-shadow: 1px 1px #000000ad;
}
.rz-donut-content {
    fill: #fff8f8 !important;
    text-shadow: 1px 1px #000000ad;
}
.rz-dialog-wrapper {
    z-index: 1002 !important; /* Ensure dialogs are on top */
}
.rz-dialog{
    /* max-width: 900px !important; */
     max-width: 900px;
}

/* using in note diaglog to make it center */
.rz-dialog-wrapper { 
    left: 50%;
    transform: translateX(-50%); 
}