/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quotes/src/assets/styles/themes/kia-hcuk.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/quotes/src/assets/styles/themes/kia-hcuk.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
*/
@font-face {
  font-family: "Kia";
  src: url('kia_light.7820d97d26e99bbf.woff') format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Kia";
  src: url('kia_medium.a3def984253b62aa.woff') format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Kia";
  src: url('kia_medium.a3def984253b62aa.woff') format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Kia";
  src: url('kia_bold.103f338197810ad8.woff') format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Kia";
  src: url('kia_bold.103f338197810ad8.woff') format("woff");
  font-weight: 700;
  font-style: normal;
}
/**
 * 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: "Kia", "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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #05141f;
  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: #05141f;
  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 #05141f;
}
.choice-buttons__input:active + .choice-buttons__button-label {
  background-color: #05141f;
  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 #05141f;
  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: #05141f;
  font-weight: 600;
  border: none;
  background: none;
  color: #9ba1a5;
}
.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: #05141f;
  color: #ffffff;
}
.cta--primary:hover {
  background-color: #0c304b;
}
.cta--primary:disabled {
  background-color: #dddddd;
  cursor: auto;
}
.cta--primary_modal-button {
  border: 1px solid #4a4a4a;
}
.cta--primary_modal-button:hover {
  background-color: #9ba1a5;
}
.cta--secondary {
  background-color: #ffffff;
  color: #05141f;
  border: 1px solid #05141f;
}
.cta--secondary:hover {
  color: #0c304b;
  border: 1px solid #0c304b;
}
.cta--secondary:focus,
.cta--secondary :hover {
  color: #0c304b;
  border: 2px solid #0c304b;
  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: #05141f;
  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 #05141f;
}
.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 #05141f;
  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: #05141f;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}
.form__search-button:hover, .form__search-button:focus {
  background-color: #0c304b;
}
.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 #05141f;
}
.form__delete {
  height: 30px;
  width: 30px;
}
.form__delete::before {
  content: "delete";
  color: #05141f;
  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: #05141f;
  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: #05141f;
}
.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: "Kia", "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: #05141f;
  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: #05141f;
  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: "Kia", "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: #05141f;
  color: #ffffff;
}
.main-navigation__sub-nav-item-link:hover .navigation-menu-item::before {
  color: #ffffff;
}
.main-navigation__sub-nav-item-link:focus {
  background-color: #05141f;
  color: #ffffff;
}
.main-navigation__sub-nav-item-link:focus .navigation-menu-item::before {
  color: #ffffff;
}
.main-navigation__sub-nav-item-link-active {
  background-color: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
}
.content-panel__tab-fullscreen:focus {
  outline: none;
}
.content-panel__badge {
  font-weight: 700;
  font-size: 12px;
  padding: 2px 10px;
  color: #ffffff;
  background-color: #05141f;
  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: #05141f;
  font-weight: 600;
  border: none;
  background: none;
}
.link--download {
  display: block;
}
.link--download:before {
  margin-right: 4px;
  content: "arrow_drop_down_circle";
  color: #9ba1a5;
  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: #9ba1a5;
  margin-left: 10px;
}
.modal__body {
  margin-bottom: 40px;
  overflow-wrap: break-word;
}
.modal__text {
  margin-bottom: 25px;
  font-family: "Kia", "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: #05141f;
  border: 5px solid #05141f;
  /* 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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}
.results-list__export-button:hover, .results-list__export-button:focus {
  background-color: #0c304b;
}
.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 #05141f;
}
.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: #05141f;
  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: #05141f;
}
.loader__line-light {
  animation: 1s linear infinite spinner;
  fill: #f5f5f5;
}

.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: #05141f;
  width: 12%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.pagination__item:hover {
  color: #0c304b;
}
.pagination__item--disabled {
  color: #6f6f6f;
  cursor: auto;
  opacity: 0.5;
}
.pagination__first:before {
  content: "first_page";
  color: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #0c304b;
}
.pagination__item-number--active {
  color: #05141f;
  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 #05141f;
}
.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: #05141f;
  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: #05141f;
  color: #ffffff;
  outline: none !important;
}
.typeahead__item__highlighted {
  background-color: #05141f;
  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: #05141f;
  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('kia-hcuk-logo.f9d1353806af435a.png');
  width: 180px;
}
.page-header__logo--sm {
  background-image: url('kia-hcuk-logo-collapsed.b92e60e3e9d88771.png');
  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: #05141f;
  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 #05141f;
  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 #05141f;
}
.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: #05141f;
  transform: scale(0.8);
}
.nav-toggle__menu {
  fill: #05141f;
  transform: scale(1.2);
}

.icons--is-link:hover {
  cursor: pointer;
}
.icons--lock:before {
  content: "lock";
  color: #05141f;
  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: #05141f;
  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: #05141f;
  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: #f5f5f5;
}
.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: #f5f5f5;
}
.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: #05141f;
  font-size: 10px;
  text-align: right;
  padding-right: 120px;
  padding-top: 2px;
}
.notes__countdown--light-text {
  color: #f5f5f5;
}
.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: #05141f;
  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: #f5f5f5;
  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: #f5f5f5;
  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: #05141f;
  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 #05141f 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: #05141f;
}
.alert--danger {
  color: #dc3545;
}
.alert--inline {
  display: inline-block;
}

#didomi-host .didomi-buttons .didomi-button {
  background-color: #05141f;
  color: #ffffff;
  box-sizing: border-box;
  font-size: 13px !important;
  font-family: "Kia", "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: #05141f !important;
  color: #ffffff !important;
}

#didomi-host .didomi-buttons .didomi-button-highlight:hover {
  background-color: #0c304b !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: #05141f !important;
  border: 1px solid #05141f !important;
}

#didomi-host .didomi-buttons .didomi-button-standard:hover,
#didomi-host .didomi-buttons .didomi-button-standard:focus {
  color: #0c304b !important;
  border: 2px solid #0c304b !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: "Kia", "Montserrat", sans-serif;
  font-size: 14px !important;
}

#didomi-host .didomi-continue-without-agreeing,
#didomi-host .didomi-notice-banner a,
#didomi-consent-popup a {
  color: #f28c9a !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: #05141f;
  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: #05141f;
}
.notification-list__icon--is-open::before {
  color: #05141f;
}
.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: #05141f;
}
.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: #05141f;
}
.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: #05141f;
  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: #05141f;
  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: #05141f;
  color: #ffffff;
}
.user-menu__btn:focus {
  background-color: #05141f;
  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 #05141f;
}
.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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #05141f;
  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: #010609;
  bottom: 0;
  left: 175px;
  position: fixed;
}
.toggleMenuWrapper--collapsed {
  left: 0px;
}
.toggleMenuWrapper:hover {
  background-color: #092235;
  cursor: pointer;
}
.toggleMenuWrapper:focus {
  background-color: #092235;
  cursor: pointer;
}

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

/**
 * Variables: Contains variables for the quotes ui components 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.
 */
/**
 * 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.
 */
/**
 * Blocks Directory: Responsible for importing all the SCSS files within this folder.
 * No styles should be declared here.
 */
.additional-details-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #dddddd;
}

/**
 * App Breadcrumb List block: Responsible for the styling of site breadcrumbs.
 */
.app-breadcrumb-list {
  position: relative;
  width: 600px;
  counter-reset: milestones;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
.app-breadcrumb-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  right: 50%;
  transform: translate(50%, -50%);
  height: 2px;
  width: 85%;
  background: #dddddd;
}
.app-breadcrumb-list__item {
  position: relative;
  font-size: 10px;
  color: #05141f;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.app-breadcrumb-list__item:nth-child(1) {
  grid-column: 1;
}
.app-breadcrumb-list__item:nth-child(2) {
  grid-column: 2;
}
.app-breadcrumb-list__item:nth-child(3) {
  grid-column: 3;
}
.app-breadcrumb-list__item:nth-child(4) {
  grid-column: 4;
}
.app-breadcrumb-list__item:nth-child(5) {
  grid-column: 5;
}
.app-breadcrumb-list__item:nth-child(6) {
  grid-column: 6;
}
.app-breadcrumb-list__item:nth-child(7) {
  grid-column: 7;
}
.app-breadcrumb-list__item:before {
  counter-increment: milestones;
  content: counter(milestones);
  display: block;
  background-color: #05141f;
  color: #ffffff;
  font-size: 8.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  border: 1px solid #ffffff;
}
.app-breadcrumb-list__item--current ~ .app-breadcrumb-list__item, .app-breadcrumb-list__item--not-proceeding ~ .app-breadcrumb-list__item {
  color: #dddddd;
}
.app-breadcrumb-list__item--current ~ .app-breadcrumb-list__item:before, .app-breadcrumb-list__item--not-proceeding ~ .app-breadcrumb-list__item:before {
  background-color: #dddddd;
}

.contract-product-type {
  padding: 3px 3px;
  background-color: #128073;
  color: #ffffff;
  line-height: 18px;
  margin-bottom: 2px;
  margin-right: 5px;
  font-weight: 600;
}
.contract-product-type--maintenance {
  font-weight: 600;
}
.contract-product-type--maintenance:before {
  content: "check_circle";
  color: #47c9a2;
  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;
  padding-bottom: 2px;
  margin-right: 2px;
}

/* autoprefixer grid: on */
.customer-details-widget {
  height: 100%;
  padding-top: 32px;
}
.customer-details-widget__data-list {
  display: flex;
  flex-flow: row wrap;
}
.customer-details-widget__field {
  font-size: 12px;
  font-weight: 400;
  flex-basis: 20%;
  margin-bottom: 10px;
}
.customer-details-widget__field:last-of-type {
  margin-bottom: 0px;
}
.customer-details-widget__value {
  font-size: 12px;
  font-weight: 600;
  padding-left: 10px;
  flex-basis: 70%;
  flex-grow: 1;
  margin-bottom: 10px;
}
.customer-details-widget__value:last-of-type {
  margin-bottom: 0px;
}
.customer-details-widget__error {
  text-align: center;
  font-size: 12px;
  padding-top: 20px;
}
.customer-details-widget__no-customer {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-style: italic;
}

