.auth-background {
    background-image: url("/assets/management/media/auth/login-bg.png");
    background-position-x: left;
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 0;
}


.light {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(1px);
    opacity: 0.05;
    mix-blend-mode: screen;
    animation: moveAround 175s infinite ease-in-out alternate;
}

.red {
    background: rgba(255, 0, 100, 1);
    top: 20%;
    left: 50%;
    animation-delay: 0s;
    width: 100px;
    height: 100px;
}

.orange {
    background: rgba(236, 150, 0, 1);
    top: 60%;
    left: 30%;
    animation-delay: 2s;
    animation: moveGreen 100s infinite ease-in-out alternate;
}

.blue {
    background: rgba(0, 100, 255, 1);
    top: 10%;
    left: 70%;
    animation-delay: 0s;
    width: 400px;
    height: 400px;
    animation: moveBlue 40s infinite ease-in-out alternate;
}

.white1 {
    background: rgba(255, 255, 255, 1);
    top: 50%;
    left: 10%;
    animation-delay: 0s;
    width: 150px;
    height: 150px;
}
.white2 {
    background: rgba(255, 255, 255, 1);
    top: 58%;
    left: 18%;
    animation-delay: 5s;
    width: 250px;
    height: 250px;
    animation: moveRed 130s infinite ease-in-out alternate;
}
.white3 {
    background: rgba(255, 255, 255, 1);
    top: 30%;
    left: 16%;
    animation-delay: 8s;
    width: 150px;
    height: 150px;
}
.white4 {
    background: rgba(255, 255, 255, 1);
    top: 40%;
    left: 60%;
    animation-delay: 13s;
    width: 150px;
    height: 150px;
}

a.link-dash-count:hover div:first-child {
    background-color: #eee;
    box-shadow: 1px 1px 1px #eee;
}

.fs-6_5 {
    font-size: 1rem !important;
}

.btn-custom {
    text-align: center;
    display: inline-flex;
    padding: 8px 6px 8px 8px !important;
}

.btn-custom-float {
    position: fixed;
    z-index: 999;
    bottom: 0;
    right: 0;
    width: 100%;
}

.custom-flex{
    flex-shrink:1 !important;
}

.fa-icon{
    color:#adadad;
}

.check-switch{
    cursor:pointer;
}

@keyframes moveRed {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(30vw, -20vh);
    }
}

@keyframes moveBlue {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-20vw, 25vh);
    }
}

@keyframes moveGreen {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(15vw, 30vh);
    }
}

@keyframes moveAround {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(50vw, 10vh);
    }

    50% {
        transform: translate(-30vw, 30vh);
    }

    75% {
        transform: translate(20vw, -40vh);
    }

    100% {
        transform: translate(0, 0);
    }
}