@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

.frontend div,
.frontend span,
.frontend applet,
.frontend object,
.frontend iframe,
.frontend h1,
.frontend h2,
.frontend h3,
.frontend h4,
.frontend h5,
.frontend h6,
.frontend p,
.frontend blockquote,
.frontend pre,
.frontend a,
.frontend abbr,
.frontend acronym,
.frontend address,
.frontend big,
.frontend cite,
.frontend code,
.frontend del,
.frontend dfn,
.frontend em,
.frontend img,
.frontend ins,
.frontend kbd,
.frontend q,
.frontend s,
.frontend samp,
.frontend small,
.frontend strike,
.frontend strong,
.frontend sub,
.frontend sup,
.frontend tt,
.frontend var,
.frontend b,
.frontend u,
/* .frontend i, */
.frontend center,
.frontend dl,
.frontend dt,
.frontend dd,
.frontend ol,
.frontend ul,
.frontend li,
.frontend fieldset,
.frontend form,
.frontend label,
.frontend legend,
.frontend table,
.frontend caption,
.frontend tbody,
.frontend tfoot,
.frontend thead,
.frontend tr,
.frontend th,
.frontend td,
.frontend article,
.frontend aside,
.frontend canvas,
.frontend details,
.frontend embed,
.frontend figure,
.frontend figcaption,
.frontend footer,
.frontend header,
.frontend hgroup,
.frontend menu,
.frontend nav,
.frontend output,
.frontend ruby,
.frontend section,
.frontend summary,
.frontend time,
.frontend mark,
.frontend audio,
.frontend video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif !important;
}

/* .frontend input {
  font-family: 'Montserrat', sans-serif !important;
} */

/*!
 * Bootstrap Grid v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


.frontend .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {
  .frontend .container {
    max-width: 540px
  }
}

@media (min-width:768px) {
  .frontend .container {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .frontend .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .frontend .container {
    max-width: 1140px
  }
}

@media (min-width:576px) {

  .frontend .container {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .frontend .container {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .frontend .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .frontend .container {
    max-width: 1140px
  }
}

.qs-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

.frontend .deployment {
  display: none;
}

.frontend .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .frontend .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .frontend .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .frontend .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .frontend .container {
    max-width: 1140px;
  }
}

/* start */

/**********************************
********* UI RESETS & SETUP *******
***********************************/
.frontend .question-input-wrapper {
  /* max-width: 400px;
  position: relative; */
  max-width: unset;
  position: unset;
}

.frontend .question-input-wrapper.prefix-field {
  position: relative;
}

.frontend #ctl00_MainContent_divGetQuote {
  padding: 0;
}

.AdmDropDown-Container {
  display: block;
}

.TableControl table tbody tr td {
  vertical-align: middle;
}

/* Text Reset */

.warning td select,
.warning td option,
.warning td label,
.warning td .radio,
.warning td .text_input,
.warning td .text_input_small,
.warning td .number_input,
.warning td .postcode_input,
.warning td .text_input,
.warning td .text_input_small,
.warning td .number_input,
.warning td .validate_number,
.warning .client-address * {
  color: red;
}

body.frontend,
.frontend h1,
.frontend h2,
.frontend h3,
.frontend h4,
.frontend h5,
.frontend h6,
.frontend p,
.frontend span,
.frontend #pages .text,
.frontend .info_text {
  /* font-family: 'Ubuntu', sans-serif; */
  font-size: 16px;
  color: #454545;
}

.frontend label,
.frontend .info_text {
  color: #686565;
}

.frontend #ctl00_MainContent_lblSchemeName {
  display: none;
}

/* BUTTONS */
.frontend input[type="button"],
.frontend input[type="submit"],
.frontend .Back,
.frontend .Next,
.frontend .DeletePage,
.frontend .AddPageButton,
.frontend .ClonePage,
.frontend button,
.frontend #PageButtonsTop .rounded,
.frontend #PageButtonsBottom .rounded,
.frontend input.rounded.Next,
.frontend input.rounded.Back,
.frontend .TableControl .delete,
.frontend .TableControl .AddRow,
.frontend .multipagecontroller .AddRow {
  background: #52c3ef;
  font-size: 1em;
  padding: .7rem;
  cursor: pointer;
  transition: all .2s;
  color: #fff !important;
  min-width: 100px;
  font-weight: normal;
  border-radius: 10px;
  text-decoration: none;
  text-align: center;
}

