main {
    width: 100%;
    position: absolute;
    overflow: hidden;
}

.divider {
    width: 100%;
    height: 3rem;
}

.list-group-item.btn-danger {
    background-color: #f92c2c;
    border-color: #f92c2c;
}

.grid-table .row {
    border-bottom: #808080 1px solid;
}

.grid-table .row.hover:hover {
    background-color: var(--bs-tertiary-color);
}

.grid-table .row.head {
    border-bottom: #a7a7a7 1px solid;
    font-size: 1.25rem;
}

.grid-table .reprocess {
    font-size: 0.8rem;
}

.notAccepted {
    background-color: #862525cc;
}
.warningPrices {
    background-color: #85893f99;
}

.htmx-indicator{
    opacity: 0;
    margin-left: 1em;
}

.load-indicator{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #0000008c;
    z-index: 99999;
    display: none;
}

.htmx-request.load-indicator{
    display: block
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    position: relative;
    animation : rotate 4s linear infinite;
}
.loader:before,
.loader:after {
    content:"";
    display: block;
    border: 24px solid;
    border-color: transparent transparent #fff  #fff;
    position: absolute;
    left: 0;
    top: 0;
    animation: mvx 1s infinite ease-in;
}
.loader:before {
    left: -1px;
    top: 1px;
    border-color:#f92c2c  #f92c2c transparent transparent;
    animation-name:mvrx;
}

@keyframes rotate {
    100% {transform: rotate(360deg)}
}
@keyframes mvx {
    0% , 15% {transform: translate(0 , 0) rotate(0deg)}
    50% {transform: translate(-50% , 50%) rotate(180deg)}
    100% {transform: translate(0% , 0%) rotate(180deg)}
}
@keyframes mvrx {
    0% , 15%  {transform: translate(0 , 0) rotate(0deg)}
    50% {transform: translate(50% , -50%) rotate(180deg)}
    100% {transform: translate(0% , 0%) rotate(180deg)}
}