﻿

.validation-message {
    font-weight:700;
    color: var(--bs-danger);
    margin-left: 5px;
}

.controls {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1099;
}

.app-moduleactions {
    position: relative;
    top: 10px;
    z-index: 1100;
}

.controls-group a {
    padding: 5px;
}

/*Dropdown menu's in tabkles we getting partially hiden*/
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: static;
}

.icon-rotate-90 {
    transform: rotate(90deg);
}

.accordion-item {
    border: 0;
}

.notification-number,
.account-notification-number {
    --dev1-top-cart-number-size: 1.125rem;
    display: block;
    position: relative;
    top: -20px;
    left: 90px;
    font-size: 0.625rem;
    color: #FFF;
    width: var(--dev1-top-cart-number-size);
    line-height: var(--dev1-top-cart-number-size);
    text-align: center;
    background-color: var(--bs-primary);
    opacity: 0.8;
    border-radius: 50%;
}

.account-notification-number {
    top: -1px;
    left: 170px;
}


.dark #header-wrap:not(.not-dark) #logo [class^="logo-"], .dark .header-row:not(.not-dark) #logo [class^="logo-"] {
    display: none;
}

.dark #header-wrap:not(.not-dark) #logo .logo-dark, .dark .header-row:not(.not-dark) #logo .logo-dark {
    display: flex;
}


/* HTML: <div class="loader"></div> */
.loader {
    --r1: 154%;
    --r2: 68.5%;
    width: 60px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(var(--r1) var(--r2) at top,#0000 79.5%,#269af2 80%), radial-gradient(var(--r1) var(--r2) at bottom,#269af2 79.5%,#0000 80%), radial-gradient(var(--r1) var(--r2) at top,#0000 79.5%,#269af2 80%), #ccc;
    background-size: 50.5% 220%;
    background-position: -100% 0%,0% 0%,100% 0%;
    background-repeat: no-repeat;
    animation: l9 2s infinite linear;
}

@keyframes l9 {
    33% {
        background-position: 0% 33%,100% 33%,200% 33%
    }

    66% {
        background-position: -100% 66%,0% 66%,100% 66%
    }

    100% {
        background-position: 0% 100%,100% 100%,200% 100%
    }
}