.frontend #ctl00_MainContent_lnkBack:hover {
  color: black;
  text-decoration: none;
}

.frontend .QuestionWarning {
  position: absolute;
  top: 10px;
  right: 20px;
}


/* INPUTS */
.frontend input[type="text"],
.frontend input[type="file"],
.frontend input[type="text"].warning,
.frontend input[type="password"],
.frontend input[type="password"].warning,
.frontend input[type="number"],
.frontend input[type="number"].warning,
.frontend textarea,
.frontend select,
.frontend .TableControl table td input.text_input,
.frontend .TableControl table td input.text_input,
.frontend .TableControl table td textarea.text_input,
.frontend .TableControl table td input.number_input,
.frontend .calculation div.TableControl table td input.cover,
.frontend .calculation div.TableControl table td input.text_input,
.frontend .ui-combobox input {
  outline: none;
  border: 1px solid #cacaca;
  padding: 0.7rem;
  font-size: 1.4rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
}

.frontend .ui-combobox {
  width: 100%
}

.frontend .ui-combobox input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.frontend .ui-combobox .ui-button {
  border: 1px solid #cacaca;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  outline: none;
  position: relative;
  top: 0px;
  left: -1px;
}

.frontend select {
  width: 100%;
  height: auto !important;
}

.frontend input[type="text"].warning,
.frontend input[type="password"].warning {
  border: 1px solid red;
}

.postcode_input.Postcode {
  margin-left: 0px;
}

.frontend .TableControl .AddRow {
  margin-top: 1rem;
  display: inline-block;
}

.frontend input[type="file"] {
  background: #fff;
}

.frontend .text_input {
  width: 100%;
}

.frontend .char_label {
  display: block;
}

.frontend .adornment-field-input-wrapper {
  position: relative;
  width: 100%;
}

.frontend .prefix-field .adornment-field-input-wrapper input {
  padding-left: 1.5em;
}

.frontend .prefix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .5em;
  z-index: 10;
  color: #939191;
  user-select: none;
}

.frontend .suffix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .5rem;
  z-index: 10;
  color: #939191;
  user-select: none;
  background: #fff;
  padding-left: 1rem;
}

/* MP TABLE CONTROLS */
.frontend .DeletePage,
.frontend .AddPageButton,
.frontend .ClonePage,
.frontend .TableControl .delete,
.frontend .TableControl .AddRow,
.frontend .multipagecontroller .AddRow {
  background: #fff;
}

.frontend.custom-icons .AddRow img,
.frontend.custom-icons .delete img,
.frontend.custom-icons .DeletePage img,
.frontend.custom-icons .ClonePage img {
  display: none;
}

.frontend.custom-icons .AddRow i,
.frontend.custom-icons .delete i,
.frontend.custom-icons .DeletePage i,
.frontend.custom-icons .ClonePage i {
  color: #454545;
  width: 1rem;
  height: 1rem;
  text-align: center;
}

/* SMALL SIZED INPUTS */
@media(min-width: 768px) {

  /* .frontend .question.Kilometre .question-input-wrapper,
  .frontend .question.Metre .question-input-wrapper,
  .frontend .question.Mile .question-input-wrapper,
  .frontend .question.Money .question-input-wrapper,
  .frontend .question.Number .question-input-wrapper,
  .frontend .question.Percentage .question-input-wrapper,
  .frontend .question.PercentageOfCover .question-input-wrapper,
  .frontend .question.InitialPaymentAmount .question-input-wrapper {
    max-width: 200px;
  } */

  .frontend .questions {
    padding-left: 64px;
  }
}

/* RADIO / CHECKBOX */
.frontend .CheckBox label {
  padding-left: 32px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.frontend .CheckBox label::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: #fff;
  border: 1px solid #707070;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all .2s;
}

.frontend .CheckBox label:hover::before {
  background: #ccc;
}

.frontend .CheckBox label::after {
  content: '';
  position: absolute;
  left: 7px;
  width: 5px;
  height: 12px;
  border: solid #707070;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg) scale(0);
  -ms-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);
  transition: all .2s;
}

.frontend .CheckBox input[type="checkbox"]:checked+label::after {
  transform: rotate(45deg) scale(1);
}

.frontend .CheckBox input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}

.frontend .CheckBox label {
  margin: 0;
}

.frontend label.radio {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0;
}

