#logo {
  background-image: url(/mybenefitsferring/media/Ferring/Misc/Login-Page-logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* centering logo on mobile view */
@media only screen and (max-width: 767px) {
  #logo {
    width: calc(100vw - 100px);
  }
}
/***************************************** Utility classes **********************************************/
/* specific media query for IE10+ to handle responsive images */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .bootstrap-iso .img-responsive {
    width: 100%;
  }  
}
/* font declaration for using OnlineTwoIconFont set */
@font-face {
 font-family:'OnlineTwoIconFont';
 src:url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.eot');
 src:url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.eot?#iefix') format('embedded-opentype'),
 url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.woff') format('woff'),
 url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.ttf') format('truetype'),
 url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.svg') format('svg');
 font-weight:normal;
 font-style:normal;
}
/* allow use of OnlineTwoIconFont for anything with this class */
[class*="online-two-icon-"]:before{
  font-family:OnlineTwoIconFont;
}
/* icons on the benefit intro popups */
.benefit-information [class*="online-two-icon-"]::before {
  font-size: 15em;
  line-height: 1;
}

/************************************************ login page ************************************************/
.online-two-iso.login .LoginPageContainer .input-group .input-group-addon {width: 40%;}
.input-group.input-group-lg.username #username{height: 50px;}

#login-module-need-assistance span.phone:before,
#login-module-need-assistance span.email:before {
font-family: FontAwesome;}
#login-module-need-assistance span.phone:before {
content: '\f095';
padding-right: .5em;
color:#fff;}
#login-module-need-assistance span.email:before {
content: '\f0e0';
padding-right: .5em;
color:#fff;
}
/* forgot password */
.online-two-iso.login .LoginPageContainer .additional-services > div {
	color: #000;
}
#login-assistance .form-control{
  height: 42px;}
/* module headings */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title {
  color: white;
}
/* welcome module heading */
#login-module-WelcomeLogIn .module-title {
  font-size: 3rem; 
  width: 90%;
}
/* module links */
#login-modules-container a {
  color: white;
}
@media only screen and (min-width:768px){
/* login image */
  .online-two-iso.login body {
    background-image: url(/mybenefitsferring/media/Ferring/Misc/Ferring-loginpage-image.png);    
  }
.LoginPageContainer #logo{margin: 2% 0 0 4%;}
/* login module background colour */
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background-color: rgba(0,0,0,0.5);
  }
}
@media only screen and (min-width:375px) and (max-width:767px) {
/* centering logo */
  #wrapper.isLoginPageWrapper #header #logo {
    float: none;
    margin: 0 auto;
   }
/* margin between header and login box */
  #wrapper.isLoginPageWrapper #header {
    width: 100%;
    margin: 20px 0;
   }
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background: none;
  }
}
/* module widths */
#login-module-WelcomeLogIn {
	width: 65% !important;
	text-align: center;}
#login-module-need-assistance {
	width: 35% !important;}
/***************************************************Buttons and link*********************************************************/
/* links */
a,
.bootstrap-iso a,
.dependant-list a.dependant-confirm-delete,
.terms-conditions-cookies .cookie-policy-link,
.terms-conditions-cookies .term-condtion-link {
  color: #0088CE;
}
a:hover,
a:focus,
.bootstrap-iso a:hover,
.bootstrap-iso a:focus,
.dependant-list a.dependant-confirm-delete:hover,
.dependant-list a.dependant-confirm-delete:focus,
.terms-conditions-cookies .cookie-policy-link:hover,
.terms-conditions-cookies .cookie-policy-link:focus,
.terms-conditions-cookies .term-condtion-link:hover,
.terms-conditions-cookies .term-condtion-link:focus {
  color: #E37222;
}
a:active,
a:active:hover,
a:active:focus,
.bootstrap-iso a:active,
.bootstrap-iso a:active:hover,
.bootstrap-iso a:active:focus,
.dependant-list a.dependant-confirm-delete:active,
.dependant-list a.dependant-confirm-delete:active:hover,
.dependant-list a.dependant-confirm-delete:active:focus,
.terms-conditions-cookies .cookie-policy-link:active,
.terms-conditions-cookies .cookie-policy-link:active:hover,
.terms-conditions-cookies .cookie-policy-link:active:focus,
.terms-conditions-cookies .term-condtion-link:active,
.terms-conditions-cookies .term-condtion-link:active:hover,
.terms-conditions-cookies .term-condtion-link:active:focus {
  color: #E37222;
}

