﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    color: #024 !important;
    /*padding: 0 !important;*/
}

/* Provide sufficient contrast against white background */
a {
    color: #024;
}

.btn{
    white-space: normal;
}

.btn-link {
    color: #175591;
}

    .btn-link:hover {
        background-color: transparent;
    }

.btn-primary {
    color: #fff;
    background-color: #3f7d9d;
    border-color: #1861ac;
}

    .btn-primary:hover {
        background-color: #bed000;
        color: #024;
    }

    .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
        background-color: rgb(0,34,68) !important;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: 'Gotham Rounded', sans-serif;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.descriptor {
    text-rendering: optimizeLegibility;
    --color--fsma-dark-blue: #024;
    --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
    --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
    --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
    --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
    --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
    --color--fsma-light-green: #bed000;
    --color--fsma-green: #aacc00;
    --color--fsma-green--mid: #839d02;
    --color--fsma-green--dark: #697e02;
    --color--blue: #3f7d9d;
    --color--blue-a25: rgba(63,125,157,0.25);
    --color--blue-a50: rgba(63,125,157,0.5);
    --color--mid-blue-a10-flat: #e7eef4;
    --color--fsma-light-blue: #5599bb;
    --color--lighter-blue: #6facc8;
    --color--blue-grey: #94a9b5;
    --color--burgundy: #9f4a54;
    --color--saffron: #f19a3e;
    --color--red: #c0180d;
    --color--black: #000;
    --color--black-a25: rgba(0,0,0,0.25);
    --color--black-a50: rgba(0,0,0,0.5);
    --color--very-dark-grey: #323232;
    --color--mid-grey: #6e6e6e;
    --color--light-grey: #c3c3c3;
    --color--very-light-blue-grey: #eef3f8;
    --color--white-smoke: #f1f1f1;
    --color--white: #fff;
    --color--white-a75: rgba(255,255,255,0.75);
    --color--fsma-dark-blue-hover: #00152b;
    --color--blue-hover: #386f8b;
    --color--fsma-light-green-hover: #b0c100;
    --color--fsma-green-hover: #9dbd00;
    --color--fsma-green--mid-hover: #768e02;
    --color--fsma-green--dark-hover: #5c6f02;
    --color--red-hover: #a8150b;
    --color--youtube-vendor: #ff0000;
    --color--facebook-vendor: #1977f3;
    --color--twitter-vendor: #1b95e0;
    --color--linkedin-vendor: #0073b1;
    --color--body: var(--color--white);
    --color--text: var(--color--fsma-dark-blue);
    --color--text-hover: var(--color--fsma-dark-blue-hover);
    --color--links: var(--color--blue);
    --color--links-hover: var(--color--blue-hover);
    --color--focus-outline: var(--color--fsma-light-green);
    --color--focus-outline-alt: var(--color--fsma-dark-blue);
    --color--consumer: var(--color--fsma-green);
    --color--consumer-hover: var(--color--fsma-green-hover);
    --color--professional: var(--color--blue);
    --color--professional-hover: var(--color--blue-hover);
    --color--primary: var(--color--blue);
    --color--primary-hover: var(--color--blue-hover);
    --color--error: var(--color--red);
    --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
    --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
    --z-index--hero-search-form: 10;
    --z-index--footer: 11;
    --z-index--table-of-contents: 12;
    --z-index--content-over-toc: 14;
    --z-index--cookie-message: 15;
    --z-index--overlay: 100;
    --z-index--overlay-content: 101;
    --z-index--header: 102;
    --z-index--modal: 103;
    --z-index--toast: 104;
    --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
    --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
    --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
    box-sizing: border-box;
    margin: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-variant-ligatures: none;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    width: 4.375rem;
    height: 4.375rem;
    padding: 0 0.375rem 0.4375rem;
    color: var(--color--white);
    font-size: 0.5rem;
    line-height: 1;
    text-transform: uppercase;
    -webkit-font-smoothing: auto;
    user-select: none;
    overflow: hidden;
    transition: background-color 0.15s var(--timing-function--ease-out-1);
    background-color: var(--color--blue-hover);
}