.frontend label.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.frontend .radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #707070;
  border-radius: 50%;
  transition: all .2s;
}

.frontend label.radio:hover input~.radio-checkmark {
  background-color: #ccc;
}


.frontend .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.frontend label.radio input:checked~.radio-checkmark:after {
  transform: translateY(-50%) translateX(-50%) scale(1);
}

.frontend label.radio .radio-checkmark:after {
  display: block;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0);
  left: 50%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #35728b;
  background: #35728b;
  background: #35728b;
  background: #35728b;
  transition: all .2s;
}

.frontend.inline-radios label.radio {
  width: auto;
  min-width: auto;
  margin: 12px 0 0 12px;
}

.frontend.inline-radios label.radio:first-of-type {
  margin-left: 12px !important;
}

.frontend.inline-radios label.radio:first-of-type {
  margin-left: 0;
}

.frontend.inline-radios .question.Radio .question-input-wrapper,
.frontend.inline-radios .question.YesNo .question-input-wrapper {
  display: flex;
  margin: -12px 0 0 -12px;
  width: calc(100% + 12px);
  flex-wrap: wrap;
}


/**********************************************************************
                               HEADER
**********************************************************************/

.frontend #header {
  margin-bottom: 40px;
}

.frontend #header .logo img {
  max-width: 100%;
  max-height: 70px;
}

.frontend #header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.frontend #header nav li {
  display: inline-block;

}

.frontend #header nav li:not(:first-child) {
  margin-left: 1em !important;
}


.frontend #header nav ul li a {
  text-decoration: none;
  color: #fff !important;
  font-size: 1em !important;
  display: block !important;
  padding: 10px !important;
  min-width: 150px;
  border-radius: 10px;
  text-align: center;
  transition: all .2s;
  background: #52C3EE;
  background: #52c3ef;
  background: #52c3ef;
  background: -o-linear-gradient(left, #52c3ef 0, #9bc345 100%);
  background: #52c3ef;
}

.frontend #header nav ul li a:hover,
.frontend #header nav ul li a.selected {
  /* background: #f6f6f6; */
  /* background: #52c3ef; */
  /* background: -webkit-gradient(linear, left top, right top, from(#52c3ef), to(#9bc345)); */
  /* background: -webkit-linear-gradient(left, #52c3ef, #9bc345); */
  background: -o-linear-gradient(left, #52c3ef 0, #9bc345 100%);
  background: #52c3ef;
}

.frontend #header #extra-links {
  text-align: right;
}

#ctl00_HelplineNumber,
.frontend #header .login {
  display: inline-block;
  margin-left: 1em;
  margin-bottom: .5em;
  position: relative;
}

@media(max-width:768px) {
  .frontend #header nav ul {
    text-align: center;
  }
}

@media(max-width:576px) {
  .frontend #header nav ul li {
    display: block;
  }
}



/**********************************************************************
                              LAYOUT
**********************************************************************/

.frontend #ctl00_MainContent_PageTitle,
.getquote-ui h1:first-of-type {
  font-size: 1.3rem;
  margin: 0 0 2rem 0;
  display: inline-block;

  font-weight: bold;

  padding-bottom: 10px !important;
  background:
    /* gradient can be an image */
    -webkit-linear-gradient(left, #52c3ef, #9bc345) left bottom #fff no-repeat;
  background:
    /* gradient can be an image */
    linear-gradient(90deg, #52c3ef, #9bc345) left bottom #fff no-repeat;
  background-size: 100% 5px;
  /* if linear-gradient, we need to resize it */
}

.frontend .getquote-ui h1:first-of-type {
  margin-bottom: .2rem;
}

.frontend .getquote-ui h2:first-of-type {
  float: none;
  margin-bottom: 2rem;
}

.frontend h1.PageTitle {
  display: block;
  font-size: 1.3rem;
  margin: 1rem 0;
  margin-bottom: 2.5rem !important;
  padding-bottom: .5rem;
  border-bottom: 1px solid #cacaca;
  font-weight: bold;
  padding-bottom: 5px;
  /* background: /* gradient can be an image */
  linear-gradient(to left,
    rgba(92, 7, 52, 1) 0%,
    rgba(134, 29, 84, 1) 12%,
    rgba(255, 93, 177, 1) 47%,
    rgba(83, 0, 30, 1) 100%) left bottom #777 no-repeat;
  */;
  /* background-size:100% 5px; */
  /* if linear-gradient, we need to resize it */
}


.frontend #pages {
  margin: 0;
}

.frontend #page_stubs .stub .inner {
  font-size: 1em;
  padding: 0;
}

