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) {
}



/* ------------------------------------------------------------------------------
 *
 *  # mud-appbar 
 *
 * ---------------------------------------------------------------------------- */

.mud-appbar-color {
    background: #1283e6;
    background: linear-gradient(90deg,rgba(18, 131, 230, 1) 0%, rgba(30, 136, 229, 1) 22%, rgba(99, 166, 224, 1) 100%);
}


/* ------------------------------------------------------------------------------
 *
 *  # 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;
}

.mud-drawer-1100 {
    --mud-drawer-width-right: 1100px;
    z-index: var(--mud-zindex-drawer) !important;
}
.mud-drawer-content-px1 .mud-drawer-content {
    padding-left: 4px !important;
    padding-right: 4px !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-expand-panel .mud-expand-panel-content {
        border-top: 1px #bdbdbd solid !important;
        /*border-top: 1px #bdbdbd dashed !important;*/
        /*margin-top: 4px;*/
        /*border-style: inset;*/
        /*border-bottom: dotted;*/
    }

    .mud-expand-panel-header-customcontent .mud-expand-panel .mud-expand-panel-content {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        overflow-x: auto
    }

    .hidden-container-overflow-y .mud-table-container {
        overflow-y: hidden !important;
    }

    .mud-expand-panel-header-color {
        /*background-color: gainsboro;*/
        background-color: #dbdbdb;
        /*background: linear-gradient(90deg,rgba(30, 136, 229, 1) 0%, rgba(72, 149, 217, 1) 22%, rgba(99, 166, 224, 1) 100%);*/
    }
    /* ------------------------------------------------------------------------------
 *
 *  # mud-input-control
 *
 * ---------------------------------------------------------------------------- */
    .mud-input-control.mud-input-control-margin-dense.mud-input-outlined-with-label {
        margin-top: 12px;
    }

    .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
        color: #bdbdbd !important;
    }

    .input-center .mud-input-control-input-container .mud-input .mud-input-slot {
        text-align: center;
    }
    /* ------------------------------------------------------------------------------
 *
 *  # 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
    }

    .mud-dialog-action {
        justify-content: center !important;
    }
    /* ------------------------------------------------------------------------------
 *
 *  # 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;
        }
    /* ------------------------------------------------------------------------------
 *
 *  # Table
 *
 * ---------------------------------------------------------------------------- */

    .table-min-width-1030 {
        min-width: 1030px !important;
    }

    .table-min-width-1220 {
        min-width: 1220px !important;
    }
    /* 
 *  # Tabel med 1 rader - Anpassad stil
 * ---------------------------------------------------------------------------- */

    .table-1-row--singel-row td {
        border-bottom: none !important;
        border-right: none !important;
    }

        .table-1-row--singel-row td:last-child {
            border-left: 1px solid var(--mud-palette-table-lines);
            /*border-top: 1px solid var(--mud-palette-table-lines);*/
        }

    tr.table-1-row--singel-row:nth-last-child(2) td {
        border-bottom: 1px #bdbdbd dashed !important;
        padding-bottom: 16px !important;
    }
    /* 
 *  # Tabel med 2 rader - Anpassad stil
 * ---------------------------------------------------------------------------- */

    .table-2-row--first-row td {
        border-bottom: none !important;
        border-right: none !important;
        /*padding-top: 4px !important;*/
    }

        .table-2-row--first-row td:last-child {
            border-left: 1px solid var(--mud-palette-table-lines)
        }

    .table-2-row--second-row td {
        border-bottom: 1px #bdbdbd dashed !important;
        border-right: none !important;
        padding-top: 0px !important;
    }

        .table-2-row--second-row td:last-child {
            border-left: 1px solid var(--mud-palette-table-lines)
        }
    /*table tr:last-child.table-2-row--second-row td {
    border-bottom: none !important;
}*/
    /*.table-2-row--second-row tr:last-child td {
    border-bottom: none;
}*/
    /* ------------------------------------------------------------------------------
 *
 *  # media screen 
 *
 * ---------------------------------------------------------------------------- */
    /* 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;
        }
    }
    /* LG */
    /*@media (min-width: 1280px) {
    .d-lg-none {
        display: none !important;
    }
}*/
    /* XL */
    @media (min-width: 1920px) {
        /*    .d-xl-none {
        display: none !important;
    }

    .d-xl-flex {
        display: flex !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;
    }
    /* ------------------------------------------------------------------------------
 *
 *  # Buttons
 *
 * ---------------------------------------------------------------------------- */

    .mud-button-inform {
        blue darken-1 shades-text text-white
    }


/* ------------------------------------------------------------------------------
 *
 *  # Custom Colors - Used by Client - Mudblazor - CustomColors.cs
 *
 * ---------------------------------------------------------------------------- */

.mud-button-filled-999 {
    background-color: #FFB300; /* Warning2 */
    color: black;
}

.mud-button-filled-998 {
    background-color: #2ECC71; /* Success2 */
    color: white;
}

.mud-list-icon-color-disable .mud-list-item-icon .mud-icon-root {
    color: #bdbdbd !important; /* valfri färg */
}