/* autoprefixer grid: on */
.company-details-widget {
  height: 100%;
  padding-top: 32px;
}
.company-details-widget__data-list {
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 0px;
}
.company-details-widget__field {
  font-size: 12px;
  font-weight: 400;
  flex-basis: 25%;
  margin-bottom: 10px;
}
.company-details-widget__field:last-of-type {
  margin-bottom: 0px;
}
.company-details-widget__value {
  font-size: 12px;
  font-weight: 600;
  flex-basis: 70%;
  flex-grow: 1;
  margin-bottom: 10px;
}
.company-details-widget__value:last-of-type {
  margin-bottom: 0px;
}
.company-details-widget__error {
  text-align: center;
  font-size: 12px;
  padding-top: 20px;
}

/* autoprefixer grid: on */
.personnel-details-widget {
  height: 100%;
  padding-top: 32px;
}
.personnel-details-widget__data-list {
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 0px;
}
.personnel-details-widget__field {
  font-size: 12px;
  font-weight: 400;
  flex-basis: 25%;
  margin-bottom: 10px;
}
.personnel-details-widget__field:last-of-type {
  margin-bottom: 0px;
}
.personnel-details-widget__value {
  font-size: 12px;
  font-weight: 600;
  flex-basis: 70%;
  flex-grow: 1;
  margin-bottom: 10px;
}
.personnel-details-widget__value:last-of-type {
  margin-bottom: 0px;
}
.personnel-details-widget__error {
  text-align: center;
  font-size: 12px;
  padding-top: 20px;
}

.quote-summary-widget {
  display: grid;
  grid-template-columns: 66% 34%;
  height: 100%;
  width: 100%;
}
.quote-summary-widget__status {
  background-color: #05141f;
  color: #ffffff;
  font-size: 9px;
  padding: 0 5px;
  line-height: 18px;
}
.quote-summary-widget__quote {
  grid-column: 2;
  grid-row: 1/3;
  border-left: solid 1px #dddddd;
  height: 100%;
  width: 100%;
}
.quote-summary-widget__vehicle {
  grid-column: 1;
  grid-row: 1;
  padding: 10px 20px;
  border-bottom: solid 1px #dddddd;
}
.quote-summary-widget__vehicle-reg {
  width: 200px;
  background: #fff;
  padding: 0.25em;
  font-weight: bold;
  font-size: 1.7em;
  border-radius: 5px;
  border: 1px solid #000;
  box-shadow: 1px 1px 1px #ddd;
  text-align: center;
  position: relative;
}
.quote-summary-widget__vehicle-description {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
  padding-top: 10px;
}
.quote-summary-widget__vehicle-detail {
  line-height: 1.2em;
}
.quote-summary-widget__contract {
  grid-column: 1;
  grid-row: 2;
  padding: 10px 20px;
}
.quote-summary-widget__contract-detail {
  line-height: 1.5em;
}
.quote-summary-widget__contract-detail-item {
  display: block;
  font-size: 10px;
}
.quote-summary-widget__contract-detail-item--inline {
  display: inline;
  border-right: solid 1px #727273;
  padding: 0 10px;
}
.quote-summary-widget__contract-detail-item--inline:first-child {
  padding-left: 0;
}
.quote-summary-widget__contract-detail-item--inline:last-child {
  border-right: none;
  padding-right: 0;
}
.quote-summary-widget__contract-key-info {
  font-weight: 600;
}

.rental-price {
  height: 120px;
  display: flex;
  justify-content: space-between;
}
.rental-price--vertical {
  flex-direction: column;
  height: 100%;
  align-items: center;
  padding: 12px;
}
.rental-price--vertical .rental-price__price,
.rental-price--vertical .rental-price__quote-id-box,
.rental-price--vertical .rental-price__quote-dates {
  width: 100%;
  align-items: center;
  height: auto;
  padding: 5px;
}
.rental-price__price {
  background-color: #05141f;
  display: flex;
  width: 40%;
  height: 60px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1900px) {
  .rental-price__price {
    width: 230px;
  }
}
.rental-price__price-wrapper {
  white-space: pre-wrap;
  text-align: center;
}
.rental-price__price-pounds {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
}
.rental-price__price-pence {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
}
.rental-price__price-vat {
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  display: inline-block;
}
.rental-price__price-box--invalid {
  display: flex;
  text-align: left;
  align-items: center;
}
.rental-price__invalid-price {
  width: calc(100% - 60px);
}
@media screen and (max-width: 1700px) {
  .rental-price__invalid-price {
    width: calc(100% - 30px);
  }
}
.rental-price__invalid-price-icon {
  height: 60px;
  width: 60px;
}
@media screen and (max-width: 1700px) {
  .rental-price__invalid-price-icon {
    height: 30px;
    width: 30px;
  }
}
.rental-price__invalid-price-icon:before {
  content: "highlight_off";
  color: #dc3545;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 60px;
  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;
}
@media screen and (max-width: 1700px) {
  .rental-price__invalid-price-icon:before {
    font-size: 30px;
  }
}
.rental-price__quote-id-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 20%;
  margin-left: 5px;
  margin-right: 5px;
  border: solid 1px #05141f;
  color: #05141f;
}
@media screen and (max-width: 1900px) {
  .rental-price__quote-id-box {
    width: 140px;
  }
}
.rental-price__quote-id-text {
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
}
.rental-price__quote-id {
  padding-top: 3px;
  font-size: 14px;
  font-weight: 700;
}
.rental-price__quote-dates {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60px;
  width: 35%;
}
@media screen and (max-width: 1900px) {
  .rental-price__quote-dates {
    width: 370px;
  }
}
.rental-price__quote-date {
  font-size: 12px;
  font-weight: 700;
  color: #05141f;
  padding-top: 3px;
  white-space: pre-wrap;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .rental-price__quote-date {
    width: 100%;
  }
}
.rental-price__quote-date-label {
  display: inline-block;
  margin-right: 0.2em;
}
.rental-price__quote-date-item {
  display: inline-block;
  font-weight: 400;
  color: #05141f;
}
.rental-price__number-of-vehicles {
  height: auto;
  padding-left: 30px;
  margin-top: -10px;
  margin-bottom: 10px;
}
.rental-price__acceptance-expired-date {
  font-size: 12px;
  font-weight: 700;
  color: red;
  padding-top: 3px;
  white-space: pre-wrap;
  text-align: center;
}
@media screen and (max-width: 1900px) {
  .rental-price__acceptance-expired-date {
    width: 100%;
  }
}
.rental-price__acceptance-expired-date-item {
  display: inline-block;
  font-weight: 400;
  color: red;
}

.acceptance-expired-quote-banner {
  background-color: red;
  height: 30px;
  text-align: center;
  color: white;
  vertical-align: middle;
  line-height: 2;
}

.rental-status {
  padding: 0 3px;
  width: 180px;
  height: 20px;
  line-height: 18px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2d7ca1;
}
.rental-status--negative {
  background-color: #dc3545;
}
.rental-status--needs-action {
  background-color: #c1560b;
}
.rental-status--positive {
  background-color: #128073;
}

.vehicle-details__flex-container {
  display: inline-flex;
}
.vehicle-details__is-used-box {
  padding: 0 3px;
  width: 60px;
  height: 20px;
  line-height: 18px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #128073;
}
.vehicle-details__is-mcam-box {
  padding: 0 3px;
  min-width: 60px;
  height: 20px;
  margin-left: 10px;
  line-height: 18px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #128073;
}
.vehicle-details__make-model {
  padding-top: 10px;
  font-size: 14px;
  font-weight: 600;
}
.vehicle-details__variant {
  padding-top: 15px;
  font-size: 14px;
}
.vehicle-details__labeled-items {
  padding-top: 10px;
  display: table;
}
.vehicle-details__labeled-item {
  display: table-row;
}
.vehicle-details__item-label {
  font-size: 12px;
  padding-top: 10px;
  padding-right: 15px;
  display: table-cell;
}
.vehicle-details__item-label::after {
  content: ":";
}
.vehicle-details__item-text {
  font-size: 12px;
  padding-top: 10px;
  font-weight: 600;
  display: table-cell;
}

ald-priceincreasenotification .notification {
  padding: 0;
}

/**
 * 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.
 */