.frontend.top-nav #page_stubs {
  float: none;
  display: block;
  text-align: center;
  padding: 0;
  margin-bottom: 2rem;
  /*     border: 1px solid #cacaca; */
}

.frontend.top-nav #page_stubs .stub {
  display: inline-block;
  height: auto;
  width: auto;
  padding: 1rem 2rem;
  transition: all .2s;
  margin-left: -4px;
  overflow: visible;
  background: transparent;
}


.frontend.top-nav #page_stubs .stub.last-visible-stub {
  border-right: 0;
}


.frontend.top-nav #page_stubs .stub.selected_stub {
  width: auto;
}

.frontend.nav-borders.top-nav #page_stubs .stub {
  border-right: 1px solid #cacaca;
}

.frontend.nav-borders.top-nav #page_stubs .stub.selected_stub,
.frontend.nav-borders.top-nav #page_stubs .stub:hover {
  width: auto;
  background: #f6f6f6;
}


.frontend.nav-arrows.top-nav #page_stubs .stub:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  border: solid #cacaca;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(-45deg) translate(50%);
  -webkit-transform: rotate(-45deg) translate(50%);
  transition: all .2s;
}

.frontend.nav-arrows.top-nav #page_stubs .stub:hover:after {
  border-color: #686363;
}


/**********************************************************************
                              MULTI PAGE
**********************************************************************/


.frontend .MultiPage .multi-page-question {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #d5d5d5;
}

.frontend .MultiPage .multi-page-question:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.frontend .question:not(.composite-question-child) {
  margin-bottom: 3rem;
}

.frontend.question-boxes .question:not(.composite-question-child) {
  background: #f6f6f6;
  padding: 1.5rem;
  margin-bottom: 2rem;
  border-radius: 15px;
}

.frontend .question-text {
  margin-bottom: 1rem;
}

.frontend.block-labels .composite-question-child br {
  display: none;
}

.frontend .multi-page-options {
  text-align: left;
  margin-bottom: 1rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #cacaca;
}

.frontend .multi-page-options select {
  min-width: 150px;
}

.frontend .DeletePage img {
  /*   display: none; */
}

.frontend .multi-page-options li a.DeletePage {
  text-decoration: none;
  color: black;
  display: block;
}


/**********************************************************************
                              QUESTION TYPES
**********************************************************************/

/* date */
.frontend .date-field .DateDropDown {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.frontend .date-field .DateDropDown select:nth-child(1) {
  flex: 1;
  margin-right: 5px;
}

.frontend .date-field .DateDropDown select:nth-child(2) {
  flex: 2;
  margin-right: 5px;
}

.frontend .DateDropDown select:nth-child(3) {
  flex: 2;
  margin-right: 0;
}


/* ADDRESS */
.frontend .client-address {
  width: 100%;
}
.frontend .client-address label {
  display: block;
}

.frontend .client-address #selectId {
  margin-bottom: 1rem;
}

.frontend .client-address #resultsContainer div {
  text-align: right;
  margin-left: auto;
}

.frontend .postcodeLine,
.frontend .line {
  position: unset;
}


/* CONTACT NAME */
.frontend .contact-name-field {
  max-width: 520px;
}

.frontend .client-contact-name {
  display: flex;
  flex-wrap: wrap;
  margin: -5px 0 0 -5px;
  width: calc(100% + 5px);
}

.frontend .client-contact-name select {
  flex: 1;
  min-width: 120px;
  margin: 5px 0 0 5px;
  margin-bottom: .5rem;
}

.frontend .client-contact-name input {
  min-width: 120px;
  margin: 5px 0 0 5px;
  flex: 2;
  margin-bottom: .5rem;
}


/* SPACER */
.frontend .question.Spacer {
  background: none !important;
}

/* ERN */
.frontend .EmployersReferenceNumber #RequiredContainer {
  display: flex;
}

.frontend .EmployersReferenceNumber #taxOfficeNumberContainer {
  flex: .7;
}

.frontend .EmployersReferenceNumber #ERNContainer {
  flex: 2;
}

.frontend .EmployersReferenceNumber .delimiter {
  padding-left: .5rem;
  padding-right: .5rem;
  align-self: center;
}


/* DVLA */
.Registration {
  display: flex;
}

