@media (min-width: 768px) {
    .bg-custom {
        background-color: rgb(227, 236, 245) !important;
    }
}

#error-message-email,
#error-message-password {
    opacity: 0;
    color: red;
    font-size: 14px;
    font-weight: 200;
}
#error-message-daily_work{
    display: none;
    color: red;
    font-size: 14px;
    font-weight: 200
}
.loading-border {
    display: none;
    width: 60%; /* Fixed width - stays the same */
    height: 4px; /* Thin bar */
    background: rgb(147, 194, 238);
    border-radius: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1000;
    animation: border-moving 1.5s linear infinite;
}

@keyframes border-moving {
    0% {
        left: 0; /* Start at the far left */
    }
    100% {
        left: 100vw; /* Move all the way to the right */
        transform: translateX(60%); /* Keeps it inside the screen */
    }
}


.btns-text{
    text-transform: lowercase;
}
.btns-text::first-letter{
    text-transform: capitalize;
}

.disabled-container {
    pointer-events: none; /* Disable interactions */
    opacity: 0.7; /* Make it look disabled */
}

input:disabled{
    background-color: white !important;
}

.btn-colors{
    background-color: #379eff !important;
    color: white !important;
}