﻿
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}


@media (min-width: 576px) {
    .ds-sm-block {
        display: block !important;
    }

    .ds-sm-none {
        display: none !important;
    }
}

.selected {
    background-color: #1E88E5 !important;
}

    .selected > td {
        color: white !important;
    }

        .selected > td .mud-input {
            color: white !important;
        }

.sticky-top {
    top: var(--mud-appbar-height);
    background-color: #fff;
}

.sticky-bottom {
    bottom: 32px;
    background-color: #fff;
}

/*MudBlazor**************************************************/

.mud-input.mud-disabled,
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
    color: unset;
}
    
    .mud-dialog-title {
        background-color: var(--mud-palette-primary);
        color: #fff;
    }

.mud-button-close {
    color: #fff;
}

.mud-button {
    min-width: 150px;
}

@media (max-width: 599px) {
    .mud-button {
        width: 100%;
    }

    td {
        min-width: 120px;
    }
}

.mud-overlay-content {
    width: 100%;
    display: flex;
    justify-content: center;
}

.mud-dialog {
    overflow: hidden;
}

    .mud-dialog form {
        overflow: auto;
    }

.mud-list.mud-menu-list {
    min-width: 160px;
}

.mud-drawer .mud-drawer-content {
    display: block;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-weight: bold;
}

.mud-input-control-input-container .mud-input.mud-input-outlined.mud-input-adorned-end.mud-input-margin-dense.mud-shrink.mud-disabled,
.mud-input-control-input-container .mud-input.mud-input-outlined.mud-input-margin-dense.mud-disabled.mud-typography-subtitle1 {
    background-color: #ebf0fa;
}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense {
    text-align: center;
}

/*MudBlazor**************************************************/