.Registration input[type="text"] {
  text-transform: uppercase;
  margin-right: 5px;
  margin-bottom: 1rem;
}

.Registration input[type="button"] {
  margin-bottom: 1rem;
}


/* WARNING ICONS */
.frontend .question .custom-warning-icon {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: -30px;
  margin-top: .3em;
  font-size: 15px;
  color: red;
  height: 25px;
  width: 25px;
  background: #e6e6e6;
  text-align: center;
  padding-top: 3px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s;
}

.frontend .question .custom-warning-icon:hover {
  background: #c7c7c7;
}

.frontend .question.warning .custom-warning-icon {
  visibility: visible;
  opacity: 1;
}

.frontend .AddressNoPostCode .custom-warning-icon {
  margin-top: 1.9em;
}

.frontend .ContactName .custom-warning-icon {
  margin-top: .5em;
}

.frontend .Email .custom-warning-icon,
.frontend .EmailAndPassword .custom-warning-icon {
  margin-top: 1.2em;
}




/**********************************************************************
                              PAGES
**********************************************************************/

/* Client details */
#getquote_client_aspx .question .question-input-wrapper {
  max-width: 100%;
}

label.subfirstname,
label.subsurname {
  display: none !important;
}

#getquote_client_aspx.frontend label.sub {
  margin-top: 1rem;
  display: block;
}

.frontend .client-details-contact-name {
  display: flex;
  flex-wrap: wrap;
}

.frontend .client-details-contact-name .title {
  height: 36px !important;

}

.frontend .client-details-contact-name .firstname,
.frontend .client-details-contact-name .surname {
  margin-bottom: .5rem;
  width: auto;
}

#ctl00_MainContent_UserEmailAddress {
  margin-bottom: 2rem;
}

#ctl00_MainContent_MobileNumber {
  margin-bottom: 2rem;
}

#ctl00_MainContent_OrganisationName {
  margin-bottom: 2rem;
}

/* CONTACT */
#contactus_default_aspx #contact_form input,
#contactus_default_aspx #contact_form select {
  margin-bottom: 1rem;
}

.frontend nav {
  background: none !important;
}

.frontend header div.login a {
  background: none !important;
}

#page_stubs .stub {
  width: 100% !important;
  display: flex;
  align-items: center;
  width: 100%;
}



#page_stubs .stub:hover,
#page_stubs .stub.selected_stub {
  background: #52c3ef;
  background: -webkit-gradient(linear, left top, right top, from(#52c3ef), to(#9bc345));
  background: -webkit-linear-gradient(left, #52c3ef, #9bc345);
  background: -o-linear-gradient(left, #52c3ef 0, #9bc345 100%);
  background: linear-gradient(90deg, #52c3ef, #9bc345);
  color: #fff;
  padding-left: 8px;
  border-radius: 0 12px 12px 0;
}

.stub .inner {
  transition: all .2s;
}


/* Joe Edits */
/* New padding for inputs (works better with adornments) */
.frontend input[type="text"],
.frontend input[type="file"],
.frontend input[type="text"].warning,
.frontend input[type="password"],
.frontend input[type="password"].warning,
.frontend input[type="number"],
.frontend input[type="number"].warning,
.frontend textarea,
.frontend select,
.frontend .TableControl table td input.text_input,
.frontend .TableControl table td input.text_input,
.frontend .TableControl table td textarea.text_input,
.frontend .TableControl table td input.number_input,
.frontend .calculation div.TableControl table td input.cover,
.frontend .calculation div.TableControl table td input.text_input {
  padding: 0.9rem;
}

/* Adjust money input/select adornments */
.question.Money .question-input-wrapper.prefix-field .char_label.prefix {
  font-size: 1.5rem;
}

.question.Money .question-input-wrapper.prefix-field input,
  .question.Money .question-input-wrapper.prefix-field select {
  padding-left: 2rem;
}

/* Radio choices to individual lines */
.question.Radio .question-input-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

/* Question titles */
.frontend #pages .text {
  padding-right: 50px
}

/* Autocomplete dropdown */
.question .admdropdown {
  display: flex;
}

.question .admdropdown span {
  display: flex;
}

/* Reposition help tip */
.question {
  position: relative
}

.question .help_link {
  position: absolute;
  right: 10px;
  top: 10px;
}

.question.warning .help_link {
  right: 32px;
}

.question .help_text {
  bottom: auto !important;
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
}

/* Validation warning icons */
.ssstub_error {
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.QuestionWarning {
  margin: 0 !important;
  right: 10px !important;
  top: 10px !important;
}

/* Quick quote summary */
#ctl00_MainContent_SummaryDisplay {
  font-size: 14px;
  line-height: 1.75;
}

#ctl00_MainContent_SummaryDisplay p:first-child {
  display: none;
}

#ctl00_MainContent_SummaryDisplay > div,
#ctl00_MainContent_SummaryDisplay > table {
  margin-bottom: 40px;
}

#ctl00_MainContent_SummaryDisplay div.requote,
#ctl00_MainContent_SummaryDisplay table strong {
  font-weight: bold;
}

