@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*This is needed as MudBlazor somehow overrides default user agent list stype types*/
ul {
    list-style-type: disc;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.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;
}


.break-word {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (max-width: 640px) {
    .auto-scroll {
        overflow-x: scroll;
    }
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

/*Removes the wilde dot animations in buffered progess bar*/
.mud-progress-linear.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    /* remove the radial‐gradient dots */
    background-image: none !important;
    /* stop the keyframe that moves them */
    animation: none !important;
    /* solid grey instead */
    background-color: #e0e0e0 !important;
}