/* Below sets then text box and select controls to correct font size */
.mud-input,
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 0.75rem; /* 1 rem is default */
    /*font-size: 0.775rem*/
}

.mud-table-cell {
    font-size: 0.75rem;
    padding: 3px;
    padding-inline-start: 6px;
    padding-inline-end: 4px;
}


/* Want to force then padding for all tables to the following */
.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 3px;
    padding-inline-start: 6px;
    padding-inline-end: 4px;
} 

/* Default table select color */
.selected {
    background-color: darkgray !important;
}

    .selected > td {
        color: white !important;
    }

        .selected > td .mud-input {
            color: white !important;
        }

        .selected > td .mud-link {
            color: yellow !important;
        }


/* Set Spacing corectly for \r\n test fields */
.white-space-pre-line {
    white-space: pre-line;
}

.white-space-pre-wrap {
    white-space: pre-wrap;
}

.mud-tab {
    min-height: 20px; /* Adjust this value to your desired height */
}

.mud-tabs-tabbar .mud-tabs-tabbar-inner {
    min-height: 20px;
}

.colwidthdt {
    min-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.colwidthtext {
    min-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Adjusts the height og thrn ptable page bar. */
.mud-table-pagination-toolbar {
    height: 35px;
}




/* Fullscreen Loader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white !important;
    z-index: 9999;
}


#components-reconnect-modal {
    z-index: 9999 !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.custom-reconnect-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

#components-reconnect-modal button {
    color: var(--mud-palette-primary-text) !important;
    --mud-ripple-color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary) !important;
    margin: 5px auto !important;
    margin-top: 20px auto !important
}

.dialog-box {
    background: white;
    color: black;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 300px;
    text-align: center;
}

.components-reconnect-hide {
    display: none;
}

.components-reconnect-show .show {
    display: block;
}

.components-reconnect-failed .failed {
    display: block;
}

.components-reconnect-rejected .rejected {
    display: block;
}

.state {
    display: none;
}

    .state.active {
        display: block;
    }