:root {
    --theme-background-image-url: url('../../images/themes/default/bg-auth.jpg');
    --theme-logo-url-dark: url('../../images/themes/default/logoEmpresa-dark.png');
    --theme-logo-url-light: url('../../images/themes/default/logoEmpresa-dark.png');
    --theme-logosm-url-dark: url('../../images/themes/default/logoSmallDark.png');
    --theme-logosm-url-light: url('../../images/themes/default/logoSmall.png');
}

.auth-fluid {
    background-image: var(--theme-background-image-url);
    background-size: cover;
}

.logo-img-dark {
    background-image: var(--theme-logo-url-dark);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 25px;
    display: flex;
    background-position: center;
}

.logo-img-light {
    background-image: var(--theme-logo-url-light);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 25px;
    display: flex;
    background-position: center;
}

.logosm-img-dark {
    background-image: var(--theme-logosm-url-dark);
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 60px;
    display: flex;
    background-position: center;
}

.logosm-img-light {
    background-image: var(--theme-logosm-url-light);
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 60px;
    display: flex;
    background-position: center;
}