:root {
    --color-header-background: #06519C;
    --color-header-text: #FFFFFF;
    --color-menu-background-shade: hsl(205, 58.8%, 41.5%);
    --color-menu-background: #3182BD;
    --color-menu-text: #FAFAFA;
    --color-primary-50: hsl(210, 92.6%, 34.9%);
    --color-primary-100: hsl(210, 92.6%, 38.1%);
    --color-primary-200: hsl(210, 92.6%, 44.5%);
    --color-primary-300: hsl(210, 92.6%, 50.8%);
    --color-primary-400: hsl(210, 92.6%, 57.2%);
    --color-primary-500: rgb(6, 81, 156);
    --color-primary-600: hsl(210, 92.6%, 25.4%);
    --color-primary-700: hsl(210, 92.6%, 19.1%);
    --color-primary-800: hsl(210, 92.6%, 12.7%);
    --color-primary-900: hsl(210, 92.6%, 6.4%);
    --color-primary: #06519C;
    --color-primary-contrast: hsl(210, 92.6%, 57.2%);
    --color-primary-shade: hsl(210, 92.6%, 28.3%);
    --color-primary-tint: hsl(210, 92.6%, 35.3%);
    --color-secondary: #3182BD;
    --color-secondary-contrast: hsl(205, 58.8%, 84%);
    --color-secondary-shade: hsl(205, 58.8%, 41.5%);
    --color-secondary-tint: hsl(205, 58.8%, 51.8%);
    --color-primary-50: hsl(205, 58.8%, 51.3%);
    --color-secondary-100: hsl(205, 58.8%, 56%);
    --color-secondary-200: hsl(205, 58.8%, 65.3%);
    --color-secondary-300: hsl(205, 58.8%, 74.7%);
    --color-secondary-400: hsl(205, 58.8%, 84%);
    --color-secondary-500: rgb(49, 130, 189);
    --color-secondary-600: hsl(205, 58.8%, 37.3%);
    --color-secondary-700: hsl(205, 58.8%, 28%);
    --color-secondary-800: hsl(205, 58.8%, 18.7%);
    --color-secondary-900: hsl(205, 58.8%, 9.3%);
    --color-tertiary: #6BAED6;
    --color-tertiary-contrast: hsl(202, 56.6%, 12.6%);
    --color-tertiary-shade: hsl(202, 56.6%, 56%);
    --color-tertiary-tint: hsl(202, 56.6%, 69.9%);
    --color-success: #10dc60;
    --color-success-contrast: hsl(143, 86.4%, 9.3%);
    --color-success-shade: hsl(143, 86.4%, 41.2%);
    --color-success-tint: hsl(143, 86.4%, 51.4%);
    --color-warning: #ffce00;
    --color-warning-contrast: hsl(48, 100%, 10%);
    --color-warning-shade: hsl(48, 100%, 44.5%);
    --color-warning-tint: hsl(48, 100%, 55.5%);
    --color-danger: #f04141;
    --color-danger-contrast: hsl(0, 85.4%, 100%);
    --color-danger-shade: hsl(0, 85.4%, 53.2%);
    --color-danger-tint: hsl(0, 85.4%, 66.4%);
    --color-dark: #BCC2C7;
    --color-dark-contrast: hsl(207, 8.9%, 15.2%);
    --color-dark-shade: hsl(207, 8.9%, 67.5%);
    --color-dark-tint: hsl(207, 8.9%, 84.2%);
    --color-medium: #DDDDDD;
    --color-medium-contrast: hsl(0, 0%, 17.3%);
    --color-medium-shade: hsl(0, 0%, 77.1%);
    --color-medium-tint: hsl(0, 0%, 96.2%);
    --color-light: #FAFAFA;
    --color-light-contrast: hsl(0, 0%, 19.6%);
    --color-light-shade: hsl(0, 0%, 87.3%);
    --color-light-tint: hsl(0, 0%, 100%);
}



.login-background {
    background-image: url('/api/resources/images/login_bg.jpg?acr_values=tenant:root');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.logo-image {
    background-color: transparent;
    background-image: url("/api/resources/images/logo.svg?acr_values=tenant:root");
    background-repeat: no-repeat;
    background-size: contain;
}

    .logo-image > svg {
        fill: transparent;
    }