/*html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
}*/

/*a, .btn-link {
    color: #007bff;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #1861ac;
}*/

/*.content {
    padding-top: 1.1rem;
}*/

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

.invalid {
    outline: 1px solid red;
}


#blazor-error-ui { 
    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;
    }

.k-switch-label-on {
    display: inline;
    padding-left: 10px;
    color: white;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.k-switch-label-off {
    display: inline;
    padding-left: 30px;
    color: #212529;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

.width100 {
    width: 100%
}

.app-bar-nav-link {
    width: 100px
}

.k-grid {
    line-height: 1.5rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    margin-bottom: 15px;
}

    .k-grid th, .k-grid td {
        height: 1.5rem;
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        text-overflow: initial;
    }

        .k-grid th.k-header .k-column-title {
            white-space: normal;
            text-align: left;
            font-size: 16px;
        }


    .k-grid a {
        color: #007bff;
        text-decoration: none;
    }

        .k-grid a:hover {
            color: #0056b3;
            text-decoration: none;
        }

.k-button {
    padding: 0.15rem 0.75rem;
}



.top-row[b-qxvhcohrmm] a, .top-row .btn-link[b-qxvhcohrmm] {
    margin-left: 0px
}

.k-form .password-wrap .k-textbox {
    width: calc(100% - (1.5em + 0.75rem + 2px) - 0.3em); /*100% - button width - empty space width */
    display: inline-block; /*allow button to sit next to the textbox */
}

.k-listview {
    border-style: hidden;
}

light-grey {
    background-color: #c4c4c4;
}

.button9 {
    color: #22252D !important;
    font-family: 'Raleway',sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition-duration: 0.4s;
    letter-spacing: 0.8px
}

    .button9:hover {
        color: rgba(129, 126, 125, 0.897) !important;
    }

p.strong {
    font-weight: 700;
}

.mud-button-label {
    text-align: center;
}

.validation-errors {
    margin-bottom: 20px;
}


.components-reconnect-show, .components-reconnect-failed, .components-reconnect-rejected {
    display: none;
}

.k-input {
    color: var(--mud-palette-text-primary);
    font-family: var(--mud-typography-default-family);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .00938em;
    line-height: 1.1876em;
}


.k-input-flat {
    border-color: #ffffff;
    box-shadow: none;
    border-bottom: 1px solid var(--mud-palette-lines-inputs) !important;
}

    .k-input-flat.k-invalid {
        border-bottom-color: var(--mud-palette-error) !important;
    }

    .k-input-flat:focus, .k-input-flat.k-focus {
        border-color: #ffffff;
        box-shadow: none;
    }

    .k-input-flat:focus-within {
        border-color: #ffffff;
        box-shadow: none;
    }

    .k-input-flat.k-invalid, .k-input-flat.ng-invalid.ng-touched, .k-input-flat.ng-invalid.ng-dirty {
        border-color: #ffffff;
        box-shadow: none;
    }

        .k-input-flat.k-invalid .k-input-validation-icon, .k-input-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-input-flat.ng-invalid.ng-dirty .k-input-validation-icon {
            border-color: #ffffff;
            box-shadow: none;
        }

        .k-input-flat.k-invalid:focus, .k-input-flat.k-invalid.k-focus, .k-input-flat.ng-invalid.ng-touched:focus, .k-input-flat.ng-invalid.ng-touched.k-focus, .k-input-flat.ng-invalid.ng-dirty:focus, .k-input-flat.ng-invalid.ng-dirty.k-focus {
            border-color: #ffffff;
            box-shadow: none;
        }

        .k-input-flat.k-invalid:focus-within, .k-input-flat.ng-invalid.ng-touched:focus-within, .k-input-flat.ng-invalid.ng-dirty:focus-within {
            border-color: #ffffff;
            box-shadow: none;
        }


.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding: 24px 0px 7px 0px;
}

.k-input::-webkit-input-placeholder, .k-picker::-webkit-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
}

.k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.k-input::-ms-input-placeholder, .k-picker::-ms-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.k-input::placeholder,
.k-picker::placeholder {
    color: #b0b0b0;
    opacity: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.k-input:-ms-input-placeholder,
.k-picker:-ms-input-placeholder {
    color: #b0b0b0;
}

.k-input-inner::-webkit-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
}

.k-input-inner:-ms-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.k-input-inner::-ms-input-placeholder {
    color: #b0b0b0;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.k-input-inner::placeholder {
    color: #b0b0b0;
    opacity: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.k-input-inner:-ms-input-placeholder {
    color: #b0b0b0;
}




.k-input.k-invalid::-webkit-input-placeholder, .k-picker.k-invalid::-webkit-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
}

.k-input.k-invalid:-ms-input-placeholder, .k-picker.k-invalid:-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.k-input.k-invalid::-ms-input-placeholder, .k-picker.k-invalid::-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.k-input.k-invalid::placeholder,
.k-picker.k-invalid::placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.k-input.k-invalid:-ms-input-placeholder,
.k-picker.k-invalid:-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
}

.k-input.k-invalid .k-input-inner::-webkit-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
}

.k-input.k-invalid .k-input-inner:-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.k-input.k-invalid .k-input-inner::-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.k-input.k-invalid .k-input-inner::placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.k-input.k-invalid .k-input-inner:-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
}










.mud-input.mud-input-underline:before {
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
    transition: none;
}

.mud-input.mud-input-underline:after {
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
    transition: none;
}

.mud-input.mud-input-underline:hover:not(.mud-disabled):before {
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
    transition: none;
}

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

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

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error {
    color: var(--mud-palette-error) !important;
    transition: none;
}


.mud-input-control.mud-input-error .mud-input-root::-webkit-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
}

.mud-input-control.mud-input-error .mud-input-root::-webkit-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
}

.mud-input-control.mud-input-error .mud-input-root:-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.mud-input-control.mud-input-error .mud-input-root::-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -ms-user-select: none;
    user-select: none;
}

.mud-input-control.mud-input-error .mud-input-root::placeholder {
    color: var(--mud-palette-error) !important;
    opacity: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mud-input-control.mud-input-error .mud-input-root:-ms-input-placeholder {
    color: var(--mud-palette-error) !important;
}










.validation-message {
    color: var(--mud-palette-error);
}


@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}