#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;
    }
.page-logo img {
    height: 35px !important;
    width: auto !important;
}

.bg-brand-gradient {
    background-color: #f3f3f3 !important;
}

.app-logo {
    max-height: 130px !important;
    max-width: 300px !IMPORTANT;
}
.text-danger {
    color: #ee0000 !important;
}
.validation-errors, .validation-message {
    padding-top: 15px;
    color: red;
}

.url-bottom {
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

/*form Phone Number*/
.iti, .country-select {
    display: block !important;
}

.form-control.invalid {
    border-color: red;
    padding-right: calc(1.47em + 1rem);
}

.modified.valid {
    border-color: #1dc9b7;
    padding-right: calc(1.47em + 1rem);
    /*background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.3675em + 0.25rem) center;
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);*/
}