.your-activity__heading {
  padding: 10px;
  border-bottom: none;
  background-color: #ffffff;
  font-weight: bold;
  color: #05141f;
}
.your-activity__footer {
  display: block;
  margin-top: 20px;
  height: 52px;
}
.your-activity__filter {
  padding: 0 15px;
}
.your-activity__filter:first-of-type {
  padding: 0;
}
.your-activity__filter-page-size {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.your-activity__filter-page-size label {
  padding: 10px 10px 10px 0;
}
.your-activity__filter-page-size select {
  margin-top: unset;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .your-activity__filter-checkbox {
    width: 190px;
  }
}
.your-activity__pagination {
  width: 100%;
}
.your-activity__filter-header {
  padding-right: 5px;
  font-weight: bold;
}
.your-activity__input-date {
  display: block;
  box-sizing: border-box;
  margin-top: 2px;
  margin-right: 30px;
  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: 218px;
  color: #6f6f6f;
  background-color: #ffffff;
}
.your-activity__input-date--small {
  width: 140px;
}
.your-activity__input-date--error {
  border: 1px solid #dc3545;
}
.your-activity__input-date--autowidth {
  width: 90%;
  min-width: 72px;
}
.your-activity__input-date--autowidth-small {
  width: 50%;
}
.your-activity__input-date--full-width {
  width: 100%;
}
.your-activity__input-date--noborder {
  border: 0;
  padding: 0.3em 0;
}
.your-activity__input-date:not(.form__input-text--spinner)::-webkit-inner-spin-button, .your-activity__input-date:not(.form__input-text--spinner)::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.your-activity__input-date--read-only, .your-activity__input-date[readonly], .your-activity__input-date[disabled] {
  background-color: #f6f6f6;
  border-color: #dddddd;
  color: #353535;
}
.your-activity__input-date:focus {
  outline: none;
  border: 1px solid #05141f;
}

/**
 * Activities List block (based on the results-list): Responsible for the styling of a activities list.
 */
.activity-list {
  font-size: 12px;
  border-bottom: 1px solid #dddddd;
}
.activity-list__column {
  display: flex;
}
.activity-list__column--icon {
  width: 2.25%;
  justify-content: center;
  padding: 0;
}
.activity-list__column--double-icon {
  width: 100px;
}
.activity-list__column--date {
  width: 7%;
}
.activity-list__column--name {
  width: 13%;
}
.activity-list__column--info {
  width: calc(26.5% - 100px);
}
.activity-list__column--status {
  width: 18%;
}
.activity-list__column--actions {
  width: 7%;
}
.activity-list__column--inputsheet {
  width: 7%;
}
.activity-list__column--cell-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.activity-list__expand {
  text-align: center;
}
.activity-list__filters {
  padding-bottom: 25px;
  margin-top: -1rem;
}
.activity-list__filter-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.activity-list__item {
  height: 40px;
  display: flex;
}
.activity-list__item--child {
  height: 80px;
}
.activity-list__rental-cell {
  display: flex;
  height: 40px;
  align-items: center;
  word-break: break-word;
  width: 100%;
}
.activity-list__rental-cell--border {
  border-bottom: 1px solid #dddddd;
}
.activity-list__rental-cell--vehicle-make {
  font-size: 16px;
  font-weight: 700;
}
.activity-list__rental-cell--vehicle-variant {
  font-weight: 500;
}
.activity-list__rental-sub-cell {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #dddddd;
  padding: 0 0.5%;
  line-height: 1.8em;
  text-align: center;
  word-break: break-word;
}
.activity-list__rental-sub-cell:last-child {
  border-width: 0;
}
.activity-list__rental-sub-cell--bold {
  font-weight: 700;
  padding-right: 0.3em;
}
.activity-list__rental-sub-cell--rental-cost {
  width: 37.5%;
  background: #05141f;
  color: white;
  font-weight: 700;
  z-index: 1;
  padding: 10px 0.5%;
}
.activity-list__rental-sub-cell--rental-cost-vat {
  font-weight: 400;
  padding-left: 0.3em;
}
.activity-list__rental-sub-cell--product {
  width: 50%;
}
.activity-list__rental-sub-cell--sequence {
  width: 12.5%;
  font-weight: 700;
  font-size: 14px;
  color: #05141f;
}
.activity-list__rental-sub-cell--term {
  width: 15%;
}
.activity-list__rental-sub-cell--mileage {
  width: 15%;
}
.activity-list__rental-sub-cell--advance-no-balloon {
  width: 70%;
}
.activity-list__rental-sub-cell--advance {
  width: 35%;
}
.activity-list__rental-sub-cell--balloon {
  width: 35%;
}
.activity-list__dark-row {
  background-color: #f6f6f6;
}
.activity-list__dark-row .activity-list__column--text-overflow:after {
  background-color: #f6f6f6;
}
.activity-list__no-select {
  -webkit-user-select: none;
          user-select: none;
}
.activity-list__numerical {
  color: #05141f;
  font-weight: 700;
}
.activity-list__light-row {
  background-color: #ffffff;
}
.activity-list__light-row .activity-list__column--text-overflow:after {
  background-color: #ffffff;
}
.activity-list__rental-border {
  border-top: 1px solid #dddddd;
  white-space: unset;
  overflow-wrap: break-word;
}
.activity-list__header {
  background-color: #05141f;
  color: #ffffff;
  text-transform: uppercase;
}
.activity-list__column-heading {
  position: relative;
  padding: 0 0.5%;
  text-align: left;
  line-height: 1.8em;
  display: flex;
  font-weight: 700;
  align-items: center;
}
.activity-list__column-heading--sortable {
  display: flex;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.activity-list__column-heading--border:after {
  content: "";
  width: 1px;
  background: #dddddd;
  position: absolute;
  height: 30px;
  left: -1px;
  top: 5px;
}
.activity-list__cell {
  padding: 0 0.5%;
  text-align: left;
  line-height: 1.8em;
  align-items: center;
  display: flex;
  vertical-align: middle;
  font-weight: 400;
  border-right: 1px solid #dddddd;
  word-break: break-word;
  word-wrap: break-word;
}
.activity-list__cell.activity-list__column--text-overflow {
  display: -webkit-box;
}
.activity-list__cell:first-child {
  border-left: 1px solid #dddddd;
}
.activity-list__cell--no-wrap {
  white-space: nowrap;
}
.activity-list__cell--icon {
  width: 5%;
}
.activity-list__cell--align-center {
  text-align: center;
}
.activity-list__cell--bold {
  font-weight: 700;
}
.activity-list__cell--no-padding {
  padding: 0;
}
.activity-list__cell--vehicle {
  width: 20%;
  flex-direction: column;
  justify-content: left;
}
.activity-list__cell--info {
  width: 54%;
  flex-direction: column;
}
.activity-list__no-items {
  background-color: #05141f;
  color: #ffffff;
  width: 100%;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0.25%;
  text-transform: uppercase;
  font-weight: 700;
}
.activity-list__search {
  width: 500px;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.activity-list__search-field {
  width: 385px;
}
.activity-list__search-button {
  width: 115px;
}
.activity-list__search-button:disabled {
  cursor: not-allowed;
  background-color: #dddddd;
}
.activity-list__right-sortby {
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #353535;
}
.activity-list__sortby-right-side {
  padding-right: 5px;
  font-weight: bold;
}
.activity-list__inputsheet-downloadbutton {
  padding-left: 10px;
}
.activity-list__inputsheet-button {
  width: 170px;
  margin-top: 18px;
  align-items: center;
}
.activity-list__inputsheet-button:disabled {
  cursor: not-allowed;
  background-color: #dddddd;
}
.activity-list__icon-open:after {
  content: "add";
  color: #05141f;
  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;
}
.activity-list__icon-open:hover:after {
  color: black;
}
.activity-list__icon-close:after {
  content: "remove";
  color: #05141f;
  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;
}
.activity-list__icon-close:hover:after {
  color: black;
}
.activity-list__icon {
  padding-left: 10px;
}
.activity-list__id {
  display: inline-block;
  min-width: 50px;
  color: #05141f;
}
.activity-list__id strong {
  font-weight: 700;
}
.activity-list__icon-car:after {
  content: "directions_car";
  color: #05141f;
  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;
}
.activity-list__icon-contract:after {
  content: "description";
  color: #05141f;
  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-left: 8px;
}
.activity-list__icon-launch {
  cursor: pointer;
  padding-right: 10px;
}
.activity-list__icon-launch:after {
  content: "launch";
  color: #05141f;
  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;
}
.activity-list__icon-launch--multi:after {
  content: "grid_on";
  color: #05141f;
  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;
}
.activity-list__icon-link {
  cursor: pointer;
  padding-right: 10px;
}
.activity-list__icon-link:after {
  content: "open_in_new";
  color: #05141f;
  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;
}
.activity-list__icon-notes {
  cursor: pointer;
}
.activity-list__icon-notes:after {
  content: "speaker_notes";
  color: #05141f;
  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;
}
.activity-list__link {
  cursor: pointer;
  text-decoration: underline;
  color: #05141f;
  font-weight: 600;
}
.activity-list__link:hover:after {
  color: black;
}

.new-or-existing-customer .cms-rich-text ul {
  list-style: disc;
  list-style-position: outside;
  margin-top: 10px;
  margin-left: 15px;
}
.new-or-existing-customer .cms-rich-text li {
  line-height: 20px;
}

.contract-profits {
  align-items: center;
  justify-content: center;
}
.contract-profits__body {
  display: table;
  flex-direction: column;
  margin-bottom: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  color: #05141f;
  max-height: 50vh;
  table-layout: auto;
}
.contract-profits__body--no-max-height {
  max-height: none;
}
.contract-profits__col-description {
  width: 25%;
}
.contract-profits__col-rawheader {
  width: 30%;
  padding: 3px;
}

.full-quote-summary__quote-details {
  width: 100%;
  clear: both;
  padding: 10px;
  display: block;
}
.full-quote-summary__header {
  flex-direction: row;
  display: inline-flex;
  align-items: center;
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #727273;
}
.full-quote-summary__header-text-box {
  flex: 1;
}
.full-quote-summary__header-text {
  color: #353535;
}
.full-quote-summary__header-cta {
  margin-left: 20px;
}
.full-quote-summary__quote-section * {
  justify-self: center;
}
.full-quote-summary__tab-panel {
  margin-top: 20px;
}
.full-quote-summary__outstanding-customer-finance {
  padding: 0 3px;
  margin-right: 20px;
  width: 200px;
  height: 20px;
  line-height: 18px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3545;
}
.full-quote-summary__quote-history-button {
  cursor: pointer;
  padding-left: 10px;
}
.full-quote-summary__quote-history-button:before {
  content: "history";
  color: #05141f;
  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;
}
.full-quote-summary__quote-history-button--close:before {
  content: "clear";
  color: #05141f;
  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;
}
.full-quote-summary__subjective-accept-text {
  font-weight: 600;
}
.full-quote-summary__subjective-accept-details-button {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 25px;
}
.full-quote-summary__subjective-accept-details-button:before {
  content: "info";
  color: #0c5460;
  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;
}

.quote-details {
  display: grid;
  height: 100%;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto auto auto auto 1fr auto auto;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details {
    grid-template-columns: 100%;
    grid-template-rows: minmax(0, auto);
  }
}
.quote-details__quote-history-header {
  grid-column: 1/3;
  grid-row: 1/2;
  border-top: 0;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__quote-history-header {
    grid-column: 1;
  }
}
.quote-details__quote-history {
  display: block;
  grid-column: 1/3;
  grid-row: 2/9;
  overflow-y: auto;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__quote-history {
    grid-column: 1;
  }
}
.quote-details__rental-price {
  display: block;
  grid-column: 1/2;
  grid-row: 1/3;
  border-right: solid 1px #eaeaea;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__rental-price {
    grid-column: 1;
  }
}
.quote-details__vehicle-details-header {
  grid-column: 1/2;
  grid-row: 3/4;
  border-right: solid 1px #eaeaea;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__vehicle-details-header {
    grid-column: 1;
  }
}
.quote-details__vehicle-details {
  display: block;
  grid-column: 1/2;
  grid-row: 4/5;
  border-right: solid 1px #eaeaea;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__vehicle-details {
    grid-column: 1;
  }
}
.quote-details__financial-details-header {
  grid-column: 1/2;
  grid-row: 5/6;
  border-right: solid 1px #eaeaea;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__financial-details-header {
    grid-column: 1;
    justify-content: space-between;
  }
}
.quote-details__financial-details {
  display: block;
  grid-column: 1/2;
  grid-row: 6/7;
  border-right: solid 1px #eaeaea;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__financial-details {
    grid-column: 1;
  }
}
.quote-details__regulation-details-header {
  grid-column: 1/2;
  grid-row: 7/8;
  border-right: solid 1px #eaeaea;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__regulation-details-header {
    grid-column: 1;
    justify-content: space-between;
  }
}
.quote-details__regulation-details {
  display: block;
  grid-column: 1/2;
  grid-row: 8/9;
  border-right: solid 1px #eaeaea;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__regulation-details {
    grid-column: 1;
  }
}
.quote-details__vehicle-options-header {
  grid-column: 2/3;
  grid-row: 1/2;
  border-top: 0;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__vehicle-options-header {
    grid-column: 1;
    grid-row: 9/10;
    border-top: solid 1px #dddddd;
    justify-content: space-between;
  }
}
.quote-details__vehicle-options {
  display: block;
  grid-column: 2/3;
  grid-row: 2/5;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__vehicle-options {
    grid-column: 1;
    grid-row: 10/11;
  }
}
.quote-details__document-library-header {
  grid-column: 2/3;
  grid-row: 5/6;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__document-library-header {
    grid-column: 1;
    grid-row: 11/12;
    justify-content: space-between;
  }
}
.quote-details__document-library {
  display: block;
  grid-column: 2/3;
  grid-row: 6/9;
}
@media only screen and (max-width: 1600px), (max-height: 1000px) {
  .quote-details__document-library {
    grid-column: 1;
    grid-row: 12/13;
  }
}
.quote-details__vehicle-options-subheader {
  font-size: 12px;
  font-weight: 600;
  padding: 8px 0px 6px 30px;
}
.quote-details__vehicle-options-item {
  display: block;
  padding: 10px 15px 10px 55px;
  border-bottom: solid 1px #eaeaea;
  font-size: 10px;
  background-color: #f7f7f7;
}
.quote-details__vehicle-options-item:nth-child(2n) {
  background-color: #ffffff;
}
.quote-details__vehicle-options-item:before {
  content: "•";
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.quote-details__vehicle-finance-checks {
  display: flex;
  flex-direction: row;
}
.quote-details__vehicle-finance-checks-text {
  font-size: 12px;
  font-weight: 700;
  margin-top: 3px;
}
.quote-details__vehicle-finance-checks-button::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;
}
.quote-details__vehicle-finance-record {
  display: grid;
  grid-template-columns: 50% 50%;
  column-gap: 5px;
  padding-top: 1em;
}
.quote-details__no-vehicle-finance-record {
  padding-top: 1em;
}

