/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/admin/src/assets/styles/themes/white-label.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800);
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/admin/src/assets/styles/themes/white-label.scss?ngGlobalStyle (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Variables: Contains global variables that will be used often throughout the site.
 * A value only needs to placed here if it is going to be used by multiple BEM blocks.
 */
/*
*   todo: The plan is to remove these xs-xl font sizes and replace them with more semantically meaningful names as we get through cookie jar items.
*   e.g. modal-font-size, label-font-size (or similar - details TBA).
*   Non-standard sizes and non-text items (e.g. icons) still have locally set values in places.       
*/
/*
    This hierarchy is taken from the Marvel template for the use of headings and provides a guide to heading use in new page templates: 

    app-page-heading
        content-panel-heading
            content-area-heading
*/
/*
    Styles for alert messages outside of a notification
*/
/*
    Branded styles for in-page alert messages
*/
/**
 * Main: Responsible for importing all the SCSS partials commonly used throughout the applications.
 * No styles should be declared here.
 * The order of these imports is extremely important and should not be altered without careful consideration.
 */
/**
 * Vendor Directory: Responsible for importing all the 3rd party SCSS files within this folder.
 * No styles should be declared here.
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  font: inherit;
  border: none;
  padding: 0;
  background-color: #ffffff;
  cursor: pointer;
}
button:focus {
  outline: none;
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  src: url('material-icons-round-v13.9e5ba0e1c3c46e8e.woff2') format("woff2"), url('material-icons-round-v13.4b55b6278046283b.woff') format("woff");
}
/**
 * Base: Responsible for the base page styles of the entire site.
 * There should not be much placed within this file as we generally want to work with BEM specificity. 
 */
body {
  background-color: #dddddd;
  display: flex;
  font-size: 14px;
  color: #353535;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  font-family: "Ford", "Montserrat", sans-serif;
}

/**
 * Modules Directory: Responsible for importing all the SCSS modules within this folder.
 * No styles should be declared here.
 */
/**
 * Mixins: Contains general mixins that can be reused within different classes across the site.
 */
/**
 * Layout Directory: Responsible for importing all the SCSS files within this folder.
 * No styles should be declared here.
 */
.flex-1 {
  flex: 1;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.mt-5 {
  margin-top: 3rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 1rem;
}

.ml-4 {
  margin-left: 1.5rem;
}

.ml-5 {
  margin-left: 3rem;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mr-4 {
  margin-right: 1.5rem;
}

.mr-5 {
  margin-right: 3rem;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 1rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.pt-5 {
  padding-top: 3rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 1rem;
}

.pl-4 {
  padding-left: 1.5rem;
}

.pl-5 {
  padding-left: 3rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pr-4 {
  padding-right: 1.5rem;
}

.pr-5 {
  padding-right: 3rem;
}

/**
 * Blocks Directory: Responsible for importing all the SCSS files within this folder.
 * No styles should be declared here.
 */
.accordion {
  margin: 0 0 1rem 0;
  border: solid 2px #f2f2f2;
  color: #727272;
  -webkit-user-select: none;
          user-select: none;
}
.accordion__header {
  padding: 5px 5px 5px 10px;
}
.accordion__header:before {
  content: "expand_more";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  float: right;
}
.accordion__header:after {
  padding-left: 10px;
  content: "info_outline";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.accordion__header--expanded:before {
  content: "expand_less";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  float: right;
}
.accordion__content {
  padding: 10px;
  background-color: #f2f2f2;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background-color: #dddddd;
  border-radius: 10px;
  border: 1px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb {
  border-radius: 13px;
  background-color: #3ca3d2;
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #3ca3d2;
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-corner {
  background-color: #353535;
}

.actions {
  padding-top: 25px;
  overflow: hidden;
}
.actions__action--negative {
  float: left;
}
.actions__action--positive {
  float: right;
}

/**
 * App Shell block: Responsible for the styling of the application shell across the applications.
 * This should be the root level class across the entire site and each applicaiton.
 */
/* autoprefixer grid: on */
.app-shell {
  width: 100vw;
  min-width: 1424px;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.app-shell__warning-bar {
  flex: 0;
}
.app-shell__content {
  background-color: #f6f6f6;
  display: grid;
  justify-content: center;
  grid-template-columns: 241px 1fr;
  grid-template-rows: 52px auto 52px;
  flex: 1;
  overflow-y: auto;
}
.app-shell__content--nav-collapsed {
  grid-template-columns: 50px 1fr;
}
.app-shell__content--logged-out {
  grid-template-columns: 0 1fr;
}
.app-shell__header {
  display: inline-block;
  grid-row: 1;
  grid-column: 1/3;
}
.app-shell__nav {
  display: inline-block;
  grid-row: 2/3;
  grid-column: 1;
  height: 100%;
  overflow-y: auto;
}
.app-shell__release-teaser {
  grid-row: 3/3;
  grid-column: 1;
}
@media print {
  .app-shell__release-teaser {
    display: none;
  }
}
.app-shell__content-area {
  display: inline-block;
  grid-row: 2;
  grid-column: 2/3;
  overflow: auto;
}
.app-shell__footer {
  display: block;
  grid-row: 3;
  grid-column: 2/3;
}

.choice-buttons {
  /* by hiding the input (rather than display:none), we still allow tabbing */
}
.choice-buttons__label {
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #353535;
  display: block;
}
.choice-buttons__label--with-info {
  display: inline-block;
  margin-bottom: 10px;
}
.choice-buttons__info {
  margin-left: 15px;
}
.choice-buttons__input {
  opacity: 0;
  position: fixed;
  width: 0;
}
.choice-buttons__input:checked + .choice-buttons__button-label {
  background-color: #173651;
  color: #ffffff;
  border: 0;
}
.choice-buttons__input:checked:disabled + .choice-buttons__button-label {
  background-color: #dddddd;
  border-color: #dddddd;
  color: #ffffff;
  cursor: auto;
  pointer-events: none;
}
.choice-buttons__input:disabled + .choice-buttons__button-label {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #dddddd;
  cursor: auto;
  pointer-events: none;
}
.choice-buttons__input:focus + .choice-buttons__button-label {
  outline: none;
  border: 2px solid #173651;
}
.choice-buttons__input:active + .choice-buttons__button-label {
  background-color: #173651;
  color: #ffffff;
  border: 0;
}
.choice-buttons__button-label {
  box-sizing: border-box;
  font-size: 13px;
  min-width: 115px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-weight: 400;
  text-decoration: none;
  padding: 1px 10px;
  color: #353535;
  border: 1px solid #d1c9bf;
  cursor: pointer;
}
.choice-buttons__button-label--with-info {
  margin-top: 10px;
}
.choice-buttons__button-label:not(:last-of-type) {
  margin-right: 20px;
}
.choice-buttons__link {
  margin-top: 10px;
  font-size: 12px;
  align-self: flex-start;
}
.choice-buttons__link:focus {
  border: 1px solid #3ca3d2;
  border-radius: 2px;
}
.choice-buttons__flexbox {
  display: inline-flex;
  flex-direction: column;
}
.choice-buttons__flexbox:not(:last-of-type) {
  margin-right: 20px;
}
.choice-buttons__content p {
  margin-top: 10px;
}
.choice-buttons__content ul {
  margin-top: 10px;
  margin-left: 15px;
}
.choice-buttons__content li {
  margin-top: 2px;
  list-style: disc;
  line-height: 20px;
}

.cms-rich-text strong {
  font-weight: 700;
}
.cms-rich-text blockquote {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #353535;
  font-style: italic;
}
.cms-rich-text p {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #353535;
}
.cms-rich-text h3 {
  font-size: 14px;
  font-weight: 700;
  color: #353535;
  color: #353535;
  padding-bottom: 30px;
}
.cms-rich-text a {
  cursor: pointer;
  text-decoration: underline;
  color: #3ca3d2;
  font-weight: 600;
  border: none;
  background: none;
  color: #3ca3d2;
}
.cms-rich-text--modal {
  line-height: 20px;
}
.cms-rich-text--modal p,
.cms-rich-text--modal h3 {
  color: #ffffff;
}

/**
 * CTA block: Responsible for the styling of CTAs across the applications.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the CTA containers such as forms.
 * Any changes here must be also be made in the _cookies-consent.scss file to keep the 3rd party Didomi cookie consent banner in line with the correct styles
 */
.cta {
  box-sizing: border-box;
  font-size: 13px;
  min-width: 115px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-weight: 600;
  text-decoration: none;
  padding: 1px 10px;
}
.cta:not(:last-of-type) {
  margin-right: 20px;
}
.cta:hover {
  cursor: pointer;
}
.cta:focus {
  outline: none;
  border: 2px solid #173651;
  padding: 1px 8px;
}
.cta--primary {
  background-color: #3ca3d2;
  color: #ffffff;
}
.cta--primary:hover {
  background-color: #2987b2;
}
.cta--primary:disabled {
  background-color: #dddddd;
  cursor: auto;
}
.cta--primary_modal-button {
  border: 1px solid #4a4a4a;
}
.cta--primary_modal-button:hover {
  background-color: #2987b2;
}
.cta--secondary {
  background-color: #ffffff;
  color: #3ca3d2;
  border: 1px solid #3ca3d2;
}
.cta--secondary:hover {
  color: #2987b2;
  border: 1px solid #2987b2;
}
.cta--secondary:focus,
.cta--secondary :hover {
  color: #2987b2;
  border: 2px solid #2987b2;
  padding: 1px 9px;
}
.cta--secondary:disabled {
  border-color: #dddddd;
  color: #dddddd;
  cursor: auto;
}
.cta--column:not(:last-of-type) {
  margin-right: 0;
}
@media only screen and (max-width: 940px) {
  .cta {
    height: 35px;
    width: 185px;
  }
}

.dropdown {
  display: block;
  width: 300px;
}
.dropdown--date {
  display: inline-block;
  width: 100%;
}
.dropdown--date .dropdown__picker {
  width: 100%;
}
.dropdown--small {
  display: inline-block;
  width: 59px;
}
.dropdown--small .dropdown__picker {
  width: 59px;
}
.dropdown--dealer {
  width: 315px;
}
.dropdown--dealer .dropdown__picker {
  width: 100%;
}
.dropdown__picker {
  display: inline-block;
  background: none;
  background-color: white;
  appearance: none;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 2px;
  padding: 0.3em 2.5em 0.3em 0.5em;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  border: 1px solid #d1c9bf;
  width: 300px;
  color: #6f6f6f;
  border-radius: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dropdown__picker--read-only, .dropdown__picker[readonly], .dropdown__picker[disabled] {
  background-color: #f6f6f6;
  border-color: #dddddd;
  color: #353535;
}
.dropdown__picker--error {
  border: 1px solid #dc3545;
}
.dropdown__picker::-ms-expand {
  display: none;
}
.dropdown:after, .dropdown--disabled:after {
  font-weight: 700;
  display: inline-block;
  margin-left: -1.3em;
  pointer-events: none;
}
.dropdown:after {
  content: "expand_more";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.dropdown--disabled:after {
  content: "expand_more";
  color: #dddddd;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}

/**
 * Form block: Responsible for the styling of a form and accompanying elements.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the component using the form as each form may have different layout requirements.
 */
.form {
  /* urk. not sure this is good. it's using angular implementation classes - what happens if angular changes its implementation? Plus, it's ANTI-BEM!
  * Leave it for now, as alerts and notifications are going to change anyway.
  */
}
.form__field {
  margin-bottom: 25px;
  display: block;
}
.form__field--no-margin {
  margin-bottom: 0px;
}
.form__field--margin-right {
  margin-bottom: 0px;
  margin-right: 10px;
}
.form__field--multi-field {
  display: flex;
  flex-direction: row;
  width: 300px;
  justify-content: space-between;
}
.form__label {
  display: block;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #353535;
}
.form__label--inline {
  display: inline;
}
.form__label--optional::after {
  content: " (optional)";
  font-style: italic;
}
.form__label--disabled {
  color: #353535;
}
.form__error {
  height: 25px;
  padding-left: 5px;
  padding-top: 2px;
  color: #721c24;
}
.form__input-validation.ng-valid ~ .form__error, .form__input-validation.ng-untouched ~ .form__error {
  visibility: hidden;
}
.form__input-validation.ng-touched.ng-invalid ~ .form__error, .form__input-validation.ng-dirty.ng-invalid ~ .form__error {
  visibility: visible;
}
.form__input-validation.ng-touched.ng-invalid.form__input-text,
.form__input-validation.ng-touched.ng-invalid > input, .form__input-validation.ng-dirty.ng-invalid.form__input-text,
.form__input-validation.ng-dirty.ng-invalid > input {
  border: 1px solid #dc3545;
}
.form__input-validation-number {
  margin-bottom: 2px;
}
.form__input--with-info {
  display: flex;
  flex-direction: row;
}
.form__input-text, .form__input-number {
  display: block;
  box-sizing: border-box;
  margin-top: 2px;
  padding: 0.3em 0.5em 0.3em 0.5em;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  border: 1px solid #d1c9bf;
  width: 300px;
  color: #6f6f6f;
  background-color: #ffffff;
}
.form__input-text--small, .form__input-number--small {
  width: 140px;
}
.form__input-text--error, .form__input-number--error {
  border: 1px solid #dc3545;
}
.form__input-text--autowidth, .form__input-number--autowidth {
  width: 90%;
  min-width: 72px;
}
.form__input-text--autowidth-small, .form__input-number--autowidth-small {
  width: 50%;
}
.form__input-text--full-width, .form__input-number--full-width {
  width: 100%;
}
.form__input-text--noborder, .form__input-number--noborder {
  border: 0;
  padding: 0.3em 0;
}
.form__input-text:not(.form__input-text--spinner)::-webkit-inner-spin-button, .form__input-text:not(.form__input-text--spinner)::-webkit-outer-spin-button, .form__input-number:not(.form__input-text--spinner)::-webkit-inner-spin-button, .form__input-number:not(.form__input-text--spinner)::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form__input-text--read-only, .form__input-text[readonly], .form__input-text[disabled], .form__input-number--read-only, .form__input-number[readonly], .form__input-number[disabled] {
  background-color: #f6f6f6;
  border-color: #dddddd;
  color: #353535;
}
.form__input-text:focus, .form__input-number:focus {
  outline: none;
  border: 1px solid #3ca3d2;
}
.form__search {
  width: 300px;
}
.form__search-row {
  display: flex;
  align-items: flex-start;
}
.form__search-label {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #353535;
}
.form__search-input {
  box-sizing: border-box;
  margin-top: 2px;
  padding: 0.3em 0.5em 0.3em 0.5em;
  width: 210px;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  border: 1px solid #d1c9bf;
  color: #6f6f6f;
  background-color: #ffffff;
  border-right: none;
}
.form__search-input:focus {
  outline: none;
  border: 1px solid #3ca3d2;
  border-right: none;
}
.form__search-input--read-only, .form__search-input[readonly], .form__search-input[disabled] {
  background-color: #f6f6f6;
  border-color: #dddddd;
  color: #353535;
}
.form__search-input--error {
  border: 1px solid #dc3545;
}
.form__search-button {
  min-width: 90px;
  height: 30px;
  align-self: flex-end;
  background-color: #3ca3d2;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}
.form__search-button:hover, .form__search-button:focus {
  background-color: #2987b2;
}
.form__search-button:focus {
  outline: none;
  border: 2px solid #173651;
}
.form__input-checkbox {
  border: 1px solid #d1c9bf;
  border-radius: 3px;
  margin: 0 5px;
}
.form__input-checkbox:focus {
  outline: none;
  border: 1px solid #3ca3d2;
}
.form__delete {
  height: 30px;
  width: 30px;
}
.form__delete::before {
  content: "delete";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.form__progressbar {
  margin-bottom: 1rem;
}
.form__notification {
  margin-bottom: 1rem;
}
.form__input-file {
  margin-bottom: 1rem;
}
.form__input-imagecheckbox {
  display: none;
}
.form__input-imagecheckbox + label {
  height: 30px;
  width: 30px;
  font-size: 30px;
}
.form__input-imagecheckbox + label:before {
  height: 30px;
  width: 30px;
  font-size: 30px;
  font-family: "MaterialIcons";
  color: #3ca3d2;
  content: "check_box_outline_blank";
}
.form__input-imagecheckbox:checked + label:before {
  content: "check_box";
}
.form__input-imagecheckbox:disabled + label:before {
  color: #dddddd; /* Checkbox Disabled */
}
.form__field--checkbox .form__label--inline {
  top: -9px;
  position: relative;
}

/**
 * Main Navigation block: Responsible for the styling of the main site navigation across the applications.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the page containers.
 */
/* autoprefixer grid: on */
.main-navigation-hidden {
  display: none;
}

.main-navigation {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.main-navigation__item {
  background-color: #ffffff;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  flex: 1 1 auto;
}
.main-navigation__item-home {
  background-color: #3ca3d2;
}
.main-navigation__item-home .navigation-menu-item::before {
  color: #ffffff;
}
.main-navigation__item-link {
  height: 60px;
  width: 100%;
  justify-content: left;
  align-items: center;
  display: flex;
  font-family: "Ford", "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border-bottom: solid 1px #dddddd;
}
.main-navigation__item-link:visited {
  color: #353535;
}
.main-navigation__item-link-text {
  display: inline-block;
  width: 120px;
  color: #353535;
}
.main-navigation__item-link-text--collapsed {
  padding-left: 20px;
}
.main-navigation__item-link-text-home {
  color: #ffffff;
}
.main-navigation__item-link-expanded:after {
  content: "keyboard_arrow_down";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  position: relative;
  left: 20%;
  animation: rotate 0.5s normal forwards ease;
}
.main-navigation__item-link-expanded--hover:after {
  left: 350%;
}
.main-navigation__item-link-collapsed:after {
  content: "keyboard_arrow_left";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  position: relative;
  left: 20%;
}
.main-navigation__sub-nav {
  width: 100%;
  cursor: pointer;
}
.main-navigation__sub-nav--collapsed {
  position: absolute;
  z-index: 1000;
  width: 50px;
}
.main-navigation__sub-nav-menu {
  position: relative;
  background-color: #f6f6f6;
  border-bottom: solid 1px #dddddd;
}
.main-navigation__sub-nav-menu--collapsed {
  position: absolute;
  width: 241px;
  left: 100%;
  top: -30px;
  border: none;
  border: solid 1px #dddddd;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main-navigation__sub-nav-menu--collapsed {
    left: 0;
  }
}
.main-navigation__sub-nav-menu-item {
  height: 60px;
}
.main-navigation__sub-nav-item-link {
  height: 60px;
  width: 100%;
  justify-content: left;
  align-items: center;
  display: flex;
  text-decoration: none;
  color: #353535;
  font-family: "Ford", "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
}
.main-navigation__sub-nav-item-link-text {
  display: inline-block;
  width: 130px;
}
.main-navigation__sub-nav-item-link:hover {
  background-color: #3ca3d2;
  color: #ffffff;
}
.main-navigation__sub-nav-item-link:hover .navigation-menu-item::before {
  color: #ffffff;
}
.main-navigation__sub-nav-item-link:focus {
  background-color: #3ca3d2;
  color: #ffffff;
}
.main-navigation__sub-nav-item-link:focus .navigation-menu-item::before {
  color: #ffffff;
}
.main-navigation__sub-nav-item-link-active {
  background-color: #3ca3d2;
  color: #ffffff;
}
.main-navigation__sub-nav-item-link-active .navigation-menu-item::before {
  color: #ffffff;
}
.main-navigation__sub-nav-item-link-wrapper {
  display: flex;
  align-items: center;
}
@keyframes rotate {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0deg);
  }
}

/**
 * Heading block: Responsible for the styling of a main heading.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the component using the heading.
 * The use of this class is not limited to an H1 tag.
 */
.heading {
  font-size: 30px;
  font-weight: 500;
  color: #353535;
  color: #353535;
  padding-bottom: 20px;
  border-bottom: 2px solid #dddddd;
}

.panel {
  padding: 40px 40px 40px 50px;
}
.panel__section-title {
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #353535;
}
.panel__section-title--failure, .panel__section-title--success, .panel__section-title--query {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0px;
  padding-bottom: 10px;
}
.panel__section-title--failure:after {
  content: "highlight_off";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 58px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.panel__section-title--success:after {
  content: "check_circle_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 58px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.panel__section-title--query:after {
  content: "help_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 58px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.panel__section-title--in-form {
  padding-top: 15px;
}
.panel__section-subtitle {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #353535;
  color: #4a4a4a;
}
.panel__section-subtitle--failure, .panel__section-subtitle--success, .panel__section-subtitle--query {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0px;
  margin-bottom: 10px;
}
.panel__section-subtitle--failure:after {
  content: "highlight_off";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 58px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.panel__section-subtitle--success:after {
  content: "check_circle_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 58px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.panel__section-subtitle--query:after {
  content: "help_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 58px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.panel--with-sub-section {
  padding: 0;
}
.panel__sub-header {
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  height: 32px;
  display: flex;
  padding: 0 20px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
}
.panel__sub-section, .panel--sub-section {
  padding: 30px;
}

/**
 * Panel block: Responsible for the styling of the content panels across the applications.
 */
.content-panel {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  display: flex;
  flex-direction: column;
  min-height: 0px;
}
.content-panel--size-to-content {
  display: block;
}
.content-panel--relative {
  position: relative;
}
.content-panel--no-border {
  border: 0;
}
.content-panel__header {
  height: 45px;
  border-bottom: 1px solid #dddddd;
  padding: 0 20px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
}
.content-panel__header--error {
  color: #dc3545;
}
.content-panel__header--space-between {
  justify-content: space-between;
}
@media only screen and (max-height: 800px) {
  .content-panel__header--sm-padding {
    padding: 0 10px;
  }
}
.content-panel__alert {
  margin: -1px;
  background: #f6f6f6;
  border-bottom: 1px solid #dddddd;
}
.content-panel__body {
  flex: 1;
  padding: 20px 20px 0 20px;
  overflow-y: auto;
}
.content-panel__body:after {
  content: "";
  display: block;
  padding-bottom: 20px;
}
.content-panel__body--no-padding {
  padding: 0px;
}
.content-panel__body--no-padding:after {
  display: none;
}
.content-panel__body--overflow-hidden {
  overflow-y: hidden;
}
.content-panel__footer {
  border-top: 1px solid #dddddd;
  height: 54px;
  padding: 0 20px;
  display: flex;
  align-items: center;
}
.content-panel__footer--align-left {
  justify-content: flex-start;
}
.content-panel__footer--align-right {
  justify-content: flex-end;
}
.content-panel__footer--space-between {
  justify-content: space-between;
}
.content-panel--tabbed {
  border: none;
}
.content-panel--tabbed .content-panel__header {
  padding: 0;
  background-color: #f6f6f6;
}
.content-panel--tabbed .content-panel__body {
  border: 1px solid #dddddd;
  border-top: none;
  padding: 0;
}
.content-panel--tabbed .content-panel__body:after {
  content: none;
}
.content-panel__tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: space-between;
  padding: 0;
  text-align: center;
  cursor: pointer;
  height: 45px;
  background-color: #3ca3d2;
  color: #ffffff;
}
@media only screen and (max-width: 1900px) {
  .content-panel__tab {
    font-size: 14px;
  }
}
.content-panel__tab--active {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #ffffff;
  color: #3ca3d2;
  margin-top: 1px;
}
.content-panel__tab-fullscreen {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.content-panel__tab-fullscreen span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 0;
}
.content-panel__tab-fullscreen svg {
  fill: #173651;
}
.content-panel__tab-fullscreen:focus {
  outline: none;
}
.content-panel__badge {
  font-weight: 700;
  font-size: 12px;
  padding: 2px 10px;
  color: #ffffff;
  background-color: #3ca3d2;
  margin-left: 10px;
}

/**
 * Subheading block: Responsible for the styling of a subheading.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the component using the subheading.
 * The use of this class is not limited to an H2 tag.
 */
.subheading {
  font-size: 20px;
  font-weight: 500;
  color: #353535;
  color: #353535;
  padding-bottom: 40px;
}
.subheading--no-padding {
  padding-bottom: 0;
}

/**
 * sub-subheading block: Responsible for the styling of a sub-subheading.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the component using the sub-subheading.
 * The use of this class is not limited to an H3 tag.
 */
.sub-subheading {
  font-size: 14px;
  font-weight: 700;
  color: #353535;
  color: #353535;
  padding-bottom: 30px;
}

/**
 * Text block: Responsible for the general text styles.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the component using the text.
 */
.text {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #353535;
}

.text--inherit-colour {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text--compact {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 0px;
}

.text-bold {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.text--list {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #353535;
}
.text--list ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 25px;
}
.text--list li {
  line-height: 20px;
  padding-top: 8px;
}

.link {
  cursor: pointer;
  text-decoration: underline;
  color: #3ca3d2;
  font-weight: 600;
  border: none;
  background: none;
}
.link--download {
  display: block;
}
.link--download:before {
  margin-right: 4px;
  content: "arrow_drop_down_circle";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 42px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}

.modal {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__title {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
.modal__badge {
  font-weight: 700;
  font-size: 10px;
  padding: 2px 10px;
  background-color: #3ca3d2;
  margin-left: 10px;
}
.modal__body {
  margin-bottom: 40px;
  overflow-wrap: break-word;
}
.modal__text {
  margin-bottom: 25px;
  font-family: "Ford", "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.modal__inputs {
  text-align: center;
  margin-bottom: 15px;
}
.modal__frame {
  max-width: 800px;
  max-height: 95%;
  /* scrollbar only if we have more content than would fit */
  overflow-y: auto;
  /* detach from rest of the document */
  position: fixed;
  /* text visualisations */
  color: #ffffff;
  font-size: 14px;
  /* visual illusion of being a solid object */
  background-color: #173651;
  border: 5px solid #173651;
  /* visual preference of don't crowd the contents */
  padding-top: 55px;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .modal__frame {
    position: relative;
  }
}
.modal__link {
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
  font-weight: 300;
  text-align: center;
  padding-bottom: 10px;
  font-size: 12px;
}
.modal__list-item {
  font-size: 14px;
  padding-bottom: 20px;
  margin-left: 25px;
  padding-left: 0;
}
.modal__list-item:before {
  content: "•";
  color: #3ca3d2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/**
 * Results List block: Responsible for the styling of a results list.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the component using the results list.
 */
.results-list {
  font-size: 10px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.results-list--md {
  font-size: 12px;
}
.results-list--md .results-list__cell {
  line-height: 1.8em;
  padding: 0 0.55em;
}
.results-list--dynamic {
  table-layout: auto;
}
.results-list--autowidth {
  width: auto;
}
.results-list--not-striped .results-list__item:nth-child(2n+2) {
  background-color: #ffffff;
}
.results-list--not-striped .results-list__tiered-item {
  height: 40px;
  display: table-row;
}
.results-list--not-striped .results-list__tiered-item--child {
  background-color: #ffffff;
}
.results-list--not-striped .results-list__tiered-item--subheader {
  background-color: #dddddd;
  font-weight: 700;
}
.results-list--not-striped .results-list__tiered-item:last-child .results-list__cell {
  border-bottom: 1px solid #c4c4c4;
}
.results-list--not-striped .results-list__cell:not(:last-child) {
  border-right: none;
}
.results-list__column {
  display: table-column;
}
.results-list__item {
  height: 40px;
  display: table-row;
  background-color: #f6f6f6;
}
.results-list__item:nth-child(2n+2) {
  background-color: #ffffff;
}
.results-list__item:last-child .results-list__cell {
  border-bottom: 1px solid #c4c4c4;
}
.results-list__header {
  background-color: #173651;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.55em;
  display: table-header-group;
}
.results-list__heading {
  font-weight: 700;
  height: 40px;
  position: relative;
  padding: 0 1.1em;
  text-align: left;
  line-height: 1.6em;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  width: auto;
  border: none;
}
.results-list__heading:not(:first-child):after {
  content: "";
  width: 1px;
  background: #ffffff;
  position: absolute;
  height: 30px;
  left: -1px;
  top: 5px;
}
.results-list__heading--sortable {
  display: flex;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.results-list__heading_centre {
  font-weight: 700;
  height: 40px;
  position: relative;
  padding: 0 0 0 17.4em;
  text-align: left;
  line-height: 1.6em;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  width: auto;
  border: none;
  text-transform: none;
}
.results-list__heading_centre:not(:first-child):after {
  content: "";
  width: 1px;
  background: #ffffff;
  position: absolute;
  height: 30px;
  left: -1px;
  top: 5px;
}
.results-list__heading_with_checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  height: 40px;
  position: relative;
  padding: 0 0 0 5em;
  text-align: left;
  line-height: 1.6em;
  vertical-align: middle;
  word-wrap: break-word;
  width: auto;
  border: none;
  text-transform: none;
}
.results-list__heading_with_checkbox:not(:first-child):after {
  content: "";
  width: 1px;
  background: #ffffff;
  position: absolute;
  height: 30px;
  left: -1px;
  top: 5px;
}
.results-list__filter {
  padding: 0 15px;
}
.results-list__filter:first-of-type {
  padding: 0;
}
.results-list__filter-page-size {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.results-list__filter-page-size label {
  padding: 10px 10px 10px 0;
}
.results-list__filter-page-size select {
  margin-top: unset;
}
.results-list__pagination {
  width: 100%;
}
.results-list__filter-header {
  padding-right: 5px;
  font-weight: bold;
}
.results-list__link {
  cursor: pointer;
}
.results-list__link:hover {
  background-color: #d0d0d0;
}
.results-list__link:nth-child(2n+2):hover {
  background-color: #f2f2f2;
}
.results-list__cell {
  position: relative;
  padding: 0 1.1em;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  width: auto;
  border-top: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
}
.results-list__cell:first-child {
  border-left: 1px solid #c4c4c4;
}
.results-list__cell--shrink {
  width: 1%;
  white-space: nowrap;
}
.results-list__cell--nowrap {
  white-space: nowrap;
}
.results-list__cell--bold {
  font-weight: 700;
}
.results-list__no-items {
  background-color: #173651;
  color: #ffffff;
  width: 100%;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0.55em;
  text-transform: uppercase;
  font-weight: 700;
}
.results-list__export {
  padding-bottom: 20px;
}
.results-list__export-button {
  min-width: 90px;
  height: 30px;
  align-self: flex-end;
  background-color: #3ca3d2;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}
.results-list__export-button:hover, .results-list__export-button:focus {
  background-color: #2987b2;
}
.results-list__export-button:focus {
  outline: none;
  border: 2px solid #173651;
}
.results-list__export-button:disabled {
  cursor: not-allowed;
  background-color: #dddddd;
}

.simple-list {
  width: var(--simple-list-w, 500px);
  list-style: none;
}
.simple-list__list-item {
  padding: 5px 10px 5px 5px;
  border-bottom: 2px solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simple-list__label, .simple-list__text {
  flex: 1;
}
.simple-list__text {
  text-align: right;
}

/**
 * Alert block: Responsible for the styling of alerts across the applications.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the alert containers such as forms.
 * Alerts used in a toast context should have a suggested minimum of 1rem of margin top and bottom.
 */
.notification {
  padding: 0 0 1rem 0;
}
.notification--field-level {
  padding: 20px 0 0 0;
}
.notification__container {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  min-height: 40px;
  padding: 0.5rem 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: transform 0.5s ease;
}
.notification__container span {
  flex: 1;
}
.notification__container--local {
  width: 250px;
}
.notification__container--info {
  background-color: #d1ecf1;
  color: #0c5460;
}
.notification__container--info:before {
  content: "warning";
  color: rgba(12, 84, 96, 0.5);
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 3px;
  margin-top: 2px;
}
.notification__container--success {
  background-color: #d4edda;
  color: #155724;
}
.notification__container--success:before {
  content: "check_circle";
  color: rgba(21, 87, 36, 0.5);
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 3px;
  margin-top: 2px;
}
.notification__container--error {
  background-color: #f8d7da;
  color: #721c24;
}
.notification__container--error:before {
  content: "warning";
  color: rgba(114, 28, 36, 0.5);
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 3px;
  margin-top: 2px;
}
.notification__container--warning {
  background-color: #fff3cd;
  color: #856404;
}
.notification__container--warning:before {
  content: "warning";
  color: rgba(133, 100, 4, 0.5);
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 3px;
  margin-top: 2px;
}
.notification__container--validation {
  background-color: #f8d7da;
  color: #721c24;
}
.notification__container--validation:before {
  content: "warning";
  color: #721c24;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 3px;
  margin-top: 2px;
  opacity: 0.6;
}
.notification__container--search {
  display: block;
  color: #353535;
  font-size: 12pt;
}
.notification__container--search--subtext {
  font-size: 9pt;
  color: #727273;
}
.notification__container--search:before {
  content: "zoom_in";
  color: #353535;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 3px;
  margin-top: 2px;
}
.notification__close {
  cursor: pointer;
  background: none;
  border: none;
}
.notification__close:before {
  opacity: 0.6;
}
.notification__close:hover:before {
  opacity: 1;
}
.notification__close:focus {
  outline: none;
  border: 1px solid #3ca3d2;
}
.notification__close--info {
  background-color: #d1ecf1;
  color: #0c5460;
}
.notification__close--info:before {
  content: "clear";
  color: #0c5460;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.notification__close--success {
  background-color: #d4edda;
  color: #155724;
}
.notification__close--success:before {
  content: "clear";
  color: #155724;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.notification__close--error {
  background-color: #f8d7da;
  color: #721c24;
}
.notification__close--error:before {
  content: "clear";
  color: #721c24;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.notification__close--warning {
  background-color: #fff3cd;
  color: #856404;
}
.notification__close--warning:before {
  content: "clear";
  color: #856404;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.notification__validation-list {
  list-style-type: disc;
  margin-left: 20px;
}
.notification:before {
  margin-right: 10px;
}

.radiobutton {
  /* by hiding the input (rather than display:none), we still allow tabbing */
}
.radiobutton__input {
  opacity: 1;
  width: 0;
  margin: 0;
  /* The content is applied to the label rather than the input because according to the spec, content cannot be applied to a self-closing tag such as an input.
  The content is therefore not displayed (correctly!) in IE11. */
}
.radiobutton__input:checked + .radiobutton__label:before {
  content: "radio_button_checked";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 5px;
}
.radiobutton__input:disabled + .radiobutton__label:before {
  color: #dddddd;
}
.radiobutton__label {
  font-size: 12px;
  display: inline-block;
}
.radiobutton__label:before {
  content: "radio_button_unchecked";
  color: #727273;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 5px;
}

@keyframes spinner {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.loader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 4;
}
.loader__spinner {
  height: 150px;
  width: 150px;
}
.loader__line {
  animation: 1s linear infinite spinner;
  fill: #3ca3d2;
}
.loader__line-light {
  animation: 1s linear infinite spinner;
  fill: #3ca3d2;
}

.local-loader {
  display: flex;
  flex-direction: row;
  z-index: 1;
  position: relative;
}
.local-loader--centered {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.loader-ii {
  position: relative;
  width: 100%;
  height: 100%;
}
.loader-ii__line {
  fill: #ffffff;
}

.loader-ii::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
}

.loader-ii::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 40px);
  height: 80px;
  width: 80px;
  background-repeat: no-repeat;
  background-image: url('loader.3e2f1fe2de3e1343.svg');
  animation: spinnerii 1s infinite linear;
  z-index: 1;
}

.loader-ii--vehicle::before {
  top: -13px;
}

.loader-ii--contract::before {
  top: 25px;
}

@keyframes spinnerii {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  8% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  9% {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
  }
  16% {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
  }
  17% {
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
  }
  25% {
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
  }
  26% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  33% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  34% {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }
  42% {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }
  43% {
    transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
  }
  50% {
    transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
  }
  51% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  58% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  59% {
    transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
  }
  67% {
    transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
  }
  68% {
    transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
  }
  75% {
    transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
  }
  76% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
  }
  83% {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
  }
  84% {
    transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
  }
  91% {
    transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
  }
  92% {
    transform: rotate(330deg);
    -webkit-transform: rotate(330deg);
  }
  99% {
    transform: rotate(330deg);
    -webkit-transform: rotate(330deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.loader__spinner g:nth-child(1) rect {
  opacity: 0.9166666667;
  animation-delay: 0.0833333333s;
}

.loader__spinner g:nth-child(2) rect {
  opacity: 0.8333333333;
  animation-delay: 0.1666666667s;
}

.loader__spinner g:nth-child(3) rect {
  opacity: 0.75;
  animation-delay: 0.25s;
}

.loader__spinner g:nth-child(4) rect {
  opacity: 0.6666666667;
  animation-delay: 0.3333333333s;
}

.loader__spinner g:nth-child(5) rect {
  opacity: 0.5833333333;
  animation-delay: 0.4166666667s;
}

.loader__spinner g:nth-child(6) rect {
  opacity: 0.5;
  animation-delay: 0.5s;
}

.loader__spinner g:nth-child(7) rect {
  opacity: 0.4166666667;
  animation-delay: 0.5833333333s;
}

.loader__spinner g:nth-child(8) rect {
  opacity: 0.3333333333;
  animation-delay: 0.6666666667s;
}

.loader__spinner g:nth-child(9) rect {
  opacity: 0.25;
  animation-delay: 0.75s;
}

.loader__spinner g:nth-child(10) rect {
  opacity: 0.1666666667;
  animation-delay: 0.8333333333s;
}

.loader__spinner g:nth-child(11) rect {
  opacity: 0.0833333333;
  animation-delay: 0.9166666667s;
}

.loader__spinner g:nth-child(12) rect {
  opacity: 0;
  animation-delay: 1s;
}

.pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  text-align: center;
}
.pagination__selection {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pagination__item {
  color: #3ca3d2;
  width: 12%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.pagination__item:hover {
  color: #65b7dc;
}
.pagination__item--disabled {
  color: #6f6f6f;
  cursor: auto;
  opacity: 0.5;
}
.pagination__first:before {
  content: "first_page";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.pagination__previous:before {
  content: "chevron_left";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.pagination__next:before {
  content: "chevron_right";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.pagination__last:before {
  content: "last_page";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.pagination__item-number {
  color: #6f6f6f;
  width: auto;
  display: inline-block;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.pagination__item-number:hover {
  color: #65b7dc;
}
.pagination__item-number--active {
  color: #3ca3d2;
  font-weight: 700;
  text-decoration: underline;
}
.pagination__page-number {
  display: inline-block;
  color: #6f6f6f;
  padding: 10px;
  font-size: 12px;
}

.typeahead {
  position: relative;
  width: 300px;
}
.typeahead__controls {
  max-width: 300px;
  min-width: 300px;
  height: 30px;
  max-height: 30px;
  display: flex;
  border: 1px solid #d1c9bf;
}
.typeahead__controls:focus-within {
  outline: 1px solid #3ca3d2;
}
.typeahead__controls--disabled {
  border-color: #dddddd;
}
.typeahead__input {
  color: #6f6f6f;
  padding: 0.3em 2.5em 0.3em 0.5em;
  flex: 1;
  border: none;
  outline: none;
  font-size: 12px;
}
.typeahead__input:disabled {
  background-color: #f6f6f6;
  color: #353535;
}
.typeahead__input:disabled::placeholder {
  color: #727273;
}
.typeahead__input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
.typeahead__placeholder {
  display: inline-block;
  position: absolute;
  left: 2px;
  color: #6f6f6f;
  font-size: 12px;
  top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.typeahead__clear, .typeahead__show-all {
  border: none;
  font-size: 12px;
  cursor: pointer;
  background-color: #ffffff;
}
.typeahead__clear:disabled, .typeahead__show-all:disabled {
  cursor: auto;
  background-color: #f6f6f6;
}
.typeahead__clear:focus, .typeahead__show-all:focus {
  border: 1px solid #d1c9bf;
  outline: none;
}
.typeahead__show-all:before {
  content: "expand_more";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  font-weight: 700;
}
.typeahead__show-all:disabled:before {
  content: "expand_more";
  color: #dddddd;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  font-weight: 700;
}
.typeahead__clear:before {
  content: "clear";
  color: #4a4a4a;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  font-weight: 700;
}
.typeahead__list {
  width: 300px;
  border: 1px solid #d1c9bf;
  max-height: calc(45vh - 180px);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
  position: absolute;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.typeahead__list--upwards {
  margin-top: calc(180px - 45vh);
  border-bottom: 0;
}
.typeahead__list--downwards {
  border-top: 0;
}
.typeahead__item {
  padding: 15px 10px;
  font-size: 12px;
}
.typeahead__item:hover, .typeahead__item:focus {
  background-color: #3ca3d2;
  color: #ffffff;
  outline: none !important;
}
.typeahead__item__highlighted {
  background-color: #3ca3d2;
  color: #ffffff;
  outline: none !important;
}
.typeahead__validation.ng-touched.ng-invalid > div > div, .typeahead__validation.ng-dirty.ng-invalid > div > div {
  border: 1px solid #dc3545;
}

/**
 * Progressbar block: Responsible for the styling of progress bars across the applications.
 * Page-specific external positioning styles are not placed here. That is the responsibility of the container e.g. forms.
 */
.progressbar__filling {
  background-color: #dddddd;
  position: relative;
}
.progressbar__filling:after {
  content: "";
  display: block;
  height: 24px;
  width: var(--width, 0%);
  background-color: #353535;
  transition: width var(--duration, 10s) ease-in-out;
}
.progressbar__filling--stop:after {
  transition: width 1.5s linear;
}

.page-header {
  height: 52px;
  width: 100vw;
  min-width: 1424px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  display: flex;
  background-color: #ffffff;
}
.page-header__ald-logo {
  height: 100%;
}
.page-header__content {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.page-header__select-dealer--error {
  border: 2px solid #dc3545;
}
.page-header__usermenu-show {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.page-header__usermenu-button {
  font-size: 14px;
  text-decoration: none;
  padding-right: 10px;
  display: block;
  text-align: center;
}
.page-header__usermenu-button:before {
  content: "account_circle";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 5px;
  cursor: pointer;
}
.page-header__select-business-channel, .page-header__select-dealer, .page-header__logout-button, .page-header__quote-search, .page-header__images {
  padding-right: 10px;
  display: flex;
  flex-wrap: nowrap;
}
.page-header__logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-position: center center;
  height: 100%;
}
.page-header__logo--lg {
  margin-left: 10px;
  background-image: url('ald-logo.3d2af2db1ccfd9e4.svg');
  width: 180px;
}
.page-header__logo--sm {
  background-image: url('ald-logo-collapsed.46a43541f1712370.svg');
  width: 50px;
}
.page-header__toggle {
  padding: 0;
}
.page-header__toggle--lg {
  width: 51px;
}
.page-header__toggle--sm {
  width: 60px;
}
.page-header__notification-list-container {
  display: flex;
}
.page-header__notification-list {
  position: relative;
  max-width: 45px;
  max-height: 45px;
}
.page-header__search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
}
.page-header__search-icon:before {
  position: relative;
  content: "search";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  height: 25px;
  width: 25px;
  left: calc(-50% + 5px);
  display: inline-block;
  vertical-align: middle;
  margin: 3px -25px 0 0;
  cursor: pointer;
}
.page-header__input {
  box-sizing: border-box;
  padding: 0.3em calc(0.5em + 30px) 0.3em calc(0.5em + 30px);
  height: 30px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #d1c9bf;
  width: 100%;
  color: #353535;
  vertical-align: middle;
  margin-top: 2px;
}
.page-header__input--error {
  border: 1px solid #dc3545;
}
.page-header__input::-ms-clear {
  display: none;
}
.page-header__input:focus {
  border: 2px solid #3ca3d2;
  border-radius: 4px;
}

/**
 * App Page Header block: Responsible for the styling of the page header across the applications.
 */
.app-page-header {
  background: #ffffff;
  height: 52px;
  padding: 20px 40px;
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #6c757d;
  font-weight: 500;
}

.page-footer {
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  display: flex;
  background-color: #ffffff;
}
.page-footer__ald-logo {
  margin: 8px 0px 0px 10px;
  height: 60%;
}
.page-footer__copyright {
  flex: 1;
  padding-left: 50px;
  font-size: 10px;
  line-height: 150%;
}
.page-footer__content {
  flex: 1;
  display: inline-flex;
  align-items: center;
}
.page-footer__link a, .page-footer__link a:link, .page-footer__link a:visited {
  font-size: 10px;
  padding: 0px 10px 0px 10px;
  border-right: solid 1px #3ca3d2;
}
.page-footer__link:last-child a {
  border-right: none;
}

.nav-toggle {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.nav-toggle:focus {
  outline: 0;
}
.nav-toggle__chevron {
  fill: #3ca3d2;
  transform: scale(0.8);
}
.nav-toggle__menu {
  fill: #3ca3d2;
  transform: scale(1.2);
}

.icons--is-link:hover {
  cursor: pointer;
}
.icons--lock:before {
  content: "lock";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.icons--block:before {
  content: "block";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.icons--launch:before {
  content: "launch";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}

.tab {
  height: 100%;
}

.tabbed-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tabbed-panel__list {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
}
.tabbed-panel__tab {
  flex-grow: 1;
  flex-basis: 0;
}
.tabbed-panel__content {
  height: 100%;
  flex-basis: 0;
  flex-grow: 1;
}

.tabbed-panel__tab + .tabbed-panel__tab {
  margin-left: 4px;
}

/**
 * Content Area block: Responsible for the styling of all layouts in the page content area.
 */
/* autoprefixer grid: on */
.content-area {
  height: calc(100% - 52px);
}
.content-area--full {
  padding: 30px 40px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.content-area--md-lg {
  padding: 30px 40px;
  display: grid;
  grid-template-columns: 35% 1fr;
  grid-template-rows: 1fr;
}
.content-area--md-lg .content-area__panel--md {
  grid-column: 1/2;
  grid-row: 1/3;
  margin-right: 20px;
}
.content-area--md-lg .content-area__panel--lg {
  grid-column: 2/3;
  grid-row: 1/3;
  margin-left: 20px;
}
.content-area--lg-md {
  padding: 30px 40px;
  display: grid;
  grid-template-columns: 1fr 35%;
  grid-template-rows: 1fr;
}
.content-area--lg-md .content-area__panel--md {
  grid-column: 2/3;
  grid-row: 1/3;
  margin-left: 20px;
}
.content-area--lg-md .content-area__panel--lg {
  grid-column: 1/2;
  grid-row: 1/3;
  margin-right: 20px;
}
.content-area--lg-sm-md {
  padding: 30px 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 35%;
  grid-template-rows: 40% minmax(0, 1fr);
}
.content-area--lg-sm-md .content-area__panel--lg {
  grid-column: 1/2;
  grid-row: 1/3;
  margin-right: 20px;
}
.content-area--lg-sm-md .content-area__panel--sm {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-left: 20px;
  margin-bottom: 20px;
}
.content-area--lg-sm-md .content-area__panel--md {
  grid-column: 2/3;
  grid-row: 2/3;
  margin-left: 20px;
  margin-top: 20px;
}
.content-area--50-50 {
  padding: 30px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.content-area--50-50 .content-area__panel--primary {
  margin-right: 20px;
  grid-column: 1;
  grid-row: 1;
}
.content-area--50-50 .content-area__panel--secondary {
  grid-column: 2;
  grid-row: 1;
  margin-left: 20px;
}
.content-area--basic-page {
  padding: 40px;
}
.content-area--basic-page .content-area__panel {
  margin: 0 auto;
  width: 800px;
}

/**
 * Basic Page block: Responsible for the styling of a basic page.
 */
.basic-page {
  border: 1px solid #dddddd;
  padding: 2em;
  background-color: #ffffff;
}

.notes {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.notes__main {
  flex-grow: 1;
  overflow-y: auto;
}
.notes__container {
  display: block;
  height: 100%;
  padding: 5px 30px;
  overflow-y: auto;
}
.notes__note {
  line-height: 15px;
}
.notes__note:not(:first-of-type) {
  padding-top: 1.571em;
}
.notes__note:not(:last-of-type) {
  padding-bottom: 1.571em;
  border-bottom: 1px solid #dddddd;
}
.notes__note-header-row {
  padding: 7px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.notes__user {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  color: #353535;
}
.notes__user--light-text {
  color: #dddddd;
}
.notes__user-type {
  font-weight: 400;
  font-size: 12px;
  color: #353535;
}
.notes__user-type--light-text {
  color: #dddddd;
}
.notes__timestamp {
  color: #353535;
  font-size: 10px;
  text-align: right;
}
.notes__timestamp--light-text {
  color: #dddddd;
}
.notes__content {
  font-size: 12px;
  word-wrap: break-word;
  margin-top: 14px;
  white-space: break-spaces;
}
.notes__form {
  flex-grow: 0;
  padding: 10px 30px;
  display: flex;
  flex-direction: column;
}
.notes__inputs {
  display: flex;
  justify-content: flex-end;
}
.notes__input {
  flex: 1;
}
.notes__external {
  padding-top: 5px;
  display: flex;
  margin-left: -5px;
}
.notes__external-label {
  padding-left: 5px;
  font-size: 12px;
  color: #353535;
}
.notes__external-label--light-text {
  color: #dddddd;
}
.notes__error {
  flex-grow: 0;
  margin: 10px 30px 0;
}
.notes__validation {
  flex-grow: 0;
  margin: 10px 30px 0;
  font-size: 10px;
}
.notes__no-notes {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-style: italic;
}
.notes__countdown {
  color: #3ca3d2;
  font-size: 10px;
  text-align: right;
  padding-right: 120px;
  padding-top: 2px;
}
.notes__countdown--light-text {
  color: #dddddd;
}
.notes__send {
  margin-top: auto;
  margin-bottom: 2px;
  border: 1px solid #4a4a4a;
}
.notes--fixed-size {
  height: calc(80vh - 250px);
  width: 600px;
  margin: auto;
}
.notes--fixed-size .notes__container {
  width: 600px;
}

@keyframes expand {
  0% {
    transform: scale(0, 0);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  to {
    transform: scale(1, 1);
  }
}
.checkbox {
  display: flex;
  align-items: center;
}
.checkbox--no-label {
  justify-content: center;
}
.checkbox__input {
  display: none;
  flex: 0 0 10%;
}
.checkbox__icon:before {
  content: "check_box_outline_blank";
  color: #727273;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.checkbox__input:checked + .checkbox__icon:before {
  content: "check_box";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.checkbox__input:disabled + .checkbox__icon:before {
  color: #dddddd;
}
.checkbox__icon_bg_colour:before {
  content: "check_box_outline_blank";
  color: #ffffff;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.checkbox__input:checked + .checkbox__icon_bg_colour:before {
  content: "check_box";
  color: #ffffff;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.checkbox__label {
  font-size: 12px;
  flex: 0 0 90%;
}
.checkbox__icon__modal:before {
  content: "check_box_outline_blank";
  color: #727273;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.checkbox__input:checked + .checkbox__icon__modal:before {
  content: "check_box";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}

.info-toggle {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.info-toggle:before {
  content: "info";
  color: rgba(12, 84, 96, 0.5);
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin: -4px 0 -8px 5px;
}
.info-toggle__info-bubble {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: calc(100% + 25px);
  padding: 20px;
  background: #3ca3d2;
  color: #ffffff;
  transform: translate(-20px, -50%);
  z-index: 1;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.info-toggle__info-bubble::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 100%;
  height: 0;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #3ca3d2 transparent transparent;
}

.alert {
  min-height: 21px;
  padding: 2px 0px 4px 5px;
  font-size: 14px;
  color: #dc3545;
  line-height: 1.4;
  margin-bottom: -25px;
}
.alert--no-form {
  margin-bottom: 0;
}
.alert--auto-height {
  height: auto;
}
.alert--warning {
  color: #ffc107;
}
.alert--info {
  color: #173651;
}
.alert--danger {
  color: #dc3545;
}
.alert--inline {
  display: inline-block;
}

#didomi-host .didomi-buttons .didomi-button {
  background-color: #3ca3d2;
  color: #ffffff;
  box-sizing: border-box;
  font-size: 13px !important;
  font-family: "Ford", "Montserrat", sans-serif;
  min-width: 115px !important;
  height: 30px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: none !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 1px 10px !important;
}
@media only screen and (max-width: 940px) {
  #didomi-host .didomi-buttons .didomi-button {
    height: 35px;
    width: 185px !important;
  }
}

#didomi-host .didomi-buttons .didomi-button:not(:last-of-type) {
  margin-right: 20px !important;
}
@media only screen and (max-width: 600px) {
  #didomi-host .didomi-buttons .didomi-button:not(:last-of-type) {
    margin-right: 0px !important;
  }
}

#didomi-host .didomi-buttons .didomi-button:hover {
  cursor: pointer;
}

#didomi-host .didomi-buttons .didomi-button:focus {
  outline: none;
  border: 2px solid #173651 !important;
  padding: 1px 8px !important;
}

#didomi-host .didomi-buttons .didomi-button-highlight {
  background-color: #3ca3d2 !important;
  color: #ffffff !important;
}

#didomi-host .didomi-buttons .didomi-button-highlight:hover {
  background-color: #2987b2 !important;
}

#didomi-host .didomi-buttons .didomi-button-highlight:disabled {
  background-color: #dddddd !important;
  cursor: auto !important;
}

#didomi-host .didomi-buttons .didomi-button-standard {
  background-color: #ffffff !important;
  color: #3ca3d2 !important;
  border: 1px solid #3ca3d2 !important;
}

#didomi-host .didomi-buttons .didomi-button-standard:hover,
#didomi-host .didomi-buttons .didomi-button-standard:focus {
  color: #2987b2 !important;
  border: 2px solid #2987b2 !important;
  padding: 1px 9px !important;
}

#didomi-host .didomi-buttons .didomi-button-standard:disabled {
  border-color: #dddddd !important;
  color: #dddddd !important;
  cursor: auto !important;
}

#didomi-host .didomi-notice-banner {
  background-color: #353535 !important;
  color: #ffffff !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  font-family: "Ford", "Montserrat", sans-serif;
  font-size: 14px !important;
}

#didomi-host .didomi-continue-without-agreeing,
#didomi-host .didomi-notice-banner a,
#didomi-consent-popup a {
  color: #4daad5 !important;
  font-weight: 600;
}

#didomi-host .didomi-notice-data-processing-title {
  color: #ffffff !important;
  font-weight: 400 !important;
}

#didomi-host .didomi-notice-data-processing-list {
  font-weight: 400 !important;
}

/*
    Styling for the bell alert and list of recent notifications
*/
.notification-list__alert {
  padding: 0;
}
.notification-list__icon::before {
  vertical-align: middle;
  padding: 10px;
  content: "notifications";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.notification-list__icon:focus::before {
  color: #3ca3d2;
}
.notification-list__icon--is-open::before {
  color: #3ca3d2;
}
.notification-list__icon--new-items::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 26px;
  height: 10px;
  width: 10px;
  background-color: #ffc107;
  border-radius: 50%;
}
.notification-list__icon--ringing {
  background-color: transparent;
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}
.notification-list__header {
  padding-top: 12px;
  height: 40px;
  border-bottom: solid 1px #dddddd;
  font-weight: bold;
  text-align: center;
}
.notification-list__container {
  position: relative;
  top: 3px;
  margin-left: -205px;
  padding: 0;
  width: 375px;
  border: solid 1px #dddddd;
  background-color: #ffffff;
  z-index: 101;
}
.notification-list__item-container {
  height: 400px;
  scroll-behavior: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}
.notification-list__item-container-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
}
.notification-list__item-container-footer {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: solid 1px #dddddd;
  min-height: 40px;
  height: 40px;
}
.notification-list__item {
  padding: 12px 20px 15px 17px;
  min-height: 80px;
  vertical-align: middle;
  border-bottom: solid 1px #dddddd;
  border-left: solid 3px #ffffff;
  cursor: pointer;
  position: relative;
}
.notification-list__item--mine {
  border-left-color: #17a2b8;
}
.notification-list__item--unread {
  background-color: #f6f6f6;
}
.notification-list__item--unread .notification-list__hide-item:after {
  content: "";
  background-color: #ffc107;
  height: 8px;
  width: 8px;
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, 10%);
  right: 2px;
}
.notification-list__item--sliding-away {
  transition-duration: 600ms;
  transform: translate(100%);
}
.notification-list__item-header {
  font-weight: bold;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.notification-list__count {
  color: #ffffff;
  padding: 0 5px;
}
.notification-list__count--unread {
  background-color: #ffc107;
}
.notification-list__count--assigned {
  background-color: #17a2b8;
}
.notification-list__item-owner {
  width: 230px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.notification-list__item-text {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.notification-list__item-date {
  color: #6c757d;
  width: 80px;
}
.notification-list__hide-item {
  cursor: pointer;
  background: none;
  border: none;
}
.notification-list__hide-item:before {
  opacity: 0.6;
  content: "clear";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.notification-list__hide-item:hover:before {
  opacity: 1;
}
.notification-list__warning {
  color: #4a4a4a;
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-height: 4em;
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.page-error {
  margin: 0 auto;
  width: 800px;
}
.page-error__panel {
  padding: 20px 20px 0 20px;
}
.page-error__panel p {
  padding-bottom: 1em;
}

.user-menu {
  width: 320px;
  z-index: 11;
  position: fixed;
  right: 0px;
  margin-top: 25px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
}
.user-menu__user-name {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
.user-menu__user-icon:after {
  border: black;
  content: "account_circle";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  display: block;
  text-align: center;
}
.user-menu__btn {
  width: 100%;
  display: block;
  height: 40px;
  font-size: 12px;
  background-color: #f6f6f6;
  text-align: left;
  padding-left: 5px;
}
.user-menu__btn:hover {
  background-color: #3ca3d2;
  color: #ffffff;
}
.user-menu__btn:focus {
  background-color: #3ca3d2;
  color: #ffffff;
}

.mfa-reset-modal {
  position: fixed;
  top: 40%;
  left: 55%;
  width: 10%;
  height: 10%;
  margin-left: -10%;
}

.warning-bar {
  background-color: #ffc107;
  color: black;
  max-height: 500px;
  display: grid;
  grid-template-columns: 280px auto 280px;
  overflow-y: hidden;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.warning-bar:before {
  padding: 1.7rem 30px 0 0;
  justify-self: end;
  content: "info_outline";
  color: black;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 44px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.warning-bar__message {
  padding: 1.7rem 0;
}
.warning-bar__message-heading {
  font-size: 18px;
  margin-bottom: 18px;
}
.warning-bar__cta {
  background-color: #ffc107;
  justify-self: start;
  align-self: start;
  padding: 1.7rem 0 0 20px;
}
.warning-bar__cta:before {
  content: "clear";
  color: black;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.warning-bar--closed {
  max-height: 0;
}

.auto-size-text-area {
  resize: none;
  line-height: 18px;
  padding: 5px 10px;
  width: 100%;
  overflow: hidden;
}
.auto-size-text-area__overflowed {
  resize: none;
  line-height: 18px;
  padding: 5px 10px;
  width: 100%;
  overflow-y: scroll;
}
.auto-size-text-area--error {
  border: 1px solid #dc3545;
}

.important-person-warning {
  position: relative;
  display: inline-block;
}
.important-person-warning:before {
  content: "warning";
  color: #dc3545;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin: -10px 0 -8px 2px;
}

/**
 * This is for use within proposals and quotes for styling a warning box saying that
 * text has been entered as all upper or lower case. The box needs to persist even when
 * validation messages have been produced
 */
.notificationUpperLower__field-background {
  background-color: #fff3cd;
}
.notificationUpperLower__container {
  font-size: small;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  min-height: 40px;
  padding: 0.5rem 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  transition: transform 0.5s ease;
}
.notificationUpperLower__container span {
  flex: 1;
}
.notificationUpperLower__container--warning {
  background-color: #fff3cd;
  color: #856404;
}
.notificationUpperLower__container--warning:before {
  content: "\e002";
  color: rgba(133, 100, 4, 0.5);
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 3px;
  margin-top: 1px;
}
.notificationUpperLower__container__body {
  padding-top: 5px;
}
.notificationUpperLower__close {
  cursor: pointer;
  background: none;
  border: none;
}
.notificationUpperLower__close:before {
  opacity: 0.6;
}
.notificationUpperLower__close:hover:before {
  opacity: 1;
}
.notificationUpperLower__close:focus {
  outline: none;
  border: 1px solid #3ca3d2;
}
.notificationUpperLower__close--warning {
  background-color: #fff3cd;
  color: #856404;
}
.notificationUpperLower__close--warning:before {
  content: "clear";
  color: #856404;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}

.results-list-adaptive__cell--column-twenty-five-percent, .results-list-adaptive__cell--column-fifteen-percent, .results-list-adaptive__cell--column-twenty-percent, .results-list-adaptive__cell--column-fifty-percent {
  position: relative;
  padding: 0 1.1em;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  border-top: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
}

.results-list-adaptive {
  font-size: 10px;
  display: table;
  table-layout: auto;
  width: 100%;
}
.results-list-adaptive--dynamic {
  table-layout: auto;
}
.results-list-adaptive--autowidth {
  width: auto;
}
.results-list-adaptive--not-striped .results-list-adaptive__item:nth-child(2n+2) {
  background-color: #ffffff;
}
.results-list-adaptive--not-striped .results-list-adaptive__tiered-item {
  height: 40px;
  display: table-row;
}
.results-list-adaptive--not-striped .results-list-adaptive__tiered-item--child {
  background-color: #ffffff;
}
.results-list-adaptive--not-striped .results-list-adaptive__tiered-item--subheader {
  background-color: #dddddd;
  font-weight: 700;
}
.results-list-adaptive--not-striped .results-list-adaptive__tiered-item:last-child .results-list-adaptive__cell {
  border-bottom: 1px solid #c4c4c4;
}
.results-list-adaptive--not-striped .results-list-adaptive__cell:not(:last-child) {
  border-right: none;
}
.results-list-adaptive__column {
  display: table-column;
}
.results-list-adaptive__item {
  height: 42px;
  display: table-row;
  background-color: #f6f6f6;
}
.results-list-adaptive__item:nth-child(2n+2) {
  background-color: #ffffff;
}
.results-list-adaptive__item:last-child .results-list-adaptive__cell--column-fifty-percent {
  border-bottom: 1px solid #c4c4c4;
}
.results-list-adaptive__item:last-child .results-list-adaptive__cell--column-twenty-percent {
  border-bottom: 1px solid #c4c4c4;
}
.results-list-adaptive__item:last-child .results-list-adaptive__cell--column-fifteen-percent {
  border-bottom: 1px solid #c4c4c4;
}
.results-list-adaptive__item:last-child .results-list-adaptive__cell--column-twenty-five-percent {
  border-bottom: 1px solid #c4c4c4;
}
.results-list-adaptive__header {
  background-color: #173651;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.55em;
  display: table-header-group;
}
.results-list-adaptive__heading {
  font-weight: 700;
  height: 40px;
  position: relative;
  padding: 0 1.1em;
  text-align: left;
  line-height: 1.6em;
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  width: auto;
  border: none;
}
.results-list-adaptive__heading:not(:first-child):after {
  content: "";
  width: 1px;
  background: #ffffff;
  position: absolute;
  height: 30px;
  left: -1px;
  top: 5px;
}
.results-list-adaptive__link {
  cursor: pointer;
}
.results-list-adaptive__link:hover {
  background-color: #d0d0d0;
}
.results-list-adaptive__link:nth-child(2n+2):hover {
  background-color: #f2f2f2;
}
.results-list-adaptive__cell--column-fifty-percent {
  width: 50%;
}
.results-list-adaptive__cell--column-fifty-percent:first-child {
  border-left: 1px solid #c4c4c4;
}
.results-list-adaptive__cell--column-fifty-percent--shrink {
  width: 1%;
  white-space: nowrap;
}
.results-list-adaptive__cell--column-fifty-percent--nowrap {
  white-space: nowrap;
}
.results-list-adaptive__cell--column-twenty-percent {
  width: 20%;
}
.results-list-adaptive__cell--column-fifteen-percent {
  width: 15%;
}
.results-list-adaptive__cell--column-twenty-five-percent {
  width: 25%;
}
.results-list-adaptive__no-items {
  background-color: #173651;
  color: #ffffff;
  width: 100%;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0.55em;
  text-transform: uppercase;
  font-weight: 700;
}

.radio-button-small {
  /* by hiding the input (rather than display:none), we still allow tabbing */
}
.radio-button-small__input {
  opacity: 1;
  width: 0;
  margin: 0;
  /* The content is applied to the label rather than the input because according to the spec,
  content cannot be applied to a self-closing tag such as an input.
  The content is therefore not displayed (correctly!) in IE11. */
}
.radio-button-small__input:checked + .radio-button-small__label:before {
  content: "radio_button_checked";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 5px;
}
.radio-button-small__label {
  font-size: 11;
  display: inline-block;
}
.radio-button-small__label:before {
  content: "radio_button_unchecked";
  color: #727273;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-right: 5px;
}

.grid-table {
  display: table;
  width: 100%;
  padding: 1.1em;
}
.grid-table__heading {
  padding: calc(1.1em * 2) 0 1.1em 0;
  font-size: 12px;
  color: #4a4a4a;
}
.grid-table__row-group {
  display: table-row-group;
}
.grid-table__row {
  display: table-row;
}
.grid-table__col {
  display: table-cell;
  border-bottom: 1px solid #c4c4c4;
  padding: 10px 15px 5px 5px;
  white-space: nowrap;
  line-height: 1.1em;
}
.grid-table__col--wrap {
  white-space: normal;
}

.buttons-group {
  display: flex;
  justify-content: flex-end;
}
.buttons-group__container {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 25px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.buttons-group__container--2cols {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.buttons-group .cta:not(:last-of-type) {
  margin-right: 0;
}

.navigation-menu-item:before {
  margin-top: -3px;
  padding: 0 12px;
}
.navigation-menu-item__home:before {
  content: "home";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__doc-library:before {
  content: "description";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__admin:before {
  content: "person_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__admin-search:before {
  content: "search";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__admin-create:before {
  content: "add_circle_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__mcam-management:before {
  content: "refresh";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__tools:before {
  content: "build";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__tools-guides:before {
  content: "help_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__tools-library:before {
  content: "description";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__tools-ratebooks:before {
  content: "import_contacts";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__tools-early-terminations-view:before {
  content: "event_busy";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__tools-early-terminations-create:before {
  content: "add_circle_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__quotes:before {
  content: "directions_car";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__quotes-create:before {
  content: "open_in_new";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__quotes-campaigns:before {
  content: "star";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__quotes-activity:before {
  content: "equalizer";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.navigation-menu-item__quotes-stocks:before {
  content: "star";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}

.app-shell__release-teaser {
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  background-color: #ffffff;
  position: relative;
}
.app-shell__release-teaser .release-teaser-panel {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
}
.app-shell__release-teaser .release-teaser-panel .icon-new-release {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
.app-shell__release-teaser .release-teaser-panel .icon-new-release:before {
  content: "new_releases_outline";
  color: #3ca3d2;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  width: 25px;
  margin: 0 12px;
}
.app-shell__release-teaser .release-teaser-panel:hover {
  cursor: pointer;
}
.app-shell__release-teaser .release-teaser-panel--unread .icon-new-release {
  animation: pulse 0.75s infinite;
}
.app-shell__release-teaser .release-teaser-panel--unread .icon-new-release:before {
  content: "new_releases_outline";
  color: #ffc107;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.app-shell__release-teaser .release-teaser-panel__content {
  color: #3ca3d2;
  text-decoration: none;
  z-index: 1;
  position: relative;
  line-height: 1.1rem;
}
.app-shell__release-teaser .release-teaser-panel__content small {
  display: block;
  font-size: 80%;
}
.app-shell__release-teaser .release-teaser-panel__content.show_teaser {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  margin-left: 0;
}
.app-shell__release-teaser .release-teaser-panel__content.hide_teaser {
  display: none;
  max-width: 50px;
}
@keyframes pulse {
  0%, 100% {
    opacity: 0.3;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.app-shell__release-teaser:hover .release-teaser-panel__content.hide_teaser {
  display: block;
  position: absolute;
  top: 0;
  right: -241px;
  width: 241px;
  max-width: 241px;
  background: #ffffff;
  padding: 10px 10px;
  border: 1px solid #dddddd;
  height: 51px;
}

/**
 * Shame: Contains styling quick-fixes that are technical debt and likely don't adhere to our general styling conventions but may be necessary for various reasons.
 * In an ideal world this file will be empty.
 */
/* autoprefixer grid: on */
/* we shouldn't be using html tags as selectors, nor specificity.
* Another issue with the page header component is that it uses the dropdown element
* outside of the form block. That should be addressed when these shame rules are fixed.
*/
.page-header__select-business-channel select, .page-header__select-business-channel .select-wrapper, .page-header__select-business-channel select {
  width: 100%;
  line-height: 1.5;
}
.page-header__select-dealer .select-wrapper, .page-header__select-dealer .select-wrapper select {
  width: 300px;
  line-height: 1.5;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .page-header {
    /* IE10+ specific styles go here */
  }
  .page-header__select-dealer .select-wrapper, .page-header__select-dealer .select-wrapper select {
    width: 320px;
    line-height: 1.5;
  }
}

/* This is targetting the angular tag, which we should really not do (we should not rely on angular's implementation). Should be adding a class to the input itself. */
ald-dsi-number-input {
  box-sizing: border-box;
  height: 30px;
  line-height: 1.5;
  border-radius: 3px;
  width: 300px;
  color: #353535;
  max-width: 90%;
}

/* we shouldn't be using html tags as selectors */
nav {
  height: 100%;
  background-color: #ffffff;
  overflow-y: overlay;
  border-right: solid 1px #dddddd;
}

/* is this a BEM block? shouldn't it be a modifier? */
.collapsed-nav {
  min-width: 50px;
}

/* is this a BEM block? shouldn't it be a modifier? */
.expanded-nav {
  min-width: 241px;
}

/* is this a BEM block? */
.toggleMenuWrapper {
  background-color: #11293d;
  bottom: 0;
  left: 175px;
  position: fixed;
}
.toggleMenuWrapper--collapsed {
  left: 0px;
}
.toggleMenuWrapper:hover {
  background-color: #1d4365;
  cursor: pointer;
}
.toggleMenuWrapper:focus {
  background-color: #1d4365;
  cursor: pointer;
}

ald-dsi-notification-list {
  width: 45px;
  height: 45px;
}

/**
 * Main: Responsible for importing all the SCSS partials commonly used throughout this specific application.
 * No styles should be declared here.
 * The order of these imports is extremely important and should not be altered without careful consideration.
 */
/**
 * Blocks Directory: Responsible for importing all the SCSS files within this folder.
 * No styles should be declared here.
 * This is exclusively for any application-specific blocks that may be needed.
 */
.activation-status {
  border-bottom: #dddddd solid 1px;
}
.activation-status__button-cta {
  margin-left: 10px;
}
.activation-status__button-cta:first-of-type {
  margin-right: 20px;
}

.change-password__input {
  display: inline;
}
.change-password__list {
  list-style: inside;
}
.change-password__password-icon-on:before {
  content: "visibility";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  position: relative;
  left: -30px;
}
.change-password__password-icon-off:before {
  content: "visibility_off";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  position: relative;
  left: -30px;
}

/**
 * Create Dealer block: 
 * Responsible for the general layout styling of the create dealer form and accompanying elements
 */
.create-dealer__user-credentials {
  margin-top: 30px;
}

.lock-status {
  border-bottom: #dddddd solid 1px;
}
.lock-status__lock-cta {
  margin-left: 10px;
}

.select-dealers__delete-dealer-cta {
  margin: 0 5px 0 10px;
  width: 30px;
  line-height: 10px;
  padding: 3px 0;
  min-width: 0;
  background: none;
}
.select-dealers__delete-dealer-label {
  padding: 0;
}
.select-dealers__dealer-controls {
  display: inline-flex;
  align-items: center;
}
.select-dealers__search-results, .select-dealers__search-results-instructions, .select-dealers__added-dealers {
  padding-top: 30px;
}

.select-business-channels__controls {
  display: inline-flex;
  align-items: center;
}

.select-roles {
  border-bottom: #dddddd solid 1px;
}
.select-roles__results-list {
  table-layout: auto;
}
.select-roles__role-select {
  text-align: center;
}
.select-roles__user-type-name {
  cursor: pointer;
}
.select-roles__user-type-name:after {
  content: "info";
  color: rgba(12, 84, 96, 0.5);
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
  margin-left: 3px;
  margin-top: -3px;
  cursor: pointer;
}
.select-roles .cms-rich-text ul {
  list-style: disc;
  list-style-position: inside;
  margin-top: 10px;
}
.select-roles .cms-rich-text li {
  line-height: 20px;
}

.user-details {
  border-bottom: #dddddd solid 1px;
}

.contact-us__subheading {
  padding-bottom: 5px;
}
.contact-us__subheading:before {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  padding-top: 7px;
  border-radius: 50%;
  text-align: center;
  background-color: #f6f6f6;
}
.contact-us__subheading--email:before {
  content: "email";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.contact-us__subheading--phone:before, .contact-us__subheading--fax:before {
  content: "phone";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.contact-us__subheading--post:before {
  content: "my_location";
  color: #173651;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga" 1;
}
.contact-us__link, .contact-us__link:link, .contact-us__link:visited {
  display: block;
  width: 50%;
  padding: 0px 0px 15px 50px;
}

/** CSS does not conform to BEM rules in this file as it is to style HTML brought in from CMS **/
.legal-document {
  padding: 0 20px 20px 20px;
}
.legal-document h1,
.legal-document h2,
.legal-document h3,
.legal-document h4 {
  margin-top: 25px;
  padding: 5px 0px;
  font-size: 14px;
  font-weight: 500;
  color: #173651;
  border-bottom: 1px solid #dddddd;
}
.legal-document h1 {
  font-weight: 600;
  font-size: 20px;
}
.legal-document h2 {
  font-size: 20px;
}
.legal-document h3 {
  font-size: 18px;
}
.legal-document p {
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #353535;
}
.legal-document a {
  color: #3ca3d2;
  font-weight: 600;
}
.legal-document table,
.legal-document th,
.legal-document td {
  border: 1px solid #dddddd;
}
.legal-document th {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
.legal-document th,
.legal-document td {
  padding: 8px;
}
.legal-document ul {
  padding-left: 40px;
  margin-bottom: 25px;
  list-style: disc;
}
.legal-document ul.list-unstyled {
  padding-left: 0px;
  list-style: none;
}
.legal-document li {
  line-height: 20px;
}
.legal-document .ald-counter-section {
  counter-reset: itemcounter;
}
.legal-document .ald-countable-section {
  counter-reset: itemsubcounter;
}
.legal-document .ald-countable-section > h3::before {
  counter-increment: itemcounter;
  content: counter(itemcounter) ". ";
}
.legal-document .ald-countable-section .list-unstyled:not(.ald-no-counter) > li::before {
  counter-increment: itemsubcounter;
  content: counter(itemcounter) "." counter(itemsubcounter) ". ";
  font-weight: bold;
}

.create-notification__banner-content-input {
  resize: none;
  height: 15.5rem;
  width: 100%;
}
.create-notification__header-input {
  width: 100%;
}
.create-notification__business-channel-item {
  display: block;
}
.create-notification__date-time-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}

.mfa-status {
  border-bottom: #dddddd solid 1px;
}
.mfa-status__mfa-cta {
  margin-right: 145px;
}

.create-release-note__content-input {
  resize: none;
  height: 15.5rem;
  width: 100%;
}
.create-release-note__header-input {
  width: 100%;
}
.create-release-note__date-time-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}

.file-uploader__input {
  display: none;
}
.file-uploader__container {
  display: flex;
  align-items: flex-end;
}
.file-uploader__field {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}