.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #00a500;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }





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

thead th.align-center {
    text-align: center !important;
}

.link-card:hover:not(.card-static) {
    /*border-color: #fff !important;*/
    border-color: #00a500 !important;
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1);
    z-index: 10;
}



:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none; /*<- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield;
    Firefox
}


.form-check-input {
    width: 1.25em !important;
    height: 1.25em !important;
}


.table {
    --bs-table-hover-bg: #0000001f !important;
}


.avatar {
    /* Center the content */
    display: inline-block;
    vertical-align: middle;
    /* Used to position the content */
    position: relative;
    /* Colors */
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    /* Rounded border */
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.avatar__letters {
    /* Center the content */
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}


.spinner-swal-icon {
    width: 5rem !important;
    height: 5rem !important;
}

.invalid-feedback {
    display: block !important;
    color: #f34770;
    font-size: 0.8125rem !important;
}

.no-select {
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
}

.translucent-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
/*    width: 100%;
    height: 100%;*/
    background-color: rgba(75, 86, 107, 0.5);
    z-index: 1;
}

.text-redprice {
    color: #B12704 !important;
}

/*tab wrap*/
ul[role=tablist] {
    flex-wrap: wrap;
}