/* =================
SITE VARS
================= */
:root {
    /* Colours */
    --primary: #000000;
    --secondary: #12adde;
    --highlight: var(--secondary);
    --header: #333333;
    --text: var(--header); /* Default text color */
    --text-color: #000;
    --danger: #e33244;
    --success: var(--secondary); /* Success color for notifications */
    --grey-dark: #333;
    --grey-mid: #8f9ea6;
    --grey: #e7ebee;
    --light-grey: #f8f9fa;
    /* Layout */
    --background-color: #e7ebee;
    /* Typography */
    --font-family: 'Roboto', sans-serif;
    --font-family-heading: 'Roboto', sans-serif;
    --font-weight-thin: 300;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-weight-semi-bold: 600;
    --base-font-size: 16px; /* Set the base size for Rems */
    --heading-1-size: 2.25rem; /* 36px */
    --heading-1-weight: 700;
    --heading-1-color: var(--text);
    --heading-2-size: 1.25rem; /* 20px */
    --heading-2-weight: 600;
    --heading-2-color: var(--text);
    --heading-3-size: 1.125rem; /* 18px */
    --heading-3-weight: 600;
    --heading-3-color: var(--text);
    --font-size-lg: 1rem; /* 16px */
    --font-size: 0.875rem; /* 14px */
    --font-size-sml: 0.75rem; /* 12px */
    --font-size-xs: 0.625rem; /* 10px */
    --link-color: var(--text);
    --link-weight: var(--font-weight-semi-bold);
    --link-decoration: underline;
    /* Buttons */
    --btn-radius: 3px; /* 4px */
    --btn-padding: 8px 12px; /* 8px 16px */
    --btn-font-size: var(--small-text-size);
    --btn-font-family: var(--font-family);
    --btn-font-weight: var(--font-weight-bold);
    --btn-color-light: #FFF;
    --btn-default-color: var(--text);
    --btn-default-border: 1px solid var(--text);
    --btn-primary-bg: var(--highlight);
    --btn-primary-color: #ffffff;
    --btn-primary-border: none;
    --btn-secondary-bg: var(--primary);
    --btn-secondary-color: #ffffff;
    --btn-secondary-border: none;
    --btn-danger-bg: var(--danger);
    --btn-danger-color: #ffffff;
    --btn-danger-border: none;
    --btn-success-bg: var(--success);
    --btn-success-color: #ffffff;
    --btn-success-border: none;
    --btn-outline-bg: transparent;
    --btn-outline-color: var(--highlight);
    --btn-outline-border: 1px solid var(--text);
    /* table */
    --table-head-font: var(--font-family-heading);
    --table-head-size: var(--font-size-sml);
    --table-head-weight: var(--font-weight-bold);
    --table-head-color: var(--text);
    --table-col-font: var(--font-family);
    --table-col-size: var(--font-size-sml);
    --table-col-weight: var(--font-weight-normal);
    --table-col-color: var(--text);
    /* Form Elements */
    --tag-default-bg: var(--grey);
    --tag-default-color: var(--text);
    --tag-primary-bg: var(--highlight);
    --tag-primary-color: #FFFFFF;
    --tag-outline-color: var(--text);
    --tag-outline-border: 1px solid var(--text);
    --tag-panel-bg: transparent;
    --tag-panel-color: var(--highlight);
    --tag-panel-border: 1px solid var(--highlight);
    --label-color: var(--text);
    --label-size: var(--font-size);
    --label-weight: var(--font-weight-normal);
    --label-font: var(--font-family);
    --form-control-color: var(--text);
    --form-control-size: var(--font-size);
    --form-control-border: 1px solid var(--text);
    --form-control-font: var(--font-family);
    /* Cards */
    --panel-title-color: var(--text);
    --panel-title-size: var(--font-size);
    --panel-title-weight: var(--font-weight-normal);
    --panel-title-font: var(--font-family-heading);
    --panel-body-color: var(--text);
    --panel-body-size: var(--font-size);
    --panel-body-weight: var(--font-weight-semi-bold);
    --panel-body-font: var(--font-size-sml);
    /* list-panel */
    --listpanel-body-color: var(--light-grey);
    --listpanel-border: 1px solid var(--grey);
    --listpanel-title-color: var(--text);
    --listpanel-title-size: var(--font-size);
    --listpanel-title-weight: var(--font-weight-thin);
    --listpanel-title-font: var(--font-family);
    --listpanel-body-color: var(--text);
    --listpanel-body-size: var(--font-size-sml);
    --listpanel-body-weight: var(--font-weight-normal);
    --listpanel-body-font: var(--font-family);
    /* Login Pages */
    --login-bg: center / cover no-repeat url("https://login.learningvault.io/images/bg.svg");
    --login-logo: var(--logo-reverse);
    --login-header-bg: #FFF;
    --login-title-font: var(--font-family-heading);
    --login-title-size: var(--heading-3-size);
    --login-title-color: var(--text);
    --login-title-weight: var(--heading-3-weight);
    --login-body-color: var(--text);
    --login-body-size: var(--font-size);
    /* Admin Pages */
    --admin-header-bg: var(--primary);
    --admin-header-color: #FFF;
    --admin-header-logo: var(--logo-reverse);
    --admin-page-bg: var(--grey);
    --admin-nav-bg: #FFF;
    --admin-nav-color: var(--text);
    --admin-nav-size: var(--font-size); /* Nav default Text size */
    --admin-nav-title-color: var(--text);
    --admin-nav-title-size: var(--font-size-lg);
    --admin-nav-title-weight: var(--font-weight-bold);
    --admin-nav-item-active-bg: var(--highlight);
    --admin-nav-item-active-color: #FFF;
    --admin-submenu-bg: var(--grey);
    /* View Badge Page */
    --view-header-display: none; /* Hide header on view badge page. Allows us to u-nhide if we want to add logo etc. */
    --view-header-bg: var(--primary);
    --view-header-logo: var(--logo-reverse);
    --view-title-size: var(--heading-1-size);
    --view-title-color: var(--heading-1-color);
    --view-title-weight: var(--heading-1-weight);
    --view-banner-bg: var(--primary);
    --view-banner-color: #FFF;
    --view-card-title-color: var(--text);
    --view-card-title-size: var(--font-size-lg);
    --view-card-title-weight: var(--font-weight-bold);
    --view-card-body-color: var(--text);
    --view-card-body-size: var(--font-size-sml);
    --view-card-title-weight: var(--font-weight-normal);
    --view-footer-display: block; /* Show footer on view badge page */
    --view-footer-bg: var(--primary);
    --view-footer-color: #FFF;
    --view-footer-logo: var(--logo-reverse);
    --view-footer-logo-display: none; /* Show logo in footer */
    /* Header */
    --left-menu-open-width: 280px;
    --right-menu-width: 300px;
    --header-height: 59px;
    --wl-header-height: 0px;
    --wl-header-height-attest: 0px;
    /* Social Icons dataURIs */
    --icon-facebook-uri: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDQyNjcgNDI2NyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDQuMTY2NjcsMCwwLDQuMTY2NjcsMCwwKSI+CiAgICAgICAgPHBhdGggZD0iTTEwMjQsNTEyQzEwMjQsMjI5LjIzIDc5NC43NywwIDUxMiwwQzIyOS4yMywwIDAsMjI5LjIzIDAsNTEyQzAsNzY3LjU1NCAxODcuMjMxLDk3OS4zNyA0MzIsMTAxNy43OEw0MzIsNjYwTDMwMiw2NjBMMzAyLDUxMkw0MzIsNTEyTDQzMiwzOTkuMkM0MzIsMjcwLjg4IDUwOC40MzgsMjAwIDYyNS4zOSwyMDBDNjgxLjQwNywyMDAgNzQwLDIxMCA3NDAsMjEwTDc0MCwzMzZMNjc1LjQzOCwzMzZDNjExLjgzNSwzMzYgNTkyLDM3NS40NjcgNTkyLDQxNS45NTdMNTkyLDUxMkw3MzQsNTEyTDcxMS4zLDY2MEw1OTIsNjYwTDU5MiwxMDE3Ljc4QzgzNi43NjksOTc5LjM3IDEwMjQsNzY3LjU1NCAxMDI0LDUxMloiIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
    --icon-twitter-uri: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMzAgMTAzMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDQuMTY2NjcsMCwwLDQuMTY2NjcsMCw5OCkiPgogICAgICAgIDxwYXRoIGQ9Ik0yMjAuOTQzLDQ5Ljc4N0MyMjEuMDkxLDUxLjk1MyAyMjEuMDkxLDU0LjEyOSAyMjEuMDkxLDU2LjMxNUMyMjEuMDkxLDEyMy4wNDggMTcwLjI4OCwyMDAgNzcuNDA1LDIwMEw3Ny40MDUsMTk5Ljk2MUM0OS45NjQsMTk5Ljk5NyAyMy4wOTMsMTkyLjEzNiAwLDE3Ny4zMTVDMy45ODksMTc3Ljc5MyA4LjAwMywxNzguMDM3IDEyLjAyMSwxNzguMDQ0QzM0Ljc2NSwxNzguMDY3IDU2Ljg1NSwxNzAuNDM4IDc0LjczNywxNTYuMzg1QzUzLjEzMSwxNTUuOTc4IDM0LjE3MywxNDEuODg2IDI3LjU1NywxMjEuMzE0QzM1LjEyNCwxMjIuNzcyIDQyLjkyNSwxMjIuNDc1IDUwLjM1OSwxMjAuNDQ4QzI2Ljc5NiwxMTUuNjg4IDkuODUyLDk0Ljk4NCA5Ljg0NSw3MC45NDVMOS44NDUsNzAuMzA1QzE2Ljg2OCw3NC4yMiAyNC43MjksNzYuMzg4IDMyLjc2NSw3Ni42MjZDMTAuNTczLDYxLjgwNyAzLjcyNywzMi4yODggMTcuMTMxLDkuMjE0QzQyLjc3Myw0MC43NjIgODAuNjA0LDU5Ljk0MSAxMjEuMjA4LDYxLjk3NkMxMTcuMTM3LDQ0LjQzOSAxMjIuNzAyLDI2LjA2IDEzNS44MTcsMTMuNzI2QzE1Ni4xNTMsLTUuMzk5IDE4OC4xNDMsLTQuNDE3IDIwNy4yNjgsMTUuOTE5QzIxOC41NzcsMTMuNjg5IDIyOS40MjEsOS41NDMgMjM5LjMzNSwzLjY2MUMyMzUuNTY1LDE1LjM1NSAyMjcuNjc1LDI1LjI4MiAyMTcuMTMzLDMxLjU5M0MyMjcuMTQ0LDMwLjQxIDIzNi45MjEsMjcuNzMyIDI0Ni4xMzgsMjMuNjQ4QzIzOS4zNTcsMzMuNzg3IDIzMC44MjYsNDIuNjM4IDIyMC45NDMsNDkuNzg3WiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgPC9nPgo8L3N2Zz4K);
    --icon-linkedin-uri: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPHBhdGggZD0iTTE0LjgxNSwwLjAwMUMxNS40NjksMC4wMDEgMTYsMC41MTcgMTYsMS4xNTNMMTYsMTQuODQ1QzE2LDE1LjQ4MyAxNS40NjksMTYgMTQuODE2LDE2TDEuMTgxLDE2QzAuNTMsMTYgMCwxNS40ODMgMCwxNC44NDVMMCwxLjE1M0MwLDAuNTE3IDAuNTMsMC4wMDEgMS4xODEsMC4wMDFMMTQuODE1LDAuMDAxWk0yLjM3Myw1Ljk5OUwyLjM3MywxMy42MzRMNC43NSwxMy42MzRMNC43NSw1Ljk5OUwyLjM3Myw1Ljk5OVpNMy41NiwyLjE5OUwzLjU1OCwyLjE5OEMyLjgwNCwyLjE5OCAyLjE4MywyLjgxOSAyLjE4MywzLjU3M0MyLjE4NSw0LjMyOCAyLjgwNSw0Ljk0OCAzLjU2LDQuOTVDNC4zMTgsNC45NSA0LjkzNSw0LjMzMiA0LjkzNSwzLjU3NEM0LjkzNSwyLjgxNSA0LjMxOCwyLjE5OSAzLjU2LDIuMTk5Wk02LjIzOCw1Ljk5OEw2LjIzOCwxMy42MzJMOC42MDksMTMuNjMyTDguNjA5LDkuODU1QzguNjA5LDguODYgOC43OTksNy44OTUgMTAuMDM0LDcuODk1QzExLjI1MSw3Ljg5NSAxMS4yNjcsOS4wMzUgMTEuMjY3LDkuOTJMMTEuMjY3LDEzLjYzNEwxMy42MzksMTMuNjM0TDEzLjYzOSw5LjQ0NkMxMy42MzksNy4zOSAxMy4xOTUsNS44MDkgMTAuNzkyLDUuODA5QzkuNjMzLDUuODA5IDguODU5LDYuNDQyIDguNTQyLDcuMDQyTDguNTExLDcuMDQyTDguNTExLDUuOTk5TDYuMjM4LDUuOTk4WiIgc3R5bGU9ImZpbGw6cmdiKDEsMTE5LDE4MSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+Cjwvc3ZnPgo=);
    --icon-linkedin-reverse-uri: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMS4zNjA2NCwwLDAsMS4zNjA2NCwtMi44NTI5MSwtMi44NTQ4OSkiPgogICAgICAgIDxwYXRoIGQ9Ik0yLjM3Myw1Ljk5OUw0Ljc1LDUuOTk5TDQuNzUsMTMuNjM0TDIuMzczLDEzLjYzNEwyLjM3Myw1Ljk5OVpNMy41NiwyLjE5OUM0LjMxOCwyLjE5OSA0LjkzNSwyLjgxNSA0LjkzNSwzLjU3NEM0LjkzNSw0LjMzMiA0LjMxOCw0Ljk1IDMuNTYsNC45NUMyLjgwNSw0Ljk0OCAyLjE4NSw0LjMyOCAyLjE4MywzLjU3NEMyLjE4MywyLjgxOSAyLjgwNCwyLjE5OCAzLjU1OCwyLjE5OEMzLjU1OSwyLjE5OCAzLjU1OSwyLjE5OCAzLjU1OSwyLjE5OU02LjIzNSw1Ljk5OUw4LjUxMSw1Ljk5OUw4LjUxMSw3LjA0Mkw4LjU0Miw3LjA0MkM4Ljg1OSw2LjQ0MiA5LjYzMyw1LjgwOSAxMC43OTIsNS44MDlDMTMuMTk1LDUuODA5IDEzLjYzOSw3LjM5IDEzLjYzOSw5LjQ0NkwxMy42MzksMTMuNjM0TDExLjI2NywxMy42MzRMMTEuMjY3LDkuOTJDMTEuMjY3LDkuMDM1IDExLjI1MSw3Ljg5NSAxMC4wMzQsNy44OTVDOC43OTksNy44OTUgOC42MDksOC44NiA4LjYwOSw5Ljg1NUw4LjYwOSwxMy42MzJMNi4yMzgsMTMuNjMyTDYuMjM4LDUuOTk3TDYuMjM1LDUuOTk5WiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgPC9nPgo8L3N2Zz4K);
    --icon-sms-uri: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnPgogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuOTAxOTMsMCwwLDEuOTAxOTMsLTg3OC40NzYsMjcuMDg2KSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik05NzYsMjEwQzk3NiwyODEuOCA5MzAuOCwzNDkuMiA4NTcuNSwzODdDODAzLjQsNDk1LjUgNjc5LjgsNDk4LjcgNjY1LjcsNDk4LjdMNjYzLjcsNDk4LjdDNjU2LjcsNDk4LjUgNjUwLjYsNDkzLjcgNjQ4LjcsNDg3QzY0Ni44LDQ4MC4zIDY0OS41LDQ3My4xIDY1NS4zLDQ2OS4yQzY3OC4zLDQ1NC4xIDY5Ni43LDQzNyA3MTAuMiw0MTguMUM1NzguNSw0MTIgNDczLjYsMzIxIDQ3My42LDIxMEM0NzMuNiw5NSA1ODYuMywxLjYgNzI0LjgsMS42Qzg2My4zLDEuNiA5NzYsOTUuMSA5NzYsMjEwWk05NDQsMjEwQzk0NCwxMTIuOCA4NDUuNywzMy42IDcyNC44LDMzLjZDNjA0LDMzLjYgNTA1LjcsMTEyLjggNTA1LjcsMjEwQzUwNS43LDMwNy4zIDYwNCwzODYuNCA3MjQuOCwzODYuNEM3MjkuMSwzODYuNCA3MzMuNCwzODYuMyA3MzcuNywzODYuMUw3MzguNSwzODYuMUM3NDMuOSwzODYuMSA3NDguOSwzODguOCA3NTEuOSwzOTMuM0M3NTUsMzk4IDc1NS40LDQwNCA3NTMsNDA5LjFDNzQ0LjQsNDI3LjEgNzMyLjcsNDQzLjkgNzE4LDQ1OS4zQzc1Niw0NDkuMSA4MDQuOCw0MjUuMSA4MzEsMzY4LjVDODMyLjYsMzY1LjIgODM1LjIsMzYyLjUgODM4LjUsMzYwLjlDOTA0LjUsMzI4LjQgOTQ0LDI3Mi4xIDk0NCwyMTBaIiBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNDQ2MzIyLDAsMCwwLjQ0NjMyMiwyNjUuNTg4LDE5My4zMDcpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTk2NC42LDg3Ni4xQzk0Mi43LDkxOC4yIDc3Ny4yLDExODguOSAzMjguMyw3NTYuOUMtMTQ1LDMwMS40IDI3LjEsMTA0LjkgMTA4LjMsNDcuM0wxMDguMyw0Ny4yQzEwOS42LDQ2LjMgMTEwLjksNDUuNSAxMTIuMiw0NC42QzExNC41LDQzIDExNi43LDQxLjYgMTE4LjgsNDAuM0MxMTkuNywzOS44IDEyMC42LDM5LjEgMTIxLjYsMzguNkMxMzMuMywzMS40IDE0MSwyOC4yIDE0MSwyOC4yTDE0MSwyOC44QzE5OC4xLDQuMiAyNTkuNSwxNC41IDI4Mi42LDY0LjJMMzI5LjUsMTc4LjJDMzU3LDIzNy40IDMyNS41LDMyMy45IDI1OS4xLDM3MS40TDI1My43LDM3NS4yQzMyNC43LDUwMSA0NDAuMyw2MzcuOSA2MjgsNzQyLjhMNjM3LDczMC4yQzY4NC41LDY2My44IDc3MSw2MzIuMyA4MzAuMiw2NTkuOEw5MzYsNzE1LjFDOTkzLjcsNzQyIDEwMDguMiw4MTAuOCA5NjQuNiw4NzYuMVoiIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    --icon-mail-uri: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDgwMCA4MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjE2OSwwLDAsMS4xNjksLTY3LjYwMDIsLTY3LjYwMDIpIj4KICAgICAgICA8cGF0aCBkPSJNNTY2LjY2Nyw0MDBDNTY2LjY2Nyw0NDIuNjc5IDU4OS45OTIsNDY2LjY2NyA2MTYuNjY3LDQ2Ni42NjdDNjQzLjM0MSw0NjYuNjY3IDY2Ni42NjcsNDQyLjY3OSA2NjYuNjY3LDQwMEM2NjYuNjY3LDI1Mi43MjQgNTQ3LjI3NywxMzMuMzMzIDQwMCwxMzMuMzMzQzI1Mi43MjQsMTMzLjMzMyAxMzMuMzMzLDI1Mi43MjQgMTMzLjMzMyw0MDBDMTMzLjMzMyw1NDcuMjc3IDI1Mi43MjQsNjY2LjY2NyA0MDAsNjY2LjY2N0M0NTQuODA4LDY2Ni42NjcgNTA1Ljc2LDY1MC4xMzkgNTQ4LjEyNiw2MjEuNzgyQzU2My40MTQsNjExLjU0OSA1ODQuMTM1LDYxNS42NTQgNTk0LjM2OCw2MzAuOTQyQzYwNC42MDEsNjQ2LjIzMSA2MDAuNDk2LDY2Ni45NTEgNTg1LjIwOCw2NzcuMTg0QzUzMi4yMzQsNzEyLjY0MSA0NjguNTMyLDczMy4zMzMgNDAwLDczMy4zMzNDMjE1LjkwNSw3MzMuMzMzIDY2LjY2Nyw1ODQuMDk2IDY2LjY2Nyw0MDBDNjYuNjY3LDIxNS45MDUgMjE1LjkwNSw2Ni42NjcgNDAwLDY2LjY2N0M1ODQuMDk2LDY2LjY2NyA3MzMuMzMzLDIxNS45MDUgNzMzLjMzMyw0MDBDNzMzLjMzMyw0OTAuNzM3IDY3My4zNzcsNTMzLjMzMyA2MTYuNjY3LDUzMy4zMzNDNTg3LjI2OSw1MzMuMzMzIDU1Nyw1MjEuODg3IDUzNC42NjIsNDk4LjIyMkM1MDQuMzQ2LDUzOS43MTMgNDU1LjMyLDU2Ni42NjcgNDAwLDU2Ni42NjdDMzA3Ljk1Myw1NjYuNjY3IDIzMy4zMzMsNDkyLjA0NiAyMzMuMzMzLDQwMEMyMzMuMzMzLDMwNy45NTMgMzA3Ljk1MywyMzMuMzMzIDQwMCwyMzMuMzMzQzQ5Mi4wNDYsMjMzLjMzMyA1NjYuNjY3LDMwNy45NTMgNTY2LjY2Nyw0MDBaTTUwMCw0MDBDNTAwLDM0NC43NzIgNDU1LjIyOCwzMDAgNDAwLDMwMEMzNDQuNzcyLDMwMCAzMDAsMzQ0Ljc3MiAzMDAsNDAwQzMwMCw0NTUuMjI4IDM0NC43NzIsNTAwIDQwMCw1MDBDNDU1LjIyOCw1MDAgNTAwLDQ1NS4yMjggNTAwLDQwMFoiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
    --icon-add-uri: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0NDggNDQ4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDggNDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNMjU2LDQ4YzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiwxNC4zLTMyLDMydjE0NEg0OGMtMTcuNywwLTMyLDE0LjMtMzIsMzJzMTQuMywzMiwzMiwzMmgxNDR2MTQ0YzAsMTcuNywxNC4zLDMyLDMyLDMyDQoJczMyLTE0LjMsMzItMzJWMjU2aDE0NGMxNy43LDAsMzItMTQuMywzMi0zMnMtMTQuMy0zMi0zMi0zMkgyNTZWNDh6Ii8+DQo8L3N2Zz4NCg==);
    --sign-out-button-block-height: calc(36px + 15px);
    /* Heights and widths */
    --accessible-min-height: 40px;
}


html{
    font-size: var(base-font-size);
}

div#container.mainnav-sm {
    --left-menu-open-width: 75px;
}

@media (max-width: 768px ) and (min-width: 512px) {
    :root {
        --right-menu-width: 90vw;
        --branding-width-mobile: 75px;
    }
}

@media (max-width: 512px) {
    :root {
        --right-menu-width: 90vw;
        --branding-width-mobile: 75px;
    }

    #sign-in-panel {
        width: 280px !important;
    }

    .sign-in-heading {
        display: inline-grid;
    }
}