body {
}

.scroll-locked {

}

.mud-expand-panel-custom-content .mud-expand-panel-content {
    padding: 0 0 0;
}

.mud-expand-panel-custom-header .mud-expand-panel-header {
    background-color: #eff7fd;
}

.mud-input {
    font-size: 0.8125rem;
}

/*.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: #707070 !important;
}*/

.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-primary) !important;
}




.mud-nav-link {
    padding: 5px 16px 5px 16px;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(6px,-6px) scale(.75);
    /*min-width: 60px;*/
    padding: 0 !important;
    white-space: nowrap;
}

.mud-input-label-outlined {
    background-color: var(--mud-palette-surface);
}

.mud-list-item-icon {
    min-width: 36px;
}

/*.mud-input-slot-whiteSpace {
    white-space: normal;
}*/

/*.mud-select-input {
    white-space: normal;
}*/

/* Validation Override ---------------------------------------------------------------------------- */
.customValidateClass .mud-input-control-input-container .mud-input .mud-input-outlined-border {
    border-color: #f44336ff;
}

.customValidateClass .mud-input-control-input-container .mud-input-label-outlined  {
    color: #f44336ff !important;
}

.mud-input-label-outlined {
    /*color: #707070 !important;*/
    color: #bdbdbd !important;
}

/* Disable ErrorMessage text */
/* Textbox will only be red highlighted */
.mud-input-control-helper-container {
    display: none !important;
}

/* ----------------------------------------------------------------------------------------------- */


/*Move right in mud-select for more space*/
.select-move-adorned-end .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: 4px !important;
}


/*.mud-table-dense-custom .mud-table-dense .mud-table-row .mud-table-cell {
    padding: 6px 6px 6px 6px !important;
    padding-inline-start: 6px !important;
    padding-inline-end: 6px !important;
}*/


.mud-divider-dark {
    border-color: #607D8B;
}

.mud-divider-dashed {
    border-style: dashed none none none !important;
}


/* mud-table ---------------------------------------------------------------------------- */
.mud-simple-table.mud-table-thDense * tr td, .mud-simple-table.mud-table-thDense * tr th {
    padding: 6px 6px;
}

.mud-simple-table.mud-table-2Dense * tr td, .mud-simple-table.mud-table-2Dense * tr th {
    padding: 2px 6px;
}

.mud-table-xDense {
    padding: 4px 6px 4px 6px !important;
}

.mud-table-xDense-2Right {
    padding: 4px 2px 4px 6px !important;
}

.mud-table-2Dense {
    padding: 2px 6px 2px 6px !important;
}

.mud-table-0Dense {
    padding: 0px 0px 0px 0px !important;
}

.mud-breadcrumbs {
    font-size: var(--mud-typography-default-size);
}

.MudTable-Prevent-Loading-Bar .mud-table-root .mud-table-head .mud-table-row .mud-table-loading {
    display: none !important;
}

.mud-table-HeaderRow .mud-table-cell {
    border-bottom: 1px #1e88e5 solid !important;
}

@media (min-width: 992px) {
}

/* ------------------------------------------------------------------------------
 *
 *  # MudOverlay 
 *
 * ---------------------------------------------------------------------------- */

.position-progress-top-100 .mud-overlay-content {
    position:absolute;
    top: 100px;
}

/* ------------------------------------------------------------------------------
 *
 *  # MudDrawer
 *
 * ---------------------------------------------------------------------------- */

.mud-drawer-600 {
    --mud-drawer-width-right: 600px;
    z-index: var(--mud-zindex-drawer) !important;
}

/* ------------------------------------------------------------------------------
 *
 *  # MudBlazorDocs
 *
 * ---------------------------------------------------------------------------- */

.mud-codeblock {
    height: 100%;
    padding: 0;
    overflow: auto;
}


/* ------------------------------------------------------------------------------
 *
 *  # MudExpansionPanels
 *
 * ---------------------------------------------------------------------------- */
.mud-expand-panel .mud-expand-panel-header {
    padding: 6px 24px !important;
    min-height: 38px !important;
    border-bottom: dotted;
}

/* ------------------------------------------------------------------------------
 *
 *  # mud-input-control
 *
 * ---------------------------------------------------------------------------- */

.mud-input-control.mud-input-control-margin-dense.mud-input-outlined-with-label {
    margin-top: 12px;
}


/* ------------------------------------------------------------------------------
 *
 *  # DIALOG
 *
 * ---------------------------------------------------------------------------- */
.mud-dialog-width-full {
    width: calc(100% - 14px);
    height: auto;
    max-height: unset;
    overflow-y: unset;
}

