/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/sass/styles.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/sass/styles.scss?ngGlobalStyle (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* L&G Data Classification: CONFIDENTIAL */
/* L&G Data Classification: CONFIDENTIAL */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.access {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  left: -1000ex;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.main-content[tabindex="0"], .main-content[tabindex="-1"] {
  outline: 0;
}

.btn {
  background-color: #007faa;
  border-color: #007faa;
  color: #fff;
  position: relative;
  display: inline-block;
  text-align: left;
  padding: 14px 15px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1rem;
  transition: all 0.25s ease-out;
}
.btn:disabled {
  opacity: 0.6;
  cursor: default;
}
.btn.btn-primary {
  background-color: #007faa;
  border-color: #007faa;
  color: #fff;
}
.btn.btn-primary:not(:disabled) {
  /* &:hover, &:visited {
      &:focus {
          border-color: $focus-outline-color;

      } 
  }  */
}
.btn.btn-primary:not(:disabled):hover {
  background-color: #005774;
  border-color: #005774;
}
.btn.btn-primary:not(:disabled):visited {
  background-color: #007faa;
  border-color: #007faa;
}
.btn.btn-secondary {
  background-color: #fff;
  border-color: #ccebf5;
  border-bottom-color: #09c;
  color: #333;
}
.btn.btn-secondary:not(:disabled) {
  /*  &:hover, &:visited {
      &:focus {
          border-color: $focus-outline-color;
      } 
  } */
}
.btn.btn-secondary:not(:disabled):hover {
  border-color: #09c;
}
.btn.btn-secondary:not(:disabled).btn-secondary:focus {
  box-shadow: 0 0 0 3px #ffcc00;
  /* &:hover,&:visited{
      box-shadow: none;
  } */
}
.btn.btn-secondary:not(:disabled):visited {
  border-bottom-color: #ccebf5;
}
.btn.btn-tertiary {
  background-color: #fff;
  border-color: #ccebf5;
  color: #333;
}
.btn.btn-tertiary:not(:disabled) {
  /*  &:hover, &:visited {
       &:focus {
           border-color: $focus-outline-color;
       }
   } */
}
.btn.btn-tertiary:not(:disabled):hover {
  border-color: #09c;
}
.btn.btn-tertiary:not(:disabled).btn-tertiary:focus {
  border: 3px solid #ffcc00;
  /*  &:hover{
       border: none;
   } */
}
.btn.btn-tertiary:not(:disabled):visited {
  border-color: #ccebf5;
}
.btn.btn-chevron {
  padding-right: 45px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 9px;
}
.btn.btn-chevron.btn-primary {
  background-image: url("data:image/svg+xml;charset=utf8,chevron%2Dright");
}
.btn.btn-block {
  display: block;
  width: 100%;
}
.btn.btn-sm {
  padding: 7px 15px;
}
.btn.btn-block {
  display: block;
  width: 100%;
}
.btn.btn-center {
  text-align: center;
}
.btn:focus, .btn.pseudo-class-focus {
  border-color: #fc0;
  outline: none;
}
.btn.btn-rounded {
  border-radius: 100px;
}

.landg-line {
  display: block;
  overflow: hidden;
}
.landg-line-1, .landg-line-2, .landg-line-3, .landg-line-4 {
  display: block;
  float: left;
  height: 3px;
}
.landg-line-1 {
  background-color: #e22;
  width: 8%;
}
.landg-line-2 {
  background-color: #0a5;
  width: 16%;
}
.landg-line-3 {
  background-color: #fc0;
  width: 16%;
}
.landg-line-4 {
  background-color: #09c;
  width: 60%;
}

.divider-bottom-thick, .divider-bottom, .divider-top-thick, .divider-top {
  border-color: #b3e0f0;
  display: block;
  width: 100%;
}

.divider-top-thick, .divider-top {
  border-top-width: 2px;
  border-top-style: solid;
  margin-top: 15px;
  padding-top: 15px;
}
.divider-top-thick > :first-child, .divider-top > :first-child {
  margin-top: 0;
}

.divider-bottom-thick, .divider-bottom {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.divider-bottom-thick :last-child, .divider-bottom :last-child {
  margin-bottom: 0;
}

.divider-top-thick {
  border-top: 4px solid #09c;
}

.divider-bottom-thick {
  border-bottom: 4px solid #09c;
}

/* L&G Data Classification: CONFIDENTIAL */
/* L&G Data Classification: CONFIDENTIAL */
/* L&G Data Classification: CONFIDENTIAL */
/* L&G Data Classification: CONFIDENTIAL */
.custom-slider {
  margin: 0% !important;
  height: 92px;
}
.custom-slider .ngx-slider {
  width: 300px !important;
}
.custom-slider .ngx-slider .ngx-slider-pointer:after {
  width: 0px !important;
  height: 0px !important;
  background-color: #007faa !important;
}
.custom-slider .ngx-slider .ngx-slider-pointer {
  width: 40px !important;
  height: 40px !important;
  background-color: #007faa !important;
  border-radius: 100px !important;
}
.custom-slider .ngx-slider .ngx-slider-pointer:focus {
  /*  border: solid 1px black; */
  box-shadow: 0 0 0 3px #ffcc00;
}
.custom-slider .ngx-slider .ngx-slider-pointer:focus:hover {
  box-shadow: none;
}
.custom-slider .ngx-slider .ngx-slider-bar {
  height: 14px !important;
  border-radius: 7px !important;
  background: #e7e7e7 !important;
  width: 300px !important;
}
.custom-slider .ngx-slider .ngx-slider-tick {
  background: transparent !important;
}
.custom-slider .ngx-slider .ngx-slider-bubble {
  top: 25px !important;
}
.custom-slider .ngx-slider .ngx-slider-tick-value {
  top: 30px !important;
  transform: translate(-30%, 0) !important;
}
.custom-slider .ngx-slider .ngx-slider-model-value {
  color: #007faa !important;
  font-weight: 500 !important;
  top: 30px !important;
}

.custom-slider-default .ngx-slider {
  width: 300px !important;
}
.custom-slider-default .ngx-slider .ngx-slider-pointer:after {
  width: 0px !important;
  height: 0px !important;
  background-color: #007faa !important;
}
.custom-slider-default .ngx-slider .ngx-slider-pointer {
  width: 40px !important;
  height: 40px !important;
  background-color: #FFFFFF !important;
  border: solid 2px #007faa !important;
  border-radius: 100px !important;
}
.custom-slider-default .ngx-slider .ngx-slider-pointer:focus {
  /*   border: solid 1px black; */
  box-shadow: 0 0 0 3px #ffcc00;
}
.custom-slider-default .ngx-slider .ngx-slider-bar {
  height: 14px !important;
  border-radius: 7px !important;
  background: #e7e7e7 !important;
  width: 300px !important;
}
.custom-slider-default .ngx-slider .ngx-slider-tick {
  background: transparent !important;
}
.custom-slider-default .ngx-slider .ngx-slider-bubble {
  top: 25px !important;
}
.custom-slider-default .ngx-slider .ngx-slider-tick-value {
  top: 30px !important;
  transform: translate(-30%, 0) !important;
}
.custom-slider-default .ngx-slider .ngx-slider-model-value {
  color: #007faa !important;
  font-weight: 500 !important;
  top: 30px !important;
}

.selected {
  color: #007faa !important;
  font-weight: 500 !important;
  margin-top: 3px !important;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  background-color: #F0F0F0 !important;
}

h6 {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
}

.clear-both {
  clear: both !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.h-100 {
  height: 100%;
}

.d-block {
  display: block;
}

.pointer {
  cursor: pointer;
}

a {
  color: #fff !important;
  cursor: pointer;
}
a:hover {
  color: #fff !important;
  cursor: pointer;
}
a:focus {
  border: 3px solid #ffcc00;
  /*  &:hover{
       border:none !important;
    } */
}

.bg-white {
  background-color: #fff;
}

.card-background {
  box-sizing: border-box;
  width: 772px;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
  /* margin-top: 19px; */
  margin-top: 0px;
  background-color: #fff;
}

.card-background-fullwidth {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.card-background-editview {
  width: 772px;
  box-sizing: border-box;
  border: solid 1px #eeeeee;
  border-radius: 4px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.clear-all {
  padding: 0 !important;
  margin: 0 !important;
}

.top-nav {
  height: 63px;
  border-bottom: solid 1px #EDEDED;
}

.nav-btn {
  height: 20px;
  width: 122.7px;
  color: #333333;
  font-size: 16px;
  line-height: 20px;
  margin-right: 9px;
}

.nav-right {
  padding: 23px 0px 0px 0px;
}

.title-wrapper {
  height: 47px;
  margin-top: 50px !important;
  border-left: solid 5px #007faa;
}

.title-text {
  margin-left: 35px;
}

.content-wrapper {
  padding-left: 40px !important;
  padding-right: 40px !important;
  margin-top: 30px !important;
}

.content-top {
  color: #152935;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

.bg-lightblue {
  background-color: #E5F5FC;
}

.inner-content {
  height: 86px;
  width: 690px;
  margin-top: 30px;
}

.inner-content-data {
  color: #025774;
  font-family: Roboto;
  font-size: 16px;
  margin: 20px 10px;
}

.underline {
  height: 1px;
  width: 100%;
  background-color: #EDEDED;
}

.margin-top {
  margin-top: 40px;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.green-tick {
  box-sizing: border-box;
  height: 11.5px;
  width: 15.5px;
  color: #007faa;
}

.font-weight-300 {
  font-weight: 300;
}

.color-black {
  color: #000;
}

.margin-0 {
  margin: 0 !important;
}

.margin-1 {
  margin: 1rem !important;
}

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

.text-underline {
  text-decoration: underline;
}

.form-validation-error {
  margin-top: 10px;
}

.content-sub-wrapper {
  padding-left: 40px !important;
  padding-right: 41px !important;
  margin-top: 50px !important;
}

.form-control-marginTop {
  margin-top: 29px !important;
}

.p-0 {
  padding: 0 !important;
}

.display-flex {
  display: flex;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-2 {
  margin-top: 2em;
}

.opacity-50 {
  opacity: 0.5 !important;
}

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

.form-label-fullwidth {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #4a4a4a;
}

.modal-wrapper .modal {
  width: 750px !important;
}

.text-underline {
  text-decoration: underline;
}

.text-italic {
  font-style: italic;
}

input::-ms-clear {
  display: none;
}

.align-center {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}

.reflect:focus {
  border: 3px solid #ffcc00;
  /* &:hover{
          border: none;
      } */
}

.reflect-modal-close:focus {
  box-shadow: 0 0 0 3px #ffcc00 !important;
  /* &:hover{

      box-shadow:none !important;

  }  */
}

input[type=checkbox]:focus + label {
  box-shadow: 0 0 0 3px #ffcc00 !important;
  /* &:hover{

      box-shadow:none !important;

  }  */
  /* &:checked{
      box-shadow:none !important;
  } */
}

.form-control:focus {
  border-left-width: 1px !important;
  box-shadow: 0 0 0 3px #ffcc00;
  /* &:hover{

  box-shadow:none ;
  border: 2px solid green;
  }   */
}
.form-control:active {
  border-color: none !important;
}
.form-control input:disabled,
.form-control input[disabled] {
  background-color: #f0f0f0;
}
.form-control .form-control {
  background: none !important;
}

.height-auto {
  height: auto;
}

input:disabled {
  background-color: #ccc;
  border-color: #ccc !important;
  color: #fff;
}

select:disabled {
  background-color: #ccc;
  border-color: #ccc !important;
  color: #fff;
}

button:disabled {
  background-color: #ccc !important;
  border-color: #ccc !important;
  color: #fff !important;
}

.h1-Override {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 300;
}

.disable-slider {
  opacity: 0.4;
}

.width-47 {
  width: 47% !important;
}

.width-6 {
  width: 6% !important;
}

.colorinherit {
  color: rgb(21, 41, 53) !important;
}

.custom-spinner {
  background-color: #007faa;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding-top: 20%;
  margin-top: 23px;
}

.a-color {
  color: #025774 !important;
}

.a-color:hover {
  color: #025774 !important;
}

legend {
  width: 100%;
}

@font-face {
  font-family: "lg-icon-font";
  font-display: block;
  src: url("/assets/font/lg-icon-font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.icon-bin:before {
  font-family: "lg-icon-font";
  content: "\e93e";
}

.text-style-1 {
  font-weight: 300;
}

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

.para-margin-top {
  margin-top: 28px;
}

.margin-left-30 {
  margin-left: 30px;
}

.anchor-padding {
  padding: 5px 4px !important;
}

.moneyhelperTxt {
  color: #000000 !important;
  text-decoration: underline;
}

.dependent-subTitle {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #152935;
  position: relative;
}

/* Ensure telephone number hyperlinks are the correct color on iOS */
@supports (-webkit-touch-callout: none) {
  a[href^=tel] {
    color: inherit !important;
    text-decoration: none;
  }
}
/* L&G Data Classification: CONFIDENTIAL */

/*# sourceMappingURL=styles.ca03e34e05708ddb.css.map*/