#ctl00_MainContent_SummaryDisplay table strong {
  font-size: 16px;
}

#ctl00_MainContent_QuoteDocumentsDisplay .QuoteDocuments h3 {
  display: flex;
  font-weight: bold;
  margin-bottom: 20px;
}

#ctl00_MainContent_QuoteDocumentsDisplay .QuoteDocuments h3 img {
  height: 32px;
  width: 32px;
  margin-right: 10px;
}

/* Success */
#ctl00_MainContent_SummaryDefault {
  margin-bottom: 40px;
}

/* Fair presentation question */
#question_FairPresentationrPI strong {
  font-weight: bold;
}

#question_FairPresentationrPI .text ul {
  padding: 20px 40px;
}

#question_FairPresentationrPI .text ul li {
  margin-bottom: 5px;
}

#question_FairPresentationrPI .text ul li:last-child {
  margin-bottom: 0;
}

#question_FairPresentationrPI .info_text {
  padding: 10px 0;
}

#AdditionalInsured_Template tbody tr td:first-child,
#AdditionalInsured1_Template tbody tr td:first-child {
  width: 100%;
}

#AdditionalInsured_Template tbody tr td a.delete,
#AdditionalInsured1_Template tbody tr td a.delete {
  display: block;
  width: 100%;
}