/* buttons */
/* default colour */
.bootstrap-iso .btn-primary,
.bootstrap-iso .btn-danger,
.bootstrap-iso .btn-info,
.bootstrap-iso .btn-default,
.bootstrap-iso .btn-warning,
.bootstrap-iso .btn-success,
.bootstrap-iso .btn-popup,
.online-two-iso A.button-style,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue,
.online-two-iso A.button-style.blue,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray,
.online-two-iso A.button-style.gray,
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn,
.benefit-matrix .confirm-checkout-button .btn-success {
  background-color: #0088CE;
  border: none;
  border-radius: 20px;
  color: #fff;
}
/* hover colour */
.bootstrap-iso .btn-primary:hover,
.bootstrap-iso .btn-danger:hover,
.bootstrap-iso .btn-info:hover,
.bootstrap-iso .btn-default:hover,
.bootstrap-iso .btn-warning:hover,
.bootstrap-iso .btn-success:hover,
.bootstrap-iso .btn-popup:hover,
.online-two-iso A.button-style:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:hover,
.online-two-iso A.button-style.blue:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:hover,
.online-two-iso A.button-style.gray:hover,
.benefit-matrix .row .btn-success:hover,
.benefitheader-fixed div#followup-items a.btn:hover,
.benefitheader-fixed div#resettodefaults a.btn:hover,
.benefit-matrix .confirm-checkout-button .btn-success:hover {
  background-color: #686868;
  border-radius: 20px;
  border: none;
  box-shadow: none;
  color: #fff;
}
/* focus colour */
.bootstrap-iso .btn-primary:focus,
.bootstrap-iso .btn-danger:focus,
.bootstrap-iso .btn-info:focus,
.bootstrap-iso .btn-default:focus,
.bootstrap-iso .btn-warning:focus,
.bootstrap-iso .btn-success:focus,
.bootstrap-iso .btn-popup:focus,
.online-two-iso A.button-style:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:focus,
.online-two-iso A.button-style.blue:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:focus,
.online-two-iso A.button-style.gray:focus,
.benefitheader-fixed div#followup-items a.btn:focus,
.benefitheader-fixed div#resettodefaults a.btn:focus,
.benefit-matrix .confirm-checkout-button .btn-success:focus {
  background-color: #686868;
  border-radius: 20px;
  border: none;
  box-shadow: none;
  color: #fff;
  outline: none;
}
/* when clicked colour */
.bootstrap-iso .btn-primary:active,
.bootstrap-iso .btn-primary:active:hover,
.bootstrap-iso .btn-primary:active:focus,
.bootstrap-iso .btn-danger:active,
.bootstrap-iso .btn-danger:active:hover,
.bootstrap-iso .btn-danger:active:focus,
.bootstrap-iso .btn-info:active,
.bootstrap-iso .btn-info:active:hover,
.bootstrap-iso .btn-info:active:focus,
.bootstrap-iso .btn-default:active,
.bootstrap-iso .btn-default:active:hover,
.bootstrap-iso .btn-default:active:focus,
.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-warning:active:focus,
.bootstrap-iso .btn-success:active,
.bootstrap-iso .btn-success:active:hover,
.bootstrap-iso .btn-success:active:focus,
.bootstrap-iso .btn-popup:active,
.bootstrap-iso .btn-popup:active:hover,
.bootstrap-iso .btn-popup:active:focus,
.online-two-iso A.button-style:active,
.online-two-iso A.button-style:active:hover,
.online-two-iso A.button-style:active:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active:focus,
.online-two-iso A.button-style.blue:active,
.online-two-iso A.button-style.blue:active:hover,
.online-two-iso A.button-style.blue:active:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active:focus,
.online-two-iso A.button-style.gray:active,
.online-two-iso A.button-style.gray:active:hover,
.online-two-iso A.button-style.gray:active:focus,
.benefitheader-fixed div#followup-items a.btn:active,
.benefitheader-fixed div#followup-items a.btn:active:hover,
.benefitheader-fixed div#followup-items a.btn:active:focus,
.benefitheader-fixed div#resettodefaults a.btn:active,
.benefitheader-fixed div#resettodefaults a.btn:active:hover,
.benefitheader-fixed div#resettodefaults a.btn:active:focus,
.benefit-matrix .confirm-checkout-button .btn-success:active,
.benefit-matrix .confirm-checkout-button .btn-success:active:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active:focus {
  background-color: #0088CE;
  border-radius: 20px;
  border: none;
  box-shadow: none;
  color: #fff;
  outline: none;
}
/* for styling buttons that convey meaning of a negative action e.g. cancel/close/remove etc. */
.bootstrap-iso .modal-controls .btn-warning,
.online-two-iso #exit-cancel A.button-style.blue,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning,
.bootstrap-iso .btn-warning.dependant-cancel-btn {
  background-color: #0088CE;
}
.bootstrap-iso .modal-controls .btn-warning:hover,
.bootstrap-iso .modal-controls .btn-warning:focus,
.online-two-iso #exit-cancel A.button-style.blue:hover,
.online-two-iso #exit-cancel A.button-style.blue:focus,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:hover,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:focus,
.bootstrap-iso .btn-warning.dependant-cancel-btn:hover,
.bootstrap-iso .btn-warning.dependant-cancel-btn:focus {
  background-color: #686868;
}
.bootstrap-iso .modal-controls .btn-warning:active,
.bootstrap-iso .modal-controls .btn-warning:active:hover,
.bootstrap-iso .modal-controls .btn-warning:active:focus,
.online-two-iso #exit-cancel A.button-style.blue:active,
.online-two-iso #exit-cancel A.button-style.blue:active:hover,
.online-two-iso #exit-cancel A.button-style.blue:active:focus,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active:hover,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active:focus,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active:hover,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active:focus {
  background-color: #0088CE;
}
/* datepickers */
/* button that launches datepicker */
.online-two-iso .datepicker-container .input-group-btn .btn,
/*datepicker on benefit statement */
.bootstrap-iso .btn.online-two-datepicker {
  background-color: #0088CE;
  border-color: #ccc;
}
.online-two-iso .datepicker-container .input-group-btn .btn:active:hover,
.online-two-iso .datepicker-container .input-group-btn .btn:active:focus,
.bootstrap-iso .uib-datepicker .btn:hover,
.bootstrap-iso .uib-day .btn.btn-default:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success{
  border-radius: 0
}
/* today, clear and close buttons */
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info,
.templates .uib-datepicker-popup .btn-sm.btn-info {
  background-color: #0088CE;
  border: none;
  text-transform: uppercase;
}