.vehicle-options {
  align-items: center;
  justify-content: center;
}
.vehicle-options__title {
  font-size: 14px;
  font-weight: 500;
  color: #353535;
}
.vehicle-options__body {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  color: #05141f;
  max-height: 50vh;
}
.vehicle-options__body--no-max-height {
  padding-top: 30px;
  padding-bottom: 10px;
  max-height: none;
}
.vehicle-options__section {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  color: #353535;
  max-height: 300px;
}
.vehicle-options__footer {
  padding-top: 10px;
}
.vehicle-options__header-financials {
  font-weight: 600;
  font-size: 14px;
}
.vehicle-options__financials {
  width: 66%;
  min-width: 440px;
  float: right;
  line-height: 28px;
  padding-top: 30px;
}
.vehicle-options__row-financials {
  display: flex;
  flex-direction: row;
  font-size: 12px;
}
.vehicle-options__row-financials--totals {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px;
  border-color: #dddddd;
  border-style: solid;
}
.vehicle-options__row-financials--totals span > span {
  font-size: 9px;
}
.vehicle-options__col-financials-toggle:before {
  margin-top: -11px;
  margin-left: 0px;
}
.vehicle-options__col-financials-caption, .vehicle-options__header-financials {
  width: 66%;
}
.vehicle-options__col-financials-margin {
  padding: 0 0.5%;
  vertical-align: middle;
  width: 55%;
}
.vehicle-options__col-financials-caption {
  text-align: left;
  vertical-align: middle;
}
.vehicle-options__col-financials {
  padding-left: 0.5%;
  text-align: right;
  vertical-align: middle;
}
.vehicle-options__rental-value {
  color: #05141f;
  width: 33%;
  text-align: right;
}
.vehicle-options__rental-value--total {
  color: #05141f;
  font-weight: 600;
  font-size: 14px;
}
.vehicle-options__col-selected {
  width: 52px;
  padding: 0;
  text-align: center;
}
.vehicle-options__col-selected input[type=checkbox] {
  cursor: pointer;
}
.vehicle-options__col-description {
  width: 50%;
}
.vehicle-options__col-price {
  width: 11em;
}
.vehicle-options__col-monthly {
  width: 7em;
}
.vehicle-options__col-monthly span {
  text-transform: none;
}
.vehicle-options__wltp-link {
  padding-left: 30px;
}
.vehicle-options__frame {
  /* detach from rest of the document */
  position: fixed;
  margin: 5% 30%;
  max-height: 75%;
  width: 40%;
  display: flex;
  flex-direction: column;
  /* text visualisations */
  color: #dddddd;
  font-size: 14px;
  /* visual illusion of being a solid object */
  background-color: #05141f;
  border: 5px solid #05141f;
  /* visual preference of don't crowd the contents */
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
.vehicle-options__ctas {
  display: flex;
}
.vehicle-options__ctas .vehicle-options__cta {
  width: 33.33%;
  width: 33.3333333333%;
  border-radius: 0px;
  height: 45px;
  margin: 0;
}
@media only screen and (max-width: 1260px) {
  .vehicle-options__ctas {
    display: flex;
    flex-direction: column;
  }
  .vehicle-options__ctas .vehicle-options__cta {
    width: 100%;
  }
}

.vehicle-options-search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.vehicle-options-search__search-icon:before {
  position: relative;
  content: "search";
  color: #05141f;
  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-right: -25px;
}
.vehicle-options-search__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;
}
.vehicle-options-search__input--dfo {
  width: calc(100% - 110px);
  margin-right: 5px;
}
.vehicle-options-search__input::-ms-clear {
  display: none;
}
.vehicle-options-search__clear {
  position: relative;
  background: none;
  border: none;
  font-size: 22px;
  padding: 0px;
  width: 15px;
  cursor: pointer;
  left: -22px;
  vertical-align: middle;
  margin-right: -15px;
}
.vehicle-options-search__clear:focus, .vehicle-options-search__clear:active {
  background: none;
  border: none;
  outline: none;
}

