a > svg.mud-icon-root, a > p > svg.mud-icon-root {
    vertical-align: sub;
}

.admin-role-picker > .mud-input-control-input-container > .mud-input {
    height: 30px;
}

.color-bubble-legend > img {
    margin-top: 5px;
}

/*
*****************************************
**
**  Site-wide Styling
**
*****************************************
*/

.mud-button {
    border: 1px solid gray !important;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: 14px !important;
}

.mud-input-control > .mud-input-control-input-container > .mud-input:not(.mud-input-auto-grow) {
    height: 30px !important;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label {
    transform: translate(14px, 6px) scale(1);
}

.mud-input-control-boolean-input {
    margin-top: 5px !important;
}

.mud-input-outlined {
    background-color: #FFFFFF;
    margin: 0px !important;
}

.mud-list-item {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.mud-select.mud-autocomplete {
    margin-top: 2.25px !important;
}

.soco-button {
    width: 100px;
    height: 30px;
}

.soco-filter-group {
    background-color: #EEEEEE;
    /* Old app */
    /* background-color: #F1EEF4 */
}

/*
*****************************************
**
**  Data Grid Styling
**
*****************************************
*/
.mud-table-outlined {
    border: 1px solid #999999 !important;
}

.mud-table-toolbar {
    height: 40px !important;
}

.soco-data-grid-dynamic-height > .mud-table-container {
    max-height: 500px !important;
}

/* Empty data grid */
.soco-data-grid-empty .mud-table-container > .mud-drop-container > table > thead {
    display: none !important;
}

.soco-data-grid-empty > .mud-table-pagination {
    display: none !important;
}

.soco-data-grid-empty > .mud-table-toolbar {
    display: none !important;
}

/* Override MudBlazor defaults for table header cell */
.soco-data-grid-header > .mud-table-row > .mud-table-cell {
    font-size: 0.7rem;
    font-family: Arial;
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    background-color: #E5E5E5 !important;
    border: 1px solid #999999;
}

.mud-data-grid .mud-table-cell .column-header {
    display: block !important;
}

/* Override MudBlazor defaults for table cell */
.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 1px !important;
}

.mud-data-grid * .mud-table-head .mud-table-cell .column-options {
    display: none !important;
}

.soco-data-grid-row > .mud-table-cell {
    font-size: 0.7rem;
    text-align: center;
    font-family: Arial;
    height: 15px;
}

.soco-data-grid-row > .mud-table-cell > .mud-button {
    border: 0px !important;
}

/* Override MudBlazor defaults for table pager */
.mud-data-grid * .mud-table-pagination-toolbar {
    background-color: #F0F0F0 !important;
    border-top: 1px solid #999999;
    height: 40px;
}

.mud-table-cell > a, .mud-table-cell > .mud-typography-body1 {
    font-size: 0.7rem;
    text-align: center;
}

.mud-table-toolbar {
    background-color: #F0F0F0 !important;
}

/*Override Mudblazor defaults for Expiration Frequency header */
.mud-table-root .mud-table-head .mud-table-cell {
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: underline !important;
}