/* Restoring old css to hide table columns */
.public #DCTurnoverSplit_Template tr td:nth-child(3),
.public #DCTurnoverSplit_Template tr th:nth-child(3),
.public #DCTurnoverSplit_Template .char_label,
.public #ProfWorkSplitsDC_Template tr td:nth-child(3),
.public #ProfWorkSplitsDC_Template tr th:nth-child(3),
.public #ProfWorkSplitsDC_Template tr td:nth-child(4),
.public #ProfWorkSplitsDC_Template tr th:nth-child(4),
.public #ProfWorkSplitsDC_Template tr td:nth-child(5),
.public #ProfWorkSplitsDC_Template tr th:nth-child(5),
.public #ProfWorkSplitsDC_Template tr td:nth-child(6),
.public #ProfWorkSplitsDC_Template tr th:nth-child(6),
.public #ProfWorkSplitsDC_Template tr td:nth-child(7),
.public #ProfWorkSplitsDC_Template tr th:nth-child(7),
.public #ProfWorkSplitsDC_Template .char_label,
.public #ProfWorkSplitsAccountants_Template tr td:nth-child(3),
.public #ProfWorkSplitsAccountants_Template tr th:nth-child(3),
.public #ProfWorkSplitsAccountants_Template tr td:nth-child(4),
.public #ProfWorkSplitsAccountants_Template tr th:nth-child(4),
.public #ProfWorkSplitsAccountants_Template tr td:nth-child(5),
.public #ProfWorkSplitsAccountants_Template tr th:nth-child(5),
.public #ProfWorkSplitsAccountants_Template tr td:nth-child(6),
.public #ProfWorkSplitsAccountants_Template tr th:nth-child(6),
.public #ProfWorkSplitsAccountants_Template .char_label,
.public #ProfWorkSplitsArchitect_Template tr td:nth-child(3),
.public #ProfWorkSplitsArchitect_Template tr th:nth-child(3),
.public #ProfWorkSplitsArchitect_Template tr td:nth-child(4),
.public #ProfWorkSplitsArchitect_Template tr th:nth-child(4),
.public #ProfWorkSplitsArchitect_Template tr td:nth-child(5),
.public #ProfWorkSplitsArchitect_Template tr th:nth-child(5),
.public #ProfWorkSplitsArchitect_Template tr td:nth-child(6),
.public #ProfWorkSplitsArchitect_Template tr th:nth-child(6),
.public #ProfWorkSplitsArchitect_Template tr td:nth-child(7),
.public #ProfWorkSplitsArchitect_Template tr th:nth-child(7),
.public #ProfWorkSplitsArchitect_Template tr td:nth-child(8),
.public #ProfWorkSplitsArchitect_Template tr th:nth-child(8),
.public #ProfWorkSplitsArchitect_Template .char_label,
.public #ProfWorkSplitsInsurance_Template tr td:nth-child(3),
.public #ProfWorkSplitsInsurance_Template tr th:nth-child(3),
.public #ProfWorkSplitsInsurance_Template tr td:nth-child(4),
.public #ProfWorkSplitsInsurance_Template tr th:nth-child(4),
.public #ProfWorkSplitsInsurance_Template tr td:nth-child(5),
.public #ProfWorkSplitsInsurance_Template tr th:nth-child(5),
.public #ProfWorkSplitsInsurance_Template tr td:nth-child(6),
.public #ProfWorkSplitsInsurance_Template tr th:nth-child(6),
.public #ProfWorkSplitsInsurance_Template tr td:nth-child(7),
.public #ProfWorkSplitsInsurance_Template tr th:nth-child(7),
.public #ProfWorkSplitsInsurance_Template .char_label,
.public #ProfWorkSplitsIT_Template tr td:nth-child(3),
.public #ProfWorkSplitsIT_Template tr th:nth-child(3),
.public #ProfWorkSplitsIT_Template tr td:nth-child(4),
.public #ProfWorkSplitsIT_Template tr th:nth-child(4),
.public #ProfWorkSplitsIT_Template tr td:nth-child(5),
.public #ProfWorkSplitsIT_Template tr th:nth-child(5),
.public #ProfWorkSplitsIT_Template tr td:nth-child(6),
.public #ProfWorkSplitsIT_Template tr th:nth-child(6),
.public #ProfWorkSplitsIT_Template tr td:nth-child(7),
.public #ProfWorkSplitsIT_Template tr th:nth-child(7),
.public #ProfWorkSplitsIT_Template .char_label,
.public #ProfWorkSplitsMedia_Template tr td:nth-child(3),
.public #ProfWorkSplitsMedia_Template tr th:nth-child(3),
.public #ProfWorkSplitsMedia_Template tr td:nth-child(4),
.public #ProfWorkSplitsMedia_Template tr th:nth-child(4),
.public #ProfWorkSplitsMedia_Template tr td:nth-child(5),
.public #ProfWorkSplitsMedia_Template tr th:nth-child(5),
.public #ProfWorkSplitsMedia_Template tr td:nth-child(6),
.public #ProfWorkSplitsMedia_Template tr th:nth-child(6),
.public #ProfWorkSplitsMedia_Template tr td:nth-child(7),
.public #ProfWorkSplitsMedia_Template tr th:nth-child(7),
.public #ProfWorkSplitsMedia_Template tr td:nth-child(8),
.public #ProfWorkSplitsMedia_Template tr th:nth-child(8),
.public #ProfWorkSplitsMedia_Template .char_label,
.public #ProfWorkSplitsProperty_Template tr td:nth-child(3),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(3),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(4),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(4),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(5),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(5),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(6),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(6),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(7),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(7),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(8),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(8),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(9),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(10),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(11),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(9),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(10),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(11),
.public #ProfWorkSplitsProperty_Template tr td:nth-child(12),
.public #ProfWorkSplitsProperty_Template tr th:nth-child(12),
.public #ProfWorkSplitsProperty_Template .char_label,
.public #AreaOfConstruction_Template tr td:nth-child(3),
.public #AreaOfConstruction_Template tr th:nth-child(3),
.public #AreaOfConstruction_Template tr td:nth-child(4),
.public #AreaOfConstruction_Template tr th:nth-child(4),
.public #AreaOfConstruction_Template tr td:nth-child(5),
.public #AreaOfConstruction_Template tr th:nth-child(5),
.public #AreaOfConstruction_Template tr td:nth-child(6),
.public #AreaOfConstruction_Template tr th:nth-child(6),
.public #AreaOfConstruction_Template .char_label,
.public #TurnoverTerritories_Template tr td:nth-child(3),
.public #TurnoverTerritories_Template tr th:nth-child(3),
.public #TurnoverTerritories_Template tr td:nth-child(4),
.public #TurnoverTerritories_Template tr th:nth-child(4),
.public #TurnoverTerritories_Template tr td:nth-child(5),
.public #TurnoverTerritories_Template tr th:nth-child(5),
.public #TurnoverTerritories_Template tr td:nth-child(6),
.public #TurnoverTerritories_Template tr th:nth-child(6),
.public #TurnoverTerritories_Template .char_label { display: none; }

