/*@media (min-width: 1400px) {
    main,
    header,
    #main-navbar {
        padding-left: 240px;
    }
}

@media (min-width: 1000px) {
    .inner-content {
        padding-left: 240px;
    }
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}*/

/*@media (max-width: 960px) {
    .mud-main-content .mud-paper {
        margin-top: 12px;
        margin-bottom: 12px;
        padding-left: 16px;
        padding-right: 16px;
        background-color: var(--mud-palette-surface);*/
        /*background-color: var(--mud-palette-background);*/
    /*}*/

    /*.mud-main-content .mud-container {
        margin-top: 30px !important;
    }*/

}

.mud-button-icon-size-medium > *:first-child Path {
    color: #68707d
}

#MudMenu Path {
    color: #68707d
}

.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) {
    background-color: #F0F3FB
}

.mud-table-hover.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd):hover {
    background-color: #CFD2DA
}

.mud-table-hover.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
    background-color: #CFD2DA
}

.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
    background-color: #CFD2DA
}

:root {
    --mud-palette-drawer-icon: #EEEEEE !important;
}


.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: white;
    background-color: #0000002A;
}

#mud-main-content {
    height: calc(100vh - 4rem);
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
}


@media (max-width : 959px) {
    .scrollable-table .mud-table-container {
        height: calc(100vh - 31.5rem) !important;
    }
}

@media (max-width : 959px) {
    .scrollable-table-nonebreakpoint .mud-table-container {
        height: calc(100vh - 27.2rem) !important;
    }
}

@media (min-width : 960px) {
    .scrollable-table .mud-table-container {
        height: calc(100vh - 21rem) !important;
    }
}

.selected {
    /*background-color: #b9bdc9 !important;*/
    background-color: #4682b4 !important;
}

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

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

.stripedrow {
    background-color: #F0F3FB;
}

.tooltiptext {
    font-family: var(--mud-typography-default-family);
    font-size: var(--mud-typography-default-size);
    font-weight: var(--mud-typography-default-weight);
    line-height: var(--mud-typography-default-lineheight);
    letter-spacing: var(--mud-typography-default-letterspacing);
    text-transform: var(--mud-typography-default-text-transform);
    visibility: visible;
    background-color: gray;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: fixed;
    z-index: 1;
    opacity: 0.85;
}

.cstm-input-control .mud-input-control {
    margin-top: 8px;
}

tbody > tr {
    height: 40px;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 0 6px 0 6px;
}

input:invalid {
    background-color: tomato;
}
select ~ .ValidationMessage, input ~ .ValidationMessage {
    visibility: hidden;
   
}
.invalidField {
    background-color: tomato;
}
.basic {
    background: tomato !important;
}

.flex-container {
    display: flex;
    flex-direction: column;
}

.flex-container > :not(.cstm-scrollable):not(.non-scrollable):not(.mud-table-container) {
    flex-shrink: 0;
}

.flex-container > .cstm-scrollable, .non-scrollable, .mud-table-container {
    flex-grow: 1;
}

.non-scrollable {
    overflow: hidden;
}

.cstm-scrollable:not(:has(.mud-table-container)) {
    overflow: auto;
}

.cstm-scrollable > .mud-table-container {
    overflow: auto;
}

.cstm-blured {
    filter: blur(2px);
    -webkit-filter: blur(2px);
    pointer-events: none;
}

.backgroundcolor-mud-palette-surface {
    background-color: var(--mud-palette-surface);
}

.tab:has(> .fittotab) {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 24px !important;
}

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

.readonlytext .mud-input-control-input-container .mud-disabled {
    color: var(--mud-palette-text-primary) !important;
}

.main {
    height: 100vh;
}

.mwsalesorderdetails:has(.bottom-toolbar) {
    padding-bottom: 88px !important;
}

.mwsalesorderdetails:has(> .bottom-toolbar) {
    padding-bottom: 88px !important;
}