.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger,
.templates .uib-datepicker-popup .btn-sm.btn-danger{
  background-color: #c9302c;
  border: none;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success,
.templates .uib-datepicker-popup .btn-sm.btn-success{
  background-color: #5ab509;
  border: none;
  min-width: auto;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:focus,
.templates .uib-datepicker-popup .btn-sm.btn-info:hover,
.templates .uib-datepicker-popup .btn-sm.btn-info:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:focus,
.templates .uib-datepicker-popup .btn-sm.btn-danger:hover,
.templates .uib-datepicker-popup .btn-sm.btn-danger:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:focus,
.templates .uib-datepicker-popup .btn-sm.btn-success:hover,
.templates .uib-datepicker-popup .btn-sm.btn-success:focus {
  background-color: #686868;
  color: #fff;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-info.active,
.templates .uib-datepicker-popup .btn-info.active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-info:active,
.templates .uib-datepicker-popup .btn-sm.btn-info:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-info:active:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-success:active,
.templates .uib-datepicker-popup .btn-sm.btn-success:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-success:active:focus{
  background-color: #0088CE;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
/* hovering over day to be picked */
.bootstrap-iso .uib-day .btn.btn-default:hover,
.templates .uib-day .btn.btn-default:hover{
  background-color: #686868;
  border: 1px solid #ccc;
  color: #fff;
}
/* previous, current month/year, and next buttons at top of datepicker */
.bootstrap-iso .uib-datepicker th .btn:hover,
.bootstrap-iso .uib-daypicker th .btn:hover,
.templates .uib-datepicker th .btn:hover,
.templates .uib-daypicker th .btn:hover {
  background-color: #686868;
  border: 1px solid #ccc;
}
/************************************************ Home page layout ************************************************/
/* homepage module layouts */
@media only screen and (min-width: 768px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(2,1fr);
    -ms-grid-columns:1fr 1fr;
    grid-template-areas: 
   "module-1 module-1"
   "module-2 module-3"
   "module-4 module-4"
   "module-5 module-6"
   "module-7 module-8";}

/* module layout in IE */
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {-ms-grid-column: 1;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {-ms-grid-column: 2;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {-ms-grid-column: 1;-ms-grid-row: 4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {-ms-grid-column: 2;-ms-grid-row: 4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {-ms-grid-column: 1;-ms-grid-row: 5;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column: 2;-ms-grid-row: 5;}
}

@media only screen and (min-width: 1024px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(3,1fr);
    -ms-grid-columns:1fr 1fr 1fr;
    grid-template-areas: 
   "module-1 module-1 module-2"
   "module-3 module-3 module-5"
   "module-4 module-4 module-8"
   "module-6 module-6 module-7";}

/* module layout in IE */
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {-ms-grid-column: 3;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {-ms-grid-column: 3;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {-ms-grid-column: 3;-ms-grid-row: 4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column: 3;-ms-grid-row: 3;}
}

@media only screen and (min-width: 1400px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(4,1fr);
    -ms-grid-columns:1fr 1fr 1fr 1fr;
    grid-template-areas: 
   "module-1 module-1 module-2 module-2"
   "module-3 module-3 module-4 module-4"
   "module-5 module-8 module-6 module-7";
    }
/* module layout in IE */
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {-ms-grid-column: 3;-ms-grid-column-span: 2;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {-ms-grid-column: 3;-ms-grid-column-span: 2;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {-ms-grid-column: 1;-ms-grid-column-span: 1;-ms-grid-row: 3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {-ms-grid-column: 3;-ms-grid-column-span: 1;-ms-grid-row: 3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {-ms-grid-column: 4;-ms-grid-column-span: 1;-ms-grid-row: 3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column: 2;-ms-grid-row: 3;}
}

@media only screen and (min-width: 1920px){
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(6,1fr);
    -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;
     grid-template-areas: 
   "module-1 module-1 module-2 module-2 module-4 module-4"
   "module-3 module-3 module-5 module-8 module-6 module-7"; }

/* module layout in IE */
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {-ms-grid-column: 3;-ms-grid-column-span: 2;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {-ms-grid-column: 1;-ms-grid-column-span: 2;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {-ms-grid-column: 5;-ms-grid-column-span: 2;-ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {-ms-grid-column: 3;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {-ms-grid-column: 5;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {-ms-grid-column: 6;-ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column: 4;-ms-grid-row: 2;}
}
/* remove margin on main element on home page to bring footer together with main element */
#main.home {
  margin-bottom: 0;
}
/* greeting, module and carousel heading colour */
#home-online-three .dashboard-controls #greeting-message,
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
  color: #000;
}
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
  font-size: 1.75rem;
}
/* make background colour of grid container same as for modules */
#home-online-three #home-integrated .modules-right-side.grid-container{
  background-color: #a9a9a9;
}
/* background and padding colour for modules */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  background-color: #a9a9a9;
  padding: .5rem;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
  padding: 1rem 2rem;
}
/* modules styling */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content,
.bootstrap-iso .carousel.home-module-integrated {
	background: white;
	border: none;
	border-radius: 0;
}
/* hide module more info icon */
#home-online-three #home-integrated .module-content-header-container .online-three-module-popover-control {
  display: none;
}
/* module content text colour */
#home-online-three #home-integrated p,
.event-summary,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light {
  color: #666;
}
/* full width module buttons */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .btn.btn-default,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default {
  width: 100%;
}
@media only screen and (min-width: 768px) {
/* make module items flex containers and set direction and size */
  .module-content,
  .module-content > div,
  .module-content > div > div,
  .module-content > div > div > div:last-child,
  .module-content > div > div > div:last-child .module-copy,
  .module-content > div > div > div:last-child .module-copy .content-text,
  .module-content > div > div > div:last-child .module-copy > div:last-child,
  .module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child,
  .module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-active,
  .module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-inactive,
  .module-content > div > div > div > div.module-copy > div:last-child div.event-content div.text-light,
  .module-content > div > div .home-module-generic-content .generic-copy.module-copy .generic-buttons,
  .module-content > div > div > div:last-child .module-copy > .trs-buttons,
  .module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child .tbs-module-pager,
  .module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child .tbs-module-pager .make-a-claim-buttons {
    display: flex;
    flex-direction: column;
    flex: 1
  }
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager {
    position: static;
    transform: none;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: .5em;
  }
/* align flex containers housing buttons to bottom of module */
  #generic.module-content > div > div .home-module-generic-content .generic-copy.module-copy .generic-buttons,
  .module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-active,
  .module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-inactive,
  .module-content > div > div > div:last-child .module-copy .benefit-statement-buttons,
  .module-content > div > div > div:last-child .module-copy > .trs-buttons,
  .module-content > div > div > div:last-child .module-copy > .account-buttons {
    justify-content: flex-end;
  }
/* remove margin on certain containers to ensure buttons align at the bottom of module */
  .module-content > div > div > div:last-child .module-copy .content-text,
  .module-content > div > div > div:last-child .module-copy .content-text p:last-of-type:not(:first-of-type) {
    margin: 0
  }
}
/* module icon styling*/
[class*="online-two-icon-"]:before{
  color: #E37222;
  font-family:OnlineTwoIconFont;
  font-size: 9em;
}
/* Homepage modules icons */
.online-two-icon-63:before {content: "\e93e";}
.online-two-icon-31:before {content: "\e91e";}
.online-two-icon-56:before {content: "\e937";}
.online-two-icon-136:before {content: "\e987";}
.online-two-icon-48:before {content: "\e92f";}
.online-two-icon-97:before {content: "\e960";}
.online-two-icon-127:before {content: "\e97e";}
.online-two-icon-123:before {content: "\e97a";}

/************************************* Carousel styling *******************************************************/
/* hide carousel hamburger menu */
.home-module-integrated .welcome-items {
  display: none;
}
/* remove faded background on carousel content and increase indent */
.home-module-integrated #slider .sliderContainer .slide-content {
  background: none;
  margin: 0;
  max-width: 45%;
}
/* remove margin around carousel content and set colour */
#home-online-three #home-integrated .home-module-integrated .content p  {
  margin: 0;
  color: #fff;
  font-size: 1.2em;
}
/* carousel slide content headings */
.home-module-integrated .content h2,
.home-module-integrated .content h3 {
  margin-top: 0;
  color: #fff;
}
/* carousel content buttons */
.home-module-integrated #slider .sliderContainer .slide-content .content .btn {
  font-size: .75em;
  width: 90%;
}
/* adjust width of carousel thumbnails */
.home-module-integrated #slider .thumb .rect {
  width: 190px;
}
/* background of thumbnail container */
.home-module-integrated #slider .thumb {
  background: #ededed;
}
/******************************** benefit overview styling ****************************************/
/* heading */
#benefit-overview .benefit-overview-title {
  padding: 0;
}
#benefit-overview .benefit-overview-title H1 {
  color: #000;
  font-size: 36px;
  line-height: 1;
}
.bootstrap-iso#benefit-overview #BenefitNameFilter {
  background-color: #fff;
	border: 1px solid rgba(0,0,0,.15);
  border-radius: 0;
	color: #333;
	text-transform: none;
	text-align: left;
	width: 100%;
	overflow: hidden;
}
.bootstrap-iso#benefit-overview .clear-filter {
  background-color: #0088CE;
  border: none;
  color: #fff;
}
.bootstrap-iso#benefit-overview .clear-filter:hover,
.bootstrap-iso#benefit-overview .clear-filter:focus {
  background-color: #686868;
  color: #fff;
}
.bootstrap-iso#benefit-overview .clear-filter:active,
.bootstrap-iso#benefit-overview .clear-filter:active:hover,
.bootstrap-iso#benefit-overview .clear-filter:active:focus {
  background-color: #0088CE;
  color: #fff;
}
/* know more buttons */
#benefit-overview .know-more-link .aria {
  display: none;
}
.bootstrap-iso#benefit-overview .btn.know-more-link {
  background-color: #0088CE;
  border: none;
}
.bootstrap-iso#benefit-overview .know-more-link A {
  color: #fff;
  padding: 0;
  text-transform: uppercase;
}
.bootstrap-iso#benefit-overview .btn.know-more-link:hover,
.bootstrap-iso#benefit-overview .btn.know-more-link:focus {
  background-color: #686868;
}
.bootstrap-iso#benefit-overview .know-more-link A:hover,
.bootstrap-iso#benefit-overview .know-more-link A:focus {
  color: #fff;
}
.bootstrap-iso#benefit-overview .btn.know-more-link:active,
.bootstrap-iso#benefit-overview .btn.know-more-link:active:hover,
.bootstrap-iso#benefit-overview .btn.know-more-link:active:focus {
  background-color: #0088CE;
}
.bootstrap-iso#benefit-overview .know-more-link A:active,
.bootstrap-iso#benefit-overview .know-more-link A:active:hover,
.bootstrap-iso#benefit-overview .know-more-link A:active:focus {
  color: #fff;
}
/*================================================ Benefit matrix  =====================================================*/
/* all numerical values */
.benefit-matrix .font-youpay-color,
.benefit-matrix .glyphicon-play-color {
  color: #666;
}
/* modellers and tools section */
.benefit-matrix .benefitheader.benefitheader-border {
  border-color: #666;
  color: #666;
}
/* change icon font family that's used */
.bootstrap-iso.benefit-matrix .glyphicon-gift:before,
.bootstrap-iso.benefit-matrix .glyphicon-cog:before,
.bootstrap-iso.benefit-matrix .glyphicon-refresh:before {
  font-family: FontAwesome;
}
/* modellers and tools widget */
.bootstrap-iso.benefit-matrix .glyphicon-cog:before {
  content: '\f085';
}
/* manage dependants widget */
.bootstrap-iso.benefit-matrix .glyphicon-gift:before {
  content: '\f0c0';
}
/* adding it up widget */
.bootstrap-iso.benefit-matrix .glyphicon-refresh:before {
  content: '\f1ec';
}