/* Hidden only for agents in admin */
.private.agent #DCTurnoverSplit_Template tr td:nth-child(3)  {display:none}
.private.agent #DCTurnoverSplit_Template tr th:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr td:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr th:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr td:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr th:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr td:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr th:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr td:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr th:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr td:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsDC_Template tr th:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsAccountants_Template tr td:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsAccountants_Template tr th:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsAccountants_Template tr td:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsAccountants_Template tr th:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsAccountants_Template tr td:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsAccountants_Template tr th:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsAccountants_Template tr td:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsAccountants_Template tr th:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr td:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr th:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr td:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr th:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr td:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr th:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr td:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr th:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr td:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr th:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr td:nth-child(8)  {display:none}
.private.agent #ProfWorkSplitsArchitect_Template tr th:nth-child(8)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr td:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr th:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr td:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr th:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr td:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr th:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr td:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr th:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr td:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsInsurance_Template tr th:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr td:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr th:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr td:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr th:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr td:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr th:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr td:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr th:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr td:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsIT_Template tr th:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr td:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr th:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr td:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr th:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr td:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr th:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr td:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr th:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr td:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr th:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr td:nth-child(8)  {display:none}
.private.agent #ProfWorkSplitsMedia_Template tr th:nth-child(8)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(3)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(4)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(5)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(6)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(7)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(8)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(8)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(9)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(10)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(11)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(9)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(10)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(11)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr td:nth-child(12)  {display:none}
.private.agent #ProfWorkSplitsProperty_Template tr th:nth-child(12)  {display:none}
.private.agent #AreaOfConstruction_Template tr td:nth-child(3)  {display:none}
.private.agent #AreaOfConstruction_Template tr th:nth-child(3)  {display:none}
.private.agent #AreaOfConstruction_Template tr td:nth-child(4)  {display:none}
.private.agent #AreaOfConstruction_Template tr th:nth-child(4)  {display:none}
.private.agent #AreaOfConstruction_Template tr td:nth-child(5)  {display:none}
.private.agent #AreaOfConstruction_Template tr th:nth-child(5)  {display:none}
.private.agent #AreaOfConstruction_Template tr td:nth-child(6)  {display:none}
.private.agent #AreaOfConstruction_Template tr th:nth-child(6)  {display:none}
.private.agent #TurnoverTerritories_Template tr td:nth-child(3)  {display:none}
.private.agent #TurnoverTerritories_Template tr th:nth-child(3)  {display:none}
.private.agent #TurnoverTerritories_Template tr td:nth-child(4)  {display:none}
.private.agent #TurnoverTerritories_Template tr th:nth-child(4)  {display:none}
.private.agent #TurnoverTerritories_Template tr td:nth-child(5)  {display:none}
.private.agent #TurnoverTerritories_Template tr th:nth-child(5)  {display:none}
.private.agent #TurnoverTerritories_Template tr td:nth-child(6)  {display:none}
.private.agent #TurnoverTerritories_Template tr th:nth-child(6)  {display:none}

/* For referral screen */
#getquote_referredsummary_aspx #ctl00_MainContent_PageTitle { display: none !important; }

/* Quote summary Screen hide procreed button */
/*.SummaryButtons #ctl00_MainContent_btnProceed { display:none }*/
.SummaryButtons #ctl00_MainContent_lnkBack { display: none }

/* Hide Filter by on reports tab. */
#schemeserve_reports_reportlist_aspx #ctl00_MainControlsContainer .RightPanel { display: none !important; }

/* Hide [UMRStartDate] and [UMRAge] question in case admin */
#question_UMRStartDate.question.DatePicker.RISKGROUP_ID_0 { display: none; }
#question_UMRAge.question.Text.RISKGROUP_ID_0 { display: none; }


footer {
  margin-top: 20px !important;
  padding: 20px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

footer div {
  max-width: 800px;
  margin: 0 auto !important;
}

footer a {
  background: none !important;
  color: #0033CC !important;
  text-decoration: none !important;
}

footer a:hover {
  text-decoration: underline !important;
}