html {
    overflow-y:auto;
}

.is-whitespace-pre-wrap {
    white-space: pre-wrap;
}

.is-whitespace-nowrap {
    white-space: nowrap;
}

.is-wordwrap-anywhere {
    word-wrap: anywhere;
}

.has-no-outline {
    outline: none !important;
}

.is-justify-content-stretch {
    justify-content: stretch !important
}

.validation-message {
    color: red;
}

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

.invalid {
    outline: 1px solid red;
}

.pulse-info-filled {
    box-shadow: 0 0 0 0 rgba(32, 156, 238, 0.5);    
    animation: pulse-info-filled 2s infinite;
    z-index: 999;
}
.pulse-info-filled:hover {
    animation: none;
}

@keyframes pulse-info-filled {
    0% {
        box-shadow: 0 0 0 0 rgba(32, 156, 238, 0.0);
        background-color: rgba(32, 156, 238, 1.0);
    }
    50% {
        box-shadow: 0 0 0 .25rem rgba(32, 156, 238, 0.9);
        background-color: rgba(32, 156, 238, 0.9);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(32, 156, 238, 1.0);
        background-color: rgba(32, 156, 238, 1.0);
    }
}

.blink {
    animation: blinker 1s step-start infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.remove-valid-modified-outline {}

.remove-valid-modified-outline.valid.modified {
    outline: none !important;
}

#app-loading {
    margin-top: 2rem;
    max-width: 35rem;
    background: #3f4c6b;
    background: -webkit-linear-gradient(280deg, #3f4c6b 0%, #363636 100%);
    background: linear-gradient(280deg, #3f4c6b 0%, #363636 100%);
    font-size: 1.5rem;
    font-family: 'Poppins';
    font-weight: 400;
    line-height: 1.334em;
    letter-spacing: 0;
    text-transform: none;
}

    #app-loading .app-loading-name {
        color: #ffffff;
    }

    #app-loading .app-loading-subtext {
        color: #808080;
        font-size: .875rem;
        line-height: 1.43;
        letter-spacing: .01071em;
    }

    #app-loading .app-loading-progress {
        height: 8px;
        width: 100%;
        margin: 8px 0 8px 0;
        position: relative;
    }

    #app-loading .loading-bar {
        height: 4px;
        background-color: rgba(5, 114, 206, 0.2);
        width: 100%;
        overflow: hidden;
        margin: 8px 0 8px 0;
    }

    #app-loading .loading-bar-value {
        width: 100%;
        height: 100%;
        background-color: rgb(5, 114, 206);
        animation: indeterminateAnimation 1s infinite linear;
        transform-origin: 0% 50%;
    }

#reload {
    padding: 8px;
}

    #reload button {
        color: #ffffff;
        background-color: #007a7aff;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        padding: 6px 16px;
        font-size: .875rem;
        font-weight: 500;
        line-height: 1.75;
        letter-spacing: .02857em;
        text-transform: uppercase;
        min-width: 64px;
        box-sizing: border-box;
        transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms;
        border-radius: 4px;
        width: 100%;
    }


@keyframes indeterminateAnimation {
    0% {
        transform: translateX(0) scaleX(0);
    }

    40% {
        transform: translateX(0) scaleX(0.4);
    }

    100% {
        transform: translateX(100%) scaleX(0.5);
    }
} 


.input-center input {
    text-align:center;
}

.input-center .mud-input-helper-text div{
    margin-left: auto;
    margin-right: auto;
}