.color--white {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    --color--fsma-dark-blue: #024;
    --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
    --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
    --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
    --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
    --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
    --color--fsma-light-green: #bed000;
    --color--fsma-green: #aacc00;
    --color--fsma-green--mid: #839d02;
    --color--fsma-green--dark: #697e02;
    --color--blue: #3f7d9d;
    --color--blue-a25: rgba(63,125,157,0.25);
    --color--blue-a50: rgba(63,125,157,0.5);
    --color--mid-blue-a10-flat: #e7eef4;
    --color--fsma-light-blue: #5599bb;
    --color--lighter-blue: #6facc8;
    --color--blue-grey: #94a9b5;
    --color--burgundy: #9f4a54;
    --color--saffron: #f19a3e;
    --color--red: #c0180d;
    --color--black: #000;
    --color--black-a25: rgba(0,0,0,0.25);
    --color--black-a50: rgba(0,0,0,0.5);
    --color--very-dark-grey: #323232;
    --color--mid-grey: #6e6e6e;
    --color--light-grey: #c3c3c3;
    --color--very-light-blue-grey: #eef3f8;
    --color--white-smoke: #f1f1f1;
    --color--white: #fff;
    --color--white-a75: rgba(255,255,255,0.75);
    --color--fsma-dark-blue-hover: #00152b;
    --color--blue-hover: #386f8b;
    --color--fsma-light-green-hover: #b0c100;
    --color--fsma-green-hover: #9dbd00;
    --color--fsma-green--mid-hover: #768e02;
    --color--fsma-green--dark-hover: #5c6f02;
    --color--red-hover: #a8150b;
    --color--youtube-vendor: #ff0000;
    --color--facebook-vendor: #1977f3;
    --color--twitter-vendor: #1b95e0;
    --color--linkedin-vendor: #0073b1;
    --color--body: var(--color--white);
    --color--text: var(--color--fsma-dark-blue);
    --color--text-hover: var(--color--fsma-dark-blue-hover);
    --color--links: var(--color--blue);
    --color--links-hover: var(--color--blue-hover);
    --color--focus-outline: var(--color--fsma-light-green);
    --color--focus-outline-alt: var(--color--fsma-dark-blue);
    --color--consumer: var(--color--fsma-green);
    --color--consumer-hover: var(--color--fsma-green-hover);
    --color--professional: var(--color--blue);
    --color--professional-hover: var(--color--blue-hover);
    --color--primary: var(--color--blue);
    --color--primary-hover: var(--color--blue-hover);
    --color--error: var(--color--red);
    --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
    --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
    --z-index--hero-search-form: 10;
    --z-index--footer: 11;
    --z-index--table-of-contents: 12;
    --z-index--content-over-toc: 14;
    --z-index--cookie-message: 15;
    --z-index--overlay: 100;
    --z-index--overlay-content: 101;
    --z-index--header: 102;
    --z-index--modal: 103;
    --z-index--toast: 104;
    --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
    --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
    --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
    font: inherit;
    font-size: 100%;
    font-variant-ligatures: none;
    color: var(--color--fsma-dark-blue);
    fill: rgb(255,255,255);
}

.logo--fsma {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    --color--fsma-dark-blue: #024;
    --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
    --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
    --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
    --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
    --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
    --color--fsma-light-green: #bed000;
    --color--fsma-green: #aacc00;
    --color--fsma-green--mid: #839d02;
    --color--fsma-green--dark: #697e02;
    --color--blue: #3f7d9d;
    --color--blue-a25: rgba(63,125,157,0.25);
    --color--blue-a50: rgba(63,125,157,0.5);
    --color--mid-blue-a10-flat: #e7eef4;
    --color--fsma-light-blue: #5599bb;
    --color--lighter-blue: #6facc8;
    --color--blue-grey: #94a9b5;
    --color--burgundy: #9f4a54;
    --color--saffron: #f19a3e;
    --color--red: #c0180d;
    --color--black: #000;
    --color--black-a25: rgba(0,0,0,0.25);
    --color--black-a50: rgba(0,0,0,0.5);
    --color--very-dark-grey: #323232;
    --color--mid-grey: #6e6e6e;
    --color--light-grey: #c3c3c3;
    --color--very-light-blue-grey: #eef3f8;
    --color--white-smoke: #f1f1f1;
    --color--white: #fff;
    --color--white-a75: rgba(255,255,255,0.75);
    --color--fsma-dark-blue-hover: #00152b;
    --color--blue-hover: #386f8b;
    --color--fsma-light-green-hover: #b0c100;
    --color--fsma-green-hover: #9dbd00;
    --color--fsma-green--mid-hover: #768e02;
    --color--fsma-green--dark-hover: #5c6f02;
    --color--red-hover: #a8150b;
    --color--youtube-vendor: #ff0000;
    --color--facebook-vendor: #1977f3;
    --color--twitter-vendor: #1b95e0;
    --color--linkedin-vendor: #0073b1;
    --color--body: var(--color--white);
    --color--text: var(--color--fsma-dark-blue);
    --color--text-hover: var(--color--fsma-dark-blue-hover);
    --color--links: var(--color--blue);
    --color--links-hover: var(--color--blue-hover);
    --color--focus-outline: var(--color--fsma-light-green);
    --color--focus-outline-alt: var(--color--fsma-dark-blue);
    --color--consumer: var(--color--fsma-green);
    --color--consumer-hover: var(--color--fsma-green-hover);
    --color--professional: var(--color--blue);
    --color--professional-hover: var(--color--blue-hover);
    --color--primary: var(--color--blue);
    --color--primary-hover: var(--color--blue-hover);
    --color--error: var(--color--red);
    --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
    --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
    --z-index--hero-search-form: 10;
    --z-index--footer: 11;
    --z-index--table-of-contents: 12;
    --z-index--content-over-toc: 14;
    --z-index--cookie-message: 15;
    --z-index--overlay: 100;
    --z-index--overlay-content: 101;
    --z-index--header: 102;
    --z-index--modal: 103;
    --z-index--toast: 104;
    --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
    --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
    --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
    font: inherit;
    font-size: 100%;
    font-variant-ligatures: none;
    color: var(--color--fsma-dark-blue);
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    flex-shrink: 0;
    width: 4.375rem;
    height: 4.375rem;
}

