#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

#xaf-sidebar-searchbox-container {
    display:flex;
    justify-content:center;
    xwidth:300px;
}

#xaf-sidebar-searchbox-container dxbl-input-editor {
    background-color: #3e3d3e;
    border: 1px solid #9d9d9d;
    outline: none;
    /* font-size: 1rem; */
    border-radius: 17.5px;
    color: white;
    flex-direction: row-reverse;
}

    #xaf-sidebar-searchbox-container dxbl-input-editor input {
        font-size: 15px;
    }

    #xaf-sidebar-searchbox-container dxbl-input-editor .dxbl-btn-group {
        background-color: transparent;
    }

        #xaf-sidebar-searchbox-container dxbl-input-editor .dxbl-btn-group button {
            background-color: transparent;
            border: none;
            color: white;
            padding-left: 5px;
            padding-left: 15px;
        }
.usrsearchviewitem {
    margin-top:10px;
}

/* FLASH EFFECT */
.flash {
    animation: flash 2s ease-out !important;
    animation-iteration-count: 1;
    -moz-animation: flash 2s ease-out !important;
    -moz-animation-iteration-count: 1;
    -webkit-animation: flash 2s ease-out !important;
    -webkit-animation-iteration-count: 1;
    -ms-animation: flash 2s ease-out !important;
    -ms-animation-iteration-count: 1;
}

@keyframes flash {
    0% {
        background-color: transparent !important;
    }

    25% {
        background-color: #b985f3;
    }

    50% {
        background-color: transparent !important;
    }

    75% {
        background-color: #b985f3;
    }

    100% {
        background-color: transparent !important;
    }
}

@-webkit-keyframes flash {
    0% {
        background-color: transparent !important;
    }

    25% {
        background-color: #b985f3 !important;
    }

    50% {
        background-color: transparent !important;
    }

    75% {
        background-color: #b985f3 !important;
    }

    100% {
        background-color: transparent !important;
    }
}

@-moz-keyframes flash {
    0% {
        background-color: transparent !important;
    }

    25% {
        background-color: #b985f3 !important;
    }

    50% {
        background-color: transparent !important;
    }

    75% {
        background-color: #b985f3 !important;
    }

    100% {
        background-color: transparent !important;
    }
}

@-ms-keyframes flash {
    0% {
        background-color: transparent !important;
    }

    25% {
        background-color: #b985f3 !important;
    }

    50% {
        background-color: transparent !important;
    }

    75% {
        background-color: #b985f3 !important;
    }

    100% {
        background-color: transparent !important;
    }
}