﻿:root {
    --color-green-hover: #D7F7E6;
    --color-green-select: #D7F7E6;
    --color-green-promotion: #D7F7E6;
}

.mud-disabled {
    color: var(--mud-palette-text-disabled);
}


/* GENERAL */
.debug {
    outline: 3px dashed red;
}

.mud-list-item:hover,
.mud-list-item.mud-selected-item {
    background-color: var(--color-green-hover) !important;
    color: var(--mud-palette-text-primary) !important;
}

.mud-toggle-item:hover {
    background-color: var(--color-green-hover) !important;
    color: var(--mud-palette-text-primary) !important;
}

.dense-expansion {
    margin: 0 !important;
    border-radius: 0 !important;
    /* one top line everywhere … */
    border-top: 1px solid var(--mud-palette-lines-default) !important;
    /* …and NO bottom lines at all */
    border-bottom: none !important;
}

    /* first + last edge cases */
    .dense-expansion:first-child {
        border-top: none !important;
    }

    .dense-expansion:last-child {
        border-bottom: 1px solid var(--mud-palette-lines-default) !important;
    }

.mud-toggle-group-outlined {
    border: 1px solid #BDBDBD !important;
}

.mud-alert .mud-alert-position {
    justify-content: center !important;
}
/* GENERAL */

/* ------ ServiceLocations.razor ------ */
.mud-table-cell {
    padding: 8px !important;
}

.center-header .column-header {
    justify-content: center !important;
}

.center-cell.mud-table-cell {
    text-align: center;
}

.prevent-linebreak,
.prevent-linebreak * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.color-expanded-panel .mud-panel-expanded .mud-expand-panel-header {
    background-color: var(--color-green-hover);
}

.color-expanded-panel .mud-panel-expanded .mud-expand-panel-content {
    background-color: var(--color-green-hover);
}

.mud-table-toolbar {
    flex-wrap: wrap;
    height: auto;
    padding: 0px 16px !important;
}
/* ------ ServiceLocations.razor ------ */

/* ------ Orders.razor ------ */

/* ------ Orders.razor ------ */

/* ------ Dashboard.razor ------ */
.mud-chart-line {
    overflow: visible !important;
}

.chart-responsive {
    /* no height by default */
}

@media (max-width: 600px) {
    .chart-responsive {
        height: 100%;
    }

        .chart-responsive svg {
            height: auto !important;
        }
}

.svg-tooltip text {
    font-size: 18px !important;
    font-weight: 500;
}

/* ------ Dashboard.razor ------ */

/* ------ ManageRegions.razor ------ */

.territory-panel {
    min-height: 0px !important;
    overflow: visible !important;
}

@media (max-width:600px) {
    .territory-panel {
        min-height: 0px !important;
        overflow: visible !important;
    }
}

/* ------ ManageRegions.razor ------ */

/* ------ ManageRoles.razor ------ */
/* Center checkboxes inside table */
.mud-table-root tbody tr > td.center-cell label.mud-checkbox.mud-input-content-placement-end {
    justify-content: center !important;
}

.mud-input-control.mobile-search-field fieldset.mud-input-outlined-border {
    border-radius: 8px !important;
}

.mud-chip.mud-chip-outlined.mud-chip-color-default:hover {
    background-color: var(--color-green-hover);
}
/* ------ ManageRoles.razor ------ */


/*Remove * on required fields*/
.mud-input-required .mud-input-label::after {
    content: none !important;
}
/*Remove * on required fields*/


/* ------ TrackerMap.razor ------ */

/* ------ TrackerMap.razor ------ */