.mud-dialog-content .custom-mud-button-close {
    top: 0px;
    right: 4px;
    position: absolute
}


/* ------------------------------------------------------------------------------
 *
 *  # MudTabs
 *
 * ---------------------------------------------------------------------------- */

.mudTabs-TabPanelClass {
    text-transform: none;
    letter-spacing: unset;
    min-height: 42px !important;
}

.mudTabs-ActiveTabClass {
    background-color: #f5f5f5;
    color: unset !important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.mudTabs-TabHeaderClass .mud-tabs-tabbar-inner {
    min-height: 42px !important;
}

.mudTabs-TabHeaderClass .mud-tabs-tabbar-inner .mud-tabs-tabbar-content {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important;
}



/* MAX-WIDTH */
@media screen and (max-width: 450px) {
    input [type="time"] {
        padding-right: 0px !important;
        padding-left: 8px !important;
    }
}

@media screen and (min-width: 601px) {

    .mud-dialog-container.mud-dialog-topcenter {
        padding-top: 52px !important;
        max-height: 99vh; /* Scroll Dialog*/
        overflow-y: auto; /* Scroll Dialog*/
    }
}

@media screen and (min-width: 600px) {

    .mud-navmenu-top-full {
        top: 64px !important;
    }

    .mud-button-inform {
        padding-bottom: 5px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        min-width: unset !important;
        width: -webkit-fill-available;
    }
}

@media screen and (max-width: 599px) {

    .mud-button-inform {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        min-width: unset !important;
        width: -webkit-fill-available;
    }

    /* Hide  */
    /* Används för att dölja knapp i dropdwon om den visas i litet förnster, telefon  */
    .mud-input-adornment {
        /*display: none !important;*/
    }
    /* Override PopoverMaxHeight in MySelect  */
    .mud-popover .mud-list {
        max-height: 300px !important;
    }

    .mud-navmenu-top-sm {
        top: 56px !important;
    }

    .mud-dialog-width-full-sm {
        /*margin-top: 56px;*/
        /* max-height: calc(100dvh);*/
        overflow-y: auto;
        max-height: calc(100dvh - 20px);
        width: 100%;
        /*height: 100%;*/
        margin: 4px;
        /*border-radius: unset;*/
    }

    .mud-dialog-content {
        padding-inline-start: 12px !important;
        padding-inline-end: 4px !important;
    }

    .mud-input {
        font-size: var(--mud-typography-input-size);
    }

}

@media screen and (max-width: 600px) {

    .mud-drawer-small {
        --mud-drawer-width-right: 100%;
    }

    .mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:first-child {
        border-bottom: 1px solid var(--mud-palette-table-lines) !important;
        border-top: 1px solid var(--mud-palette-table-lines) !important;
    }

    .mud-table-root .mud-table-body:last-child .mud-table-row:last-child .mud-table-cell {
        border-bottom: 1px dashed var(--mud-palette-table-lines) !important;
    }

    .mud-table-root .mud-table-body .mud-table-row .mud-table-cell {
        border-bottom: 1px dashed var(--mud-palette-table-lines) !important;
    }

    .mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:not(last-child) {
        /*border-right: 1px solid var(--mud-palette-table-lines) !important;*/
        border-right: none !important;
    }

    .mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:last-child {
        border-right: none !important;
        border-bottom: none !important;
    }

    .mud-dialog-container.mud-dialog-topcenter {
        padding-top: 0px !important;
    }

}

/* TEXT ---------------------------------------------------------------------------- */

.mud-typography-dense {
     line-height: unset; 

}

.checkBox-font-size-base .mud-typography-body1 {
    font-size: 0.8125rem !important;
}

/* mud-container ---------------------------------------------------------------------------- */

.mud-container-left {
    margin-left: unset !important;
}

.noBG {
    background-color: unset !important;
}

/* ------------------------------------------------------------------------------
 *
 *  # MIXED
 *
 * ---------------------------------------------------------------------------- */


.force-mud-elevation-0 {
    box-shadow: var(--mud-elevation-0) !important;
}

.mud-divider {
    opacity: unset;
}

/* ------------------------------------------------------------------------------
 *
 *  # Dialog
 *
 * ---------------------------------------------------------------------------- */

.mud-dialog .mud-dialog-title {
    /* border-bottom: 1px solid lightgrey !important;*/
}

.mud-dialog-width-700 {
    max-width: 700px
}

.mud-dialog-width-900 {
    max-width: 900px;
}

.MudSelectExtended_PopOver {
    max-width: 200px !important;
}