/* TABLE OF CONTENT
————————————————————————————————————————
	1. Resets   | Normalize and reset elements
	2. Generic  | Generic variables
	3. Config   | Theme specific overrides
	4. Base     | High-level base styles
	5. Helpers  | Helper classes
	6. Patterns | Components and design patterns
	7. App      | Theme specific partials/styles
/*


/* 1. Resets
———————————————————————————————————————— */
/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* As well as using normalize, it is often advantageous to remove all margins from certain elements. */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin:  0;
  padding: 0;
}
/* Give a help cursor to elements that give extra info on `:hover`. */
abbr[title],
dfn[title] {
  cursor: help;
}
/* Remove underlines from potentially troublesome elements. */
u, ins {
  text-decoration: none;
}
/* Apply faux underlines to inserted text via `border-bottom`. */
ins {
  border-bottom: 1px solid;
}
/* 2. Generic
———————————————————————————————————————— */
/* A better default palette for the web */
/* Light to dark */
/* Greys */
/* Flat UI palette */
/* Helpers */
/* Add @font-face here */
@font-face {
  font-family: 'speedee';
  font-style:  normal;
  font-weight: 100;
  src: url("../fonts/Speedee_Lt.woff2") format("woff2"),
       url("../fonts/Speedee_Lt.woff") format("woff");
}
@font-face {
  font-family: 'speedee-li';
  font-style:  normal;
  font-weight: 100;
  src: url("../fonts/Speedee_LtIt.woff2") format("woff2"),
       url("../fonts/Speedee_LtIt.woff") format("woff");
}
@font-face {
  font-family: 'speedee';
  font-style:  normal;
  font-weight: 400;
  src: url("../fonts/Speedee_Rg.woff2") format("woff2"),
       url("../fonts/Speedee_Rg.woff") format("woff");
}
@font-face {
  font-family: 'speedee-i';
  font-style:  normal;
  font-weight: 400;
  src: url("../fonts/Speedee_It.woff2") format("woff2"),
       url("../fonts/Speedee_It.woff") format("woff");
}
@font-face {
  font-family: 'speedee-b';
  font-style:  normal;
  font-weight: 400;
  src: url("../fonts/Speedee_Bd.woff2") format("woff2"),
       url("../fonts/Speedee_Bd.woff") format("woff");
}
@font-face {
  font-family: 'speedee-bi';
  font-style:  normal;
  font-weight: 400;
  src: url("../fonts/Speedee_BdIt.woff2") format("woff2"),
       url("../fonts/Speedee_BdIt.woff") format("woff");
}
@font-face {
  font-family: 'speedee-ci';
  font-style:  normal;
  font-weight: 100;
  src: url("../fonts/SpeedeeCd_Lt.woff2") format("woff2"),
       url("../fonts/SpeedeeCd_Lt.woff") format("woff");
}
@font-face {
  font-family: 'speedee-c';
  font-style:  normal;
  font-weight: 400;
  src: url("../fonts/SpeedeeCd_Rg.woff2") format("woff2"),
       url("../fonts/SpeedeeCd_Rg.woff") format("woff");
}
@font-face {
  font-family: 'speedee-cb';
  font-style:  normal;
  font-weight: 100;
  src: url("../fonts/SpeedeeCd_Bd.woff2") format("woff2"),
       url("../fonts/SpeedeeCd_Bd.woff") format("woff");
}
/* 3. Config
———————————————————————————————————————— */
/* Branding
———————————————————————————————————————— */
/* Helper Cclor classes */
.red { color: #EE002D; }
.yellow { color: #FFBC0D; }
.green { color: #264F36; }
.kraft { color: #B69A81; }
.black { color: #000000; }
.charcoal { color: #264F36; }
.grey-dk  { color: #454545; }
.grey-md  { color: #8F9996; }
.grey-lt  { color: #F7F7F7; }
/* Font stacks
———————————————————————————————————————— */
/* Basic global styles
———————————————————————————————————————— */
/* Spacings
———————————————————————————————————————— */
/* Breakpoints
———————————————————————————————————————— */
/* Centering containers max-width config
———————————————————————————————————————— */
/* Centering containers default side padding
———————————————————————————————————————— */
/* 4. Base
———————————————————————————————————————— */
/* Top-level page styles */
html {
    font-size: 62.5%;
    box-sizing: border-box;
    min-height: 100%;
    
}
*, *:before, *:after {
    box-sizing: inherit;
}
body {
    font-family: 'speedee', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.6rem; /* currently ems cause chrome bug misinterpreting rems on body element */
    font-weight: 400;
    line-height: 1.5;
    color: #454545;
    background: #FBFBFB;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    position: relative;
}
html,
body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/* Paragraphs */
p {
	margin-bottom: 10px;
}
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
@media only screen and (min-width: 768px) {
	h1, .h1 { font-size: 46px; }
	h2, .h2 { font-size: 36px; }
	h3, .h3 { font-size: 30px; }
	h4, .h4 { font-size: 24px; }
	h5, .h5 { font-size: 20px; }
	h6, .h6 { font-size: 18px; }
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #EE002D;
	font-family: 'speedee-b', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 1.25;
	font-weight: 400;
	margin: 0 0 10px 0;
}
/* Links */
a {
	text-decoration: none;
	color: #000000;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
a:hover {
		color: $secondary;
	}
a.text-link {
		text-decoration: underline;
	}
a.fancy-text-link {
		padding-bottom: 1px;
		border-bottom: 1px dotted #000000;
	}
a.fancy-text-link:hover, a.fancy-text-link:focus {
			border-bottom: 1px dotted #000000;
		}
a.fancy {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
  -webkit-transition: all .2s ease-in-out;
  text-decoration: none;
  border-bottom: none;
  position: relative;
}
a.fancy:hover:after {
		width: 100%;
		left: 0;
	}
a.fancy:after {
		content: '';
		position: absolute;
		width: 0;
		height: 1px;
		display: block;
		right: 0;
		background: rgba(255,255,255,0.5);
		-webkit-transition: width .2s ease;
		transition: width .2s ease;
	}
.page-content a {
    color: #EE002D;
    text-decoration: underline;
}
.page-content .btn, .page-content button {
    color: #fff;
    text-decoration: none;
}
.black-text {
	color: #000 !important;
}
/**
* 1. Fluid images for responsive purposes.
* 2. Offset `alt` text from surrounding copy.
* 3. Setting `vertical-align` removes the whitespace
* that appears under `img` elements when they are dropped
* into a page as-is. Safer alternative to using `display: block;`.
*/
img {
	max-width: 100%; /* [1] */
	font-style: italic; /* [2] */
	vertical-align: middle; /* [3] */
	height: auto;
	width: auto;
}
/* 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector to remove the effects. */
.gm-style img { /* [1] */
	max-width: none;
}
ul, ol {
	margin-bottom: 20px;
	list-style-position: outside;
	margin-left: 40px;
}
/* Remove extra vertical spacing when nesting lists. */
li > ul,
	li > ol {
		margin-bottom: 0;
	}
/* Removes any indents and bullet points from lists. */
.list-bare {
	margin:  0;
	padding: 0;
	list-style: none;
	clear: both;
}
/* Displays a list of items in one line. */
.list-inline {
	margin:  0;
	padding: 0;
	list-style: none;
}
.list-inline > li {
		display: inline-block;
	}
/* Comma delimited list to semantically mark up lists of tags, etc.
N.B. This component requires that you remove the whitespace between LIs. The simplest (and valid) way to achieve this is by omitting the closing `</li>` tag. */
.list-inline--delimited > li + li:before {
			content: ", ";
		}
/* Definition lists */
dt {
	font-weight: bold;
}
dd {
	background: none no-repeat left top;
	padding-left: 20px;
}
/* User input code. Use the <kbd> to indicate input that is typically entered via keyboard. */
kbd {
	padding: 3px 6px;
	font-size: 95%;
	color: white;
	background-color: black;
	border-radius: 3px;
}
/* Code blocks. */
pre {
	display: block;
	padding: 0 0 20px 20px;
	color: black;
	margin-bottom: 20px;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f6f6f6;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	line-height: 1;
}
pre code {
		padding: 0;
		font-size: inherit;
		color: inherit;
		white-space: pre-wrap;
		background-color: transparent;
		border-radius: 0;
	}
/* `hr` elements only take up a few pixels, so we need to give them special treatment regarding vertical rhythm. */
hr {
	margin-bottom: 20px;
	color: #E2E2E2;
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
hr.dashed {
		border-bottom-style: dashed;
	}
hr.dotted {
		border-bottom-style: dotted;
	}
hr.thick {
		border-bottom-width: 2px;
	}
.table
{
    width: 100%;
    margin-bottom: 20px;
    background: white;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table thead th
    {
        text-align: left;
    }
.table tr th
    {
        text-align: left;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: none;
        font-family: 'speedee-b';
        font-weight: normal;
        font-size: 18px;
    }
.table tr:last-of-type td
    {
        border-bottom: 1px solid #E2E2E2;
    }
.table tr td.subheading,

    .table tr th.subheading

    {
        background: #000000;
        color: white;
    }
.table tr td
{
    text-align: left;
    border-left: 1px solid #E2E2E2;
    border-right: none;
    border-top: 1px solid #E2E2E2;
    border-bottom: none;

}
.table tr td:first-of-type

{
    font-family: 'speedee-b';
}
.table tr td:last-of-type
{
    border-right: 1px solid #E2E2E2;
}
.table tr td.subheading
{
    background: #000000;
    color: white;
}
/* Inverse colors on table. */
.table--inverse
{
    background: black;
    color: white;
}
/* Force tables into having equal-width columns. */
.table--fixed
{
    table-layout: fixed;
}
/* Tables with very tightly packed cells. */
.table--compact th, .table--compact td

{
    padding: 5px;
}
/* Lightly packed cells. */
.table--cosy th, .table--cosy td

{
    padding: 10px;
}
/* Tables with very widely padded cells. */
.table--comfy th, .table--comfy td

{
    padding: 20px;
}
/* Switches */
.minitoggle
{
    position: relative;
    width: 90px;
    height: 54px;
    background-color: #EBEBEB;
    border: 1px solid #E6E6E6;
    border-radius: 56px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
}
.minitoggle .toggle-handle
    {
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 2;
        width: 48px;
        height: 48px;
        background-color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f2f2f2));
        background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
        border-radius: 100px;
        -webkit-transition: -webkit-transform 0.1s ease-in-out, border 0.1s ease-in-out;
        -webkit-transition: border 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
        transition: border 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
        transition: transform 0.1s ease-in-out, border 0.1s ease-in-out;
        transition: transform 0.1s ease-in-out, border 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
        box-shadow: 0px 2px 3px 0 rgba(0,0,0,0.20);
    }
.minitoggle.active
    {
        background-color: #4CD964;
        border: 1px solid #4CD964;
        box-shadow: inset 0 0 15px rgba(255, 255, 255, .25);
    }
.minitoggle.active .toggle-handle
        {
            -webkit-transform: translate3d(28px,0,0);
                    transform: translate3d(28px,0,0);
        }
/*blue*/
.minitoggle.blue.active
    {
        background-color: #69BDFE;
        border-color: #69BDFE;
    }
.minitoggle.blue.active .toggle-handle
        {
            border-color: #3C78A5;
        }
/*yellow*/
.minitoggle.yellow.active
    {
        background-color: #FFE186;
        border-color: #FFE186;
    }
.minitoggle.yellow.active .toggle-handle
        {
            border-color: #F1C12F;
        }
/*red*/
.minitoggle.red.active
    {
        background-color: #F79A7A;
        border-color: #F79A7A;
    }
.minitoggle.red.active .toggle-handle
        {
            border-color: #EC6231;
        }
/*orange*/
.minitoggle.orange.active
    {
        background-color: #FFB777;
        border-color: #FFB777;
    }
.minitoggle.orange.active .toggle-handle
        {
            border-color: #F70;
        }
/* FORMS */
/* Fieldsets and legends. */
fieldset {
    background: none;
    padding: 20px;
    border: 1px solid #000000;
    margin-bottom: 20px;

}
/* Every fieldset must contain a legend.
  IE barfs if it's not there. It's no fun. */
fieldset legend

{
    padding: 0 10px;
    font-weight: 700;
}
/* Labels. */
label {
    width: 100%;
    margin-bottom: 3px;
    font-size: 14px;

}
label.required:after

{
    content: "*";
}
label abbr {
    display: none;
}
/* Inputs. */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="url"],
textarea {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 10px;
    outline: none;
    border-radius: 0;
    background: white;
    border: 1px solid #E2E2E2;
    padding: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 1px solid #8F9996;
    border-radius: 5px;
    padding: 15px;
    font-size: 16px;
    font-family: 'speedee';
    margin-bottom: 40px;

}
input[type="text"]:hover,

input[type="email"]:hover,

input[type="search"]:hover,

input[type="number"]:hover,

input[type="password"]:hover,

input[type="tel"]:hover,

input[type="date"]:hover,

input[type="datetime"]:hover,

input[type="datetime-local"]:hover,

input[type="month"]:hover,

input[type="week"]:hover,

input[type="time"]:hover,

input[type="url"]:hover,

textarea:hover

{
    background: #FAFAFA;
    border: 1px solid rgba(0,0,0,0.25);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #FAFAFA;
    border: 1px solid rgba(0,0,0,0.25);
}
input[type="text"].input-validation-error,
input[type="email"].input-validation-error,
input[type="search"].input-validation-error,
input[type="number"].input-validation-error,
input[type="password"].input-validation-error,
input[type="tel"].input-validation-error,
input[type="date"].input-validation-error,
input[type="datetime"].input-validation-error,
input[type="datetime-local"].input-validation-error,
input[type="month"].input-validation-error,
input[type="week"].input-validation-error,
input[type="time"].input-validation-error,
input[type="url"].input-validation-error,
textarea.input-validation-error
{
    border: 2px solid #EE002D;
}
textarea {
    resize: vertical;
}
input[type="range"],
textarea {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
}
select {
    max-width: 100%;
    width: auto;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    padding: 10px 5px;

}
select.input-validation-error

{
    border: 2px solid #EE002D!important;
}
/* Radios and checkboxes. */
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    vertical-align: inherit;
}
input[type="checkbox"] {
    margin-right: 5px;
    vertical-align: inherit;
}
/* File inputs. */
input[type="file"] {
    box-sizing: border-box;
    margin-bottom: 10px;
    outline: none;
    padding: 5px 0;
    line-height: 1;
}
/* Submit. */
input[type="submit"], button[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    /* font: inherit; */
    text-align: center;
    margin: 0;
    cursor: pointer;
    outline: none;
    border: none;
    padding: 10px 20px;
    background: #EE002D;
    color: white;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-family: 'speedee', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    text-decoration: none;

}
input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus

{
    background: #FFBC0D;
    color: white;
}
label.val-required:after { content: " *"; color: #EE002D; }
/* Hold breakpoint aliases and conditions */
/* 480px and up */
/* 768px and up */
/* 992px and up */
/* 1200px and up */
/* 1440px and up */
/* 1920px and up */
/* Container settings
	 Define max-width settings on each breakpoint and padding for your containers. */
.container {
  margin: 0 auto;
  /* side padding */
  padding: 0 25px;
  /* max-width 100% by default (mobile first) */
  max-width: 100%;

}
.container:before,
  .container:after {
    content: " ";
    display: table;
  }
.container:after {
    clear: both;
  }
@media(min-width: 480px) {
.container { max-width: 480px; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px

}
.container:before { content: ''; display: table

}
.container:after { content: ''; display: table; clear: both

} }
@media(min-width: 768px) {
.container { max-width: 768px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px

}
.container:before { content: ''; display: table

}
.container:after { content: ''; display: table; clear: both

} }
@media(min-width: 992px) {
.container { max-width: 992px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px

}
.container:before { content: ''; display: table

}
.container:after { content: ''; display: table; clear: both

} }
@media(min-width: 1200px) {
.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px

}
.container:before { content: ''; display: table

}
.container:after { content: ''; display: table; clear: both

} }
@media(min-width: 1400px) {
.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px

}
.container:before { content: ''; display: table

}
.container:after { content: ''; display: table; clear: both

} }
@media(min-width: 1400px) {
.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px

}
.container:before { content: ''; display: table

}
.container:after { content: ''; display: table; clear: both

} }
/* 5. Helpers
———————————————————————————————————————— */
/* Clearfix */
.clearfix:before,
    .clearfix:after,
    .cf:before,
    .cf:after {
        content: "";
        display: table;
    }
.clearfix:after, .cf:after {
        clear: both;
    }
/* Hide visually AND from screen readers */
.hidden {
    display: none!important;
}
/* Hide visually BUT NOT from screen readers */
.visuallyhidden, .screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/* Hide visually AND from screen readers but maintain layout */
.invisible {
    visibility: hidden;
}
/* Generic separator */
.sep {
    margin: 0 10px;
}
/* Mute an element */
.muted {
    opacity: 0.4;
}
/* 6. Patterns
———————————————————————————————————————— */
/*@import 'patterns/_animate.css';*/
/* BUTTONS */
.btn, button {
	display: inline-block;
	vertical-align: middle;
	font: inherit;
	text-align: center;
	margin: 0;
	cursor: pointer;
	outline: none;
	border: none;
	padding: 10px 20px;
	background: #EE002D;
	color: white;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-family: 'speedee', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 20px;
	font-family: 'speedee-b';
	width: 100%;

}
@media(min-width: 768px) {
.btn, button {
		max-width: 300px

}
	}
.btn:hover, .btn:focus, button:hover, button:focus {
		background: #FFBC0D;
		color: white;
	}
.btn.disabled, button.disabled {
		color: #999999;
		cursor: not-allowed;
		pointer-events:none;
		background-color: rgb(229, 229, 229) !important;
	}
/* Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding. */
.btn::-moz-focus-inner, button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
.btn.btn--small, button.btn--small {
		padding: 5px 10px;
	}
.btn.btn--large, button.btn--large {
		padding: 20px 40px;
	}
.btn.btn--full, button.btn--full {
		max-width: 100%!important;
		width: 100%!important;
	}
.btn.btn--pill, button.btn--pill {
		border-radius: 100px;
	}
.btn.btn--next, .btn.next, .btn.btn--primary, .btn.primary, button.btn--next, button.next, button.btn--primary, button.primary {
		background: #EE002D;
		color: white;
	}
.btn.btn--next:hover, .btn.btn--next:focus, .btn.next:hover, .btn.next:focus, .btn.btn--primary:hover, .btn.btn--primary:focus, .btn.primary:hover, .btn.primary:focus, button.btn--next:hover, button.btn--next:focus, button.next:hover, button.next:focus, button.btn--primary:hover, button.btn--primary:focus, button.primary:hover, button.primary:focus {
			background: #FFBC0D;
			color: white;
		}
.btn.btn--back, .btn.back, button.btn--back, button.back {
		background: white;
		color: #EE002D;
		border: 1px solid #EE002D;
	}
.btn.btn--back:hover, .btn.btn--back:focus, .btn.back:hover, .btn.back:focus, button.btn--back:hover, button.btn--back:focus, button.back:hover, button.back:focus {
			background: white;
			color: #000000;
			border: 1px solid #000000;
		}
.btn.btn--save, .btn.save, button.btn--save, button.save {
		background: none;
		color: #000000;
		border: 1px solid #000000;
	}
.btn.btn--save:hover, .btn.btn--save:focus, .btn.save:hover, .btn.save:focus, button.btn--save:hover, button.btn--save:focus, button.save:hover, button.save:focus {
			background: none;
			color: #EE002D;
			border: 1px solid #EE002D;
		}
/* PROGRESS BUTTONS */
.progress-buttons .btn--back { background: #FBFBFB; }
.progress-buttons .btn--save { background: #FBFBFB; }
/* FAQS */
.faqs__item {
		cursor: pointer;
		padding: 20px;
		border-bottom: 1px solid #E2E2E2;
		background: white;
	}
.faqs__item p {
			margin: 0;
		}
.faqs__item p:first-child {
				font-family: 'speedee-b';
			}
.faqs__item.active .faqs__item__question {
				color: #EE002D;
			}
.faqs__item__question {
		position: relative;

	}
.faqs__item__question span {
			display: block;
			width: 90%;
			float: left;
		}
.faqs__item__question .fa {
		  position: absolute;
		  top: 50%;
		  -webkit-transform: translateY(-50%);
		          transform: translateY(-50%);
		  right: 0;
			font-weight: 700;
			text-align: right;
		}
.faqs__item__answer {
		display: none;
		margin: 0;
		padding: 20px 0;
	}
/* FORMS */
form {

/* Select Dropdowns */
}
/* Misc inputs */
form input [type="text"], form input[type="email"], form input[type="search"], form input[type="number"], form input[type="password"], form input[type="tel"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="week"], form input[type="time"], form input[type="url"], form textarea

{
    border: 1px solid #8F9996;
    border-radius: 5px;
    padding: 15px;
    font-size: 16px;
    font-family: 'speedee';
    margin-bottom: 40px;
}
/* Textareas */
form .textarea-field p

{
    margin-bottom: 40px;
    text-align: right;
    font-family: 'speedee';
}
form .textarea-field .letters-length {
    font-family: 'speedee-b';
}
form textarea {
    min-height: 150px;
    margin-bottom: 40px;
}
form textarea.textarea--floating

{
    border: 1px solid #E2E2E2;
    background: white;
    box-shadow: rgba(0,0,0,0.1) 0 0 30px;
    min-height: 250px;
    margin-bottom: 40px;

}
form textarea.textarea--floating:last-child

{
    margin-bottom: 0;
}
/* Character Count */
form .character-count
{
    float: right;
    font-family: 'speedee';
    position: relative;
    top: -20px;
}
form .char-count
{
    font-family: 'speedee-b';
}
/* Labels */
form label {
    font-family: 'speedee-b';
    color: #000000;
    font-size: 16px;
}
/* The label */
form .select-type {
    position: relative;
    display: block;
    padding: 15px;
    border: 1px solid #8F9996;
    border-radius: 5px;
    padding: 15px;
    font-size: 16px;
    font-family: 'speedee';
    margin-bottom: 40px;

}
form .select-type:after

{
    content: "";
    position: absolute;
    top: 0;
    pointer-events: none;
    top: 25px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #1c1c1c;
}
/* The actual select */
form .select-type__field {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 40px;
    height: 50px;
    width: 100%;
    padding: 15px;
    color: #8F9996;
    border: 1px solid #E2E2E2;
    opacity: 0;
}
.validation-text {
    margin-bottom: 20px;
    display: block;

}
.validation-text--error

{
    color: #EE002D;
    font-family: 'speedee-b';
}
.progress-buttons {
    margin-top: 60px;
}
.progress-buttons ul li

{
    margin-bottom: 10px;

}
@media(min-width: 768px) {
.progress-buttons ul li button

{
        width: 200px
}
    }
@media(min-width: 768px) {
    .progress-buttons ul li:nth-child(1) {
        float: left;
    }

    .progress-buttons ul li:nth-child(2) {
        float: right;
        margin-left: 20px;
    }

    .progress-buttons ul li:nth-child(3) {
        float: right;
    }
}
/* DEMOGRAPHICS TABLE OR TABLE WITH INPUTS */
.table td input[type=text]

{
    margin: 0;
    border: none;
}
.table td input[type=text].input-validation-error {
        border: 2px solid red;
                             }
/* Select dropdowns. */
@media(min-width: 768px) {
.select-dropdown-container {
        width: 500px;
        margin: 40px auto 0 auto

}
    }
.select-dropdown-container__label
    {
        display: block;
        font-size: 18px;
        margin-bottom: 5px;
        text-align: left;
    }
.select-dropdown-container .select-dropdown

{
    width: 100%;
    height: 50px;
    border: 1px solid #E2E2E2;
    padding: 10px;
}
@media(min-width: 768px) {
.select-dropdown-container .select-dropdown

{
        float: left;
        width: 60%;
        border-radius: 5px 0 0 5px
}
    }
@media(min-width: 768px) {
.select-dropdown-container .select-dropdown-btn {
        float: right;
        width: 40%;
        border-radius: 0 5px 5px 0
}
    }
/* VALIDATION */
.validation-summary-errors ul
{
    display: inline-block;
    margin: 0 0 40px 0!important;

}
.validation-summary-errors ul li

{
    list-style-type: none;
    color: #EE002D;
    font-family: 'speedee-b';
}
textarea
{
    min-height: 150px;
    margin-bottom: 40px;
}
textarea.textarea--floating

{
    border: 1px solid #E2E2E2;
    background: white;
    box-shadow: rgba(0,0,0,0.1) 0 0 30px;
    min-height: 250px;
    margin-bottom: 40px;

}
textarea.textarea--floating:last-child

{
    margin-bottom: 0;
}
/* POP UP MODALS */
.modal-overlay {
	position: absolute;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	display: none;
}
.modal-overlay--intro
{
    position: fixed;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: none;
}
.modal
{
    display: none;
    background: white;
    box-shadow: rgba(0,0,0,0.1) 0 0 30px;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    position: absolute;
    width: 90%;
    top: 300px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: 400px;
    overflow-y: scroll;
    z-index: 21;
    overflow: hidden;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;


}
/* Internet Explorer 10+ */
@media(min-width: 768px)
    {
.modal
{
        width: 75%


}
    }
@media(min-width: 992px)
    {
.modal
{
        width: 700px;
        padding: 40px;
        max-height: 500px;
        top: 450px


}
    }
.modal__close {
		position: absolute;
		top: 10px;
		right: 20px;
		cursor: pointer;

	}
@media(min-width: 768px) {
.modal__close {
			font-size: 20px

	}
		}
/* Trigger button */
.open-modal {
	display: block;
	margin: 0 auto;
	max-width: 300px;
}
/* INTRO MODALS */
#js-modal--intro { 
    padding: 0;
    overflow-y: scroll; 
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    max-height: 80%;
    margin: 0 auto;
    transform: unset;
    -webkit-transform: unset;
    left: unset;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
}
#js-modal--intro .modal-content { padding: 20px; }
#js-modal--intro::-webkit-scrollbar
{ /* WebKit */
    width: 0;
    height: 0;
}
@media(min-width: 992px)
{
#js-modal--intro {
    top: 200px
}
}
.progress-intro--01
{
    background: #FFBC0D;
    top: 0;
    left: 0;
    height: 10px;
    width: 33%;
}
.progress-intro--02
{
    background: #FFBC0D;
    top: 0;
    left: 0;
    height: 10px;
    width: 66%;
    display: none;
}
.progress-intro--03
{
    background: #FFBC0D;
    top: 0;
    left: 0;
    height: 10px;
    display: none;
    width: 100%;
}
.modal-content--intro01,
.modal-content--intro03
{
    position: relative;
}
.modal-content--intro01 img,
    .modal-content--intro03 img
    {
        max-width: 100px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
@media(min-width: 992px)
    {
        .modal-content--intro01 p, .modal-content--intro03 p { max-width: 70%; margin-left: 15%; }
    }
.modal-content--intro01 .btn, .modal-content--intro03 .btn { margin-top: 40px; }
.modal-content--intro02
{
    position: relative;
}
.modal-content--intro02 img

{
    max-width: 100px;
    display: block;
    margin: 0 auto;
    /* text-align: center; */
}
.modal-content--intro02 .list-bare {
    text-align: left;
}
.modal-content--intro02 ul li span
    {
        font-family: 'speedee-b';
        display: inline-block;
        background: #FFBC0D;
        color: white;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 100%;
        margin-bottom: 5px;
        padding: 5px;
        margin-right: 10px;
    }
.modal-content--intro02 ul li h4 { color: #000000; }
.modal-content--intro02 ul li p { margin-bottom: 25px; margin-left: 8%; }
@media(min-width: 992px)
    {
.modal-content--intro02 ul li
{
        /* float: left;
        width: 33.333%;
        padding: 0 $base-space; */
}
    }
.modal-content--intro02 .btn
{
    margin-top: 40px;
}
/* Help Modals */
.help-modals
{


    clear: both;
}
@media(min-width: 992px)
    {
.help-modals
{
        width: 100%!important
}
    }
.help-modals__item
    {
        background: white;
        box-shadow: rgba(0,0,0,0.1) 0 0 30px;
        float: left;
        text-align: center;
        padding: 50px;
        width: 48.5%;
        margin-bottom: 20px;

    }
.help-modals__item .fa
        {
            color: #FFBC0D;
            font-size: 50px;
            display: block;
            font-weight: 700;
            text-align: center;


        }
@media(min-width: 1200px)
            {
.help-modals__item .fa
        {
                margin-bottom: 20px


        }
            }
.help-modals__item .link-arrow
        {
            width: 28px;
            display: inline-block;
            margin-right: 5px;
        }
.help-modals__item:nth-child(2) { float: right; }
.help-modals__item:nth-child(4) { float: right; }
@media(min-width: 992px)
    {
.dashboard--intro .content-box--dashboard-location
{
        width: 100%!important;
        margin-right: 0!important
}
    }
#js-modal--objective-tip {
    background: #FFBC0D;
    color: white;
}
#js-modal--objective-tip h2 {
           color: white;
       }
.ui-switcher {
  background-color: #000000;
  display: inline-block;
  height: 40px;
  width: 85px;
  border-radius: 100px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  -webkit-transition: border-color 0.25s;
  transition: border-color 0.25s;
  margin-bottom: none;
}
.ui-switcher:before {
    font-family: 'speedee';
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 11px;
    height: 12px;
    text-align: center;
    font-size: 16px;
}
.ui-switcher[aria-checked=false]:before {
  content: 'No';
  right: 10px;
  color: white;
}
.ui-switcher[aria-checked=true]:before {
  content: 'Yes';
  left: 10px;
  color: white;
}
.ui-switcher[aria-checked=true] {
  background-color: #FFBC0D;
}
.ui-switcher:after {
    background-color: white;
    content: '\0020';
    display: inline-block;
    position: absolute;
    top: 5px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-transition: left 0.25s;
    transition: left 0.25s;
    left: 5px;
}
.ui-switcher[aria-checked=false]:after {
  left: 5px;
}
.ui-switcher[aria-checked=true]:after {
  left: 50px;
}
/* 7. Theme
———————————————————————————————————————— */
/* THEME SHARED STYLES */
.text-danger, #Email-error, .error
{
    color: #EE002D;
    font-family: 'speedee-b';
}
/* Fontawesome weight */
.fa, .fas
{
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}
/* Generic helpers */
.word-break--mobile
{
    display: block;
}
@media(min-width: 768px)
    {
.word-break--mobile
{
        display: inline
}
    }
/* Content box */
.content-box
{
    width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
    background: white;
    box-shadow: rgba(0,0,0,0.1) 0 0 30px;
    border-radius: 5px;

}
.content-box:nth-child(1n)
{
    float: left;
    margin-right: 30px;
    clear: none;

}
.content-box:last-child
{
    margin-right: 0;

}
.content-box:nth-child(1n)
{
    margin-right: 0;
    float: right;

}
.content-box:nth-child(1n + 1)
{
    clear: both;

}
.content-box--no-fill

{
    background: none;
    box-shadow: none;
}
.content-box--align-l
{
    text-align: left;
}
.content-box--align-r
{
    text-align: right;
}
.content-box--align-c
{
    text-align: center;
}
.content-box--centered
{
    margin-bottom: 40px;

}
.content-box--centered:last-child

{
    margin-bottom: 0;
}
@media(min-width: 992px)
{
.content-box--centered
{
    max-width: 90%;
    float: none!important;
    margin-left: 5%

}
}
.content-box--half
{
    margin-bottom: 20px;
}
@media(min-width: 992px)
    {
.content-box--half
{
        width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
}
.content-box--half:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--half:last-child
{
        margin-right: 0
}
.content-box--half:nth-child(2n)
{
        margin-right: 0;
        float: right
}
.content-box--half:nth-child(2n + 1)
{
        clear: both
}
    }
.content-box__header
{
    padding: 20px;
    border-bottom: 1px solid #E2E2E2;
}
.content-box__title {
    color: #000000;
    line-height: 1;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}
@media(min-width: 768px) {
.content-box__title {
        font-size: 20px
}
    }
.content-box__content__padding
{
    padding: 20px;
}
.content-box__content-tabs {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    border-bottom: 3px solid #FFBC0D;
    margin-bottom: 50px;

}
.content-box__content-tabs button
        {
    background: #ededed;
    color: #000;
    max-width: unset;
    padding: 7.5px 10px;
    margin-right: 30px;
    border-top: 3px solid transparent;
    }
.content-box__content-tabs button:last-of-type {
                       margin: 0;
                   }
.content-box__content-tabs button.tabactive {
    border-top: 3px solid #EE002D;
}
.content-box--split {
    background: #fff;
    width: 47.5%;
    margin-right: 5%;
    float: left;
    margin-bottom: 50px;
    box-shadow: 2px 2px 10px 3px #0000001A;
    border: 1px solid #E2E2E2;
}
.content-box--split.content-box--split-end {
        margin-right: 0;
    }
.content-box--split .content-box__header {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        min-height: 90px;
    }
.content-box--split .content-box__content {
        overflow: auto;
    }
@media only screen and (max-width: 767.99px) {
    .content-box__content-tabs {
        border-bottom: 0;
        margin-bottom: 50px;
        display: inline-block;
    }

    .content-box__content-tabs button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 991.99px) {
    .content-box--split {
        width: 100%;
        margin-right: 0;
    }
}
.dashboard-demographics-chart div[dir="ltr"] {
        width: 100% !important;
        text-align: center;
    }
.columnChart {
    width: 100%;
    min-height: 450px;
}
/* Breadcrumbs */
.site-breadcrumbs {
    display: none;
    font-size: 12px;
    color: #8F9996;
    padding: 10px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;

}
.site-breadcrumbs__sep

{
    margin: 0 5px;
    display: inline-block;
}
@media(min-width: 768px) {
.site-breadcrumbs {
    display: block

}
}
@media only screen and (min-width: 1300px)
{
.site-breadcrumbs {
    position: relative;
    top: -64px;
    z-index: 11;
    padding-left: 30px

}
}
/* Progress Bar */
@media(min-width: 1400px)
    {
.progress-header
{
        position: relative;
        top: -30px

}
    }
.progress-header h2

{
    padding: 20px;

}
.progress-header h2 span

{
    font-family: 'speedee';
    font-weight: normal;
}
.progress-header progress[value]
{
    /* Reset the default appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Get rid of default border in Firefox. */
    border: none;
    /* For IE10 */
    color: #FFBC0D;
}
.progress-header progress
{
    border-radius: 2px;
    width: 100%;
    height: 20px;
    vertical-align: middle;
}
.progress-header progress::-webkit-progress-bar
    {
        background-color: white;
        border-top: 1px solid #E2E2E2;
        border-bottom: 1px solid #E2E2E2;
    }
.progress-header progress::-webkit-progress-value
    {
        border-radius: 2px;
        background-color: #FFBC0D;
    }
.progress-header progress::-moz-progress-bar
    {
        /* style rules */
    }
.progress-status
{
    margin-top: 5px;
    padding: 5px 20px;
    font-family: 'speedee-b';
    font-size: 13px;

}
.progress-status--valid

{
    color: white;
    background-image: -webkit-gradient( linear, left top, right top, from(#264F36), to(white) );
    background-image: linear-gradient( to right, #264F36, white );
}
.progress-status--not-valid
{
    color: white;
    background-image: -webkit-gradient( linear, left top, right top, from(#EE002D), to(white) );
    background-image: linear-gradient( to right, #EE002D, white );
}
/* DATATABLES AND DASHBOARD GUI */
.dataTable tr td:last-of-type

{
    text-align: center;
}
.dataTable .btn
{
    font-size: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 5px;
}
@media(min-width: 768px)
    {
.dataTable .btn
{
        width: 100px
}
    }
.add-new-demo-btn
{
    max-width: 400px;
    margin-top: 20px;
}
.content-box__header--top-split {
    border-top: 10px solid #FBFBFB;
}
/* TOOLTIPS */
.tooltip
{
    position: relative;
    top: -20px;

}
.tooltip__trigger

{
    display: block;
    cursor: pointer;
    clear: both;
    background: #000000;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    padding: 15px;

}
.tooltip__trigger .fa

{
    font-weight: 700;
    color: white;
    position: relative;
    top: -11px;
    left: -6px;
}
.tooltip__text
{
    display: block;
    clear: both;
    padding-top: 3px;
}
/* OBJECTIVES PANEL */
.objective-panel .success
{
    color: #B69A81;
    font-family: 'speedee-b';
    padding: 15px 0;
}
.objective-panel-trigger
{
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    position: fixed;
    right: 0;
    top: 150px;
    width: 140px;
    z-index: 19;
}
.objective-panel-trigger button {
        font-size: 14px;
        font-family: 'speedee-b';
        font-weight: normal;
        width: 200px;
    }
.objective-panel-trigger--help {
        top: 400px;
    }
.objective-panel-trigger--help button {
            background: #27AE60;
        }
.objective-panel
{
    position: fixed;
    overflow:scroll;
    height: 100%;
    background: white;
    padding: 10px;
    width: 270px;
    right: 0px;
    top: 0;
    margin-right: -270px;
    z-index: 20;
    box-shadow: rgba(0,0,0,0.5) 0 10px 50px;

}
.objective-panel button

{
    font-size: 15px;
    width: 300px;
}
@media(min-width: 768px)
{
.objective-panel
{
    width: 630px;
    margin-right: -630px;
    top: 0;
    padding: 75px;
    overflow-x: hidden

}
}
.objective-panel-scroll {
    overflow-y: auto;
    height: auto;
}

.objective-panel--help__container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.objective-panel--help__container h5 {
    font-family: 'Speedee', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    color: #000000;
    margin: 0;
}

.objective-panel--help__resources,
.resources__container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.resources__container {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.objective-panel--help__resources .objective-panel__card,
.resources__card {
    height: 150px;
    background-color: #f5f7f9;
    background-image: url("/images/arches-cropped-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
}

.resources__card {
    background: #f5f7f9;
}

.objective-panel--help__resources .objective-panel__card h5,
.resources__card h5 {
    font-size: 20px;
}

/* BOSTON MATRIX */
.boston-matrix
{

@-webkit-keyframes dots
{
    0%
    {
        bottom: 0;
        opacity: 0;
    }

    33%
    {
        bottom: 0;
        opacity: 1;
    }
}

}
.boston-matrix .graph

{
    position: relative;
    margin: 50px auto;
    width: 100%;
    height: 400px;
    background: white;
}
.boston-matrix .graph-section-a
{
    position: absolute;
    border: 4px solid #264F36;
    border-right: none;
    border-bottom: none;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;

}
.boston-matrix .graph-section-a span

{
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'speedee-b';
    font-size: 16px;
    color: #264F36;
}
.boston-matrix .graph-section-b
{
    position: absolute;
    border: 4px solid #B69A81;
    border-bottom: none;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;

}
.boston-matrix .graph-section-b span

{
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: 'speedee-b';
    font-size: 16px;
    color: #B69A81;
}
.boston-matrix .graph-section-c
{
    position: absolute;
    border: 4px solid #FFBC0D;
    border-right: none;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;

}
.boston-matrix .graph-section-c span

{
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'speedee-b';
    font-size: 16px;
    color: #FFBC0D;
}
.boston-matrix .graph-section-d
{
    position: absolute;
    border: 4px solid #EE002D;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;

}
.boston-matrix .graph-section-d span

{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    font-family: 'speedee-b';
    color: #EE002D;
}
.boston-matrix .x
{
    font-weight: bold;
    position: absolute;
    width: 250px;
    text-align: center;
    padding: 10px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    bottom: 20%;
    color: #000000;
}
.boston-matrix .y
{
    font-weight: bold;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 10px;
    top: 100%;
    color: #000000;
}
.boston-matrix .dot
{
    border-radius: 50%;
    width: 13px;
    height: 13px;
    position: absolute;
    background: #FFBC0D;
    cursor: pointer;
    -webkit-animation: dots 1.5s ease;
            animation: dots 1.5s ease;
}
.boston-matrix .dot:after

{
    content: attr(data-title);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    background: #000000;
    color: white;
    position: absolute;
    padding: 10px;
    bottom: 110%;
    top: auto;
    width: 0;
    opacity: 0;
    border-radius: 3px;
}
.boston-matrix .dot:hover
{
    background: #000000;
    color: white;

}
.boston-matrix .dot:hover:after

{
    width: auto;
    opacity: 1;
    z-index: 9999;
}
@keyframes dots
{
    0%
    {
        bottom: 0;
        opacity: 0;
    }

    33%
    {
        bottom: 0;
        opacity: 1;
    }
}
/* RESPONSIVE CHECKLISTS */
.responsive-checklist__row

{
    border: 1px solid #8F9996;
    padding-bottom: 10px;



}
@media(min-width: 768px)
    {
.responsive-checklist__row

{
        width: 50%;
        float: left



}
    }
@media(min-width: 992px)
    {
.responsive-checklist__row

{
        width: 100%;
        float: none;
        line-height: 1;
        border: none;
        padding-bottom: 0



}
    }
.responsive-checklist__row--desktop-header

{
    display: none;
}
@media(min-width: 992px)
    {
.responsive-checklist__row--desktop-header

{
        display: block;
        font-family: 'speedee-b'
}
        .responsive-checklist__row--desktop-header .responsive-checklist__item
        {
            background: black;
            color: white;
        }
    }
.responsive-checklist__row--full-width
{
    width: 100%;
}
@media(min-width: 992px)
            {
.responsive-checklist__row--full-width .responsive-checklist__item
        {
                width: 100%!important;
                background: black;
                color: white;
                font-family: 'speedee-b'
        }
            }
.responsive-checklist__item
{
    display: block;
    padding: 10px;
    padding-bottom: 0;

}
@media(min-width: 992px)
    {
.responsive-checklist__item
{
        padding: 10px 20px;
        width: 20%;
        float: left;
        border-left: 1px solid #E2E2E2;
        border-bottom: 1px solid #E2E2E2

}
        .responsive-checklist__item:nth-child(1)
        {
            width: 25%;
        }
        .responsive-checklist__item:nth-child(2)
        {
            width: 25%;
        }
        .responsive-checklist__item:nth-child(3)
        {
            width: 35%;
        }
        .responsive-checklist__item:nth-child(4)
        {
            width: 15%;
            border-right: 1px solid #E2E2E2;
        }


    }
.responsive-checklist__item__mobile-header
{
    display: block;
    font-size: 13px;
    font-family: 'speedee-b';
}
@media(min-width: 992px)
    {
.responsive-checklist__item__mobile-header
{
        display: none
}
    }
/* end .responsive-checklist */
/* RMAP Day Objectives */
.rmapday-objectives {
    margin: 50px 0 0;
    overflow: auto;
}
.rmapday-objective {
    width: 100%;
    padding: 15px 0;
    margin: 25px 0;
    
}
.rmapday-objective__area-name {
    width: 100%;
    }
.rmapday-objective__area-name h2

{
    margin-bottom: 15px;
    text-align: left;
}
.rmapday-objective__description {
    margin-bottom: 15px;
    text-align: left;
}
.rmapday-objective__buttons .btn {
             margin-bottom: 15px;
         }
@media only screen and (min-width: 768px) {
    .rmapday-objective {
        overflow: auto;
    }

    .rmapday-objective__description, .rmapday-objective__buttons, .rmapday-objective__unfinished {
        float: left;
        width: 33.33%;
    }

    .rmapday-objective__unfinished {
        padding: 0 15px;
    }
}
/*.completed-rmap-days {
    .dataTables_wrapper .dataTables_length select

{
    padding: 3px;
    border: 0;
    width: 45px;
    margin-bottom: 25px;
}
table.dataTable.no-footer {
    border-bottom: 0;
    margin-bottom: 25px;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 5px;
    border-bottom: 0;
}
.table tr td {
    border-left: 0;
}
    .table tr td:last-of-type {
        border-right: 0;
    }
.dataTable .btn {
    width: auto !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent;
    border: 0;
    border-radius: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: transparent;
    border: 0;
    border-radius: 0;
    text-decoration: underline !important;
}
}
*/
.completed-rmap-days__formContents span {
    display: inline-block;
    max-width: 100%;
}
.completed-rmap-days__formContents span input {
    width: 350px;
    max-width: 100%;
    margin-right: 20px;
}
.completed-rmap-days__formContents span select {
    padding: 15px;
    max-width: 100%;
    margin-bottom: 40px;
    margin-right: 20px;
}
.completed-rmap-days__formContents input[type=submit] {
    width: 150px;
    padding: 15px;
    margin-bottom: 40px;
}
.split-content {
    width: 47.5%;
    margin-right: 5%;
    float: left;
}
.split-content--end {
    margin-right: 0;
}
@media only screen and (max-width: 991.99px) {
    .split-content {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .split-content--end {
        margin-bottom: 0;
    }

    .dashboard-financial-list__item {
        min-height: 225px;
        width: 50% !important;
        float: left;
    }
        .dashboard-financial-list__item:nth-child(4), .dashboard-financial-list__item:nth-child(5), .dashboard-financial-list__item:nth-child(6) {
            border-bottom: 1px solid #E2E2E2 !important;
        }
        .dashboard-financial-list__item:nth-child(1), .dashboard-financial-list__item:nth-child(3), .dashboard-financial-list__item:nth-child(4), .dashboard-financial-list__item:nth-child(5) {
            border-right: 1px solid #E2E2E2 !important;
        }
}
@media only screen and (min-width: 992px) {
    .dashboard-financial-list__item {
        min-height: 225px;
        width: 33.333% !important;
        float: left;
    }
}
hr.completed-rmap-days--hr {
    clear: both;
    height: 3px;
    border: 0;
    background: #FFBC0D;
    margin-bottom: 40px;
}
/* HEADER STYLES */
/* topbar */
.site-header__topbar {
		position: relative;
		background: #FFBC0D;
		height: 10px;
		width: 100%;
		z-index: 9;

	}
.site-header__topbar__drip {
			width: 105px;
			height: auto;
			position: absolute;
			right: 5%;
		}
.site-header__message {
        margin: auto;
        max-width: 1000px;
        text-align: center;
    }
/* END .site-header */
/* NAVIGATION STYLES */
.dashboard--intro .main-menu.active { z-index: 0; }
.dashboard--intro .main-menu.active.zindex { z-index: 11; }
.dashboard--intro .site-menu { z-index: 10; }
.dashboard--intro .site-menu.zindex { z-index: 11; }
{
    z-index: 0;
}
.pre-work--start .main-menu.active { z-index: 0; }
.pre-work--start .main-menu.active.zindex { z-index: 11; }
.pre-work--start .site-menu { z-index: 10; }
.pre-work--start .site-menu.zindex { z-index: 11; }
{
    z-index: 0;
}
/* Primary Menu */
.main-menu
{
    overflow: hidden;
    overflow-y: scroll;
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;


	/* positioning styles */
	position: fixed;
	top: 0;
	bottom: 0;
	width: 245px;
	left: -245px;
	height: 100%;
	-webkit-transform: translate(0px, 0px);
	        transform: translate(0px, 0px);
	-webkit-transition: 0.30s ease;
	transition: 0.30s ease;

	/* look and feel styles */
	background: white;
	border-right: 1px solid #E2E2E2;
	border-top: 10px solid #FFBC0D;

}
/* Internet Explorer 10+ */
.main-menu::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
.main-menu.active {
		-webkit-transform: translate(245px, 0px);
		        transform: translate(245px, 0px);		
		z-index: 11;	
	}
/* Main menu header */
.main-menu__header {
		padding: 22px;
		border-bottom: 1px solid #E2E2E2;

	}
.main-menu__header__logo {
			text-align: center;
		}
.main-menu__header__logo img {
				width: 108px;
			}
/* Main menu navigation */
.main-menu__navigation > ul > li {
				font-family: 'speedee-b';
				border-bottom: 1px solid #E2E2E2;
				font-size: 18px;
				border-left: 5px solid transparent;
			}
.main-menu__navigation > ul > li > a {
					color: #000000;
					display: block;
					padding: 20px;
					outline: none;
				}
.main-menu__navigation > ul > li > a > .fa {
						font-weight: 700;
						color: #E2E2E2;
						margin-right: 10px;
						width: 25px;
					}
.main-menu__navigation > ul > li > a > span .fa-chevron-right, .main-menu__navigation > ul > li > a .fa-chevron-down {
						color: #000000;
						position: relative;
						top: 4px;
						float: right;
						width: auto;
						margin: 0;
						line-height: 1;
						font-weight: 700;
					}
.main-menu__navigation > ul > li.active {
					border-left: 5px solid #EE002D;
				}
.main-menu__navigation > ul > li.active > a {
						color: #EE002D;
					}
.main-menu__navigation > ul > li.active > a > .fa {
							color: #EE002D;
						}
/* Sub-nav */
.main-menu__navigation > ul > li ul.sub-nav {
					display: none;
					padding-bottom: 20px;
				}
.main-menu__navigation > ul > li ul.sub-nav li {
						font-size: 16px;
					}
.main-menu__navigation > ul > li ul.sub-nav li a {
							display: -webkit-box;
							display: flex;
							gap: 10px;
							-webkit-box-align: center;
							        align-items: center;
							padding: 10px 20px;
							font-family: 'speedee';
							color: #8F9996;
							outline: none;
						}
.main-menu__navigation > ul > li ul.sub-nav li a:focus, .main-menu__navigation > ul > li ul.sub-nav li a:hover, .main-menu__navigation > ul > li ul.sub-nav li a.active {
								color: #000000;
							}
.main-menu__navigation > ul > li ul.sub-nav li a.active {
								font-family: 'speedee-b';
								color: #000000;
							}
/* Page Container */
.page-container {
	width: 100%;
	-webkit-transform: translate(0px, 0px);
	        transform: translate(0px, 0px);
	-webkit-transition: 0.30s ease;
	transition: 0.30s ease;
	min-height: 100vh;
	padding-bottom: 80px;
    overflow: hidden;

}
.page-container.active {
		-webkit-transform: translate(245px, 0px);
		        transform: translate(245px, 0px);
   }
.page-container.left-padding {
   	padding-left: 245px;
   }
.login-view .page-container {
        padding-left: 0;
    }
/* Site Menu */
.site-menu {
	background: white;
	padding: 30px 20px;
	border-bottom: 1px solid #E2E2E2;
	position: relative;
	z-index: 11;

}
/* Logo */
.site-menu__logo {
		width: 70px;
		float: left;
		line-height: 1;
		position: relative;
	}
.site-menu__logo img {
			opacity: 1;
		}
.site-menu__logo img.fade {
				opacity: 0;
			}
/* Hamburger Menu */
.site-menu__hamburger {
		position: relative;
		cursor: pointer;
		width: 50px;
		float: left;
		top: 6px;
		margin-right: 10px;

	}
.site-menu__hamburger .line {
		  width: 40px;
		  height: 2px;
		  background-color: #8F9996;
		  display: block;
		  -webkit-transition: all 0.3s ease-in-out;
		  transition: all 0.3s ease-in-out;
		  margin-bottom: 5px;
		}
.site-menu__hamburger .line:last-child {
		  	margin-bottom: 0;
		  }
.site-menu__hamburger:hover{
		  cursor: pointer;
		}
.site-menu__hamburger.is-active .line {
			background-color: #EE002D;

		}
.site-menu__hamburger.is-active .line:nth-child(2) {
		  	opacity: 0;
		  }
.site-menu__hamburger.is-active .line:nth-child(1) {
		  	-webkit-transform: translateY(9px) rotate(45deg);
		  	        transform: translateY(9px) rotate(45deg);
			}
.site-menu__hamburger.is-active .line:nth-child(3) {
		  	 -webkit-transform: translateY(-5px) rotate(-45deg);
		  	         transform: translateY(-5px) rotate(-45deg);
			}
/* Secondary Menu */
.site-menu__secondary {
		float: right;
		line-height: 1;
		top: 6px;
		position: relative;
	
	}
@media(min-width: 768px) {
.site-menu__secondary {
			width: 70%
	
	}
		}
@media(min-width: 768px) {
.site-menu__secondary ul {
				float: right
		}
			}
.site-menu__secondary ul li {
				display: inline;
				float: left;
				margin-right: 30px;
			}
.site-menu__secondary ul li:last-child {
					margin-right: 0;
				}
.site-menu__secondary ul li a, .site-menu__secondary ul li form a {
					display: block;
					color: #8F9996;
					outline: none;
					position: relative;

				}
.site-menu__secondary ul li a:focus, .site-menu__secondary ul li a:hover, .site-menu__secondary ul li form a:focus, .site-menu__secondary ul li form a:hover {
						color: #000000;
					}
@media(min-width: 768px) {
.site-menu__secondary ul li a, .site-menu__secondary ul li form a {
						color: #000000

				}
						
						.site-menu__secondary ul li a span, .site-menu__secondary ul li form a span {
							color: #454545;
						}
						.site-menu__secondary ul li a .fa, .site-menu__secondary ul li form a .fa {
							font-weight: 700;
						}

						.site-menu__secondary ul li a .fa-store-alt, .site-menu__secondary ul li form a .fa-store-alt {
							display: none;
						}
						.site-menu__secondary ul li a .fa-chevron-up,
						.site-menu__secondary ul li a .fa-chevron-down,
						.site-menu__secondary ul li form a .fa-chevron-up,
						.site-menu__secondary ul li form a .fa-chevron-down {
							font-weight: 700;
							position: relative;
							vertical-align: middle;
							margin-left: 5px;
						}
					}
/* END .site-menu */
/* TOPBAR MENU ITEMS */
/* Generic styling */
.restaurants-list,
.notifications-list,
.user-list {
	position: static;


}
.restaurants-list > ul, .notifications-list > ul, .user-list > ul {
		display: none;
		position: fixed;
		top: 100px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #F7F7F7;
		max-height: calc(100vh - 105px);
		overflow-y: scroll;
		padding: 0;
		z-index: 10;
	}
@media(min-width: 768px) {
.restaurants-list > ul, .notifications-list > ul, .user-list > ul {
			position: absolute;
			top: 54px;
			left: auto;
			right: auto;
			bottom: auto;
			width: content-width;
			max-height: calc(100vh - 100px);
			overflow-y: scroll;
			box-shadow: rgba(0,0,0,0.1) 0 0 30px
	}

			.restaurants-list > ul:first-child, .notifications-list > ul:first-child, .user-list > ul:first-child {
				
			}
		}
.restaurants-list > ul > li, .notifications-list > ul > li, .user-list > ul > li {
			margin-right: 0;
			width: 100%;
		}
.restaurants-list > ul > li a, .notifications-list > ul > li a, .user-list > ul > li a {
				display: block;
				padding: 20px;
				color: #000000 !important;
				border-bottom: 1px solid #E2E2E2;
			}
.restaurants-list > ul > li a:hover, .notifications-list > ul > li a:hover, .user-list > ul > li a:hover {
                    text-decoration: underline;
                }
.restaurants-list > ul > li.restaurant-no-match, .notifications-list > ul > li.restaurant-no-match, .user-list > ul > li.restaurant-no-match {
				display: none;
			}
.restaurants-list > ul > li.restaurant-first-match, .notifications-list > ul > li.restaurant-first-match, .user-list > ul > li.restaurant-first-match {
				margin-top: 50px;
			}
.restaurants-list > ul > li:first-child, .notifications-list > ul > li:first-child, .user-list > ul > li:first-child {
				border-bottom: 1px solid;
				position: fixed;			
				background: #F7F7F7;
				z-index: 11;
				width: 100%;
			}
@media(min-width: 768px) {
.restaurants-list > ul > li:first-child, .notifications-list > ul > li:first-child, .user-list > ul > li:first-child {
					width: 300px
			}
				}
.restaurants-list > ul > li:first-child > input, .notifications-list > ul > li:first-child > input, .user-list > ul > li:first-child > input {
					margin: 0;
					padding: 15px 20px;
					border: 0;
					background: #F7F7F7;
				}
/* Restaurants List */
.restaurants-list .restaurants-list__tablet, .notifications-list .restaurants-list__tablet, .user-list .restaurants-list__tablet {
		display: none!important;
	}
@media(min-width: 768px) {
.restaurants-list .restaurants-list__tablet, .notifications-list .restaurants-list__tablet, .user-list .restaurants-list__tablet {
			display: block!important
	}
		}
.restaurants-list .notifications-list__badge, .notifications-list .notifications-list__badge, .user-list .notifications-list__badge {
		font-family: 'speedee-b';
		background: #EE002D;
		color: white;
		border-radius: 100%;
		width: 20px;
		height: 20px;
		text-align: center;
		font-size: 10px;
		display: block;
		padding: 5px;
		position: absolute;
		bottom: 60%;
		right: -12px;
	}
.restaurants-list .notifications__item, .notifications-list .notifications__item, .user-list .notifications__item {
		padding: 20px 20px;
		border-bottom: 1px solid #E2E2E2;

	}
.restaurants-list .notifications__item__target, .notifications-list .notifications__item__target, .user-list .notifications__item__target {
			display: block;
			color: #454545;
			font-family: 'speedee-b';
		}
.restaurants-list .notifications__item__target strong, .notifications-list .notifications__item__target strong, .user-list .notifications__item__target strong {
				display: block;
			}
.restaurants-list .notifications__item .priority, .notifications-list .notifications__item .priority, .user-list .notifications__item .priority {
			color: white;
			display: inline-block;
			border-radius: 20px;
			padding: 5px 10px;
			text-align: center;
			max-width: 100px;
			margin-top: 5px;
			margin-left: 10px;

		}
.restaurants-list .notifications__item .priority--overdue, .notifications-list .notifications__item .priority--overdue, .user-list .notifications__item .priority--overdue {
				background: #EE002D;
			}
.restaurants-list .notifications__item .priority--week, .notifications-list .notifications__item .priority--week, .user-list .notifications__item .priority--week {
				background: #B69A81;
			}
.restaurants-list .notifications__item .priority--normal, .notifications-list .notifications__item .priority--normal, .user-list .notifications__item .priority--normal {
				background: #264F36;
			}
.restaurants-list .notifications__item__text, .notifications-list .notifications__item__text, .user-list .notifications__item__text {
			display: block;
			margin-bottom: 10px;
		}
/* User List */
.restaurants-list .user-list__tablet, .notifications-list .user-list__tablet, .user-list .user-list__tablet {
		display: none!important;
	
	}
@media(min-width: 768px) {
.restaurants-list .user-list__tablet, .notifications-list .user-list__tablet, .user-list .user-list__tablet {
			display: inline!important;
			margin-left: 10px
	
	}
		}
.restaurants-list ul::-webkit-scrollbar { /* WebKit */
			width: 0;
			height: 0;
		}
@media(min-width: 768px) {
.restaurants-list ul {
            position: absolute;
            top: 54px;
            left: auto;
            right: auto;
            bottom: auto;
            width: 300px;
            overflow-y: scroll;
            box-shadow: rgba(0,0,0,0.1) 0 0 30px;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none /* Internet Explorer 10+ */		
	}
		}
@media(min-width: 768px) {
	
	.notifications__item__text {
		width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
	}
	
	.notifications__item__text:nth-child(1n) {
		float: left;
		margin-right: 30px;
		clear: none;
	}
	
	.notifications__item__text:last-child {
		margin-right: 0;
	}
	
	.notifications__item__text:nth-child(3n) {
		margin-right: 0;
		float: right;
	}
	
	.notifications__item__text:nth-child(3n + 1) {
		clear: both;
	}
	.notifications__item__target {
		width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
	}
	.notifications__item__target:nth-child(1n) {
		float: left;
		margin-right: 30px;
		clear: none;
	}
	.notifications__item__target:last-child {
		margin-right: 0;
	}
	.notifications__item__target:nth-child(3n) {
		margin-right: 0;
		float: right;
	}
	.notifications__item__target:nth-child(3n + 1) {
		clear: both;
	}
		.notifications__item__target strong {
			text-align: center;
		}
		.notifications__item__target .priority {
			margin: 0!important;
			margin-top: 5px!important;
		}



	}
.notifications-list > ul {
             padding-bottom: 0;		
	}
@media(min-width: 768px) {
.notifications-list > ul {
            position: absolute;
            top: 54px;
            left: auto;
            right: 0;
            bottom: auto;
            width: 500px;
            height: 370px;
            overflow-y: scroll;
            box-shadow: rgba(0,0,0,0.1) 0 0 30px;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none /* Internet Explorer 10+ */		
	}
            .notifications-list > ul::-webkit-scrollbar { /* WebKit */
                width: 0;
                height: 0;
            }

		}
.notifications--more ul .notifications__item {
                margin-right: 0!important;
        }
.notifications--more-trigger {
    text-align: center;
    padding: 20px;
}
.notifications--more-trigger a {
          display: block;
          max-width: 250px;
          margin: 0 auto;
          font-size: 15px;
      }
@media(min-width: 768px) {
.user-list ul {
            position: absolute;
            top: 54px;
            left: auto;
            right: auto;
            bottom: auto;
            width: 150px;
            height: 113px;
            height: auto;
            padding: 0;
            overflow-y: scroll;
            box-shadow: rgba(0,0,0,0.1) 0 0 30px;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none /* Internet Explorer 10+ */		
	}
            .user-list ul::-webkit-scrollbar
            { /* WebKit */
                width: 0;
                height: 0;
            }

		}
#js-modal--pre-work-tip
{
    background: #FFBC0D;
}
#js-modal--pre-work-tip h2, #js-modal--pre-work-tip p { color: white; }
#js-modal--pre-work-tip .btn:hover {
        background: #000000;
    }
.prework-nav-list > a.blink
{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #FFBC0D;
    animation: fader 1s infinite;
    -webkit-animation: fader 1s infinite;
}
@keyframes fader
{
    0%
    {
        opacity: 0.5;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 0.5;
    }
}
@-webkit-keyframes fader
{
    0%
    {
        opacity: 0.5;
    }

    50%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 0.5;
    }
}
/* FOOTER STYLES */
.site-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 20px;
    z-index: -1;

}
@media(min-width: 1400px) {
.site-footer {
		padding-left: 265px

}
	}
/* copyright */
.site-footer__copyright {
		font-size: 13px;
	}
@media(min-width: 992px) {
.site-footer__copyright {
			font-size: 16px
	}
		}
.site-footer__copyright p { margin-bottom: 0; }
/* cropped-arches */
.site-footer__arches {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 80px;
		height: auto;

	}
@media(min-width: 768px) {
.site-footer__arches { width: 200px

	} }
@media(min-width: 992px) {
.site-footer__arches { width: 300px

	} }
@media(min-width: 1920px) {
.site-footer__arches { width: 426px

	} }
/* end .site-footer */
/* LOGIN & restaurant SELECTION */
.login-view .page-content, .login-view .page-content > .container
    {
        height: calc(100vh - 185px);
    }
.login-view .edit-form
    {
        background: none;
        box-shadow: none;
    }
.login-view .js-restaurant-choice
{
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background: #eee;
    border: navajowhite;
    outline: none;
    overflow-y:scroll!important;
}
.login {
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background: white;
	padding: 30px;
	border: 1px solid #E2E2E2;
	box-shadow: rgba(0,0,0,0.1) 0 0 30px;
	overflow: visible;
	width: 90%;
	text-align: center;


}
@media(min-width: 768px) {
.login {
		width: 460px


}
	}
@media(min-width: 992px) {
.login {
		width: 600px


}
	}
.login__header {
		margin-bottom: 20px;
	}
@media(min-width: 992px) {
.login__header {
			margin-bottom: 30px
	}
		}
.login__title {
		text-align: center;
		margin-bottom: 0;
		line-height: 1;
	}
.login__restaurant {
		position: absolute;
		left: 0;
		top: -74px;
		width: 100%;
	}
@media(min-width: 768px) {
.login__restaurant {
			top: -148px
	}
		}
.login__restaurant img {
			display: block;
			width: 100px;
			margin: 0 auto;
		}
@media(min-width: 768px) {
.login__restaurant img {
				width: 200px
		}
			}
.login--form input[type=text],
	.login--form input[type=email],
	.login--form input[type=email],
	.login--form input[type=password],
	.login--restaurant-selection input[type=text],
	.login--restaurant-selection input[type=email],
	.login--restaurant-selection input[type=email],
	.login--restaurant-selection input[type=password] {
		border-radius: 100px;
		margin: 0;
		margin-bottom: 10px;
		padding: 10px 20px;
		border: none;
		background: #F7F7F7;
		line-height: 1.5;
	}
.login--form input[type=text] ::-webkit-input-placeholder, .login--form input[type=email] ::-webkit-input-placeholder, .login--form input[type=email] ::-webkit-input-placeholder, .login--form input[type=password] ::-webkit-input-placeholder, .login--restaurant-selection input[type=text] ::-webkit-input-placeholder, .login--restaurant-selection input[type=email] ::-webkit-input-placeholder, .login--restaurant-selection input[type=email] ::-webkit-input-placeholder, .login--restaurant-selection input[type=password] ::-webkit-input-placeholder { color: #8F9996; opacity: 1; }
.login--form input[type=text] ::-moz-placeholder, .login--form input[type=email] ::-moz-placeholder, .login--form input[type=email] ::-moz-placeholder, .login--form input[type=password] ::-moz-placeholder, .login--restaurant-selection input[type=text] ::-moz-placeholder, .login--restaurant-selection input[type=email] ::-moz-placeholder, .login--restaurant-selection input[type=email] ::-moz-placeholder, .login--restaurant-selection input[type=password] ::-moz-placeholder { color: #8F9996; opacity: 1; }
.login--form input[type=text] :-ms-input-placeholder, .login--form input[type=email] :-ms-input-placeholder, .login--form input[type=email] :-ms-input-placeholder, .login--form input[type=password] :-ms-input-placeholder, .login--restaurant-selection input[type=text] :-ms-input-placeholder, .login--restaurant-selection input[type=email] :-ms-input-placeholder, .login--restaurant-selection input[type=email] :-ms-input-placeholder, .login--restaurant-selection input[type=password] :-ms-input-placeholder { color: #8F9996; opacity: 1; }
.login--form input[type=text] ::-ms-input-placeholder, .login--form input[type=email] ::-ms-input-placeholder, .login--form input[type=email] ::-ms-input-placeholder, .login--form input[type=password] ::-ms-input-placeholder, .login--restaurant-selection input[type=text] ::-ms-input-placeholder, .login--restaurant-selection input[type=email] ::-ms-input-placeholder, .login--restaurant-selection input[type=email] ::-ms-input-placeholder, .login--restaurant-selection input[type=password] ::-ms-input-placeholder { color: #8F9996; opacity: 1; }
.login--form input[type=text] ::placeholder, .login--form input[type=email] ::placeholder, .login--form input[type=email] ::placeholder, .login--form input[type=password] ::placeholder, .login--restaurant-selection input[type=text] ::placeholder, .login--restaurant-selection input[type=email] ::placeholder, .login--restaurant-selection input[type=email] ::placeholder, .login--restaurant-selection input[type=password] ::placeholder { color: #8F9996; opacity: 1; }
.login--form input[type=text] :-ms-input-placeholder, .login--form input[type=email] :-ms-input-placeholder, .login--form input[type=email] :-ms-input-placeholder, .login--form input[type=password] :-ms-input-placeholder, .login--restaurant-selection input[type=text] :-ms-input-placeholder, .login--restaurant-selection input[type=email] :-ms-input-placeholder, .login--restaurant-selection input[type=email] :-ms-input-placeholder, .login--restaurant-selection input[type=password] :-ms-input-placeholder { color: #8F9996; }
.login--form input[type=text] ::-ms-input-placeholder, .login--form input[type=email] ::-ms-input-placeholder, .login--form input[type=email] ::-ms-input-placeholder, .login--form input[type=password] ::-ms-input-placeholder, .login--restaurant-selection input[type=text] ::-ms-input-placeholder, .login--restaurant-selection input[type=email] ::-ms-input-placeholder, .login--restaurant-selection input[type=email] ::-ms-input-placeholder, .login--restaurant-selection input[type=password] ::-ms-input-placeholder { color: #8F9996; }
@media(min-width: 768px) {
.login--form input[type=text],
	.login--form input[type=email],
	.login--form input[type=email],
	.login--form input[type=password],
	.login--restaurant-selection input[type=text],
	.login--restaurant-selection input[type=email],
	.login--restaurant-selection input[type=email],
	.login--restaurant-selection input[type=password] {
			padding: 10px 20px;
			font-size: 18px;
			margin-bottom: 20px
	}
		}
@media(min-width: 992px) {
.login--form input[type=text],
	.login--form input[type=email],
	.login--form input[type=email],
	.login--form input[type=password],
	.login--restaurant-selection input[type=text],
	.login--restaurant-selection input[type=email],
	.login--restaurant-selection input[type=email],
	.login--restaurant-selection input[type=password] {
			padding: 20px 30px
	}
		}
/* Text Links */
.login--form .text-link, .login--restaurant-selection .text-link {
		margin: 0 auto;
		display: inline-block;
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 1;
		padding-bottom: 3px;
		text-decoration: none;
		border-bottom: 1px solid #000000;
		outline: none;
	
	}
@media(min-width: 768px) {
.login--form .text-link, .login--restaurant-selection .text-link {
			font-size: 18px;
			margin-bottom: 30px
	
	}
		}
.login--form .text-link.active, .login--form .text-link:focus, .login--restaurant-selection .text-link.active, .login--restaurant-selection .text-link:focus {
			color: #EE002D;
			border-bottom: 1px solid #EE002D;
		}
.login--form .text-link:hover, .login--restaurant-selection .text-link:hover {
			color: #FFBC0D;
			border-bottom: 1px solid #FFBC0D;
		}
/* Submit Button */
.login--form .btn, .login--restaurant-selection .btn {
		width: 100%;
		text-align: center;
		font-family: 'speedee-b';
		background: #000000;
	
	}
@media(min-width: 768px) {
.login--form .btn, .login--restaurant-selection .btn {
			font-size: 18px;
			line-height: 1.5
	
	}
		}
@media(min-width: 992px) {
.login--form .btn, .login--restaurant-selection .btn {
			padding: 20px 30px;
			font-size: 20px
	
	}
		}
.login--form .btn.active, .login--form .btn:focus, .login--restaurant-selection .btn.active, .login--restaurant-selection .btn:focus {
			background: #EE002D;
		}
.login--form .btn:hover, .login--restaurant-selection .btn:hover {
			background: #FFBC0D;
		}
.login--restaurant-selection {
		display: none;
	}
.login__form__select {
		position: relative;
		z-index: 11;

	}
.login__form__select > a {
			display: block;
			background: #F7F7F7;
			margin-bottom: 20px;
			padding: 10px 20px;
			border-radius: 100px;
			color: #8F9996;
			text-align: left;
			outline: none;
			position: relative;
			z-index: 11;
		}
@media(min-width: 768px) {
.login__form__select > a {
				padding: 10px 20px;
				font-size: 18px;
				margin-bottom: 20px
		}
			}
@media(min-width: 992px) {
.login__form__select > a {
				padding: 20px 30px;
				font-size: 20px
		}
			}
.login__form__select > a .fa {
				float: right;
				line-height: 1.5;
				color: #000000;
			}
.login__form__select__dropdown {
			display: none;
			position: absolute;
			top: 60%;
			left: 0;
			z-index: 10;
			background: white;
			border: 1px solid #E2E2E2;
			box-shadow: rgba(0,0,0,0.1) 0 0 30px;
			text-align: left;
			padding-top: 20px;
			max-height: 210px;
			overflow: hidden;
			overflow-y: scroll;
			width: 100%;
		}
@media(min-width: 992px) {
.login__form__select__dropdown {
				max-height: 300px
		}
			}
.login__form__select__dropdown ul li a {
						display: block;
						outline: none;
						padding: 10px;
						border-bottom: 1px dotted #E2E2E2;
					}
@media(min-width: 768px) {
.login__form__select__dropdown ul li a {
							padding: 20px 40px;
							font-size: 16px
					}
						}
@media(min-width: 992px) {
.login__form__select__dropdown ul li a {
							font-size: 20px
					}
						}
.login__form__select__dropdown ul li a:hover, .login__form__select__dropdown ul li a:focus {
							background: #F7F7F7;
						}
/* end .login */
/* Account Views */
.login-view form .text-danger
        {
            margin-bottom: 10px;
            display: block;
        }
/* Page Header */
.page-header
{
    text-align: center;
    padding: 30px 0;
}
@media(min-width: 992px)
    {
.page-header
{
        padding: 40px 0
}
    }
.page-header .link-arrow

{
    width: 28px;
    display: inline-block;
    margin-right: 5px;
}
.page-header__title
{
    margin-bottom: 10px;
}
.page-header__title__subheader

{
    display: block;
    font-size: 18px;
    color: #000000;

}
.page-header__title__subheader span

{
    font-family: 'speedee';
    color: #454545;
}
.page-header h5
{
    color: #000000;
    text-align: left;
}
@media(min-width: 1400px)
    {
.page-header p
{
        max-width: 70%;
        margin-left: 15%
}
    }
@media(min-width: 1400px)
    {
.page-header ol
{
        max-width: 70%;
        margin-left: 15%
}
    }
/* Modal Links in Page Header */
.page-header__modal-link
{
    font-family: 'speedee-b';

}
.page-header__modal-link span

{
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid #EE002D;

}
.page-header__modal-link span:hover, .page-header__modal-link span:focus

{
    color: #000000;
    border-bottom: 2px solid #000000;
}
@media(min-width: 768px)
{
.page-header__modal-link
{
    font-size: 20px

}
}
.page-content
{
    position: relative;
    z-index: 10;
}
/* CONTACT HELP PAGE */
.contact__content ul li

{
    margin-bottom: 20px;
}
/* PRE-WORK COMPETITORS */
#row-addCompetitor
{
    text-align: center;
}
/* PRE-WORK/RMAP START/INDEX */
.pre-work--start .fa-clock, .pre-work--start .fa-save, .rmapday--start .fa-clock, .rmapday--start .fa-save

{
    font-size: 24px;
    font-weight: 700;
    margin-right: 10px;
    vertical-align: bottom;
}
.pre-work--start .content-box p,

.rmapday--start .content-box p

{
    font-family: 'speedee-b';
}
.pre-work--start .content-box .btn--lets-go,
.rmapday--start .content-box .btn--lets-go
{
    margin-top: 30px;
}
/* PRE-WORK FINANCIAL FORMS */
.pre-work--financial__form01__item
{
    background: white;
    box-shadow: rgba(0,0,0,0.1) 0 0 30px;
    margin-bottom: 20px;
    padding: 40px;
    text-align: center;
    position: relative;

}
@media(min-width: 768px)
    {
.pre-work--financial__form01__item
{
        width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
        margin-bottom: 30px

}
.pre-work--financial__form01__item:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none

}
.pre-work--financial__form01__item:last-child
{
        margin-right: 0

}
.pre-work--financial__form01__item:nth-child(2n)
{
        margin-right: 0;
        float: right

}
.pre-work--financial__form01__item:nth-child(2n + 1)
{
        clear: both

}
    }
@media(min-width: 992px)
    {
.pre-work--financial__form01__item
{
        width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
        min-height: 220px

}
.pre-work--financial__form01__item:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none

}
.pre-work--financial__form01__item:last-child
{
        margin-right: 0

}
.pre-work--financial__form01__item:nth-child(3n)
{
        margin-right: 0;
        float: right

}
.pre-work--financial__form01__item:nth-child(3n + 1)
{
        clear: both

}
    }
.pre-work--financial__form01__item label

{
    display: block;
    margin-bottom: 20px;
    max-width: 70%;
    margin-left: 15%;
}
@media(min-width: 768px)
    {
.pre-work--financial__form01__item label

{
        max-width: 85%;
        margin-left: 7.5%;
        min-height: 48px
}
    }
@media(min-width: 992px)
    {
.pre-work--financial__form01__item label

{
        max-width: 100%;
        margin-left: 0;
        min-height: 0
}
    }
.pre-work--financial__form01__item input[type=text], .pre-work--financial__form01__item input[type=number]
{
    margin: 0;
}
@media(min-width: 992px)
    {
.pre-work--financial__form01__item input[type=text], .pre-work--financial__form01__item input[type=number]
{
        position: absolute!important;
        bottom: 40px!important;
        left: 40px!important;
        width: 75%
}
    }
/* PACE FORMS */
.pre-work--pace ul.list-group, .dashboard--pace ul.list-group {
        list-style: none;
    }
.pre-work--pace ul.list-group .list-group-item, .dashboard--pace ul.list-group .list-group-item {
            /* padding: 10px 20px; */
        }
.pre-work--pace ol.list-group .list-group-item, .dashboard--pace ol.list-group .list-group-item {
            /* padding: 10px 20px; */
        }
.pre-work--pace .pre-work--pace__form02__list,
        .dashboard--pace .pre-work--pace__form02__list
        {
            list-style: none;
            text-align: center;
            margin: 0;
        }
.pre-work--pace .pre-work--pace__form02__list li,
            .dashboard--pace .pre-work--pace__form02__list li
            {
                background: #FFC72C;
                padding: 20px 50px;
                font-weight: bold;
                margin-bottom: 10px;
            }
.pre-work--pace .pre-work--pace__form02__list li.sort-handle--chosen, .dashboard--pace .pre-work--pace__form02__list li.sort-handle--chosen { }
.pre-work--pace .pre-work--pace__form02__list li.sort-handle--ghost, .dashboard--pace .pre-work--pace__form02__list li.sort-handle--ghost {
                        opacity: 0.5;
                    }
/* DEMOGRAPHICS */
.pre-work--demographics form select, .dashboard--demographic form select {
            display: block;
            width: 100%;
            height: 50px;
            border: 1px solid #8F9996;
            padding: 10px;
            margin-bottom: 40px;
            margin-top: 5px;
            border-radius: 5px;
        }
.pre-work--demographics .pre-work--demographics__item, .dashboard--demographic .pre-work--demographics__item {
        background: white;
        box-shadow: rgba(0,0,0,0.1) 0 0 30px;
        margin-bottom: 20px;
        padding: 40px;
        /* text-align: center; */
        position: relative;
    }
@media(min-width: 768px)
        {
.pre-work--demographics .pre-work--demographics__item, .dashboard--demographic .pre-work--demographics__item {
            /* lost-column: 1/2 2; */
            margin-bottom: 30px
    }
        }
@media(min-width: 992px)
        {
.pre-work--demographics .pre-work--demographics__item, .dashboard--demographic .pre-work--demographics__item {
            /* lost-column: 1/3 3; */
            min-height: 220px
    }
        }
.pre-work--demographics .pre-work--demographics__item label, .dashboard--demographic .pre-work--demographics__item label {
            display: block;
            margin-bottom: 20px;
            max-width: 70%;
            margin-left: 15%;
        }
@media(min-width: 768px)
            {
.pre-work--demographics .pre-work--demographics__item label, .dashboard--demographic .pre-work--demographics__item label {
                max-width: 85%;
                margin-left: 7.5%;
                min-height: 48px
        }
            }
@media(min-width: 992px)
            {
.pre-work--demographics .pre-work--demographics__item label, .dashboard--demographic .pre-work--demographics__item label {
                max-width: 100%;
                margin-left: 0;
                min-height: 0
        }
            }
.pre-work--demographics .pre-work--demographics__item label:first-child, .dashboard--demographic .pre-work--demographics__item label:first-child {
                margin-top: 30px;
            }
.pre-work--demographics .pre-work--demographics__item input:last-child, .dashboard--demographic .pre-work--demographics__item input:last-child {
                margin-bottom: 0;
            }
/* ADD COMPETITOR SUMMARY TABLE */
.competitor-summary
{
    margin-top: 40px;
    background: white;
    box-shadow: rgba(0,0,0,0.1) 0 0 30px;
}
/* ROWS */
@media(min-width: 768px)
    {
.competitor-summary__row

{
        border-top: 1px solid #E2E2E2

}
    }
.competitor-summary__row--desktop-header

{
    display: none;
}
@media(min-width: 768px)
    {
.competitor-summary__row--desktop-header

{
        display: block;
        font-family: 'speedee-b'
}
    }
/* ITEMS */
.competitor-summary__item
{
    display: block;
    padding: 10px;

}
@media(min-width: 768px)
    {
.competitor-summary__item
{
        padding: 20px;
        display: block;
        float: left

}
        .competitor-summary__item:nth-child(1)
        {
            width: 25%;
        }

        .competitor-summary__item:nth-child(2)
        {
            width: 50%;
        }
    }
.competitor-summary__item:first-child

{
    border-top: 2px solid #000000;
}
@media(min-width: 768px)
    {
.competitor-summary__item:first-child

{
        border-top: none
}
    }
.competitor-summary__item--edit, .competitor-summary__item--delete
{
    display: inline-block;
    font-family: 'speedee-b';
}
@media(min-width: 768px)
    {
.competitor-summary__item--edit, .competitor-summary__item--delete
{
        width: 12.5%;
        font-family: 'speedee'
}
    }
.competitor-summary__item__mobile-header
{
    display: block;
    font-size: 13px;
    font-family: 'speedee-b';
}
@media(min-width: 768px)
    {
.competitor-summary__item__mobile-header
{
        display: none
}
    }
/* ADD COMPETITOR FORM */
.pre-work--competitors .add-competitor-form,
.dashboard--competitor .edit-competitor-form,
.dashboard--competitor .add-competitor-form,
.edit-form, .add-form
{
    background: white;
    box-shadow: rgba(0,0,0,0.1) 0 0 30px;
    padding: 20px;

}
/* Select dropdowns. */
.pre-work--competitors .add-competitor-form select,
.dashboard--competitor .edit-competitor-form select,
.dashboard--competitor .add-competitor-form select,
.edit-form select,
.add-form select
{
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #8F9996;
    padding: 10px;
    margin-bottom: 40px;
    margin-top: 5px;
    border-radius: 5px;
}
.pre-work--competitors .add-competitor-form .postcode-label, .pre-work--competitors .add-competitor-form .map-label, .dashboard--competitor .edit-competitor-form .postcode-label, .dashboard--competitor .edit-competitor-form .map-label, .dashboard--competitor .add-competitor-form .postcode-label, .dashboard--competitor .add-competitor-form .map-label, .edit-form .postcode-label, .edit-form .map-label, .add-form .postcode-label, .add-form .map-label
{
    clear: both;
    display: block;
}
@media(min-width: 768px)
    {
.pre-work--competitors .add-competitor-form #CompetitorViewModel_Postcode, .pre-work--competitors .add-competitor-form postcode-input, .dashboard--competitor .edit-competitor-form #CompetitorViewModel_Postcode, .dashboard--competitor .edit-competitor-form postcode-input, .dashboard--competitor .add-competitor-form #CompetitorViewModel_Postcode, .dashboard--competitor .add-competitor-form postcode-input, .edit-form #CompetitorViewModel_Postcode, .edit-form postcode-input, .add-form #CompetitorViewModel_Postcode, .add-form postcode-input {
        max-width: 50%!important;
        float: left!important
}
    }
.pre-work--competitors .add-competitor-form .map-display-btn,
.dashboard--competitor .edit-competitor-form .map-display-btn,
.dashboard--competitor .add-competitor-form .map-display-btn,
.edit-form .map-display-btn,
.add-form .map-display-btn
{
    font-family: 'speedee-b';
}
@media(min-width: 768px)
    {
.pre-work--competitors .add-competitor-form .map-display-btn,
.dashboard--competitor .edit-competitor-form .map-display-btn,
.dashboard--competitor .add-competitor-form .map-display-btn,
.edit-form .map-display-btn,
.add-form .map-display-btn
{
        max-width: 35%;
        float: right;
        width: auto
}
    }
#map
{
    margin-bottom: 40px;
}
/* HIT THE STREETS */
.rmap-mobile-phone
{
    max-width: 150px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 20px;
}
@media(min-width: 992px)
    {
.rmap-mobile-phone
{
        max-width: 200px
}
    }
/* TRAFFIC GENERATORS & TRANSPORT LINKS */
.checkbox-group
{
    margin-top: 40px;
    margin-bottom: 40px;


}
.checkbox-group__title
    {
        margin-bottom: 10px;

    }
.checkbox-group__label
    {
        display: block;
        width: 100%;
        border: 1px solid #8F9996;
        text-align: center;
        padding: 20px;
        border-radius: 100px;
        margin-bottom: 10px;

    }
@media(min-width: 768px)
        {
.checkbox-group__label
    {
            width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
            cursor: pointer

    }
.checkbox-group__label:nth-child(1n)
    {
            float: left;
            margin-right: 30px;
            clear: none

    }
.checkbox-group__label:last-child
    {
            margin-right: 0

    }
.checkbox-group__label:nth-child(2n)
    {
            margin-right: 0;
            float: right

    }
.checkbox-group__label:nth-child(2n + 1)
    {
            clear: both

    }
        }
.checkbox-group__label input[type=checkbox]
        {
            height: 28px;
            width: 28px;
            display: inline-block;
            -moz-appearance: none;
            -webkit-appearance: none;
            -o-appearance: none;
            background: none;
            border: 1px solid #8F9996;
            border-radius: 100%;
            margin-left: 5px;
            vertical-align: middle;
            position: relative;
            top: -2px;
        }
.checkbox-group__label input[type=checkbox]:checked
            {
                background: red;
            }
@media(min-width: 768px)
            {
.checkbox-group__label--threats
        {
                float: none!important;
                margin: 0!important;
                clear: none!important;
                width: auto!important;
                cursor: pointer
        }
            }
.checkbox-group--threats label
        {
            width: 75%!important;
            float: left!important;
        }
@media(min-width: 768px)
            {

            }
.checkbox-group--threats label.input-validation-error
            {
                border: 2px solid #EE002D;
            }
.checkbox-group--threats font { display: none!important; }
.checkbox-group--threats .tooltip
        {
            float: left;
            top: 17px;
            margin-left: 10px;
            position: relative;
        }
.checkbox-group--threats .tooltip__text
        {
            display: block;
            clear: both;
            padding-top: 3px;
            position: absolute;
            bottom: 120%;
            width: 300px;
            background: black;
            color: white;
            padding: 20px;
            font-size: 14px;
            border-radius: 5px;
            right: -40px;
        }
@media(min-width: 768px)
            {
.checkbox-group--threats .tooltip__text
        {
                right: -140px
        }
            }
@media(min-width: 768px)
        {
.checkbox-group--threats
    {
            width: calc(99.9% * 1/3 - (30px - 30px * 1/3))!important
    }
.checkbox-group--threats:nth-child(1n)
    {
            float: left!important;
            margin-right: 30px!important;
            clear: none!important
    }
.checkbox-group--threats:last-child
    {
            margin-right: 0!important
    }
.checkbox-group--threats:nth-child(3n)
    {
            margin-right: 0!important;
            float: right!important
    }
.checkbox-group--threats:nth-child(3n + 1)
    {
            clear: both!important
    }
        }
@media(min-width: 768px)
                {
.checkbox-group--threats:nth-child(3) .tooltip__text
            {
                    right: 0
            }
                }
.input-validation-error 



@media(--desktop) .pre-work--start .page-container {
        min-height: 1040px;
    }
.input-validation-error 



@media(--desktop) .pre-work--my-goals .page-container {
        min-height: 1040px;
    }
.input-validation-error 



@media(--desktop) .pre-work--competitors .page-container {
        min-height: 1040px;
    }
.input-validation-error 



@media(--desktop) .rmapday--start .page-container {
        min-height: 1040px;
    }
.input-validation-error 



@media(--desktop) .rmapday--secreturl .page-container {
        min-height: 1040px;
    }
.input-validation-error 



@media(--desktop) .rmapday--competitors .page-container {
        min-height: 1040px;
    }
.input-validation-error 



@media(--desktop) .rmapday--trafficgenerators .page-container {
        min-height: 1040px;
    }
.input-validation-error 



@media(--desktop) .rmapday--transportlinks .page-container {
        min-height: 1040px;
    }
.page-container {
    min-height: 100vh;
    position: relative;
}
.page-container:after {
        content: '';
        display: block;
        height: 84px; /* Set same as footer's height */
    }
.page-footer {
    position: absolute !important;
    bottom: 0;
    width: 100%;
    left: 0;
}
.dashboard--index .content-box {
        margin-bottom: 35px;
    }
/* DASHBOARD DEMOGRAPHICS & LOCATION */
.content-box--dashboard-demographics table tr th {
                padding: 3px;
            }
.content-box--dashboard-demographics table tr th:last-child {
                    text-align: right;
                }
@media(min-width: 992px)
    {
.content-box--dashboard-demographics
{
        width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
        float: right!important;
        margin-right: 0!important;
        clear: none!important
}
.content-box--dashboard-demographics:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--dashboard-demographics:last-child
{
        margin-right: 0
}
.content-box--dashboard-demographics:nth-child(3n)
{
        margin-right: 0;
        float: right
}
.content-box--dashboard-demographics:nth-child(3n + 1)
{
        clear: both
}
    }
@media(min-width: 992px)
    {
.content-box--dashboard-pace
{
        width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
        float: right!important;
        margin-right: 0!important;
        clear: none!important
}
.content-box--dashboard-pace:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--dashboard-pace:last-child
{
        margin-right: 0
}
.content-box--dashboard-pace:nth-child(3n)
{
        margin-right: 0;
        float: right
}
.content-box--dashboard-pace:nth-child(3n + 1)
{
        clear: both
}
    }
.content-box__content--dashboard-pace
{
    padding: 20px;
}
.content-box__content--dashboard-pace p {
        margin: 0;
        line-height: 1.1;
    }
.dashboard-pace-list
{
    margin: 0;
    list-style-position: inside;
}
.dashboard-pace-list li
    {
        background: #FFC72C;
        padding: 2px 10px;
        margin-bottom: 5px;
        font-weight: bold;
    }
.dashboard-pace-list li:last-child
        {
            margin-bottom: 10px;
        }
@media(min-width: 992px)
    {
.content-box--dashboard-location
{
        width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
        float: left!important;
        margin-right: 30px!important
}
.content-box--dashboard-location:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--dashboard-location:last-child
{
        margin-right: 0
}
.content-box--dashboard-location:nth-child(3n)
{
        margin-right: 0;
        float: right
}
.content-box--dashboard-location:nth-child(3n + 1)
{
        clear: both
}
    }
/* DASHBOARD CHECKLIST */
.content-box__content--dashboard-location__labels
    {
        padding: 10px 20px;
        padding-bottom: 0;
    }
.content-box__content--dashboard-location__labels ul li
        {
            display: inline;
            float: left;
            margin-right: 10px;
        }
.content-box__content--dashboard-location__map
    {
        padding: 20px;
    }
.content-box__content--dashboard-location__markers
    {
        padding: 10px 20px;
    }
.content-box__content--dashboard-location__markers ul { text-align: center; }
.content-box__content--dashboard-location__markers li
        {
            margin-bottom: 5px;
        }
@media(min-width: 768px)
            {
.content-box__content--dashboard-location__markers li
        {
                width: calc(99.9% * 1/3 - (30px - 30px * 1/3))
        }
.content-box__content--dashboard-location__markers li:nth-child(1n)
        {
                float: left;
                margin-right: 30px;
                clear: none
        }
.content-box__content--dashboard-location__markers li:last-child
        {
                margin-right: 0
        }
.content-box__content--dashboard-location__markers li:nth-child(3n)
        {
                margin-right: 0;
                float: right
        }
.content-box__content--dashboard-location__markers li:nth-child(3n + 1)
        {
                clear: both
        }
                .content-box__content--dashboard-location__markers li .btn
                {
                    font-size: 14px;
                }
            }
@media(min-width: 992px)
    {
.content-box--dashboard-checklist
{
        width: calc(99.9% * 3/3 - (30px - 30px * 3/3))
}
.content-box--dashboard-checklist:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--dashboard-checklist:last-child
{
        margin-right: 0
}
.content-box--dashboard-checklist:nth-child(3n)
{
        margin-right: 0;
        float: right
}
.content-box--dashboard-checklist:nth-child(3n + 1)
{
        clear: both
}
    }
.dashboard-checklist-list__item
    {
        padding: 40px 20px;
        text-align: center;
        border-bottom: 1px solid #E2E2E2;
    }
.dashboard-checklist-list__item
    {
        position: relative;
        display: block;
    }
@media(min-width: 768px)
        {
.dashboard-checklist-list__item
    {
            width: 50%;
            float: left
    }
        }
.dashboard-checklist-list__item .progressbar-text
        {
            top: 52%!important;
        }
.dashboard-checklist-list__item svg
        {
            width: 200px!important;
            margin: 0 auto;
        }
@media(min-width: 768px)
            {
.dashboard-checklist-list__item svg
        {
                width: 150px!important
        }
            }
/* Generic */
/* GEComplete */
#checklistItem2 { display: none!important; }
/* GETotal */
#checklistItem3 { display: none!important; }
/* GEName */
#checklistItem4 { display: block; font-family: 'speedee-b'; color: #000000; }
/* Approach */
/* GEComplete */
#checklistItem6 { display: none!important; }
/* GETotal */
#checklistItem7 { display: none!important; }
/* GEName */
#checklistItem8 { display: block; font-family: 'speedee-b'; color: #000000; }
/* Entrance and windows */
/* GEComplete */
#checklistItem10 { display: none!important; }
/* GETotal */
#checklistItem11 { display: none!important; }
/* GEName */
#checklistItem12 { display: block; font-family: 'speedee-b'; color: #000000; }
/* Order */
/* GEComplete */
#checklistItem14 { display: none!important; }
/* GETotal */
#checklistItem15 { display: none!important; }
/* GEName */
#checklistItem16 { display: block; font-family: 'speedee-b'; color: #000000; }
/* Front counter */
/* GEComplete */
#checklistItem18 { display: none!important; }
/* GETotal */
#checklistItem19 { display: none!important; }
/* GEName */
#checklistItem20 { display: block; font-family: 'speedee-b'; color: #000000; }
/* Dining area */
/* GEComplete */
#checklistItem22 { display: none!important; }
/* GETotal */
#checklistItem23 { display: none!important; }
/* GEName */
#checklistItem24 { display: block; font-family: 'speedee-b'; color: #000000; }
/* Exit */
/* GEComplete */
#checklistItem26 { display: none!important; }
/* GETotal */
#checklistItem27 { display: none!important; }
/* GEName */
#checklistItem28 { display: block; font-family: 'speedee-b'; color: #000000; }
/* Drive-thru */
/* GEComplete */
#checklistItem30 { display: none!important; }
/* GETotal */
#checklistItem31 { display: none!important; }
/* GEName */
#checklistItem32 { display: block; font-family: 'speedee-b'; color: #000000; }
/* DASHBOARD SWOT ANALYSIS */
@media(min-width: 992px)
    {
.content-box--dashboard-swot
{
        width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
        float: right!important;
        clear: none!important;
        margin-right: 0!important
}
.content-box--dashboard-swot:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--dashboard-swot:last-child
{
        margin-right: 0
}
.content-box--dashboard-swot:nth-child(3n)
{
        margin-right: 0;
        float: right
}
.content-box--dashboard-swot:nth-child(3n + 1)
{
        clear: both
}
    }
.dashboard-swot-list
{
    padding: 20px;
}
.dashboard-swot-list h4
    {
        color: #000000;
        margin-bottom: 0;
        font-size: 18px!important;
    }
/* DASHBOARD COMPETITORS */
@media(min-width: 992px)
    {
.content-box--dashboard-competitors
{
        width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
        clear: none !important;
        float: left !important
}
.content-box--dashboard-competitors:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--dashboard-competitors:last-child
{
        margin-right: 0
}
.content-box--dashboard-competitors:nth-child(3n)
{
        margin-right: 0;
        float: right
}
.content-box--dashboard-competitors:nth-child(3n + 1)
{
        clear: both
}
    }
@media(min-width: 768px)
        {
.dashboard-competitors__row
    {
            width: 50%;
            float: left

    }
            .dashboard-competitors__row:nth-child(1n)
            {
                border-left: 1px solid #E2E2E2;
            }
        }
@media(min-width: 992px)
        {
.dashboard-competitors__row
    {
            width: 100%;
            float: none;
            line-height: 1

    }
            .dashboard-competitors__row:nth-child(1n)
            {
                border-left: none;
            }
        }
.dashboard-competitors__row--desktop-header
        {
            display: none;
        }
@media(min-width: 992px)
            {
.dashboard-competitors__row--desktop-header
        {
                display: block;
                font-family: 'speedee-b'
        }
            }
/* NEEDS PRIORITY ADDING WITH JAVASCRIPT */
.dashboard-competitors__row .dashboard-competitors__item .priority.Major { background: #EE002D !important; }
.dashboard-competitors__row .dashboard-competitors__item .priority.Minor { background: #264F36 !important; }
.dashboard-competitors__row .dashboard-competitors__item .priority.Medium { background: #B69A81 !important; }
.dashboard-competitors__item
    {
        display: block;
        padding: 10px;
        padding-bottom: 0;
    }
.dashboard-competitors__item:first-child
        {
            border-top: 2px solid #8F9996;
        }
@media(min-width: 992px)
            {
.dashboard-competitors__item:first-child
        {
                border-top: none
        }
            }
.dashboard-competitors__item:last-child
        {
            padding-bottom: 10px;
        }
@media(min-width: 992px)
            {
.dashboard-competitors__item:last-child
        {
                padding-bottom: 20px
        }
            }
@media(min-width: 992px)
        {
.dashboard-competitors__item
    {
            padding: 10px 20px;
            float: left;
            text-align: center
    }
            .dashboard-competitors__item:first-child
            {
                width: 45%;
                text-align: left;
            }

            .dashboard-competitors__item:nth-child(2)
            {
                width: 20%;
                text-align: left;
            }

            .dashboard-competitors__item:nth-child(3)
            {
                width: 15%;
            }

            .dashboard-competitors__item:nth-child(4)
            {
                width: 20%;
                text-align: left;
            }

        }
.dashboard-competitors__item__mobile-header
        {
            display: block;
            font-size: 13px;
            font-family: 'speedee-b';
        }
@media(min-width: 992px)
            {
.dashboard-competitors__item__mobile-header
        {
                display: none
        }
            }
.dashboard-competitors__item .priority
        {
            color: white;
            display: inline-block;
            border-radius: 20px;
            padding: 5px 10px;
            text-align: center;
            max-width: 100px;
            font-size: 14px;
            font-family: 'speedee-b';
            position: relative;

        }
@media(min-width: 992px)
            {
.dashboard-competitors__item .priority
        {
                top: -3px

        }
            }
.dashboard-competitors__item .priority--red
            {
                background: #EE002D;
            }
.dashboard-competitors__item .priority--yellow
            {
                background: #FFBC0D;
            }
.dashboard-competitors__item .priority--green
            {
                background: #264F36;
            }
/* end .dashboard-competitors */
/* DASHBOARD MY GOALS */
@media(min-width: 992px)
    {
.content-box--dashboard-goals
{
        width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
        float: right!important;
        margin-right: 0!important
}
.content-box--dashboard-goals:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--dashboard-goals:last-child
{
        margin-right: 0
}
.content-box--dashboard-goals:nth-child(3n)
{
        margin-right: 0;
        float: right
}
.content-box--dashboard-goals:nth-child(3n + 1)
{
        clear: both
}
    }
.content-box__content--dashboard-goals
{
    padding: 20px;
}
/* DASHBOARD FINANCIAL INFORMATION */
@media(min-width: 992px)
    {
.content-box--dashboard-financial
{
        width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
        clear: none !important
}
.content-box--dashboard-financial:nth-child(1n)
{
        float: left;
        margin-right: 30px;
        clear: none
}
.content-box--dashboard-financial:last-child
{
        margin-right: 0
}
.content-box--dashboard-financial:nth-child(3n)
{
        margin-right: 0;
        float: right
}
.content-box--dashboard-financial:nth-child(3n + 1)
{
        clear: both
}
    }
.dashboard-financial-list__item
    {
        padding: 40px 20px;
        text-align: center;
        border-bottom: 1px solid #E2E2E2;
    }
@media(min-width: 768px)
        {
.dashboard-financial-list__item
    {
            width: 33.333%;
            float: left
    }
            .dashboard-financial-list__item:nth-child(1), .dashboard-financial-list__item:nth-child(2), .dashboard-financial-list__item:nth-child(4), .dashboard-financial-list__item:nth-child(5)
            {
                border-right: 1px solid #E2E2E2;
            }

            .dashboard-financial-list__item:nth-child(4), .dashboard-financial-list__item:nth-child(5), .dashboard-financial-list__item:nth-child(6)
            {
                border-bottom: none;
            }
        }
@media(min-width: 1200px)
        {
.dashboard-financial-list__item
    {
            width: 33.333%;
            float: left
    }
            .dashboard-financial-list__item:nth-child(1), .dashboard-financial-list__item:nth-child(2), .dashboard-financial-list__item:nth-child(4), .dashboard-financial-list__item:nth-child(5)
            {
                border-right: 1px solid #E2E2E2;
            }

            .dashboard-financial-list__item:nth-child(4), .dashboard-financial-list__item:nth-child(5), .dashboard-financial-list__item:nth-child(6)
            {
                border-bottom: none;
            }
        }
.dashboard-financial-list__item__title
        {
            display: block;
            font-family: 'speedee-b';
            font-size: 18px;
        }
.dashboard-financial-list__item__value
        {
            display: block;
            font-family: 'speedee-b';
            font-size: 40px;
        }
/* PARTICIPATE MESSAGE */
.dashboard-participate
{
    text-align: center;
    margin-bottom: 40px;
}
.dashboard-participate .btn
        {
            margin-bottom: 10px;
        }
@media(min-width: 768px)
            {
.dashboard-participate .btn
        {
                max-width: 150px!important
        }
                .dashboard-participate .btn:last-child
                {
                    margin-left: 10px!important;
                }
            }
/* PARTICIPATE CHANGE PASSWORD */
.dashboard-changepassword {
    text-align: center;
    margin-bottom: 40px;

}
.dashboard-changepassword .btn

{
    margin-bottom: 10px;
}
@media(min-width: 768px) {
.dashboard-changepassword .btn

{
        max-width: 300px!important
}
        .dashboard-changepassword .btn:last-child {
            margin-left: 10px !important;
        }
    }
/* GENERIC DASHBOARD STYLES */
.content-box
{
    margin-bottom: 40px;
}
.content-box__title a
    {
        font-family: 'speedee';
        font-weight: 400;
        text-decoration: underline;
        font-size: 14px;
        display: block;
        margin-top: 20px;
    }
@media(min-width: 768px)
        {
.content-box__title a
    {
            float: right;
            font-size: 16px;
            margin-top: 0;
            display: inline-block
    }
        }
/* DASHBOARD OBJECTIVES */
@media(min-width: 768px)
        {
.dashboard-objectives__row
    {
            width: 50%;
            float: left
    }
            .dashboard-objectives__row:nth-child(1n)
            {
                border-left: 1px solid #E2E2E2;
            }
        }
@media(min-width: 992px)
        {
.dashboard-objectives__row
    {
            width: 100%;
            float: none;
            line-height: 1
    }
            .dashboard-objectives__row:nth-child(1n)
            {
                border-left: none;
            }
        }
.dashboard-objectives__row--desktop-header
        {
            display: none;
        }
@media(min-width: 992px)
            {
.dashboard-objectives__row--desktop-header
        {
                display: block;
                font-family: 'speedee-b'
        }
            }
.dashboard-objectives__item
    {
        display: block;
        padding: 10px;
        padding-bottom: 0;

    }
.dashboard-objectives__item:first-child
        {
            border-top: 2px solid #8F9996;
        }
@media(min-width: 992px)
            {
.dashboard-objectives__item:first-child
        {
                border-top: none
        }
            }
.dashboard-objectives__item:last-child
        {
            padding-bottom: 10px;
        }
@media(min-width: 992px)
            {
.dashboard-objectives__item:last-child
        {
                padding-bottom: 20px
        }
            }
@media(min-width: 992px)
        {
.dashboard-objectives__item
    {
            padding: 10px 20px;
            float: left;
            text-align: center

    }
            .dashboard-objectives__item:first-child { width: 35%; text-align: left; }
            .dashboard-objectives__item:nth-child(2) { width: 15%; text-align: left; }
            .dashboard-objectives__item:nth-child(3) { width: 15%; }
            .dashboard-objectives__item:nth-child(4) { width: 10%; }
            .dashboard-objectives__item:nth-child(5) { width: 10%; }
            .dashboard-objectives__item:nth-child(6) { width: 15%; }
        }
.dashboard-objectives__item__mobile-header
        {
            display: block;
            font-size: 13px;
            font-family: 'speedee-b';
        }
@media(min-width: 992px)
            {
.dashboard-objectives__item__mobile-header
        {
                display: none
        }
            }
.dashboard-objectives__item .priority
        {
            color: white;
            display: inline-block;
            border-radius: 20px;
            padding: 5px 10px;
            text-align: center;
            max-width: 100px;
            font-size: 14px;
            font-family: 'speedee-b';
            position: relative;

        }
@media(min-width: 992px)
            {
.dashboard-objectives__item .priority
        {
                top: -3px

        }
            }
.dashboard-objectives__item .priority--overdue
            {
                background: #EE002D;
            }
.dashboard-objectives__item .priority--week
            {
                background: #B69A81;
            }
.dashboard-objectives__item .priority--normal
            {
                background: #264F36;
            }
/* end .dashboard-objectives */
/* Help videos */
.help-videos {
    width: 100%;
    position: absolute;
    left: 0;
    top: 63%;

}
.help-videos h2

{
    margin: 0;
}
.help-videos__title {
    width: 100%;
    text-align: center;
}
.help-videos__container {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
            justify-content: space-evenly;
    max-width: 1200px;
    margin: 25px auto 0;
}
.help-video {
    width: 225px;
    font-weight: bold;
    text-align: center;

}
.help-video a

{
    display: block;
    text-decoration: none;
}
.help-video img {
    width: 100%;
    display: block;
}
/* ovveride the login box for first page */
body.Home.login-view .login.login--form {
    top: 38%;
}
@media screen and (min-width:1200px) {

    .help-video {
        width: 300px;
    }

    .help-videos {
        top: 63%;
    }
}
@media screen and (max-width:767px) {
    /* ovveride the login box for first page */
    body.Home.login-view .login.login--form {
        top: 38%;
    }

    .help-videos {
        top: 68%;
    }

    .help-videos__container {
        display: block;
    }

    .help-video {
        width: 100%;

    }
        .help-video img

        {
            display: none;
        }
}

.speech-bubble__container {
    display: flex;
    flex-direction: column;    
    gap: 2rem;
    margin: 3rem auto;
    width: 100%;
    max-width: 810px;
}

.speech-bubble {
    position: relative;
    background: #f1f1f1;
    padding: 15px 20px;
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.speech-bubble.speech-bubble--right {
    align-self: flex-end;
}

/* Speech bubble tail */
.speech-bubble::after {
    content: "";
    position: absolute;
    bottom: 20px; /* Adjust to position the tail */
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: transparent transparent #f1f1f1 transparent;
}

.speech-bubble.speech-bubble--right::after {
    left: unset;
    right: -10px;
}

/*# sourceMappingURL=maps/main.css.map */