html {
    /* this reduces the size of the font as suggested by rahul*/
    font-size: 90% !important
}

.bold-text { /* Change Appbar buttons to your desired highlight color */
    font-weight: bold;
    color: white !important;
    background-color: rgba(150, 150, 150, 0.5);
}

.bold-text1 {
    font-weight: bold;
    color: black !important;
    background-color: #b7ece3; /* Change this to your desired highlight color */
}


.mud-appbar {
    /*
        background-image: url("https://syngentagrc.blob.core.windows.net/image/4ba0336a-1212-49f9-ae52-5ed8ce77ff23.webp") !important; 

    */
    background-color: #2e2e2e !important;
}
/*
    this will change the background color of the questions in the mudtable
*/
.mud-palette-background {
    background-color: #f5f5f5ff !important;
}
/* This will change the color of datagrid header*/




/*
    This will reduce the space in datagrid
*/
.mud-table-cell {
    /*padding: 1px !important;*/
   padding:8px;
    line-height: 1.5 !important;
}


/*
    This will put the copyclipboard
*/
.copy2clipboard-positions {
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: copy !important;
}


.copy2clipboard-alert-positions {
    position: relative;
}

.table-container2 {
    overflow-x: auto;
}

    .table-container2 table {
        table-layout: fixed;
        width: 100%;
    }

    .table-container2 th, .table-container2 td {
        overflow: hidden;
        word-wrap: break-word;
        white-space: normal;
    }

/*this is taken from thememanager.css for fixing dark mode issues */
/* git hub link https://github.com/MudBlazor/ThemeManager/pull/12/commits/fa8e0f5f4e359859f0c2941e957adb37b6dd8c30*/
.mud-thememanager-color-picker .mud-paper, .mud-input {
    /*
        color: #424242;
        background-color: #FFFFFF;
    */
    color: var(--mud-palette-text-primary) !important;
    background-color: var(--mud-palette-background-grey) !important;
}



.mud-thememanager-button {
    position: fixed;
    top: 40%;
    right: 0;
    box-shadow: 1px 1px 18px #7C4DFF;
    color: #FFFFFF;
    /* background-color: #7C4DFF;*/
    background-color: var(--mud-palette-primary) !important;
    cursor: pointer;
}


.fixed-bottom2 {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 10;
    /*background-color: white;*/
   
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    /* gap: 10px;*/
}
.hover-paper {
    transition: border-color 0.3s;
    border: 4px solid transparent; /* Default border */
}

.custom-paper {
    height: 100%; /* Adjust the height as needed */

    overflow: hidden;
}

.paperinfo:hover {
    border-color: var(--mud-palette-info);
    background-color: rgba(var(--mud-palette-info-rgb), 0.1); /* Light background */
}

.paperseco:hover {
    border-color: var(--mud-palette-secondary);
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.1); /* Light background */
}

.papertert:hover {
    border-color: var(--mud-palette-tertiary);
    background-color: rgba(var(--mud-palette-tertiary-rgb), 0.1); /* Light background */
}

.paperwarn:hover {
    border-color: var(--mud-palette-warning);
    background-color: rgba(var(--mud-palette-warning-rgb), 0.1); /* Light background */
}

.papererro:hover {
    border-color: var(--mud-palette-error);
    background-color: rgba(var(--mud-palette-error-rgb), 0.1); /* Light background */
}

.papersucc:hover {
    border-color: var(--mud-palette-success);
    background-color: rgba(var(--mud-palette-success-rgb), 0.1); /* Light background */
}

.custom-icon-size {
    font-size: 60px; /* Adjust this value to increase or decrease the size */
}

.paperprim:hover {
    border-color: var(--mud-palette-primary);
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1); /* Light background */
}

/* dark mode changes for typeahed-Reader and Editor group */
 
.blazored-typeahead__input {
    color: var(--mud-palette-text-dark) !important;
    background-color: var(--mud-palette-background-paper) !important;
    /* background-color: var(--mud-palette-surface) !important;*/
}

.blazored-typeahead__results {
    color: var(--mud-palette-text-dark) !important;
    background-color: var(--mud-palette-surface) !important;
}


/* darkmode apexchart tooltip Light text change */
.apexcharts-tooltip {
    color: black !important;
}

.apexcharts-menu {
    color: black !important;
}