.color--fsma-light-green {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    --color--fsma-dark-blue: #024;
    --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
    --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
    --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
    --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
    --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
    --color--fsma-light-green: #bed000;
    --color--fsma-green: #aacc00;
    --color--fsma-green--mid: #839d02;
    --color--fsma-green--dark: #697e02;
    --color--blue: #3f7d9d;
    --color--blue-a25: rgba(63,125,157,0.25);
    --color--blue-a50: rgba(63,125,157,0.5);
    --color--mid-blue-a10-flat: #e7eef4;
    --color--fsma-light-blue: #5599bb;
    --color--lighter-blue: #6facc8;
    --color--blue-grey: #94a9b5;
    --color--burgundy: #9f4a54;
    --color--saffron: #f19a3e;
    --color--red: #c0180d;
    --color--black: #000;
    --color--black-a25: rgba(0,0,0,0.25);
    --color--black-a50: rgba(0,0,0,0.5);
    --color--very-dark-grey: #323232;
    --color--mid-grey: #6e6e6e;
    --color--light-grey: #c3c3c3;
    --color--very-light-blue-grey: #eef3f8;
    --color--white-smoke: #f1f1f1;
    --color--white: #fff;
    --color--white-a75: rgba(255,255,255,0.75);
    --color--fsma-dark-blue-hover: #00152b;
    --color--blue-hover: #386f8b;
    --color--fsma-light-green-hover: #b0c100;
    --color--fsma-green-hover: #9dbd00;
    --color--fsma-green--mid-hover: #768e02;
    --color--fsma-green--dark-hover: #5c6f02;
    --color--red-hover: #a8150b;
    --color--youtube-vendor: #ff0000;
    --color--facebook-vendor: #1977f3;
    --color--twitter-vendor: #1b95e0;
    --color--linkedin-vendor: #0073b1;
    --color--body: var(--color--white);
    --color--text: var(--color--fsma-dark-blue);
    --color--text-hover: var(--color--fsma-dark-blue-hover);
    --color--links: var(--color--blue);
    --color--links-hover: var(--color--blue-hover);
    --color--focus-outline: var(--color--fsma-light-green);
    --color--focus-outline-alt: var(--color--fsma-dark-blue);
    --color--consumer: var(--color--fsma-green);
    --color--consumer-hover: var(--color--fsma-green-hover);
    --color--professional: var(--color--blue);
    --color--professional-hover: var(--color--blue-hover);
    --color--primary: var(--color--blue);
    --color--primary-hover: var(--color--blue-hover);
    --color--error: var(--color--red);
    --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
    --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
    --z-index--hero-search-form: 10;
    --z-index--footer: 11;
    --z-index--table-of-contents: 12;
    --z-index--content-over-toc: 14;
    --z-index--cookie-message: 15;
    --z-index--overlay: 100;
    --z-index--overlay-content: 101;
    --z-index--header: 102;
    --z-index--modal: 103;
    --z-index--toast: 104;
    --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
    --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
    --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
    font: inherit;
    font-size: 100%;
    font-variant-ligatures: none;
    color: #024;
    fill: rgb(190,208,0);
}

.nav-link {
    color: rgb(0,34,68) !important;
}

.navbar {
    background-color: #f1f1f1 !important;
    /*height: 90px;*/
}

