@font-face
{
    font-family: "MainFont";
    src: url("../fonts/OpenSans.ttf");
}

:root
{
    --color-primary: #007BFF;
    --color-secondary: #6C757D;
    --color-success: #28A745;
    --color-danger: #DC3545;
    --color-warning: #FFC107;
    --color-info: #17A2B8;
    --color-light: #F8F9FA;
    --color-dark: #343A40;
}

*,
*::before,
*::after
{
    margin: 0;
    padding: 0;
    user-select: none;
    box-sizing: border-box;
    font-family: "MainFont", sans-serif;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scrollbar-color: var(--color-primary) var(--color-light);
}

.just-validate-error-label
{
    color: var(--color-danger) !important;
}

.swal2-timer-progress-bar
{
    background-color: var(--color-secondary) !important;
}

.authentication-container
{
    width: 90%;
    max-width: 450px;
}

.no-pointer-events
{
    pointer-events: none;
}