.vehicle-options-assistant__list {
  margin-top: 20px;
}
.vehicle-options-assistant__ply-lining-vat-message {
  display: block;
  text-align: left;
  font-size: 0.7rem;
  margin-left: 41px;
}
.vehicle-options-assistant__cell {
  padding: 5px;
}
.vehicle-options-assistant__cell--description {
  flex: 1;
  text-align: left;
}
.vehicle-options-assistant__cell--checkbox {
  margin-top: -5px;
}
.vehicle-options-assistant__item {
  margin-bottom: 2.5px;
  margin-top: 2.5px;
  align-items: center;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.vehicle-options-assistant__item--included {
  padding-left: 80px;
  cursor: unset;
  font-size: 14px;
  padding-top: 0px;
}
.vehicle-options-assistant__checkbox {
  display: none;
}
.vehicle-options-assistant__checkbox + label {
  height: 30px;
  width: 30px;
  font-size: 30px;
}
.vehicle-options-assistant__checkbox + label:before {
  display: block;
  height: 30px;
  width: 30px;
  font-size: 30px;
  font-family: "MaterialIcons";
  color: #f5f5f5;
  content: "radio_button_unchecked";
  margin-top: 5px;
}
.vehicle-options-assistant__checkbox:checked + label:before {
  content: "radio_button_checked";
}
.vehicle-options-assistant__checkbox--multiple + label:before {
  content: "check_box_outline_blank";
}
.vehicle-options-assistant__checkbox--multiple:checked + label:before {
  content: "check_box";
}

.sectionComplete:before {
  content: "check_circle";
  color: #05141f;
  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;
  animation: expand 0.5s normal forwards ease;
}

.quote-breadcrumbs__section {
  height: 240px;
}
.quote-breadcrumbs__progress-wrapper {
  position: relative;
  float: right;
  top: 40%;
  right: -18px;
}
.quote-breadcrumbs__circle {
  border-radius: 50%;
  height: 48px;
  width: 48px;
  background-color: #727273;
  display: flex;
}
.quote-breadcrumbs__circle--active {
  background-color: #05141f;
  animation: expand 0.5s normal forwards ease;
}
.quote-breadcrumbs__vehicle:before {
  content: "directions_car";
  color: #ffffff;
  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-top: 2px;
  margin-left: 4px;
}
.quote-breadcrumbs__contract:before {
  content: "description";
  color: #ffffff;
  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-top: 3px;
  margin-left: 4px;
}
.quote-breadcrumbs__options:before {
  content: "style";
  color: #ffffff;
  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-top: 3px;
  margin-left: 4px;
}

.create-quote__quote-grid-footer {
  flex-direction: row;
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.create-quote__quote-grid-footer-align-right {
  flex-direction: row;
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.create-quote__rfl-form {
  width: 100%;
}
.create-quote__new-or-used-selection {
  padding-bottom: 25px;
}

.contract-details__button-grid {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.contract-details__button-grid-button {
  padding: 20px 5px 0 5px;
}
.contract-details__button-grid-button--with-label {
  padding: 1px 5px 0 5px;
}
.contract-details__button-grid-label {
  display: block;
  font-size: 92%;
  margin-bottom: 5px;
}
.contract-details__rollback-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.payment-profile-info__option h1 {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 500;
}
.payment-profile-info__option table {
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}
.payment-profile-info__option table th,
.payment-profile-info__option table td {
  padding: 5px;
  border: 1px solid black;
}

.quote-grid__header {
  flex-direction: row;
  display: inline-flex;
  align-items: center;
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #727273;
  justify-content: space-between;
}
.quote-grid__add-icon:before {
  content: "add_circle_outline";
  color: #ffffff;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  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;
}
.quote-grid__add-icon-contract:before {
  content: "add_circle_outline";
  color: #05141f;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  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;
}
.quote-grid__grid-actions:before {
  content: "more_vert";
  color: #727273;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  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;
}
.quote-grid__grid-actions--vehicle {
  height: 32px;
}
.quote-grid__grid-actions--rental {
  height: 0;
  width: 10px;
  padding: 0 1.5em 0 0;
}
.quote-grid__grid-actions-list {
  box-sizing: border-box;
  border: 1px solid #05141f;
  position: relative;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px;
  margin-left: -103px;
  z-index: 2;
}
.quote-grid__grid-actions-list-item {
  height: 40px;
  width: 100%;
  vertical-align: middle;
  line-height: 40px;
  padding-left: 5px;
  color: #05141f;
}
.quote-grid__grid-actions-list-item:hover {
  background-color: #05141f;
  color: #ffffff;
}
.quote-grid__campaign {
  background-color: #05141f;
  color: #ffffff;
  padding: 10px;
  margin-bottom: 35px;
  cursor: auto;
  min-height: 45px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.quote-grid__vehicle {
  background-color: #38444d;
  color: #ffffff;
  padding: 10px;
  margin-top: 5px;
  cursor: pointer;
  height: 55px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.quote-grid__vehicle:hover {
  animation: highlightBackground 0.5s normal forwards ease;
}
.quote-grid__vehicle--active {
  background-color: #05141f;
}
.quote-grid__vehicle--active:hover {
  animation: none;
}
.quote-grid__vehicle--saved {
  cursor: auto;
}
.quote-grid__vehicle--saved:hover {
  animation: none;
}
.quote-grid__vehicle--add {
  background-color: #707377;
  color: #ffffff;
  text-align: center;
  height: 68px;
  padding: 10px;
  font-weight: 700;
}
.quote-grid__vehicle--add-text {
  text-decoration: underline;
}
.quote-grid__vehicle--add:hover {
  animation: highlightBackground 0.5s normal forwards ease;
}
.quote-grid__vehicle--adding {
  color: #ffffff;
  background-color: #707377;
  text-align: center;
  cursor: auto;
  height: 68px;
  font-weight: 700;
}
.quote-grid__vehicle-icon:before {
  content: "directions_car";
  color: #ffffff;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  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;
}
.quote-grid__vehicle-description {
  min-width: 50%;
  max-width: 50%;
}
@media screen and (max-width: 1410px) {
  .quote-grid__vehicle-description {
    font-size: 0.8em;
    min-width: 40%;
    max-width: 40%;
  }
}
.quote-grid__vehicle-type {
  min-width: 57px;
  height: 20px;
  padding: 5px 15px 2px;
  font-size: 11px;
  font-weight: 600;
  position: relative;
}
.quote-grid__vehicle-type--new {
  background-color: #128073;
}
.quote-grid__vehicle-type--used {
  background-color: #128073;
}
.quote-grid__contract {
  box-sizing: border-box;
  align-items: flex-start;
  width: 25%;
  border: 1px solid #727273;
  vertical-align: top;
  flex-direction: row;
  display: inline-flex;
  height: 160px;
  background-color: rgba(5, 20, 31, 0.03);
  padding: 2px;
  cursor: pointer;
  padding: 2px 5px;
}
.quote-grid__contract--active, .quote-grid__contract:hover {
  border: 3px solid #05141f;
  padding: 0px 3px;
}
.quote-grid__contract--disabled {
  display: none;
}
.quote-grid__contract--add {
  background-color: rgba(5, 20, 31, 0.03);
  color: #05141f;
  align-items: center;
  font-size: 0.8em;
  font-weight: 700;
}
.quote-grid__contract--add-text {
  text-decoration: underline;
}
.quote-grid__contract--add:hover {
  animation: highlightContractBackground 0.5s normal forwards ease;
}
.quote-grid__contract--adding {
  box-sizing: border-box;
  background-color: #dddddd;
  color: #05141f;
  align-items: center;
  cursor: auto;
  font-weight: 700;
}
.quote-grid__contract--adding:hover {
  animation: none;
}
.quote-grid__contract--progressed {
  background-color: #05141f;
  color: #ffffff;
}
.quote-grid__contract--progressed:hover {
  background-color: black;
}
.quote-grid__contract-icon:before {
  content: "description";
  color: #05141f;
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  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;
}
.quote-grid__rental {
  height: 100%;
  width: 100%;
  display: grid;
  padding-bottom: 5px;
  grid-template-columns: 1fr;
  grid-template-rows: 30px 95px 25px;
  font-size: 12px;
}
@media screen and (max-width: 1760px) {
  .quote-grid__rental {
    font-size: 11px;
  }
}
@media screen and (max-width: 1640px) {
  .quote-grid__rental {
    font-size: 10px;
  }
}
@media screen and (max-width: 1540px) {
  .quote-grid__rental {
    font-size: 9px;
  }
}
@media screen and (max-width: 1855px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .quote-grid__rental {
    font-size: 11px;
  }
}
@media screen and (max-width: 1685px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .quote-grid__rental {
    font-size: 10px;
  }
}
@media screen and (max-width: 1570px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .quote-grid__rental {
    font-size: 9px;
  }
}
.quote-grid__rental__indicative-rental {
  min-width: 50%;
  max-width: 50%;
}
.quote-grid__rental-header {
  padding: 5px 0;
  line-height: 1em;
  height: 30px;
  width: 100%;
  grid-row: 1;
  font-size: 0.8em;
  display: inline-block;
}
.quote-grid__rental-body {
  grid-row: 2;
  padding: 5px 0;
}
.quote-grid__rental-footer {
  grid-row: 3;
  justify-content: space-between;
  display: flex;
}
.quote-grid__rental-label {
  line-height: 1.4em;
  width: 100%;
}
.quote-grid__rental-value {
  font-weight: 600;
}
.quote-grid__rental-value--vat {
  font-size: 0.7em;
  white-space: nowrap;
  font-weight: 400;
}
.quote-grid__rental-value--rental {
  font-size: 1.8em;
  min-height: 16px;
  padding-top: 5px;
  font-weight: 700;
  color: #05141f;
}
.quote-grid__rental-value--rental-pence {
  font-weight: 400;
  font-size: 0.6em;
}
.quote-grid__rental-value--rental-vat {
  color: #6f6f6f;
  font-size: 0.4em;
  font-weight: 600;
}
.quote-grid__rental-value--rental--vat-with-brackets {
  font-size: 0.4em;
  font-weight: 400;
}
.quote-grid__rental-value--progressed {
  color: #ffffff;
}
.quote-grid__rental-error {
  width: 100%;
  height: 100%;
}
.quote-grid__rental-error:before {
  content: "clear";
  color: rgba(114, 28, 36, 0.5);
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 96px;
  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;
  opacity: 0.5;
  margin-left: calc(50% - 48px);
  margin-top: 30px;
}
.quote-grid__rental-error--none {
  height: 100%;
  width: 100%;
}
.quote-grid__rental-error:hover:before {
  content: none;
  opacity: 1;
}
.quote-grid__rental-error > .quote-grid__rental {
  opacity: 0;
  display: none;
}
.quote-grid__rental-error:hover > .quote-grid__rental {
  display: grid;
  animation: fadein 1s;
  opacity: 1;
}
.quote-grid__rental-errors {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
  min-height: 134px;
  width: 220px;
  font-size: 12px;
  line-height: 1.2;
  top: 10px;
  padding: 10px;
  background: #f8d7da;
  border: 2px solid #f5c6cb;
  border-radius: 6px;
  animation: fadein 1s;
}
.quote-grid__rental-errors--left {
  left: calc(-100% - 239px);
  margin-right: -220px;
}
.quote-grid__rental-errors--left:after, .quote-grid__rental-errors--left:before {
  left: 100%;
}
.quote-grid__rental-errors--right {
  right: -20px;
  margin-right: -220px;
}
.quote-grid__rental-errors--right:after, .quote-grid__rental-errors--right:before {
  margin-right: 40px;
  left: -40px;
  transform: rotate(180deg);
}
.quote-grid__rental-errors:after, .quote-grid__rental-errors:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quote-grid__rental-errors:after {
  border-color: rgba(213, 40, 34, 0);
  border-left-color: #f5c6cb;
  border-width: 20px;
  top: 35px;
}
.quote-grid__rental-errors-message {
  padding: 5px 0;
  color: #721c24;
}
.quote-grid__options {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1px;
  box-sizing: border-box;
}
.quote-grid__options:hover {
  border: 1px solid #05141f;
  padding: 0px;
}
.quote-grid__options-action {
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
  color: #ffffff;
  padding-right: 2px;
  font-weight: 700;
}
.quote-grid__options-action-icon:before {
  content: "add_circle_outline";
  color: #ffffff;
  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;
  text-decoration: none;
}
.quote-grid__options-action--placeholder {
  width: 88px;
}
.quote-grid__options-counter {
  background: #ffffff;
  display: inline-block;
  color: #05141f;
  border-radius: 13px;
  font-weight: bold;
  height: 26px;
  min-width: 26px;
  padding: 6px 7px 0px 7.5px;
  text-align: center;
}
.quote-grid__options-counter--active {
  color: #05141f;
}
.quote-grid__options-list {
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 33%;
  padding: 10px 0;
}
.quote-grid__options-dropdown-wrapper {
  position: relative;
  display: inline-block;
}
.quote-grid__options-dropdown {
  box-sizing: border-box;
  border: 1px solid #05141f;
  position: absolute;
  transform: translateX(-100%) translateX(10px);
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: left;
  min-width: 200px;
  max-height: 170px;
  top: 6px;
  z-index: 2;
  overflow-y: auto;
}
.quote-grid__options-dropdown-item {
  height: 30px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: left;
  line-height: 30px;
  padding: 0 5px 0 15px;
  color: #05141f;
  font-weight: 400;
}
.quote-grid__options-dropdown-item--header {
  font-weight: 700;
  padding: 0 5px;
}
.quote-grid__pricing-action, .quote-grid__discount-action, .quote-grid__edit-otr-action, .quote-grid__delete-action {
  float: right;
  border: none;
  background-color: Transparent;
  outline: none;
  cursor: pointer;
}
.quote-grid__delete-action--vehicle {
  margin-right: 0px;
}
.quote-grid__delete-action--contract {
  margin-left: -36px;
}
.quote-grid__error {
  border: none;
  background-color: Transparent;
  outline: none;
}

.icon {
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
}
.icon__wrapper--centre {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.icon__wrapper--centre-row {
  flex-direction: row;
}

@keyframes highlightBackground {
  to {
    background-color: #05141f;
  }
}
@keyframes highlightContractBackground {
  to {
    background-color: #dddddd;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@font-face {
  font-family: "MaterialIcons";
  src: url('MaterialIcons-Regular.196fa4a92dd6fa73.ttf');
}
.form__field--toggle .form__toggle--label {
  font-size: 12px;
  height: 30px;
  align-items: center;
  display: inline-flex;
  width: 100%;
}
.form__field--toggle .form__toggle--inline {
  display: inline-block;
  font-size: 12px;
  width: calc(100% - 150px);
}
.form__field--plus-sign-container {
  padding-top: 7.5%;
}
.form__field--plus-sign:before {
  content: "+";
  font-size: x-large;
}
.form__field--bold {
  font-weight: bold;
}

/* autoprefixer grid: on */
.section-display {
  display: grid;
  grid-template-rows: auto minmax(min-content, 1fr) 52px;
  grid-template-columns: 67% 33%;
  height: 100%;
}
.section-display--halves {
  grid-template-columns: 50% 50%;
}
.section-display--left-only {
  grid-template-columns: 100% 0%;
}
.section-display__header {
  grid-column: 1/3;
  grid-row: 1/2;
  height: 100%;
}
.section-display__left {
  background-color: #dddddd;
  grid-column: 1/2;
  grid-row: 2;
  padding: 4% 2.5% 4% 5%;
  height: 100%;
}
.section-display__right {
  background-color: #dddddd;
  grid-column: 2/3;
  grid-row: 2;
  padding: 4% 5% 4% 2.5%;
  height: 100%;
}
.section-display__footer {
  display: block;
  grid-column: 1/3;
  grid-row: 3;
}
.section-display__section {
  width: 100%;
  height: 100%;
  float: left;
  padding: 10px 10px 10px 30px;
  background-color: #ffffff;
}
.section-display__section--side-panel {
  padding: 10px;
}
.section-display__section--rfl-panel {
  background-color: #727273;
}
.section-display__section--relative {
  position: relative;
}

.vehicle-pricing {
  padding: 10px;
}
.vehicle-pricing__section {
  padding-bottom: 12px;
}
.vehicle-pricing__section--half {
  width: 50%;
  display: inline-block;
  padding-right: 10px;
}
.vehicle-pricing__section--half:last-child {
  padding-right: 0;
  padding-left: 10px;
}
.vehicle-pricing__subheading {
  padding-bottom: 10px;
}
.vehicle-pricing__sub-subheading {
  padding-bottom: 3px;
}
.vehicle-pricing__header {
  display: inline-block;
}
.vehicle-pricing__contracts-selection {
  margin-bottom: 10px;
  width: 250px;
}
.vehicle-pricing__button {
  margin-bottom: 10px;
}
.vehicle-pricing__dropdown {
  background-color: #f6f6f6;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
.vehicle-pricing__vehicle-details {
  height: calc(100% - 59px);
}

.actions__no-actions {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-style: italic;
}
.actions--quote-context {
  padding-top: 0px;
}
.actions--quote-context .cta,
.actions--quote-context .sub-subheading {
  width: 100%;
  clear: both;
  margin-bottom: 5px;
}

.toggle {
  font-size: 12px;
  display: inline-flex;
  height: 30px;
  align-items: center;
  text-transform: uppercase;
  padding-left: 5px;
}
.toggle__left, .toggle__right {
  display: inline-block;
  vertical-align: middle;
}
.toggle__left--selected, .toggle__right--selected {
  color: #05141f;
}
.toggle__left {
  text-align: right;
}
.toggle__display {
  width: 50px;
  height: 14px;
  background: #dddddd;
  border-radius: 7px;
}
.toggle__display-inner {
  width: 22px;
  height: 22px;
  background: #05141f;
  border-radius: 11px;
  margin-top: -17.5px;
  margin-left: -0.5px;
  transition: margin-left linear 0.1s;
}
.toggle__display-inner--right {
  margin-left: 28px;
}
.toggle__display-outer {
  height: 30px;
  border: 1px solid #d1c9bf;
  padding: 7px 10px;
  border-radius: 15px;
  display: inline-block;
  margin: 0px 5px 0px 5px;
  cursor: pointer;
}

.road-fund-licence__panel {
  margin: auto;
  width: 70%;
  position: relative;
  top: 40%;
  text-align: center;
}
@media only screen and (max-height: 800px) {
  .road-fund-licence__panel {
    top: 15%;
  }
}
.road-fund-licence__panel-header {
  padding-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #05141f;
}
.road-fund-licence__panel-message {
  padding-bottom: 30px;
}

ald-road-fund-licence {
  display: contents;
}

.homepage {
  height: 100%;
  background-color: #f6f6f6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 40px 1fr;
}
.homepage__notification {
  grid-row: 1;
  grid-column: 1;
}
.homepage__welcome-area {
  height: auto;
  background-color: #ffffff;
  margin: 0px 100px 70px;
  border: 2px solid #eeeeee;
  display: flex;
  justify-content: center;
}
.homepage .welcome-message-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url('kia-hcuk-homepage-hero.a0fea3d227830cbb.jpg');
  background-size: 50%;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-position: center right;
  flex-grow: 1;
}
.homepage .welcome-message-panel__header-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.homepage .welcome-message-panel__header {
  position: relative;
  width: 60%;
  padding-left: 10%;
}
.homepage .welcome-message-panel__heading {
  font-size: 40px;
  padding-bottom: 20px;
  color: #05141f;
}
.homepage .welcome-message-panel__site-name {
  color: #6f6f6f;
}
.homepage .welcome-message-panel__site-name--first:after {
  font-size: 30px;
  content: "I";
}
.homepage .welcome-message-panel__site-name--last {
  font-size: 14px;
  position: relative;
  top: -25px;
  left: -8px;
  color: #05141f;
}
.homepage .welcome-message-panel__subheading {
  font-size: 18px;
}

.financial-details {
  font-size: 12px;
}
.financial-details__labeled-items {
  padding-top: 20px;
  display: table;
}
.financial-details__labeled-item {
  display: table-row;
}
.financial-details__item-label {
  font-size: 12px;
  padding-top: 10px;
  padding-right: 15px;
  display: table-cell;
}
.financial-details__item-label::after {
  content: ":";
}
.financial-details__item-text {
  font-size: 12px;
  padding-top: 10px;
  font-weight: 600;
  display: table-cell;
}

.document-library__document-library-icon {
  padding-right: 10px;
  vertical-align: top;
}
.document-library__document-library-icon:before {
  content: "cloud_download";
  color: #05141f;
  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;
}
.document-library__document-list {
  display: inline-block;
}

.assign-customer__subheading {
  padding-bottom: 10px;
}
.assign-customer__search-results {
  padding-bottom: 20px;
}
.assign-customer__search-results-table {
  max-height: 300px;
  overflow: auto;
}

.quote-history__entry:first-of-type {
  padding-top: 15px;
}
.quote-history__entry-date {
  padding-left: 20px;
}
.quote-history__item {
  margin: 10px;
  display: grid;
  grid-template-columns: 200px 2fr 1fr;
  z-index: 1;
}
.quote-history__item:first-of-type {
  padding-top: 20px;
}
.quote-history__item:last-of-type {
  padding-bottom: 20px;
}
.quote-history__item--cancelled .quote-history__status,
.quote-history__item--cancelled .quote-history__user,
.quote-history__item--cancelled .quote-history__time {
  border: none;
  opacity: 0.3;
  filter: grayscale(50%);
  background-color: rgba(111, 111, 111, 0.5);
}
.quote-history__item--first:last-of-type {
  padding-bottom: 0;
}
.quote-history__day {
  background-image: url('quote-history-background.e8c4c364cb48b363.png');
  background-repeat: repeat-y;
  background-position-x: 40px;
}
.quote-history__status, .quote-history__user, .quote-history__time {
  min-height: 42px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  background-color: #fff;
  font-size: 12px;
}
.quote-history__status {
  grid-column: 1;
  padding: 10px 5px 10px 10px;
  border-right: none;
}
.quote-history__user {
  grid-column: 2;
  padding: 14px 10px;
}
.quote-history__time {
  grid-column: 3;
  padding: 14px 10px;
  border-left: none;
}

.vehicle-lookup-summary {
  font-size: 10px;
  justify-content: center;
  border-bottom: #dddddd solid 1px;
}
.vehicle-lookup-summary__section {
  padding-bottom: 15px;
  max-height: 300px;
}
.vehicle-lookup-summary__heading {
  line-height: 1.8em;
  vertical-align: middle;
  word-wrap: break-word;
  width: auto;
}
.vehicle-lookup-summary__vrm {
  font-size: 18px;
  padding-right: 10px;
  text-align: center;
}
.vehicle-lookup-summary__vrm:before {
  content: "done";
  color: #05141f;
  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;
  padding-right: 3px;
  font-weight: 700;
}
.vehicle-lookup-summary__description {
  font-size: 12px;
}
.vehicle-lookup-summary__edit-button {
  color: #05141f;
  font-size: 14px;
  font-weight: 700;
  padding-right: 10px;
  cursor: pointer;
}
.vehicle-lookup-summary__edit-button:hover {
  color: #010609;
}
.vehicle-lookup-summary__edit-button:hover:after {
  content: "edit";
  color: #010609;
  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;
}
.vehicle-lookup-summary__edit-button:after {
  content: "edit";
  color: #05141f;
  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;
  padding-left: 3px;
}

.subjective-accept-details__section {
  padding-bottom: 2em;
}
.subjective-accept-details__header {
  font-weight: bold;
  padding-bottom: 1em;
}
.subjective-accept-details__list {
  list-style: inherit;
  padding-left: 2em;
}
.subjective-accept-details__list-item + .subjective-accept-details__list-item {
  padding-top: 1em;
}
.subjective-accept-details__text {
  padding-left: 1em;
  white-space: pre-line;
}

.regulation-details {
  font-size: 12px;
}
.regulation-details__labeled-items {
  padding-top: 20px;
  display: table;
}
.regulation-details__labeled-item {
  display: table-row;
}
.regulation-details__item-label {
  font-size: 12px;
  padding-top: 10px;
  padding-right: 15px;
  display: table-cell;
}
.regulation-details__item-label::after {
  content: ":";
}
.regulation-details__item-text {
  font-size: 12px;
  padding-top: 10px;
  font-weight: 600;
  display: table-cell;
}

.enhanced-quoting {
  align-items: center;
  justify-content: center;
}
.enhanced-quoting__ctas {
  display: flex;
}
.enhanced-quoting__ctas .enhanced-quoting__eqt {
  width: 33.33%;
  width: 50%;
  border-radius: 0px;
  height: 45px;
  margin: 0;
}
@media only screen and (max-width: 1260px) {
  .enhanced-quoting__ctas {
    display: flex;
    flex-direction: column;
  }
  .enhanced-quoting__ctas .enhanced-quoting__eqt {
    width: 100%;
  }
}

.dashboard-panel {
  display: grid;
  grid-template-rows: 55px 435px auto;
  margin: 30px;
  width: 500px;
}
.dashboard-panel__timestamp {
  margin-top: 12px;
}
.dashboard-panel__list-section {
  padding: 10px;
  height: -moz-fit-content;
  height: fit-content;
}
.dashboard-panel__list-row {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  font-size: 14px;
}
.dashboard-panel__list-row--striped:nth-child(even) {
  background-color: #f6f6f6;
}
.dashboard-panel .link {
  font-weight: normal;
  color: #353535;
}
.dashboard-panel__list-heading {
  font-size: 18px;
  color: #05141f;
  padding: 5px 0;
}
.dashboard-panel__footer {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 10px;
}
.dashboard-panel__header {
  display: grid;
  grid-template-rows: 20px 30px;
  grid-template-columns: 385px 115px;
}
.dashboard-panel #summaryHeader {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 3;
}
.dashboard-panel__button {
  width: 115px;
  height: 30px;
}
.dashboard-panel__loader {
  display: flex;
  position: relative;
  top: 60%;
  left: 58%;
  max-width: 0px;
  max-height: 0px;
  align-items: center;
  justify-content: center;
}

.not-proceeding__dialog--horiz-centre {
  margin: auto;
  width: 45%;
}
.not-proceeding__details-box {
  width: 300px;
  display: flex;
  flex-grow: 1;
  resize: none;
  margin-bottom: 1em;
  min-height: 5em;
}
.not-proceeding__error {
  margin: auto;
  text-align: center;
}
.not-proceeding__subheading {
  margin-top: 1em;
}

.delivery-agreed-in-cooling-off-period-modal__subheading {
  font-weight: 700;
}
.delivery-agreed-in-cooling-off-period-modal__text {
  padding-bottom: 1em;
  padding-left: 1em;
}

/**
 * Campaigns List block (based on the results-list): Responsible for the styling of the Campaigns list.
 */
.campaigns-list {
  font-size: 12px;
  border-bottom: 1px solid #dddddd;
}
.campaigns-list__column {
  display: flex;
}
.campaigns-list__column--cell-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.campaigns-list__column--name {
  width: 20%;
}
.campaigns-list__column--rental {
  width: 10%;
}
.campaigns-list__column--info {
  width: 60%;
}
.campaigns-list__column--actions {
  width: 10%;
}
.campaigns-list__column--id {
  width: 10%;
}
.campaigns-list__column--admin-name {
  width: 20%;
}
.campaigns-list__column--description {
  width: 30%;
}
.campaigns-list__column--status {
  width: 10%;
}
.campaigns-list__column--campaign-type {
  width: 10%;
}
.campaigns-list__column--maintenance-type {
  width: 12%;
}
.campaigns-list__column--model-year {
  width: 10%;
}
.campaigns-list__column--admin-date {
  width: 10%;
}
.campaigns-list__column--admin-actions {
  width: 10%;
}
.campaigns-list__column--customer-button {
  justify-content: end;
  width: 40%;
}
.campaigns-list__column--customer-id {
  width: 10%;
}
.campaigns-list__column--customer-name {
  width: 25%;
}
.campaigns-list__column--customer-status {
  width: 55%;
}
.campaigns-list__column-heading {
  position: relative;
  padding: 0 0.5%;
  text-align: left;
  line-height: 1.8em;
  display: flex;
  font-weight: 700;
  align-items: center;
}
.campaigns-list__column-heading--border:after {
  content: "";
  width: 1px;
  background: #dddddd;
  position: absolute;
  height: 30px;
  left: -1px;
  top: 5px;
}
.campaigns-list__column-heading--sortable {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.campaigns-list__column-heading--campaign-type {
  width: 8.5%;
}
.campaigns-list__column-heading--maintenance-type {
  width: 9.8%;
}
.campaigns-list__item {
  height: 40px;
  display: flex;
}
.campaigns-list__item--child {
  height: 80px;
}
.campaigns-list__cell {
  padding: 0 0.5%;
  text-align: left;
  line-height: 1.8em;
  align-items: center;
  display: flex;
  vertical-align: middle;
  font-weight: 400;
  border-right: 1px solid #dddddd;
  word-break: break-word;
  word-wrap: break-word;
}
.campaigns-list__cell.campaigns-list__column--text-overflow {
  display: -webkit-box;
}
.campaigns-list__cell:first-child {
  border-left: 1px solid #dddddd;
}
.campaigns-list__cell--no-wrap {
  white-space: nowrap;
}
.campaigns-list__header {
  background-color: #05141f;
  color: #ffffff;
  text-transform: uppercase;
}
.campaigns-list__dark-row {
  background-color: #f6f6f6;
}
.campaigns-list__dark-row .campaigns-list__column--text-overflow:after {
  background-color: #f6f6f6;
}
.campaigns-list__light-row {
  background-color: #ffffff;
}
.campaigns-list__light-row .campaigns-list__column--text-overflow:after {
  background-color: #ffffff;
}
.campaigns-list__icon-launch {
  cursor: pointer;
  padding-right: 10px;
}
.campaigns-list__icon-launch:after {
  content: "launch";
  color: #05141f;
  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;
}
.campaigns-list__link {
  cursor: pointer;
  text-decoration: underline;
  color: #05141f;
  font-weight: 600;
}
.campaigns-list__link:hover:after {
  color: black;
}
.campaigns-list__global-activation-row {
  display: flex;
  flex-direction: row;
}
.campaigns-list__activation-button {
  margin-top: -6px;
  margin-bottom: 15px;
  margin-left: 15px;
  width: 115px;
}
.campaigns-list__activation-button:disabled {
  cursor: not-allowed;
  background-color: #dddddd;
}
.campaigns-list__customer-activation-button {
  width: 115px;
}
.campaigns-list__inactive-campaign-row {
  background-color: #dddddd;
}
.campaigns-list__inactive-campaign-row--dark {
  background-color: #cdcdcd;
}
.campaigns-list__active-campaign-row {
  background-color: #cae6cc;
}
.campaigns-list__active-campaign-row--dark {
  background-color: #b6cfb8;
}
.campaigns-list__filter {
  padding: 0 15px;
}
.campaigns-list__filter:first-of-type {
  padding: 0;
}
.campaigns-list__filter-header {
  padding-right: 5px;
  font-weight: bold;
  text-wrap: nowrap;
}
.campaigns-list__maint-filter-header {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  text-wrap: nowrap;
}
.campaigns-list__filter-checkbox {
  margin-left: 20px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .campaigns-list__filter-checkbox {
    width: 190px;
  }
}
.campaigns-list__campaign-customer-filter-checkbox {
  margin-left: 35px;
  margin-top: -4px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .campaigns-list__campaign-customer-filter-checkbox {
    width: 190px;
  }
}
.campaigns-list__type-filter {
  width: 200px;
}
.campaigns-list__broker_list_filter_checkbox .checkbox {
  text-wrap: nowrap;
}
.campaigns-list__input-date {
  display: block;
  box-sizing: border-box;
  margin-top: 2px;
  margin-right: 30px;
  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: 218px;
  color: #6f6f6f;
  background-color: #ffffff;
}
.campaigns-list__input-date--error {
  border: 1px solid #dc3545;
}
.campaigns-list__input-date:focus {
  outline: none;
  border: 1px solid #05141f;
}
.campaigns-list__search-filter {
  width: 200px;
}
.campaigns-list__search-field {
  width: 285px;
}
.campaigns-list__search-box {
  display: flex;
}
.campaigns-list__search-button {
  width: 115px;
  margin-right: 10px;
}
.campaigns-list__search-button:disabled {
  cursor: not-allowed;
  background-color: #dddddd;
}
.campaigns-list__search-form {
  padding: 10px 0px 25px;
  margin-top: -1rem;
}
.campaigns-list__search-form-row {
  display: flex;
  flex-direction: row;
}
.campaigns-list__search-form-row ald-dsi-dropdown {
  width: 210px;
}
.campaigns-list__no-items {
  background-color: #05141f;
  color: #ffffff;
  width: 100%;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0.25%;
  font-weight: 700;
}
.campaigns-list__top_level_warning {
  padding-right: 10px;
  font-weight: bold;
}
.campaigns-list__top_level_warning:after {
  padding-left: 2.5px;
  content: "block";
  color: #dc3545;
  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;
}
.campaigns-list__validation_message {
  padding-left: 205px;
}
.campaigns-list__filter-box {
  display: flex;
  align-items: center;
  width: 330px;
}
.campaigns-list__filter-box-brokers-page {
  display: flex;
  margin-top: -6px;
  margin-bottom: 15px;
  padding-left: 10px;
  align-items: center;
  width: 330px;
}

.campaigns-file-uploader__panel {
  padding-left: 20px;
}
.campaigns-file-uploader__input {
  display: none;
}
.campaigns-file-uploader__container {
  display: flex;
  align-items: flex-end;
}
.campaigns-file-uploader__field {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.campaigns-file-uploader__notification {
  white-space: pre-line;
}
.campaigns-file-uploader__file_input {
  width: 40%;
}

.upload-response-panel {
  font-size: 12px;
  border-bottom: 1px solid #dddddd;
}
.upload-response-panel__item {
  height: 40px;
  display: flex;
}
.upload-response-panel__list {
  height: 440px;
  overflow: auto;
}
.upload-response-panel__header {
  background-color: #05141f;
  color: #ffffff;
  text-transform: uppercase;
}
.upload-response-panel__column {
  display: flex;
}
.upload-response-panel__column--cell-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.upload-response-panel__column-heading {
  position: relative;
  padding: 0 0.5%;
  text-align: left;
  line-height: 1.8em;
  display: flex;
  font-weight: 700;
  align-items: center;
}
.upload-response-panel__column-heading--border:after {
  content: "";
  width: 1px;
  background: #dddddd;
  position: absolute;
  height: 30px;
  left: -1px;
  top: 5px;
}
.upload-response-panel__cell {
  padding: 0 0.5%;
  text-align: left;
  line-height: 1.8em;
  align-items: center;
  display: flex;
  vertical-align: middle;
  font-weight: 400;
  border-right: 1px solid #dddddd;
  word-break: break-word;
  word-wrap: break-word;
}
.upload-response-panel__dark-row {
  filter: brightness(90%);
}
.upload-response-panel__error-row {
  background-color: #f8d7da;
  width: 100%;
}
.upload-response-panel__success-row {
  background-color: #cae6cc;
  width: 100%;
}
.upload-response-panel__warning-row {
  background-color: #fff3cd;
  width: 100%;
}

.stock-list {
  font-size: 12px;
  border-bottom: 1px solid #dddddd;
}
.stock-list__search-box {
  display: flex;
  padding-top: 7px;
  margin-top: 5px;
}
.stock-list__search-form {
  padding: 10px 0px 0px;
  margin-top: -1rem;
}
.stock-list__search-field {
  width: 385px;
  height: 33px;
  margin-right: 20px;
}
.stock-list_price-label {
  text-align: center;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}
.stock-list__search-button {
  width: 115px;
  margin-right: 10px;
  height: 34px;
}
.stock-list__search-button:disabled {
  cursor: not-allowed;
  background-color: #dddddd;
}
.stock-list__variant {
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
  border: 1px solid #d1c9bf;
  width: 600px;
  padding: 10px 10px 5px 10px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #353535;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.stock-list__variant-model {
  display: flex;
}
.stock-list__variant-img {
  height: auto;
  width: 180px;
  align-content: left;
  text-align: center;
}
.stock-list__variant-img img {
  max-width: 100%;
  pointer-events: none;
}
.stock-list__variant-img .no-image {
  min-height: 120px;
  width: 100%;
  display: block;
  text-align: center;
  background-color: #bebebe;
}
.stock-list__variant-img .no-image__text {
  line-height: 8;
}
.stock-list__variant-list {
  padding-left: 20px;
}
.stock-list__model-title {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #353535;
  margin-top: 20px;
}
.stock-list__icon-launch {
  cursor: pointer;
  padding-right: 10px;
}
.stock-list__icon-launch:after {
  content: "launch";
  color: #05141f;
  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;
}
.stock-list__icon-launch--multi:after {
  content: "grid_on";
  color: #05141f;
  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;
}
.stock-list__customer-type .choice-buttons__button-label {
  background-color: #ffffff;
  color: #05141f;
}
.stock-list__customer-type .choice-buttons__input {
  cursor: pointer;
}
.stock-list__customer-type .choice-buttons__input:checked + .choice-buttons__button-label {
  background-color: #05141f;
  color: #ffffff;
  border: 0;
}
.stock-list__customer-type .choice-buttons__input:focus + .choice-buttons__button-label {
  outline: none;
  border: 2px solid #f5f5f5;
}
.stock-list__customer-type .choice-buttons__input:active + .choice-buttons__button-label {
  background-color: #f5f5f5;
  color: #05141f;
  border: 0;
}
.stock-list_search-stockInput {
  border: 1px solid;
}
.stock-list_search-stockInput:focus {
  outline: none;
  border: 1px solid #05141f;
}
.stock-list__filter-header {
  padding-right: 5px;
  font-weight: bold;
  padding-top: 10px;
  margin-left: 5px;
}
.stock-list_minprice_field {
  height: 33px;
  margin-top: 2px;
  margin-right: 20px;
  font-size: 12px;
  width: 13%;
  padding-left: 5px;
}
.stock-list_maxprice_field {
  margin-top: 2px;
  margin-right: 20px;
  font-size: 12px;
  width: 13%;
  padding-left: 5px;
}
.stock-list_header_panel {
  border-bottom: 1px solid #dddddd;
  height: 100px;
}

.stockroom-quote-modal .modal__title {
  margin-bottom: 10px;
}
.stockroom-quote-modal .stockroom-quote {
  width: 500px;
}
.stockroom-quote-modal .stockroom-quote .sub-title {
  margin-bottom: 30px;
  font-weight: 500;
}
.stockroom-quote-modal .stockroom-quote .info {
  margin-bottom: 10px;
  font-weight: 500;
}
.stockroom-quote-modal .stockroom-quote .typeahead__validation {
  color: #05141f;
}
.stockroom-quote-modal .stockroom-quote .field-label {
  line-height: 2;
  font-size: 14px;
}

.price_validation {
  padding-left: 665px;
  padding-top: 5px;
}

.maxprice_validation {
  padding-left: 665px;
}

.precurrent-field {
  width: 40%;
}

.minprice_validation {
  padding-left: 455px;
  padding-top: 15px;
}

.activity-list__darkRow .contract-product-type {
  color: #dddddd;
}

ald-vehicle-details,
ald-contract-details,
ald-contract-rollback,
ald-otr-details,
ald-contract-profits,
ald-vehicle-options,
ald-vehicle-discounts,
ald-wltp-disclaimer {
  display: contents;
  height: 100%;
}
ald-vehicle-details .content-panel__body,
ald-contract-details .content-panel__body,
ald-contract-rollback .content-panel__body,
ald-otr-details .content-panel__body,
ald-contract-profits .content-panel__body,
ald-vehicle-options .content-panel__body,
ald-vehicle-discounts .content-panel__body,
ald-wltp-disclaimer .content-panel__body {
  height: calc(100% - 54px);
}

.panel,
.content-panel__body {
  height: 100%;
}