/* confirm choices button */
.benefitheader-fixed div#followup-items a.btn {
  animation: shadow-pulse 1s infinite;
  background-color: #0088CE;
  border-radius: 0;
  color: #fff;
}
.benefitheader-fixed div#followup-items a.btn:hover {
  background-color: #686868;
  border-radius: 0;
  color: #fff;
}
.benefitheader-fixed div#followup-items a.btn:focus {
  background-color: #686868;
  border-radius: 0;
  color: #fff;
}
.benefitheader-fixed div#followup-items a.btn:active,
.benefitheader-fixed div#followup-items a.btn:active:hover,
.benefitheader-fixed div#followup-items a.btn:active:focus {
  background-color: #0088CE;
  border-radius: 0;
  color: #fff;
}
/* hide reset to default button */
.benefitheader-fixed div#resettodefaults a.btn {
  display: none;
}
/* monthly annual pay toggle styling
monthly button active */
.bootstrap-iso .btn-warning.active.btn-perpay {
  background-color: #0088CE;
  border-color: #0088CE;
  color: #fff;
}
/* annual button active */
.bootstrap-iso .btn-warning.active.btn-peranual {
  background-color: #0088CE;
  border-color: #0088CE;
}
/*monthly button inactive */
.bootstrap-iso .btn-group > .btn.btn-perpay:first-child:not(:last-child):not(.dropdown-toggle) {
  border-color: #0088CE;
}
/*annual button inactive */
.bootstrap-iso .btn-group > .btn.btn-peranual:last-child:not(:first-child) {
  border-color: #0088CE;
}
/* hover and focus states of toggle */
.bootstrap-iso .btn-warning.active.btn-perpay:hover,
.bootstrap-iso .btn-group > .btn.btn-perpay:first-child:not(:last-child):not(.dropdown-toggle):hover,
.bootstrap-iso .btn-group > .btn.btn-perpay:first-child:not(:last-child):not(.dropdown-toggle):focus,
.bootstrap-iso .btn-group > .btn.btn-peranual:last-child:not(:first-child):hover,
.bootstrap-iso .btn-group > .btn.btn-peranual:last-child:not(:first-child):focus {
  border: 1px solid #0088CE;
  border-radius: 0
}