.language-switcher {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    --color--fsma-dark-blue: #024;
    --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
    --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
    --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
    --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
    --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
    --color--fsma-light-green: #bed000;
    --color--fsma-green: #aacc00;
    --color--fsma-green--mid: #839d02;
    --color--fsma-green--dark: #697e02;
    --color--blue: #3f7d9d;
    --color--blue-a25: rgba(63,125,157,0.25);
    --color--blue-a50: rgba(63,125,157,0.5);
    --color--mid-blue-a10-flat: #e7eef4;
    --color--fsma-light-blue: #5599bb;
    --color--lighter-blue: #6facc8;
    --color--blue-grey: #94a9b5;
    --color--burgundy: #9f4a54;
    --color--saffron: #f19a3e;
    --color--red: #c0180d;
    --color--black: #000;
    --color--black-a25: rgba(0,0,0,0.25);
    --color--black-a50: rgba(0,0,0,0.5);
    --color--very-dark-grey: #323232;
    --color--mid-grey: #6e6e6e;
    --color--light-grey: #c3c3c3;
    --color--very-light-blue-grey: #eef3f8;
    --color--white-smoke: #f1f1f1;
    --color--white: #fff;
    --color--white-a75: rgba(255,255,255,0.75);
    --color--fsma-dark-blue-hover: #00152b;
    --color--blue-hover: #386f8b;
    --color--fsma-light-green-hover: #b0c100;
    --color--fsma-green-hover: #9dbd00;
    --color--fsma-green--mid-hover: #768e02;
    --color--fsma-green--dark-hover: #5c6f02;
    --color--red-hover: #a8150b;
    --color--youtube-vendor: #ff0000;
    --color--facebook-vendor: #1977f3;
    --color--twitter-vendor: #1b95e0;
    --color--linkedin-vendor: #0073b1;
    --color--body: var(--color--white);
    --color--text: var(--color--fsma-dark-blue);
    --color--text-hover: var(--color--fsma-dark-blue-hover);
    --color--links: var(--color--blue);
    --color--links-hover: var(--color--blue-hover);
    --color--focus-outline: var(--color--fsma-light-green);
    --color--focus-outline-alt: var(--color--fsma-dark-blue);
    --color--consumer: var(--color--fsma-green);
    --color--consumer-hover: var(--color--fsma-green-hover);
    --color--professional: var(--color--blue);
    --color--professional-hover: var(--color--blue-hover);
    --color--primary: var(--color--blue);
    --color--primary-hover: var(--color--blue-hover);
    --color--error: var(--color--red);
    --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
    --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
    --z-index--hero-search-form: 10;
    --z-index--footer: 11;
    --z-index--table-of-contents: 12;
    --z-index--content-over-toc: 14;
    --z-index--cookie-message: 15;
    --z-index--overlay: 100;
    --z-index--overlay-content: 101;
    --z-index--header: 102;
    --z-index--modal: 103;
    --z-index--toast: 104;
    --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
    --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
    --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
    color: var(--color--text);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-variant-ligatures: none;
    flex-shrink: 0;
    margin-left: auto;
    display: block;
}

.language-switcher__list {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    --color--fsma-dark-blue: #024;
    --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
    --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
    --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
    --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
    --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
    --color--fsma-light-green: #bed000;
    --color--fsma-green: #aacc00;
    --color--fsma-green--mid: #839d02;
    --color--fsma-green--dark: #697e02;
    --color--blue: #3f7d9d;
    --color--blue-a25: rgba(63,125,157,0.25);
    --color--blue-a50: rgba(63,125,157,0.5);
    --color--mid-blue-a10-flat: #e7eef4;
    --color--fsma-light-blue: #5599bb;
    --color--lighter-blue: #6facc8;
    --color--blue-grey: #94a9b5;
    --color--burgundy: #9f4a54;
    --color--saffron: #f19a3e;
    --color--red: #c0180d;
    --color--black: #000;
    --color--black-a25: rgba(0,0,0,0.25);
    --color--black-a50: rgba(0,0,0,0.5);
    --color--very-dark-grey: #323232;
    --color--mid-grey: #6e6e6e;
    --color--light-grey: #c3c3c3;
    --color--very-light-blue-grey: #eef3f8;
    --color--white-smoke: #f1f1f1;
    --color--white: #fff;
    --color--white-a75: rgba(255,255,255,0.75);
    --color--fsma-dark-blue-hover: #00152b;
    --color--blue-hover: #386f8b;
    --color--fsma-light-green-hover: #b0c100;
    --color--fsma-green-hover: #9dbd00;
    --color--fsma-green--mid-hover: #768e02;
    --color--fsma-green--dark-hover: #5c6f02;
    --color--red-hover: #a8150b;
    --color--youtube-vendor: #ff0000;
    --color--facebook-vendor: #1977f3;
    --color--twitter-vendor: #1b95e0;
    --color--linkedin-vendor: #0073b1;
    --color--body: var(--color--white);
    --color--text: var(--color--fsma-dark-blue);
    --color--text-hover: var(--color--fsma-dark-blue-hover);
    --color--links: var(--color--blue);
    --color--links-hover: var(--color--blue-hover);
    --color--focus-outline: var(--color--fsma-light-green);
    --color--focus-outline-alt: var(--color--fsma-dark-blue);
    --color--consumer: var(--color--fsma-green);
    --color--consumer-hover: var(--color--fsma-green-hover);
    --color--professional: var(--color--blue);
    --color--professional-hover: var(--color--blue-hover);
    --color--primary: var(--color--blue);
    --color--primary-hover: var(--color--blue-hover);
    --color--error: var(--color--red);
    --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
    --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
    --z-index--hero-search-form: 10;
    --z-index--footer: 11;
    --z-index--table-of-contents: 12;
    --z-index--content-over-toc: 14;
    --z-index--cookie-message: 15;
    --z-index--overlay: 100;
    --z-index--overlay-content: 101;
    --z-index--header: 102;
    --z-index--modal: 103;
    --z-index--toast: 104;
    --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
    --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
    --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
    color: var(--color--text);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-variant-ligatures: none;
    list-style: none;
    display: flex;
    text-transform: uppercase;
}

