:root {
    --color-header-background: #00263e;
    --color-header-text: #FAFAFA;
    --color-menu-background-shade: hsl(205, 58.8%, 41.5%);
    --color-menu-background: #3182BD;
    --color-menu-text: #FAFAFA;
    --color-primary-50: hsl(203.20000000000005, 100%, 13.4%);
    --color-primary-100: hsl(203.20000000000005, 100%, 14.6%);
    --color-primary-200: hsl(203.20000000000005, 100%, 17%);
    --color-primary-300: hsl(203.20000000000005, 100%, 19.5%);
    --color-primary-400: hsl(203.20000000000005, 100%, 21.9%);
    --color-primary-500: hsl(203, 100, 12);
    --color-primary-600: hsl(203.20000000000005, 100%, 9.7%);
    --color-primary-700: hsl(203.20000000000005, 100%, 7.3%);
    --color-primary-800: hsl(203.20000000000005, 100%, 4.9%);
    --color-primary-900: hsl(203.20000000000005, 100%, 2.4%);
    --color-primary: #00263e;
    --color-primary-contrast: hsl(203.20000000000005, 100%, 21.9%);
    --color-primary-shade: hsl(203.20000000000005, 100%, 10.8%);
    --color-primary-tint: hsl(203.20000000000005, 100%, 13.5%);
    --color-secondary: #008ac4;
    --color-secondary-contrast: hsl(197.79999999999995, 100%, 69.2%);
    --color-secondary-shade: hsl(197.79999999999995, 100%, 34.2%);
    --color-secondary-tint: hsl(197.79999999999995, 100%, 42.7%);
    --color-primary-50: hsl(197.79999999999995, 100%, 42.3%);
    --color-secondary-100: hsl(197.79999999999995, 100%, 46.1%);
    --color-secondary-200: hsl(197.79999999999995, 100%, 53.8%);
    --color-secondary-300: hsl(197.79999999999995, 100%, 61.5%);
    --color-secondary-400: hsl(197.79999999999995, 100%, 69.2%);
    --color-secondary-500: rgb(0, 138, 196);
    --color-secondary-600: hsl(197.79999999999995, 100%, 30.7%);
    --color-secondary-700: hsl(197.79999999999995, 100%, 23.1%);
    --color-secondary-800: hsl(197.79999999999995, 100%, 15.4%);
    --color-secondary-900: hsl(197.79999999999995, 100%, 7.7%);
    --color-tertiary: #272727;
    --color-tertiary-contrast: hsl(0, 0%, 27.5%);
    --color-tertiary-shade: hsl(0, 0%, 13.6%);
    --color-tertiary-tint: hsl(0, 0%, 17%);
    --color-success: #10dc60;
    --color-success-contrast: hsl(143.5, 86.4%, 9.3%);
    --color-success-shade: hsl(143.5, 86.4%, 41.2%);
    --color-success-tint: hsl(143.5, 86.4%, 51.4%);
    --color-warning: #ffce00;
    --color-warning-contrast: hsl(48.5, 100%, 10%);
    --color-warning-shade: hsl(48.5, 100%, 44.5%);
    --color-warning-tint: hsl(48.5, 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: #3d4543;
    --color-dark-contrast: hsl(165, 6.2%, 45.9%);
    --color-dark-shade: hsl(165, 6.2%, 22.7%);
    --color-dark-tint: hsl(165, 6.2%, 28.3%);
    --color-medium: #5b6670;
    --color-medium-contrast: hsl(208.60000000000002, 10.3%, 71.6%);
    --color-medium-shade: hsl(208.60000000000002, 10.3%, 35.4%);
    --color-medium-tint: hsl(208.60000000000002, 10.3%, 44.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;
    }