/* accordion background colours */
/* benefits you can choose*/
.benefit-matrix .containers > div > div.benefit-category:first-child .panel-default > .panel-heading {
  background: #75bf71;
}
/* benefits you many be able to choose */
.benefit-matrix .containers > div > div.benefit-category:nth-child(2) .panel-default > .panel-heading {
  background: #dcaa00;
}
/* benefits you cannot choose */
.benefit-matrix .containers > div > div.benefit-category:nth-last-child(2):not(:first-child) .panel-default > .panel-heading {
  background: #e52321;
}
/* preventing default link hover stlying for expanding/collapsing accordions */
a.accordion-toggle:hover,
a.accordion-toggle:focus,
a.accordion-toggle:active,
a.accordion-toggle:active:hover,
a.accordion-toggle:active:focus {
  color: white;
}

/* line group text colour */
.benefit-matrix .group-default {
  color: #000;
}

/* line name */
.benefit-matrix .lineheader > a:link {
  color: 0088CE;
}
.benefit-matrix .lineheader > a:link:hover,
.benefit-matrix .lineheader > a:link:focus {
  color: #E37222;
}
.benefit-matrix .lineheader > a:link:active,
.benefit-matrix .lineheader > a:link:active:hover,
.benefit-matrix .lineheader > a:link:active:focus {
  color: #E37222;
}

/* select buttons */
.benefit-matrix .row .btn-success,
.benefit-matrix .row .btn-success:hover,
.benefit-matrix .row .btn-success:focus,
.benefit-matrix .row .btn-success:active:hover {
    min-width: 75%;
}
.benefit-matrix .row .btn-success {
  background-color: #0088CE;
}