.language-switcher__item {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    --color--fsma-dark-blue: #024;
    --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
    --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
    --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
    --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
    --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
    --color--fsma-light-green: #bed000;
    --color--fsma-green: #aacc00;
    --color--fsma-green--mid: #839d02;
    --color--fsma-green--dark: #697e02;
    --color--blue: #3f7d9d;
    --color--blue-a25: rgba(63,125,157,0.25);
    --color--blue-a50: rgba(63,125,157,0.5);
    --color--mid-blue-a10-flat: #e7eef4;
    --color--fsma-light-blue: #5599bb;
    --color--lighter-blue: #6facc8;
    --color--blue-grey: #94a9b5;
    --color--burgundy: #9f4a54;
    --color--saffron: #f19a3e;
    --color--red: #c0180d;
    --color--black: #000;
    --color--black-a25: rgba(0,0,0,0.25);
    --color--black-a50: rgba(0,0,0,0.5);
    --color--very-dark-grey: #323232;
    --color--mid-grey: #6e6e6e;
    --color--light-grey: #c3c3c3;
    --color--very-light-blue-grey: #eef3f8;
    --color--white-smoke: #f1f1f1;
    --color--white: #fff;
    --color--white-a75: rgba(255,255,255,0.75);
    --color--fsma-dark-blue-hover: #00152b;
    --color--blue-hover: #386f8b;
    --color--fsma-light-green-hover: #b0c100;
    --color--fsma-green-hover: #9dbd00;
    --color--fsma-green--mid-hover: #768e02;
    --color--fsma-green--dark-hover: #5c6f02;
    --color--red-hover: #a8150b;
    --color--youtube-vendor: #ff0000;
    --color--facebook-vendor: #1977f3;
    --color--twitter-vendor: #1b95e0;
    --color--linkedin-vendor: #0073b1;
    --color--body: var(--color--white);
    --color--text: var(--color--fsma-dark-blue);
    --color--text-hover: var(--color--fsma-dark-blue-hover);
    --color--links: var(--color--blue);
    --color--links-hover: var(--color--blue-hover);
    --color--focus-outline: var(--color--fsma-light-green);
    --color--focus-outline-alt: var(--color--fsma-dark-blue);
    --color--consumer: var(--color--fsma-green);
    --color--consumer-hover: var(--color--fsma-green-hover);
    --color--professional: var(--color--blue);
    --color--professional-hover: var(--color--blue-hover);
    --color--primary: var(--color--blue);
    --color--primary-hover: var(--color--blue-hover);
    --color--error: var(--color--red);
    --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
    --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
    --z-index--hero-search-form: 10;
    --z-index--footer: 11;
    --z-index--table-of-contents: 12;
    --z-index--content-over-toc: 14;
    --z-index--cookie-message: 15;
    --z-index--overlay: 100;
    --z-index--overlay-content: 101;
    --z-index--header: 102;
    --z-index--modal: 103;
    --z-index--toast: 104;
    --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
    --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
    --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
    color: var(--color--text);
    list-style: none;
    text-transform: uppercase;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-variant-ligatures: none;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.language-link {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    --color--fsma-dark-blue: #024;
    --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
    --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
    --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
    --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
    --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
    --color--fsma-light-green: #bed000;
    --color--fsma-green: #aacc00;
    --color--fsma-green--mid: #839d02;
    --color--fsma-green--dark: #697e02;
    --color--blue: #3f7d9d;
    --color--blue-a25: rgba(63,125,157,0.25);
    --color--blue-a50: rgba(63,125,157,0.5);
    --color--mid-blue-a10-flat: #e7eef4;
    --color--fsma-light-blue: #5599bb;
    --color--lighter-blue: #6facc8;
    --color--blue-grey: #94a9b5;
    --color--burgundy: #9f4a54;
    --color--saffron: #f19a3e;
    --color--red: #c0180d;
    --color--black: #000;
    --color--black-a25: rgba(0,0,0,0.25);
    --color--black-a50: rgba(0,0,0,0.5);
    --color--very-dark-grey: #323232;
    --color--mid-grey: #6e6e6e;
    --color--light-grey: #c3c3c3;
    --color--very-light-blue-grey: #eef3f8;
    --color--white-smoke: #f1f1f1;
    --color--white: #fff;
    --color--white-a75: rgba(255,255,255,0.75);
    --color--fsma-dark-blue-hover: #00152b;
    --color--blue-hover: #386f8b;
    --color--fsma-light-green-hover: #b0c100;
    --color--fsma-green-hover: #9dbd00;
    --color--fsma-green--mid-hover: #768e02;
    --color--fsma-green--dark-hover: #5c6f02;
    --color--red-hover: #a8150b;
    --color--youtube-vendor: #ff0000;
    --color--facebook-vendor: #1977f3;
    --color--twitter-vendor: #1b95e0;
    --color--linkedin-vendor: #0073b1;
    --color--body: var(--color--white);
    --color--text: var(--color--fsma-dark-blue);
    --color--text-hover: var(--color--fsma-dark-blue-hover);
    --color--links: var(--color--blue);
    --color--links-hover: var(--color--blue-hover);
    --color--focus-outline: var(--color--fsma-light-green);
    --color--focus-outline-alt: var(--color--fsma-dark-blue);
    --color--consumer: var(--color--fsma-green);
    --color--consumer-hover: var(--color--fsma-green-hover);
    --color--professional: var(--color--blue);
    --color--professional-hover: var(--color--blue-hover);
    --color--primary: var(--color--blue);
    --color--primary-hover: var(--color--blue-hover);
    --color--error: var(--color--red);
    --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
    --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
    --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
    --z-index--hero-search-form: 10;
    --z-index--footer: 11;
    --z-index--table-of-contents: 12;
    --z-index--content-over-toc: 14;
    --z-index--cookie-message: 15;
    --z-index--overlay: 100;
    --z-index--overlay-content: 101;
    --z-index--header: 102;
    --z-index--modal: 103;
    --z-index--toast: 104;
    --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
    --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
    --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
    list-style: none;
    text-transform: uppercase;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-variant-ligatures: none;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 0.3125rem;
    background-color: var(--color--blue);
    color: var(--color--white);
    text-decoration: none;
    transition: color 0.15s var(--timing-function--ease-out-1),background-color 0.15s var(--timing-function--ease-out-1);
    min-width: 2.375rem;
    height: 1.875rem;
    position: relative;
}

    .language-link.is-active {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        --color--fsma-dark-blue: #024;
        --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
        --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
        --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
        --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
        --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
        --color--fsma-light-green: #bed000;
        --color--fsma-green: #aacc00;
        --color--fsma-green--mid: #839d02;
        --color--fsma-green--dark: #697e02;
        --color--blue: #3f7d9d;
        --color--blue-a25: rgba(63,125,157,0.25);
        --color--blue-a50: rgba(63,125,157,0.5);
        --color--mid-blue-a10-flat: #e7eef4;
        --color--fsma-light-blue: #5599bb;
        --color--lighter-blue: #6facc8;
        --color--blue-grey: #94a9b5;
        --color--burgundy: #9f4a54;
        --color--saffron: #f19a3e;
        --color--red: #c0180d;
        --color--black: #000;
        --color--black-a25: rgba(0,0,0,0.25);
        --color--black-a50: rgba(0,0,0,0.5);
        --color--very-dark-grey: #323232;
        --color--mid-grey: #6e6e6e;
        --color--light-grey: #c3c3c3;
        --color--very-light-blue-grey: #eef3f8;
        --color--white-smoke: #f1f1f1;
        --color--white: #fff;
        --color--white-a75: rgba(255,255,255,0.75);
        --color--fsma-dark-blue-hover: #00152b;
        --color--blue-hover: #386f8b;
        --color--fsma-light-green-hover: #b0c100;
        --color--fsma-green-hover: #9dbd00;
        --color--fsma-green--mid-hover: #768e02;
        --color--fsma-green--dark-hover: #5c6f02;
        --color--red-hover: #a8150b;
        --color--youtube-vendor: #ff0000;
        --color--facebook-vendor: #1977f3;
        --color--twitter-vendor: #1b95e0;
        --color--linkedin-vendor: #0073b1;
        --color--body: var(--color--white);
        --color--text: var(--color--fsma-dark-blue);
        --color--text-hover: var(--color--fsma-dark-blue-hover);
        --color--links: var(--color--blue);
        --color--links-hover: var(--color--blue-hover);
        --color--focus-outline: var(--color--fsma-light-green);
        --color--focus-outline-alt: var(--color--fsma-dark-blue);
        --color--consumer: var(--color--fsma-green);
        --color--consumer-hover: var(--color--fsma-green-hover);
        --color--professional: var(--color--blue);
        --color--professional-hover: var(--color--blue-hover);
        --color--primary: var(--color--blue);
        --color--primary-hover: var(--color--blue-hover);
        --color--error: var(--color--red);
        --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
        --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
        --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
        --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
        --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
        --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
        --z-index--hero-search-form: 10;
        --z-index--footer: 11;
        --z-index--table-of-contents: 12;
        --z-index--content-over-toc: 14;
        --z-index--cookie-message: 15;
        --z-index--overlay: 100;
        --z-index--overlay-content: 101;
        --z-index--header: 102;
        --z-index--modal: 103;
        --z-index--toast: 104;
        --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
        --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
        --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
        list-style: none;
        text-transform: uppercase;
        box-sizing: border-box;
        margin: 0;
        border: 0;
        font: inherit;
        font-size: 100%;
        vertical-align: baseline;
        font-variant-ligatures: none;
        cursor: default;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 0 0.3125rem;
        color: var(--color--white);
        text-decoration: none;
        transition: color 0.15s var(--timing-function--ease-out-1),background-color 0.15s var(--timing-function--ease-out-1);
        min-width: 2.375rem;
        height: 1.875rem;
        font-weight: 500;
        background-color: var(--color--fsma-dark-blue);
        position: relative;
    }

    .language-link:hover {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        --color--fsma-dark-blue: #024;
        --color--fsma-dark-blue-a10: rgba(0,34,68,0.1);
        --color--fsma-dark-blue-a15: rgba(0,34,68,0.15);
        --color--fsma-dark-blue-a25: rgba(0,34,68,0.25);
        --color--fsma-dark-blue-a50: rgba(0,34,68,0.5);
        --color--fsma-dark-blue-a75: rgba(0,34,68,0.75);
        --color--fsma-light-green: #bed000;
        --color--fsma-green: #aacc00;
        --color--fsma-green--mid: #839d02;
        --color--fsma-green--dark: #697e02;
        --color--blue: #3f7d9d;
        --color--blue-a25: rgba(63,125,157,0.25);
        --color--blue-a50: rgba(63,125,157,0.5);
        --color--mid-blue-a10-flat: #e7eef4;
        --color--fsma-light-blue: #5599bb;
        --color--lighter-blue: #6facc8;
        --color--blue-grey: #94a9b5;
        --color--burgundy: #9f4a54;
        --color--saffron: #f19a3e;
        --color--red: #c0180d;
        --color--black: #000;
        --color--black-a25: rgba(0,0,0,0.25);
        --color--black-a50: rgba(0,0,0,0.5);
        --color--very-dark-grey: #323232;
        --color--mid-grey: #6e6e6e;
        --color--light-grey: #c3c3c3;
        --color--very-light-blue-grey: #eef3f8;
        --color--white-smoke: #f1f1f1;
        --color--white: #fff;
        --color--white-a75: rgba(255,255,255,0.75);
        --color--fsma-dark-blue-hover: #00152b;
        --color--blue-hover: #386f8b;
        --color--fsma-light-green-hover: #b0c100;
        --color--fsma-green-hover: #9dbd00;
        --color--fsma-green--mid-hover: #768e02;
        --color--fsma-green--dark-hover: #5c6f02;
        --color--red-hover: #a8150b;
        --color--youtube-vendor: #ff0000;
        --color--facebook-vendor: #1977f3;
        --color--twitter-vendor: #1b95e0;
        --color--linkedin-vendor: #0073b1;
        --color--body: var(--color--white);
        --color--text: var(--color--fsma-dark-blue);
        --color--text-hover: var(--color--fsma-dark-blue-hover);
        --color--links: var(--color--blue);
        --color--links-hover: var(--color--blue-hover);
        --color--focus-outline: var(--color--fsma-light-green);
        --color--focus-outline-alt: var(--color--fsma-dark-blue);
        --color--consumer: var(--color--fsma-green);
        --color--consumer-hover: var(--color--fsma-green-hover);
        --color--professional: var(--color--blue);
        --color--professional-hover: var(--color--blue-hover);
        --color--primary: var(--color--blue);
        --color--primary-hover: var(--color--blue-hover);
        --color--error: var(--color--red);
        --box-shadow--elevation-1: -2px 2px 0 0 var(--color--fsma-dark-blue-a15);
        --box-shadow--elevation-1-neo: -2px 2px 0 0 var(--color--fsma-dark-blue-a15),inset -2px 2px 0 0 var(--color--white);
        --box-shadow--elevation-2: -3px 3px 0 0 var(--color--fsma-dark-blue-a15);
        --box-shadow--elevation-3: -5px 5px 0 0 var(--color--fsma-dark-blue-a15);
        --box-shadow--elevation-3-right: 5px 5px 0 0 var(--color--fsma-dark-blue-a15);
        --box-shadow--elevation-4: -10px 10px 0 0 var(--color--fsma-dark-blue-a15);
        --z-index--hero-search-form: 10;
        --z-index--footer: 11;
        --z-index--table-of-contents: 12;
        --z-index--content-over-toc: 14;
        --z-index--cookie-message: 15;
        --z-index--overlay: 100;
        --z-index--overlay-content: 101;
        --z-index--header: 102;
        --z-index--modal: 103;
        --z-index--toast: 104;
        --timing-function--ease-out-1: cubic-bezier(0.22,1.03,0.69,0.97);
        --timing-function--ease-out-2: cubic-bezier(0.16,0.01,0.3,1);
        --timing-function--ease-in-1: cubic-bezier(0.655,0,0.89,1);
        list-style: none;
        text-transform: uppercase;
        box-sizing: border-box;
        margin: 0;
        border: 0;
        font: inherit;
        font-size: 100%;
        vertical-align: baseline;
        font-variant-ligatures: none;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 0 0.3125rem;
        text-decoration: none;
        transition: color 0.15s var(--timing-function--ease-out-1),background-color 0.15s var(--timing-function--ease-out-1);
        min-width: 2.375rem;
        height: 1.875rem;
        position: relative;
        background-color: var(--color--fsma-light-green);
        color: var(--color--fsma-dark-blue);
    }

h1 {
    color: #fff;
    background-color: #3f7d9d !important;
    font-size: 25px;
    font-weight: bold;
}

h2 {
    color: #3f7d9d;
    font-size: 20px;
    font-weight: bold;
}

h3 {
    font-size: 18px;
}

html, body {
    background-color: #fafafa;
}

.margin-auto {
    margin: auto;
}

.bgw {
    background-color: #fff;
}

.small-logo--fsma {
    width: 20px;
    height: 20px;
}

.expo-text {
    transform: translate(10px,-10px) !important;
    font-size: 14px;
    background-color: #fff;
    width: auto;
}

.expo-text-readonly {
    transform: translate(10px,-10px) !important;
    font-size: 14px;
    background-color: #eee;
    width: auto;
    border-radius: 10px;
}

.table th {
    background-color: #cccccc !important;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.table tbody tr {
    border-top: 2px #fff solid;
}

.table thead {
    border-bottom: 2px #fff solid;
}

.table tbody td {
    background-color: #eeeeee !important;
    color: black;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.table tbody tr:nth-child(odd) td {
    background-color: #ffffff !important;
}

.table {
    border-top: 2px #000 solid;
    border-bottom: 2px #000 solid;
}

.circle50 {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #3f7d9d;
    align-content: center;
    color: #fff;
}

.circle50red {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: red;
    align-content: center;
    color: #fff;
}

.circle50green {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: green;
    align-content: center;
    color: #fff;
}

.hoverhand:hover {
    cursor: pointer;
}

.w-55 {
    width: 55% !important;
}

.cursor-pointer {
    cursor: pointer;
}

    .cursor-pointer:hover {
        background: #3f7d9d;
        color: #fff;
        transition-duration: 500ms;
    }

        .cursor-pointer:hover > div > .circle50 {
            border-radius: 50%;
            width: 50px;
            height: 50px;
            background-color: #fff;
            align-content: center;
            color: #3f7d9d;
        }

        .cursor-pointer:hover > div > .btn-link {
            color: #fff;
        }

.align-left {
    text-align: left;
}