/* approved dependant and beneficiary listing text colour */
.benefit-matrix h4[tbs-translate="Enrollment.Step3.WhoIsCovered"],
.benefit-matrix h5[tbs-translate="Enrollment.Online2.BeneficiaryAllocations"] {
  color: #000;
}
.benefit-matrix h5[tbs-translate="Enrollment.Online2.BeneficiaryAllocations"] {
  font-size: 18px;
}
.dependent-approved {
  color: #666;
}

/* new and changed labels */
.benefit-matrix .newbenefit,
.benefit-matrix .changebenefit {
  background-color: #0088CE;
  position: relative;
  top: -5px;
}
/* unlocked label */
.benefit-matrix .glyphicon-record,
.benefit-matrix .acitve-text{
  background-color: #0088CE;
  color: #fff;
  visibility: hidden;
}
.benefit-matrix .glyphicon-record:before {
  content: '';
}
.benefit-matrix .glyphicon-record .acitve-text {
  font-family: 'Open Sans';
  font-weight: 500;
  padding: 2px 6px 3px 6px;
  text-transform: lowercase;  
  top: -5px;
  visibility: visible;
}
/* remove active with data more info icon */
.benefit-matrix .panel-title .glyphicon-info-sign-color {
  display: none;
}
/* active with data intro text */
.benefit-matrix .benefit-active-benefits {
  padding-bottom: 20px;
}
.benefit-matrix .benefit-active-benefits .active-intro {
  display: none;
}
/*================================================= Benefit selection  =========================================================*/
/* continue button */
.benefitselect .continue,
.benefitselect .continue:hover,
.benefitselect .continue:focus,
.benefitselect .continue:active,
.benefitselect .continue:active:hover,
.benefitselect .continue:active:focus {
  border-radius: 0
}
/* line name */
.benefitselect .line-name {
  color: #000;
}
/* more info icon */
.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
  color: #0088CE;
}
/* 'Currently Selected' heading */
.benefitselect .header-selected {
  color: #000;
}
/* currently selected box */
.benefitselect .in-Cart .you-pay > p:nth-of-type(2) {
  display: none;
}
/* select buttons */
.online-two-iso .benefitselect A.button-style.green {
  background-color: #0088CE;
  border-radius: 20px;
  color: #fff;
}
.online-two-iso .benefitselect A.button-style.green:hover {
  background-color: #686868;
  box-shadow: none;
  color: #fff;
}
.online-two-iso .benefitselect A.button-style.green:focus {
  background-color: #686868;
  box-shadow: none;
  color: #fff;
}
.online-two-iso .benefitselect A.button-style.green:active,
.online-two-iso .benefitselect A.button-style.green:active:hover,
.online-two-iso .benefitselect A.button-style.green:active:focus {
  background-color: #0088CE;
  color: #fff;
}
/* remove division elements between benefits */
.division {
  display: none;
}
/* benefit description row colour */
.benefitselect .line-benefit-intro .line-description .row {
  background: white;
}
/* remove full benefit details link */
.bootstrap-iso.benefitselect .more-info {
  display: none;
}
/* remove background image shadow */
.box-border-bg {
  background: none;
}
/*currently selected box text colour */
.benefitselect .content-you-chose,
.benefitselect .content-you-chose p,
.in-Cart .you-chose .selected-plan,
SPAN.green-number,
.benefitselect .in-Cart .you-pay H3,
.benefitselect .in-Cart .you-pay P SPAN.green-number {
  color: #666;
}
/* EOI pending asterisk */
.benefitselect .alignleft .pending-note {
  display: inline;
  float: none;
}
/* available products heading */
.benefitselect .products-header H4 {
  color: #000;
}
/* selected plan border box */
.benefitselect .products .box-border.sel,
.benefitselect .products .box-border.sel .header {
  background: #000;
}
.benefitselect .products .box-border.sel .header {
  padding-left: 0;
}
/* hide provider finder and prescription finder */
.available-options .links-group.four-links {
  display: none;
}
/* selected coverage text colour */
.option-credit-health .option.sel {
  color: #666;
}
/* see also link colour */
.benefitselect .linename > a:link {
  color: 0088CE;
}
.benefitselect .linename > a:hover {
  color: #E37222;
}
.benefitselect .linename > a:focus {
  color: #E37222;
}
.benefitselect .linename > a:active,
.benefitselect .linename > a:active:hover,
.benefitselect .linename > a:active:focus {
  color: #E37222;
}
/****************************************************** icons *************************************************/
/* remove background images in readiness for using icons */
/* benefit matrix */
.benefit-matrix .benefitline .benefit-menu .img,
/* see also images */
div.see-also .img,
/* life event icons */
.benefit-matrix .active-benefits .img,
/* benefits overview icons */
#benefit-overview .summaryImage .img {
  background: none;
}
/* general styling for using icons for benefits */
.benefit-matrix .benefitline .benefit-menu .img:before,
div.see-also .img:before,
#benefit-overview .summaryImage .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 8em;
  position: relative;
  top: -.1em;
  color: #E37222;
}
/* icon size for 'see also' section of benefit selection page */
div.see-also .img:before {
  font-size: 56px;
  top: -.25em;
}
/* life event icon general coding */
/* background of image placeholder */
.benefit-matrix .active-benefits .img {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #0088CE;
}
/* general styling for using icons for events */
.benefit-matrix .active-benefits .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 6em;
  color: white;
}
/****************************************** Using icons for homepage/elsewhere on the site *******************************************/
/* Benefit Icons: Pension */
#benefit-overview .img.BenefitImage_b117fefc-600a-407b-a5fd-6ca50e148894:before,
.img.Lb117fefc-600a-407b-a5fd-6ca50e148894:before,
div.see-also .img.Lb117fefc-600a-407b-a5fd-6ca50e148894:before{
	content: '\e91f';
}
/* Benefit Icons: Employee Life Insurance */
#benefit-overview .img.BenefitImage_bb5abd1a-5db6-47bd-92de-bef4b42f55b2:before,
.img.Lbb5abd1a-5db6-47bd-92de-bef4b42f55b2:before,
div.see-also .img.Lbb5abd1a-5db6-47bd-92de-bef4b42f55b2:before{
	content: '\e91c';
}
/* Benefit Icons: Life Assurance for spouse/partners */
#benefit-overview .img.BenefitImage_c8887fbb-42a7-49a7-ad4c-f46f86278a9e:before,
.img.Lc8887fbb-42a7-49a7-ad4c-f46f86278a9e:before,
div.see-also .img.Lc8887fbb-42a7-49a7-ad4c-f46f86278a9e:before{
	content: '\e91d';
}
/* Benefit Icons: Income Protection */
#benefit-overview .img.BenefitImage_d7b0a079-e3b2-4f99-a7a2-77e1db94302b:before,
.img.Ld7b0a079-e3b2-4f99-a7a2-77e1db94302b:before,
div.see-also .img.Ld7b0a079-e3b2-4f99-a7a2-77e1db94302b:before{
	content: '\e91b';
}
/* Benefit Icons: Employee Critical Illness Insurance */
#benefit-overview .img.BenefitImage_f11675cc-5629-40b4-847d-1698c580f1e6:before,
.img.Lf11675cc-5629-40b4-847d-1698c580f1e6:before,
div.see-also .img.Lf11675cc-5629-40b4-847d-1698c580f1e6:before{
	content: '\e905';
}
/* Benefit Icons: Private Medical Insurance */
#benefit-overview .img.BenefitImage_2376feb9-d0cc-4829-9973-8a9fec159ab3:before,
.img.L2376feb9-d0cc-4829-9973-8a9fec159ab3:before,
div.see-also .img.L2376feb9-d0cc-4829-9973-8a9fec159ab3:before{
	content: '\e927';
}
/* Benefit Icons: Partner Critical Illness Insurance */
#benefit-overview .img.BenefitImage_f4ede3f7-398c-49fa-a8b8-a986a1db2355:before,
.img.Lf4ede3f7-398c-49fa-a8b8-a986a1db2355:before,
div.see-also .img.Lf4ede3f7-398c-49fa-a8b8-a986a1db2355:before{
	content: '\e906';
}
/* Benefit Icons: Employee Health Assessment */
#benefit-overview .img.BenefitImage_af5cbfc4-beea-496c-a9fb-79f1c3fae708:before,
.img.Laf5cbfc4-beea-496c-a9fb-79f1c3fae708:before,
div.see-also .img.Laf5cbfc4-beea-496c-a9fb-79f1c3fae708:before{
	content: '\e915';
}
/* Benefit Icons: Dental Insurance */
#benefit-overview .img.BenefitImage_1aae4a0a-490a-4795-9a2e-8588e95cea39:before,
.img.L1aae4a0a-490a-4795-9a2e-8588e95cea39:before,
div.see-also .img.L1aae4a0a-490a-4795-9a2e-8588e95cea39:before{
	content: '\e909';
}
/* Benefit Icons: Travel Insurance */
#benefit-overview .img.BenefitImage_622866b9-1878-4959-9794-c176f912f527:before,
.img.L622866b9-1878-4959-9794-c176f912f527:before,
div.see-also .img.L622866b9-1878-4959-9794-c176f912f527:before{
	content: '\e92b';
}
/* Benefit Icons: Cycle to Work */
#benefit-overview .img.BenefitImage_17bdd7df-8c33-4683-9eb8-0d20aa89178c:before,
.img.L17bdd7df-8c33-4683-9eb8-0d20aa89178c:before,
div.see-also .img.L17bdd7df-8c33-4683-9eb8-0d20aa89178c:before{
	content: '\e908';
}
/* Benefit Icons: Holiday- buy and sell */
#benefit-overview .img.BenefitImage_8dd85a66-12ef-4326-836c-bf42da49e752:before,
.img.L8dd85a66-12ef-4326-836c-bf42da49e752:before,
div.see-also .img.L8dd85a66-12ef-4326-836c-bf42da49e752:before{
	content: '\e919';
}
/* Benefit Icons: Childcare Vouchers */
#benefit-overview .img.BenefitImage_3de4c7c8-0b9e-4f5f-b324-97f5fdfcbff1:before,
.img.L3de4c7c8-0b9e-4f5f-b324-97f5fdfcbff1:before,
div.see-also .img.L3de4c7c8-0b9e-4f5f-b324-97f5fdfcbff1:before{
	content: '\e901';
}
/* Benefit Icons: Health Cash Plan */
#benefit-overview .img.BenefitImage_a62ded5a-dbb7-443c-904d-87b90e50b974:before,
.img.La62ded5a-dbb7-443c-904d-87b90e50b974:before,
div.see-also .img.La62ded5a-dbb7-443c-904d-87b90e50b974:before{
	content: '\e918';
}
/* Event Icons: Change in Partner Employment */
.benefit-matrix .active-benefits .img.Eb6eb3a7b-f5d0-4397-9ba2-5850d8286ca6:before {
	content: '\e93b';
}
/* Event Icons: Birth,Adop,marry,divorce,death */
.benefit-matrix .active-benefits .img.E165d2741-679c-42a3-a78f-585c9d8dad69:before {
	content: '\e962';
}
/****************************************** Using icons colors for benefits *******************************************/
.benefit-matrix .Financial .benefitline .img:before,
#benefit-overview .Financial .summaryImage .img:before {
  color: #E37222;
}
.benefit-matrix .Leisure .benefitline .img:before,
#benefit-overview .Leisure .summaryImage .img:before {
  color: #A30050;
}
.benefit-matrix .Health .benefitline .img:before,
#benefit-overview .Health .summaryImage .img:before {
  color: #0088CE;
}

/*Mobile Registraion*/
#mobileRegistration .box-border {
border: none;
}
#mobileRegistration .box-left-bg,
#mobileRegistration .box-border-bg {
background: none;
}
#mobileRegistration #CMSEditableRegionDiv {
padding: 1em;
}
#mobileRegistration .mobile-registration-fullwidth > .mobile-registration-left,
#mobileRegistration .mobile-registration-app-download {
display: none;
}
#mobileRegistration .d-block {
display: block;
}
#mobileRegistration .qr-background {
background: #0088CE
}
/*#mobileRegistration p.lead {
font-size: 21px;
}*/
#mobileRegistration p {
font-size: 1em;
font-weight: 300;
padding-left: 0;
}
#mobileRegistration ol {
margin: .5em 1em ;
list-style: decimal;
}
#mobileRegistration-Content {
font-size: 16px
}
#mobileRegistration .bootstrap-iso label {
color: #000;
font-size: 1em;
}
#mobileRegistration .bootstrap-iso input {
display: block;
}
#mobileRegistration .bootstrap-iso #pwdMeter {
margin-left: 0;
margin-top: 1.5em;
margin-bottom: .5em
}
#mobileRegistration .bootstrap-iso #newPasswordSave {
float: none!important;
width: 25%;
border-radius: 20px;
text-transform: none;
background-color: #0088CE;
}
#mobileRegistration .bootstrap-iso #newPasswordSave:hover,
#mobileRegistration .bootstrap-iso #newPasswordSave:focus {
background-color: #686868;
box-shadow: none;
padding: 6px 12px;
border: none;
}
#mobileRegistration .bootstrap-iso #newPasswordSave:active,
#mobileRegistration .bootstrap-iso #newPasswordSave:active:hover,
#mobileRegistration .bootstrap-iso #newPasswordSave:active:focus {
background-color: #c9282d;
}
#mobileRegistration .well-lg {
padding: 18px 9px;
}
#mobileRegistration .fa span {
font-family: Arial;
padding-left: .5em;
font-size: 14px;
vertical-align: middle;
}
@media only screen and (max-width:991px) {
#mobileRegistration .download-section p {
padding-top: 1em;
}
}
@media only screen and (max-width:769px) {
#CMSEditableRegionDiv img {
display: block;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.online-two-iso #MobileRegistation .page-content {
width: 100vw;
}
#MobileRegistation .form-data .box-border-bg {
padding-right: 0;
}
}
label {
    text-transform: none;
}

/*Bullets style*/

UL.BenefitInfoBullListStyle {line-height: 22px; list-style: disc; margin-left: 40px; margin-top: -5px; margin-bottom: -5px !important;}

OL.BenefitIntroNumListStyle {line-height: 22px; list-style: decimal; margin-left: 40px; margin-top: -5px; margin-bottom: -5px !important;}
/*For the ordered lists in footer pages*/
.legalcontent-termsofuse ol {
  margin-left: 2.14285714em;
}
/* unordered lists */
.fa-ul {
margin-left: 0.84285714em;
}
.online-two-iso .modal-body#online2-global-benefit-overview-modaltemplate .tab-body UL {
padding-left: 0;
}
.bootstrap-iso ul.fa-ul li {
padding-left: 1em;
}
.bootstrap-iso ul.fa-ul li::before {
font-family: FontAwesome;
content: '\f111';
font-size: 0.5rem;
margin-left: -1em;
padding-right: 0.5em;
position: relative;
bottom: 3px;
color: #000;
}
.bootstrap-iso ul.fa-ul li ul.fa-ul li::before {
content: '\f10c';
}

/* display nav items in one line */
#footer a.optanon-toggle-display.EUFooterLink {
display: inline-block !important;
}

.online-two-iso #footer .last-child

{
  margin-top: 1%;
}
/*PLA followup*/
input#followup-text-input-73b4170f-d8e4-495f-81b1-df645e93489d {
    visibility: hidden;
}
input#followup-text-input-5146927b-00e4-43b7-bb45-411824b3b480 {
    visibility: hidden;
}
input#followup-text-input-3d72ee35-d291-4671-9f4c-9e356269a5d8 {
    visibility: hidden;
}
input#followup-text-input-dc678ecf-be54-4937-be17-8ff455e93d61 {
    visibility: hidden;
}

/* Minification failed (line 972, error number 1040): Unexpected dimension: '88CE' */