#mobileRegistration-Content .password-validation-container.bootstrap-iso {
    display: none;
}

/*Remaining days number for Annual enrollment*/
#renewalCountdown .days-left.ng-binding {
  Color: Black;
  font-weight: bold !important;
  font-size: 30px !important;
}

@media only screen and (max-width: 767px){
  .active-benefits .modal-main {
    overflow: auto;
    max-height: 50vh!important;
  }
  
  .benefit-matrix .modal-content .modal-body.confirmchoice{
    max-height: 50vh !important;
   }
  .active-benefits .modal-main .modal-body.confirmchoice {
    overflow: auto;
    max-height: 60vh !important;
  }
  
  #dlg-confirm .confirmchoice {
    overflow: auto;
    max-height: 60vh !important;
  }
}


/* Optional LTD click here link */
#Line_e379e69f-ea46-4625-b3c7-f8de8aa86dd9 {
	display: none !important;
}

/* Benefit Matrix page beneficiary text glowing */
@media screen and (max-width: 450px){
.glow1 {
    margin-left: 0% !important;
}
}

.glow1 {
  color: #000;
  text-align: center;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #000, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff, 0 0 70px #fff;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff, 0 0 70px #fff, 0 0 80px #fff;
  }
}

/*Manage Dependent button Flashing*/
.benefitheader.benefitheader-border.ng-scope.ng-isolate-scope {
	animation: glowing 1300ms infinite;
	Color: white;
}



/*Benefit Statement module*/
.payslip-item-amount {
	color: #666  !important;
}

/*Profile section EDIT & DELETE BENEFICIARY Removal*/
#beneficiariesDisplay .button-style.blue.ng-binding {
	display: none !important;
}


#beneficiariesDisplay .button-style.orange.ng-binding {
	display: none !important;
}



/*New documents and contacts styling*/
#content .myaccordion .panel-group .panel-default.panel.ng-scope.ng-isolate-scope.panel-open .panel-body {
	font-size: 18px !important;
	line-height: 28px !important;
}


/*CNA Blank Tile caraousel button*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-9 .btn.btn-primary.carouselbtn {
    font-size: 18px;
}

/*Docs n contacts Heading*/
/*.page-content h1  {
	font-size: 18px;
	font-weight: bold;
	display: block;
	line-height: 44px;
	float: left;
}*/

/*Text under Active Accordian font size*/
.benefit-active-benefits .active-withdata-category-desc{
	font-size: 18px !important;
}

/*Next glowing button on benefit matrix page*/
.benefit-matrix .benefit-active-benefits .btn-warning.active-button {
    background-color: green;
}


/*Internet Explorer*/
.online-two-iso.login body {
 background-image: url("/choicemrkt/media/Choice-Market/Login%20Page%20Image/Login%20Updated.png") !important; 
  background-position: center center; 
  background-size: 100% 100% !important;}


/*Login Image Display none on Mobile Browser*/
@media screen and (max-width: 450px){
.online-two-iso.login body {
 background-image: none !important;
}
}

/* Profile preferences hidden*/
#profileTabControl {
	display: none;
}

/*Animation on enrol button in mobile browser*/
@media screen and (max-width: 450px){
#event-renewal .btn.btn-default{
animation: glowing 1300ms infinite !important;}
}
  

/*Enrol tile text color red*/
#enrolment .event-name.ng-binding.ng-scope {
	color: red;
}

#enrolment #renewalCountdown {
	color: red;
}


/* Enrollment tile button animation*/
/*#event-active .btn.btn-default {
 position: relative;
  right: 180px !important;
}*/

@media screen and (min-width: 769px){
#event-renewal .btn.btn-default {
  position: relative;
  right: 165px !important;
  height: 45px;
  font-weight: 900;
}
  }

/*@media screen and (max-width: 450px){
#event-renewal .btn.btn-default {
 position: relative;
   right: 2px !important;
  width: 150px;
  height: 45px;
  font-weight: 900;
}
  }*/



@media screen and (min-width: 450px and max-width: 768px){
#event-renewal .btn.btn-default {
 position: relative;
    right: 100px !important;
  width: 150px;
  height: 45px;
  font-weight: 900;
}
}


@keyframes glowing {
0% {
background-color: #00A5DD;
box-shadow: 0 0 5px #00A5DD;
}
50% {
background-color: #012774;
box-shadow: 0 0 20px #012774;
}
100% {
background-color: #00A5DD;
box-shadow: 0 0 5px #2ba805;
}
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 .module-content #event-renewal .btn.btn-default{
animation: glowing 1300ms infinite;}




/*Drug Card background Color*/
/*#content{
	background-color: lightgray;
}*/


/*Docs n contacts new page position in 768px*/
/*@media screen and (min-width:700px and max-width: 780px){
.page-content .single-column {
	position: relative !important;
	right: 45% !important;
}
  }
  @media screen and (min-width:700px and max-width: 780px){
.panel-group .pull-right.glyphicon.glyphicon-menu-down{
	position: relative;
	right: 53% !important;
}
  }*/
 @media screen and (min-width:700px and max-width: 780px){
.pull-right.glyphicon.glyphicon-menu-down {
	position: relative;
	right: 5%;
}
  }


/*change button removal*/
.box-border.sel #\31 2e43b3e-3458-462e-8beb-99d556537c87_ba6e443b-fef0-41de-9f3b-60e89f43d2b1{
  display: none;
}


/*Beneficiary Follow up steps capitalize*/
#allocationDialog #crumb1 {
	text-transform: none;
}

#allocationDialog #crumb2 {
	text-transform: none;
}

#allocationDialog #crumb3 {
	text-transform: none;
}


/*Profile Security validation caption color*/
.password-validation-container.bootstrap-iso .validation-caption {
	color: red !important;
}


/*Mailbox option on mobile browser*/
#jq-dropdown-1 ul li:nth-child(3) {display: none;}


/*Mobile Registration*/
.box-left-bg.mobile-registration-fullwidth label {
	display: none;
}

.box-left-bg.mobile-registration-fullwidth #password1 {
	display: none;
}

.box-left-bg.mobile-registration-fullwidth #passwordConfirmation {
	display: none;
}

.box-left-bg.mobile-registration-fullwidth #newPasswordSave {
	display: none;
}


/*Beneficiary Validation Message*/
@media screen and (min-width: 767px){
#validationError-overlay {
	width: 1210px !important;
    height: auto !important;
}
}


/*Search functionality hidden on mobile browser*/
#benefit-overview #BenefitNameFilter {
	display: none;
}

#benefit-overview .form-control.ng-pristine.ng-untouched.ng-valid.ng-empty {
	display: none;
}

#benefit-overview .input-group-addon.input-icon-right {
	display: none;
}

#benefit-overview .clear-filter.btn.btn-warning.disabled {
	display: none;
}
  
#benefit-overview .input-label.ng-isolate-scope {
	display: none;
}


#benefit-overview .input-group-addon.input-icon-left {
	display: none;
}


/*Profile dependants name was hidden on mobile browser*/
@media screen and (min-width: 300px) and (max-width:768px){
#eligibleDependantsDisplay .full-name.hidden-xs.ng-binding.ng-scope {
	display: block !important;
}
}

@media screen and (min-width: 767px)
.benefit-matrix .totalcost-section-row .totalcostsection
{
width: 70%;
display: inline-block;
float: left;
padding-top: 1px;
min-height: 59px;
}
.btn-perpay
{
width: 170px;
}
.btn-peranual
{
width: 170px;
}




/*Mobile registration module hidden*/
@media only screen and (min-width: 767px) {
.mobreg {
   position: relative;
    right: 10px;
    
}
}


@media only screen and (min-width: 768px) {
.grid-item-11 {
display:none;
}
}

/*CLIENT CUSTOM CSS CODE HERE */
/* font declaration for using OnlineTwoIconFont set */
@font-face {
 font-family:'OnlineTwoIconFont';
 src:url('/choicemrkt/media/Choice-Market/ICON%20FONTS/OnlineTwoIconFont_v2.eot');
 src:url('/benefitsadminuk2/media/UK/Fonts/OnlineTwoIconFont.eot?#iefix') format('embedded-opentype'),
 url('/choicemrkt/media/Choice-Market/ICON%20FONTS/OnlineTwoIconFont_v2.woff') format('woff'),
 url('/choicemrkt/media/Choice-Market/ICON%20FONTS/OnlineTwoIconFont_v2.ttf') format('truetype'),
 url('/choicemrkt/media/Choice-Market/ICON%20FONTS/OnlineTwoIconFont_v2.svg');
 font-weight:normal;
 font-style:normal;
}


/*CLIENT CUSTOM CSS CODE HERE */
/* font declaration for using OnlineTwoIconFont set */

*{font-family: 'RobotoLight_Font';}

@font-face {
    font-family: 'RobotoLight_Font';
    src: url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.eot');
    src: url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.eot') format('embedded-opentype'),
    url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.otf') format('opentype'),
    url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.ttf') format('truetype'),
    url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.woff') format('woff'),
    url('/choicemrkt/media/Choice-Market/roboto%20light/Roboto-Light.woff2') format('woff2');
    
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Robotomedium_Font';
    src: url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.eot');
    src: url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.eot') format('embedded-opentype'),
    url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.otf') format('opentype'),
    url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.ttf') format('truetype'),
    url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.woff') format('woff'),
    url('/choicemrkt/media/Choice-Market/Roboto%20Medium/Roboto-Medium.woff2') format('woff2');
    
    font-weight: normal;
    font-style: normal;
}


/* 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%;
  }  
}

:root {
  --heading-color: #a9a9a9;
  --button-color: #a9a9a9;
  --button-color-alternate: #a9a9a9;
  --button-text-color: #fff;
  --button-hover-color: #d3d3d3;
  --button-hover-text-color: #fff;
  --button-click-color: #2f4f4f;
  --button-click-text-color: #fff;
  --link-text-color: #a9a9a9;
  --link-text-hover-color: #d3d3d3;
  --link-text-click-color: #2f4f4f;
  --header-overlay: #a9a9a9;
  --panel-color: #a9a9a9;
  --info-icon-color: #a9a9a9;
  --tab-selector-text-color: #2f4f4f;
  --tab-selector-border-color: #2f4f4f;
  --tab-selector-inactive-text-color: #d3d3d3;
  --progress-bar-color: #a9a9a9;
  --success-icon-color: #a9a9a9;
  --unordered-list-bullet-color: #a9a9a9;
  --datepicker-today: #a9a9a9;
  --datepicker-clear: #a9a9a9;
  --datepicker-close: #a9a9a9;
  --slider-toggle-color: #a9a9a9;
  --benefit-icon-color: #a9a9a9;
  --linegroup1-benefit-icon-color: #a9a9a9;
  --linegroup2-benefit-icon-color: #a9a9a9;
  --linegroup3-benefit-icon-color: #a9a9a9;
  --life-event-background: #c0c0c0;
  --logo: url(/choicemrkt/media/Choice-Market/Aon%20Choice%20Logo.png);
  --login-image: url(/choicemrkt/media/Choice-Market/Login%20Page%20Image/Login%20Updated.png);
  --site-header-color: #a9a9a9;
  --site-header-icon-color: #fff;
  --site-footer-color: #a9a9a9;
  --site-footer-link-color: #fff;
  --need-assistance-pull-down-menu: #a9a9a9;
  --homepage-module-background-color: #a9a9a9;
  --homepage-heading-color: #a9a9a9;
  --homepage-module-icon-color: #a9a9a9;
  --homepage-enrolment-days-left-color: #a9a9a9;
  --carousel-heading-color: #fff;
  --carousel-text-color: #fff;
  --pulse-color-start: rgba(47,79,79,.5);
  --pulse-color-end: rgba(47,79,79,0);
  --selected-email-color: #2f4f4f;
  --benefit-selection-elected-box-highlight: #2f4f4f;
  --follow-up-panel-color: #2f4f4f;
  --mobile-menu-icon-color: #fff;
  --mobile-menu-link-color: #a9a9a9;
}


@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(47,79,79,.5);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(47,79,79,0);
  }
}

/****************************************** utility classes *******************************************/
/* margin-top 0 */
.bootstrap-iso .mt-0 {
  margin-top: 0;
}

/* 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;
}

/* for adding full stop after resource string */
.full-stop:after {
  content: '.';
  position: relative;
  left: -.25em
}
/* for adding comma after resource string */
.comma:after {
  content: ',';
  position: relative;
  left: -.25em
}

/****************************************** remove gradient background *******************************************/
html {
  background: none;
}

/****************************************** remove text transform *******************************************/
/* language selection */
#links LI:first-child select#ddlLanguage,
/* main navigation bar links */
#menu-no-dashboard li a,
#menu li a,
#menu-sub li a,
/* labels on Profile page */
html#profile body#profile .profile #profile-online-2 span.label,
html#profile body#profile .profile #profile-online-2 label:not(.ui-button),
/* labels */
span.label,
label,
/* benefit selection page items */
.in-Cart .cost P,
.in-Cart .funded P,
.your-beneficiaries .txt-beneficiaries H4,
/* footer links */
.online-two-iso #footer a {
  text-transform: none;
}

/****************************************** heading styling *******************************************/
h1,
h2,
h3,
h4,
h5,
h6,
.online-two-iso h1,
.online-two-iso h2,
.online-two-iso h3,
.online-two-iso h4,
.online-two-iso h5,
.online-two-iso h6,
.bootstrap-iso h1,
.bootstrap-iso h2,
.bootstrap-iso h3,
.bootstrap-iso h4,
.bootstrap-iso h5,
.bootstrap-iso h6,
/* BENEFITS header on popup when removing dependants attached to cover */
.coverageHeader {
  color: #012774;
  padding-left: 0;
}

/****************************************** link styling *******************************************/
a,
.bootstrap-iso a,
.dependant-list a.dependant-confirm-delete,
.terms-conditions-cookies .cookie-policy-link,
.terms-conditions-cookies .term-condtion-link {
  color: #007FAA;
}
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: #00A5DD;
}
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: #005977;
}

/****************************************** button styling *******************************************/
/* 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: #007FAA;
  border: none;
  border-radius: 4px;
  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: #00A5DD;
  border-radius: 4px;
  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: #00A5DD;
  border-radius: 4px;
  border: none;
  box-shadow: none;
  color: #000;
  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: #005977;
  border-radius: 4px;
  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: #007FAA;
}

.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: #00A5DD;
}

.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: #005977;
}

/****************************************** list styling ***********************************/
/* unordered lists */
.bootstrap-iso ul.fa-ul li::before {
	font-family: FontAwesome;
	content: '\f111';
	font-size: .5em;
	padding-right: .5em;
	position: relative;
	bottom: 2px;
	color: #000000;
}
/* ordered lists */
.bootstrap-iso ol {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: decimal;
}


/****************************************** popup styling ***********************************/
/* header colour */
.online-two-iso .header-overlay,
.online-two-iso .tab-header,
.bootstrap-iso .modal-header {
  background-color: #012774;
}
/* reset benefit intro popup to not have header overlay colour */
.online-two-iso [class*="LineDetail"] .tab-header {
  background-color: #f2f2f2;
}
/* header title colour */
#login-assistance .header-overlay #TitleResetPassword,
.bootstrap-iso .modellersModalHeader,
.bootstrap-iso .dependantModalHeader,
#followup-items-overlay.online-followup-items #followup-items-title,
.benefit-matrix .benefitheader,
#exit-confirm h5,
.benefitselect #allocationDialog h5,
.active-benefits .header,
.benefit-matrix .modal .modal-header .header,
.online-two-iso .modal-normal .modal-header .header-text,
.terms-conditions-cookies .cookiepolicy-header,
.terms-conditions-cookies .terms-condtion-header {
  color: white;
}
/* close icon */
.online-two-iso .header-overlay A.close,
.online-two-iso .modal-large .close,
html#profile body#profile .profile #profile-online-2 .header-overlay A {
  background: none;
  visibility: hidden;
}
.online-two-iso .header-overlay A.close:after,
.online-two-iso .modal-large .close:after,
html#profile body#profile .profile #profile-online-2 .header-overlay A:after {
  content: '\e014';
  color: white;
  font-family: 'Glyphicons Halflings';
  visibility: visible;
}
/* reset benefit intro close icon to be default colour after resetting header background colour */
.online-two-iso .modal-large [class*="LineDetail"] .close:after {
  color: #666;
}

.bootstrap-iso .close,
.bootstrap-iso .close:hover,
.bootstrap-iso .close:focus,
.bootstrap-iso .close:active,
.bootstrap-iso .close:active:hover,
.bootstrap-iso .close:active:focus,
.online-two-iso .modal-normal .close {
  color: white;
}
/* position of close icon */
.online-two-iso .modal-large .close {
  top: .5em;
  right: .5em;
}
.header-overlay A {
  padding: 4px .5em 0 0;
}

/****************************************** tab selectors e.g. Manage dependants widget, benefit intro, profile etc. *******************************************/
.online-two-iso [class*="modal"] a.tab-selector-link:hover,
.online-two-iso [class*="modal"] .tab-selector-link.active,
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A,
html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A:hover {
  color: #2f4f4f;
  border-bottom: .5em solid #2f4f4f;
}
.online-two-iso .modal-normal .tab-selector-link,
.online-two-iso .modal-large .tab-selector-link,
.online-two-iso .modal-normal .tab-selector-link.inactive,
.online-two-iso .modal-large .tab-selector-link.inactive,
html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A {
  color: #d3d3d3;
}

/****************************************** collapsible accordion styling **************/
/* background colour */
.benefit-matrix .benefit-category .panel-default > .panel-heading,
.trsdashboard .panel-default > .panel-heading,
#benefit-overview #overviewAccordion .panel-default > .panel-heading {
  background-color: #F8F8F8;
  height: 60px;
}

/* panel title */
.bootstrap-iso .panel-title {
  padding-left: 10px;
}

/* expand/collapse icons */
.bootstrap-iso .glyphicon-menu-down,
.bootstrap-iso .glyphicon-menu-up {
  transition: all .25s
}
.bootstrap-iso .glyphicon-menu-up {
  transform: rotate(-180deg);
}
.bootstrap-iso .glyphicon-menu-down:before,
.bootstrap-iso .glyphicon-menu-up:before {
  font-family: 'Glyphicons Halflings';
	content: '\e259';
}

/****************************************** info icon color *******************************/
.benefit-matrix .row.title .glyphicon-info-sign-color {
  color: #007FAA;
}

/****************************************** slider toggle color *******************************/
.online-two-iso input:checked + .slider {
  background-color: #012774;
}

/****************************************** label styling e.g. "Note:" labels *******************************/
.bootstrap-iso .label {
  background-image: none;
}

/****************************************** logo ***********************************/
#logo {
  background-image: url(/choicemrkt/media/Choice-Market/Aon%20Choice%20Logo.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);
  }
}

/****************************************** site header ***********************************/
/* header colour */
.online-two-iso #terminator #header.header-fullwidth {
  background-color: #a9a9a9;
}
/* header icons profile, mailbox and logout, and main 'home' link */
@media only screen and (min-width: 768px){
  #menu-container ul#menu-no-dashboard li a,
  #user-div a {
    color: #007FAA;
  }
}


/* need assistance pull down tab */
.help-ico .helptoggle {
	background-image: none!important;
	background-color: #a9a9a9;
}
#header .help-ico a.helptoggle {
	color: white;
}
/* use font awesome play icon to repreent the expanded/collaped menu icon */
#header .help-ico a.helptoggle[aria-expanded="true"]:after,
#header .help-ico a.helptoggle[aria-expanded="false"]:after {
	font-family: FontAwesome;
	content: '\f04b';
  color: white;
	display: inline-block;
	transform: rotate(90deg);
	font-size: .75em;
	position: relative;
	left: 1em;
	top: -1px;
}
/* this ensures the icon faces up when the menu is expanded */
#header .help-ico a.helptoggle[aria-expanded="true"]:after {
	transform: rotate(-90deg);
}

/* remove search */
#floating-header-content .search {
  display: none;
}
/*remove default icons */
#floating-header-content a {
  background: none;
}
/*general styling for font icons to be used*/
#floating-header-content .chat a:before,
#floating-header-content .call a:before,
#floating-header-content .mail a:before {
  font-family: FontAwesome;
  margin-left: -1em;
  padding-right: .25em;
  font-size: 3em;
  vertical-align: middle;
}
/*chat icon*/
#floating-header-content li#webChatStatus #chatUnavailable a:before,
#floating-header-content li#webChatStatus #chatAvailable a:before {
  content: '\f0e6';
}
/*call icon*/
#floating-header-content li.call a:before {
  content: '\f10b';
}
/*mail icon*/
#floating-header-content li.mail a:before {
  content: '\f003';
}

@media only screen and (min-width:768px){
  /* link color and width */
  #floating-header-content a {
    color: #007FAA;
    width: auto;
    padding: 0 1em;
  }
  /* hover colour of links in floating header */
  #header a:hover {
    color: #00A5DD;
    text-decoration: none;
  }
  /* focus colour of links in floating header */
  #header a:focus {
    color: #00A5DD;
    text-decoration: none;
  }
}


/****************************************** site footer ***********************************/
/* footer colour */
.online-two-iso #terminator #footer.footer-fullwidth {
  background-color:  #a9a9a9;
}
/* footer link color */
.online-two-iso #footer a {
  color: #007FAA;
}
/* copyright */
#footer-copyright {
  color: #666;
  font-size: 12px;
  padding: 0 0 0 17px;
  margin: 9px 0;
}
@media only screen and (min-width: 768px){
  /* display nav items in one line */
  #footer.footer-fullwidth nav ul#footer-links li {
    display: inline-block;
  }
}

/****************************************** login page styling ************************/
/* module headings */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title {
  color: white;
}
/* welcome module heading */
.online-two-iso #login-module-login-page-welcome h2 {
  font-size: 3vw;
  text-align: center;
  width: 100%;
}

/* Set font for icons in assistance module */
.bootstrap-iso #login-module-need-assistance span.glyph-icon:before{
  width: 25px;
  display: inline-block;
  font-family: Glyphicons Halflings;
  font-size: 14px;
}
/* Apply icon for phone */
.bootstrap-iso #login-module-need-assistance span#glyph-phone:before{
  content: "\e182";
}
/* Apply icon for email */
.bootstrap-iso #login-module-need-assistance span#glyph-mail:before{
   content: "\2709";
}

/* 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(/static/Aon.Marketplace/img/online2/loginbody.jpg);    
  }
  /* 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 */
/*@media only screen and (min-width:1200px){
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module#login-module-login-page-welcome {
    width:calc(85% - 450px)!important;
  }
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module#login-module-need-assistance {
    padding-left: 0;
    width: calc(15% + 450px)!important;
  }
}*/

/****************************************** first time user page styling ************************/
.online-two-iso .validation-caption {
  color: #666;
}

/****************************************** Terms page (for agreeing to terms and cookie notice) *******************************************/
.terms-conditions-cookies .terms-conditions-cookies-header {
  padding-left: 0
}
.terms-conditions-cookies .term-condition-error,
.terms-conditions-cookies .cookie-notice,
.terms-conditions-cookies .term-enabled {
  margin-left: 0
}
.bootstrap-iso .cookie-notice.radio input,
.bootstrap-iso .term-enabled.radio input {
  margin-top: 0
}

.terms-conditions-cookies .term-condition-error {
  background-color: #e52321;
  color: white;
  border: none;
}
/* hide page header when in the modal content so title isn't duplicated */
.terms-conditions-cookies #page-header {
  display: none;
}
/* list styling for terms content for popup and for main terms page in footer */
.terms-conditions-cookies ol,
.bootstrap-iso#termsOfUse ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.terms-conditions-cookies ol > li,
.bootstrap-iso#termsOfUse ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
.terms-conditions-cookies ol > li:before,
.bootstrap-iso#termsOfUse ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}
.terms-conditions-cookies ol.main-list > li:before,
.bootstrap-iso#termsOfUse ol.main-list > li:before {
  font-size: 24px;
  padding-right: .25em;
}
.terms-conditions-cookies li ol > li,
.bootstrap-iso#termsOfUse li ol > li {
  margin: 0;
}
.terms-conditions-cookies li ol > li:before,
.bootstrap-iso#termsOfUse li ol > li:before {
  content: counters(item, ".") " ";
}

/****************************************** home page styling ************************/
/* 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: #012774;
  font-family: Robotomedium_Font;
}

/* make background colour of grid container same as for modules */
#home-online-three #home-integrated .modules-right-side.grid-container{
  background-color: #fff;
}
/* background and padding colour for modules */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  background-color: transparent;
  padding: .5rem;
}
/* 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%;
}*/


/*full width module buttons grid wise*/
@media screen and (min-width: 767px){
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 .module-content .btn.btn-default {
	position: relative;
	right: 158px;
	font-size: 18px;
}
}

@media screen and (max-width: 768px){
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 .module-content .btn.btn-default {
	position: relative;
	right: 120px;
	font-size: 18px;
}
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-1 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-2 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-3 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-4 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
}


#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-4 .btn.btn-primary.carouselbtn{
    float: left;
    font-size: 18px;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-5 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-5 .btn.btn-primary.carouselbtn{
    float: left;
    font-size: 18px;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-6 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
    position: relative;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-7 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-8 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-9 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
    position: relative;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-10 .module-content .btn.btn-default {
    float: left;
    font-size: 18px;
}








/* button max width 75% when on HD screens and above */
@media only screen and (min-width:1921px){
  #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 {
    max-width: 75%
  }
}
/* module icon styling*/
[class*="online-two-icon-"]:before{
  color: #007FAA;
  font-family:OnlineTwoIconFont;
  font-size: 8em;
}
/*access the app icon */
.online-two-icon-31:before {
  content: "\e91e";
}
/*benefit statement icon */
.online-two-icon-56:before {
  content: "\e937";
}
/* benefit information icon */
.online-two-icon-136:before {
  content: "\e987";
}
/* discounts icon*/
.online-two-icon-48:before {
  content: "\e92f";
}
/* my benefits icon*/
.online-two-icon-63:before {
  content: "\e93e";
}
/* my profile icon */
.online-two-icon-97:before {
  content: "\e960";
}
/* company content icon */
.online-two-icon-121:before {
  content: "\e978";
}

/*** 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-left: 4rem;
  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;
}
/* adjust width of carousel thumbnails */
.home-module-integrated #slider .thumb .rect {
  width: 190px;
}
/* background of thumbnail container */
.home-module-integrated #slider .thumb {
  background: #ededed;
}

@media only screen and (min-width:768px){
  /* benefit statement payslip data item styling */
  #item-0, #item-1, #item-2 {
		width: calc(100% - 2em);
    margin-left: 1em;
		text-align: left;
		font-weight: bold;
	}
	.payslip-item-amount {
		float: right;
	}
	/*#item-1 {
		border-bottom: 1px solid #333;
	}*/
}

/****************************************** benefit overview page *******************************************/
/* heading */
#benefit-overview .benefit-overview-title {
  padding: 0;
}
#benefit-overview .benefit-overview-title H1 {
  color: #012774;
  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: #007FAA;
  border: none;
  color: (--button-text-color);
}
.bootstrap-iso#benefit-overview .clear-filter:hover,
.bootstrap-iso#benefit-overview .clear-filter:focus {
  background-color: #00A5DD;
  color: #000;
}
.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: #005977;
  color: #fff;
}

/* know more buttons */
#benefit-overview .know-more-link .aria {
  display: none;
}
.bootstrap-iso#benefit-overview .btn.know-more-link {
  background-color: #007FAA;
  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: #00A5DD;
}
.bootstrap-iso#benefit-overview .know-more-link A:hover,
.bootstrap-iso#benefit-overview .know-more-link A:focus {
  color: #000;
}
.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: #005977;
}
.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 statement page *******************************************/
.benefit-matrix .benefitdate .data-addon {
  color: #666;
}
/* view follow up container colour */
.bootstrap-iso .alert-info.hdf-followup {
  background-color: #012774;
  color: white;
}
/****************************************** benefit statement view follow up popup *******************************************/
.benefit-matrix .modal .hdf-followup {
  padding: 0;
}
/* overlay header */
.benefit-matrix .modal .modal-header .header {
  text-transform: uppercase;
}
.benefit-matrix .modal .hdffollowup-intro {
  color: #012774;
}

/****************************************** benefit matrix styling **************************************/
/* 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: #007FAA;
  border-radius: 0;
  color: #fff;
}
.benefitheader-fixed div#followup-items a.btn:hover {
  background-color: #00A5DD;
  border-radius: 4px;
  color: #fff;
}
.benefitheader-fixed div#followup-items a.btn:focus {
  background-color: #00A5DD;
  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: #005977;
  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: #007FAA;
  border-color: #007FAA;
  color: #fff;
}
/* annual button active */
.bootstrap-iso .btn-warning.active.btn-peranual {
  background-color: #007FAA;
  border-color: #007FAA;
}
/*monthly button inactive */
.bootstrap-iso .btn-group > .btn.btn-perpay:first-child:not(:last-child):not(.dropdown-toggle) {
  border-color: #005977;
}
/*annual button inactive */
.bootstrap-iso .btn-group > .btn.btn-peranual:last-child:not(:first-child) {
  border-color: #005977;
}
/* 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 #007FAA;
  border-radius: 4px;
}

/* accordion background colours */
/* benefits you can choose*/
.benefit-matrix .containers > div > div.benefit-category:first-child .panel-default > .panel-heading {
  background: #F8F8F8;
}
/* 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: #F8F8F8;
}
/* 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: #007FAA !important;
}

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

/* line name */
.benefit-matrix .lineheader > a:link {
  color: #012774;
}
.benefit-matrix .lineheader > a:link:hover,
.benefit-matrix .lineheader > a:link:focus {
  color: #0138A7;
}
.benefit-matrix .lineheader > a:link:active,
.benefit-matrix .lineheader > a:link:active:hover,
.benefit-matrix .lineheader > a:link:active:focus {
  color: #0138A7;
}

/* 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: #007FAA;
}

/* approved dependant and beneficiary listing text colour */
.benefit-matrix h4[tbs-translate="Enrollment.Step3.WhoIsCovered"],
.benefit-matrix h5[tbs-translate="Enrollment.Online2.BeneficiaryAllocations"] {
  color: #012774;
}
.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: #f4980a;
  position: relative;
  top: -5px;
}
/* unlocked label */
.benefit-matrix .glyphicon-record,
.benefit-matrix .acitve-text{
  background-color: #005977;
  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 page **************************************/
/* continue button */
.benefitselect .continue,
.benefitselect .continue:hover,
.benefitselect .continue:focus,
.benefitselect .continue:active,
.benefitselect .continue:active:hover,
.benefitselect .continue:active:focus {
  border-radius: 5px;
}
/* line name */
.benefitselect .line-name {
  color: #012774;
}
/* more info icon */
.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
  color: #007FAA;
}

/* 'Currently Selected' heading */
.benefitselect .header-selected {
  color: #012774;
}

/* 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: #007FAA;
  border-radius: 4px;
  color: #fff;
}
.online-two-iso .benefitselect A.button-style.green:hover {
  background-color: #00A5DD;
  box-shadow: none;
  color: #000;
}
.online-two-iso .benefitselect A.button-style.green:focus {
  background-color: #00A5DD;
  box-shadow: none;
  color: #000;
}
.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: #005977;
  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 */ /* Commenting by Ayush because link is not visible under benefit selection page*/
/*.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: #012774;
}
/* selected plan border box */
.benefitselect .products .box-border.sel,
.benefitselect .products .box-border.sel .header {
  background: #012774;
}
.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: #007FAA;
}
.benefitselect .linename > a:hover {
  color: #00A5DD;
}
.benefitselect .linename > a:focus {
  color: #00A5DD;
}
.benefitselect .linename > a:active,
.benefitselect .linename > a:active:hover,
.benefitselect .linename > a:active:focus {
  color: #005977;
}

/****************************************** profile page **************************************/
/* headings */
.online-two-iso P.sectionTitle,
html#profile body#profile .profile #profile-online-2 #dependantsTab P.full-name,
html#profile body#profile .profile #profile-online-2 #beneficiariesTab P.full-name {
  color: #012774;
}
/* buttons */
html#profile body#profile #profile-online-2 .button-style.green,
html#profile body#profile #profile-online-2 .button-style.orange,
html#profile body#profile #profile-online-2 .button-style.blue {
  background-color: #007FAA;
  border-radius: 4px;
  color: #fff;
}
html#profile body#profile #profile-online-2 .button-style.green:hover,
html#profile body#profile #profile-online-2 .button-style.green:focus,
html#profile body#profile #profile-online-2 .button-style.orange:hover,
html#profile body#profile #profile-online-2 .button-style.orange:focus,
html#profile body#profile #profile-online-2 .button-style.blue:hover,
html#profile body#profile #profile-online-2 .button-style.blue:focus {
  background-color: #00A5DD;
  box-shadow: none;
  color: #000;
}
html#profile body#profile #profile-online-2 .button-style.green:active,
html#profile body#profile #profile-online-2 .button-style.green:active:hover,
html#profile body#profile #profile-online-2 .button-style.green:active:focus,
html#profile body#profile #profile-online-2 .button-style.orange:active,
html#profile body#profile #profile-online-2 .button-style.orange:active:hover,
html#profile body#profile #profile-online-2 .button-style.orange:active:focus,
html#profile body#profile #profile-online-2 .button-style.blue:active,
html#profile body#profile #profile-online-2 .button-style.blue:active:hover,
html#profile body#profile #profile-online-2 .button-style.blue:active:focus {
  background-color: #005977;
  color: #fff;
}

/* header overlay for adding/editing/deleting dependants/beneficiaries */
html#profile body#profile .profile #profile-online-2 .header-overlay H5 {
  font-weight: 500;
}

/* dependants tab styling */
html#profile body#profile #profile-online-2 #dependantsTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #dependantsTab .right-taboff .sectionTitledimmed {
  color: #d3d3d3;
}

html#profile body#profile #profile-online-2 #dependantsTab .left-tabon .sectionTitle {
  color: #2f4f4f;
  border-bottom: .5em solid #2f4f4f;
  padding-bottom: .25em;
}
html#profile body#profile #profile-online-2 #dependantsTab .right-tabon {
  border-bottom: .5em solid #2f4f4f;
}
html#profile body#profile #profile-online-2 #dependantsTab .right-tabon .sectionTitledimmed {
  color: #2f4f4f;
}

/* beneficiaries tab styling */
html#profile body#profile #profile-online-2 #beneficiariesTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #beneficiariesTab .right-taboff .sectionTitledimmed {
  color: #d3d3d3;
}

html#profile body#profile #profile-online-2 #beneficiariesTab .left-tabon .sectionTitle,
html#profile body#profile #profile-online-2 #beneficiariesTab .right-tabon .sectionTitle{
  color: #2f4f4f;
  border-bottom: .5em solid #2f4f4f;
  padding-bottom: .25em;
}
/* beneficiaries edit allocation popup */
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label {
  background-color: #007FAA;
  border: 1px solid white;
  border-radius: 0;
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  padding: 6px 12px;
  text-transform: uppercase;
}
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label.active {
  background-color: #005977;
  box-shadow: none;
  color: #fff;
}
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label:hover,
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label:focus {
  background-color: #00A5DD;
  color: #000;
}

/* security tab styling */ /*Commented by Ayush for beneficiary tab*/
/*.left-taboff,
.right-taboff {
  background: none;
}*/
html#profile body#profile #profile-online-2 #securityTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #securityTab .right-taboff .sectionTitledimmed {
  color: #d3d3d3;
}
html#profile body#profile #profile-online-2 #securityTab .left-tabon .sectionTitle,
html#profile body#profile #profile-online-2 #securityTab .right-tabon .sectionTitle {
  color: #2f4f4f;
  border-bottom: .5em solid #2f4f4f;
  padding-bottom: .25em;
}

/* preferences toggle button */
#communicationPreferencesTab .ui-buttonset label {
  border: 1px solid #ccc;
}
#communicationPreferencesTab .ui-buttonset .ui-button.ui-state-active .ui-button-text {
  background-color: #007FAA;
  background-image: none;
}
#communicationPreferencesTab .ui-buttonset .ui-button.ui-state-active .ui-button-text:before {
  font-family: FontAwesome;
  content: '\f00c';
  position: relative;
  left: -.5em;
}

/* ensuring that the marketing preferences toggles are in alignment */
@media only screen and (min-width:992px){
  #communicationPreferencesTab p#marketingHeader + div.row {
    display: flex;
  }
  html#profile body#profile .profile #profile-online-2 #profilecontainer #communicationPreferencesTab .content-box-border .row .grid-cell {
    display: flex;
    flex-wrap: wrap;
  }
  html#profile body#profile .profile #profile-online-2 #profilecontainer #communicationPreferencesTab .content-box-border .row .grid-cell .ui-buttonset {
    align-self: flex-end;
  }
}

/****************************************** mailbox page **************************************/
.k-state-selected {
  background-color: #007FAA!important;
}
/* save/delete popup modal */
div.tbs-modal h2 {
  color: white;
  text-transform: uppercase;
}

/****************************************** mobile app registration page **************************************/


/*Mobile registration*/
@media screen and (min-width: 767px) {
#mobileRegistration-Content #userNameDiv {
	text-transform: none !important;
	font-size: 14px;
	position: relative;
	right: 6px;
	bottom: 14px;
	font-weight: normal;
}
}

@media screen and (max-width: 767px) {
#mobileRegistration-Content #userNameDiv {
	text-transform: none !important;
	font-size: 14px;
	position: relative;
	left: 14px;
	bottom: 14px;
	font-weight: normal;
}
}


@media screen and (min-width: 767px) {
.mobile-registration-app-download {
	position: relative;
	right: 475px;
	bottom: 60px;
    font-weight: bold;
}
}





@media screen and (max-width: 767px) {
.mobile-registration-app-download {
	position: relative;
	left: 15px;
	bottom: 170px;
}
}



#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;
}*/

/*To hide mobile pin*/
#pinDiv {
	display: none;
}


#mobileRegistration .d-block {
  display: block;
}
#mobileRegistration .qr-background {
  background: none;
}
#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: .5em;
  margin-bottom: .5em
}
#mobileRegistration .bootstrap-iso #newPasswordSave {
  float: none!important;
  width: 25%;
  border-radius: 4px;
  text-transform: none;
  background-color: #007FAA;
}
#mobileRegistration .bootstrap-iso #newPasswordSave:hover,
#mobileRegistration .bootstrap-iso #newPasswordSave:focus {
  background-color: #00A5DD;
  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: #005977;
}
#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;
  }
}

/****************************************** TRS page **************************************/
.trsdashboard .summary-myreward {
	visibility: hidden;
}
.trsdashboard .summarystatementdate {
	color: #666;
	text-align: center;
	font-size: 1.9em;
    
}

/****************************************** forgot password popup **************************************/
/* progress bar colour */
.bootstrap-iso .progress-bar-success {
  background-color: #a9a9a9;
}

/****************************************** benefit matrix modellers and tools popup **************************************/
/* overlay header */
.bootstrap-iso .modellersModalHeader {
  margin-top: 7px;
}
.modal-normal ul.modeller-links {
  padding-left: 1.25em;
  width: 100%;  
}
/* selected tab*/
.modeller-links li a.checked,
.modeller-links li a.unchecked:hover {
  background-color: transparent;
  border-bottom: .5em solid #2f4f4f;
  color: #2f4f4f;
}
/* unselected tab */
.modeller-links li a.unchecked {
  background-color: transparent;
  color: #d3d3d3;
}
/* text color */
.modeller-container .row-header,
.modeller-container .row-summary {
  color: #666;
}
/* tax code input */
input:focus {
  box-shadow: none;
}
/* model button */
input.modeller-line-bottom {
  background-color: #007FAA;
  border-radius: 4px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}
input.modeller-line-bottom:hover {
  background-color: #00A5DD;
  color: #000;
}
input.modeller-line-bottom:focus {
  background-color: #00A5DD;
  box-shadow: none;
  color: #000;
}
input.modeller-line-bottom:active,
input.modeller-line-bottom:active:hover,
input.modeller-line-bottom:active:focus {
  background-color: #005977;
  box-shadow: none;
  color: #fff;
}

/****************************************** benefit matrix manage dependants popup **************************************/
/* overlay header */
.bootstrap-iso .dependantModalHeader {
  margin-top: 7px;
}
.bootstrap-iso .dependantContainer .tab-header {
  background-color: white;
}
/* remove intro text created from resource string */
/*.dependantIntroText {
  display: none;
}*/

#allocationDialog .add-beneficiary {
  color: #007FAA;
}
#allocationDialog .add-beneficiary:hover {
  color: #00A5DD;
}
#allocationDialog .add-beneficiary:focus {
  color: #00A5DD;
}
#allocationDialog .add-beneficiary:active,
#allocationDialog .add-beneficiary:active:hover,
#allocationDialog .add-beneficiary:active:focus {
  color: #005977;
}

/* add, edit and remove links */
.dependant-list-top a.dependant-add-link,
.dependant-list a.dependant-edit,
.dependant-list a.dependant-remove {
  color: #007FAA;
}
.dependant-list-top a.dependant-add-link:hover,
.dependant-list a.dependant-edit:hover,
.dependant-list a.dependant-remove:hover {
  color: #00A5DD;
}
.dependant-list-top a.dependant-add-link:focus,
.dependant-list a.dependant-edit:focus,
.dependant-list a.dependant-remove:focus {
  color: #00A5DD;
}
.dependant-list-top a.dependant-add-link:active,
.dependant-list-top a.dependant-add-link:active:hover,
.dependant-list-top a.dependant-add-link:active:focus,
.dependant-list a.dependant-edit:active,
.dependant-list a.dependant-edit:active:hover,
.dependant-list a.dependant-edit:active:focus,
.dependant-list a.dependant-remove:active,
.dependant-list a.dependant-remove:active:hover,
.dependant-list a.dependant-remove:active:focus {
  color: #005977;
}
/* costs displayed on Dependants Covered tab */
.benefit-matrix .employee-cost .cost-number {
  color: #666;
}

/* table header colour when removing dependants that are attached to cover */
.table.reverse-header thead > tr > th {
  background-color: #007FAA;
}

/*swap the order of the save and close buttons on dependant coverage summary */
.coverage-bottom .dependant-accept-btn,
.coverage-bottom .dependant-cancel-btn {
  position: relative;
}
.coverage-bottom .dependant-accept-btn {
  left: 4.5em;
}
.coverage-bottom .dependant-cancel-btn {
  right: 5em;
}

/****************************************** benefit matrix follow up items popup **************************************/
/* overlay header */
#followup-items-overlay.online-followup-items #followup-items-title {
  background-color: #012774;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}
/* close icon */
#followup-items-overlay a.close {
  top: 2px;
}
/* oustanding items complete icon */
.online-two-iso .success-icon {
  color: #007FAA;
}
/* completed items dot indicator color */
.followup-content .progress-indicator .step-finished {
  background-color: #007FAA;
}

/****************************************** benefit matrix T&Cs popup **************************************/
/* overlay header */
.benefit-matrix .benefitheader {
  text-transform: uppercase;
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active {
  background-color: #007FAA;
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default:hover {
  border: 1px solid #ccc;
  border-radius: 0;
}

/****************************************** benefit selection election info collect popup **************************************/
/* header overlay */
.online-two-iso .modal-normal .modal-header .header-text {
  padding-left: 1em;
}

.election-info-collect .dependant-board .expand-sign {
  color: #666;
}

.election-info-collect .dependant-board .icon {
  background-image: none;
  width: 0
}
.election-info-collect .dependant-board .icon:before {
  color: #007FAA;
  content: '\f0c0';
  font-family: 'FontAwesome';
  font-size: 3em;
  padding-right: .25em
}

/****************************************** benefit selection beneficiaries popup **************************************/
/* primary, contingent, none button group */
.benefitselect #allocationDialog .btn-group label:first-of-type {
  border-radius: 0;
}
.benefitselect #allocationDialog .btn-group label {
  border: 1px solid white;
}
.benefitselect #allocationDialog .btn-group .active {
  background-color: #005977;
}
#allocationDialog .edit-beneficiary,
#allocationDialog .delete-beneficiary {
  color: #007FAA;
}
#allocationDialog .edit-beneficiary:hover,
#allocationDialog .edit-beneficiary:focus,
#allocationDialog .delete-beneficiary:hover,
#allocationDialog .delete-beneficiary:focus {
  color: #00A5DD;
}
#allocationDialog .edit-beneficiary:active,
#allocationDialog .edit-beneficiary:active:hover,
#allocationDialog .edit-beneficiary:active:focus,
#allocationDialog .delete-beneficiary:active,
#allocationDialog .delete-beneficiary:active:hover,
#allocationDialog .delete-beneficiary:active:focus {
  color: #005977;
}

/****************************************** benefit intro popup **************************************/
.faq-answer {
  padding-bottom: 1em;
}

/****************************************** 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: #007FAA;
  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: #007FAA;
  border: none;
  text-transform: uppercase;
}

.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger,
.templates .uib-datepicker-popup .btn-sm.btn-danger{
  background-color: #007FAA;
  border: none;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success,
.templates .uib-datepicker-popup .btn-sm.btn-success{
  background-color: #007FAA;
  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: #00A5DD;
  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: #005977;
  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: #00A5DD;
  border: 1px solid #ccc;
  color: #000;
}

/* 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: #00A5DD;
  border: 1px solid #ccc;
}

/****************************************** benefit icon general coding **************************************/
/* 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: #007FAA;
}

/* 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: #012774;
}
/* general styling for using icons for events */
.benefit-matrix .active-benefits .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 6em;
  color: white;
}

/****************************************** mobile styling *******************************************/
/* login module buttons */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .mobile-buttons .btn {
  background-color: #007FAA!important;
}
@media only screen and (max-width: 767px){
  /* menu icon colour */
  .fa.fa-bars,
  .fa.fa-gear {
    color: #007FAA;
  }
  /* links in mobile hamburger menu */
  .online-two-iso #menu-no-dashboard li a,
  .online-two-iso #menu-no-dashboard li a.selected {
    color: #007FAA;
  }
  /* mobile menu icons (hamburger and cog) */
  #header .main-menu-toogle:hover,
  #header .main-menu-toogle:focus,
  #header .user-toogle:hover,
  #header .user-toogle:focus {
    color: #00A5DD;
  }
  /* make height of greeting container auto to give proper spacing around the greeting */
  #home-online-three .dashboard-controls {
    height: auto
  }
}
/* remove default icons applied to modules on homepage */
#home-online-three #home-integrated .modules-mobile .module-mobile i[class*="icon-"] {
  display: none;
}
/* remove duplicate module header */
#home-online-three #home-integrated .modules-mobile .module-content-header-container {
  display: none;
}
/* remove margin applied to module title */
#home-online-three #home-integrated .modules-mobile .module-mobile span.module-label {
  margin-left: 0;
}
/* centre homepage module icons */
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel div[class*="online-two-icon-"]{
  text-align: center;
}
/* homepage buttons */
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default {
  background-color: #007FAA;
  border-radius: 4px;
  color: #fff;
}
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .generic-copy,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .account-copy {
  margin-top: 0;
}
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light .days-left {
  color: #000000;
}


/******************************************************************************************************************/
/****************************************** CLIENT SPECIFIC CSS STYLING *******************************************/
/******************************************************************************************************************/
/* 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;
  }
}

@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;
  }
}

@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;
    }
}

@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;
    }
}*/

/****************************************** Using icons for benefits/events *******************************************/
/* if wanting icons to be colour coded to benefit groups */
/* replace LINEGROUP1/LINEGROUP2/LINEGROUP3 with relevant classes */
.benefit-matrix .LINEGROUP1 .benefitline .img:before,
#benefit-overview .LINEGROUP1 .summaryImage .img:before {
  color: #007FAA;
}
.benefit-matrix .LINEGROUP2 .benefitline .img:before,
#benefit-overview .LINEGROUP2 .summaryImage .img:before {
  color: #007FAA;
}
.benefit-matrix .LINEGROUP3 .benefitline .img:before,
#benefit-overview .LINEGROUP3 .summaryImage .img:before {
  color: #007FAA;
}

/****************************************** Using icons for homepage/elsewhere on the site *******************************************/
/* add any additional icons from the OnlineTwoIconFont that are required */

/* Benefit Icons: Basic Life */
#benefit-overview .img.BenefitImage_b91aa532-ad00-42dc-8bf4-9d3ff22a45f2:before,
.img.Lb91aa532-ad00-42dc-8bf4-9d3ff22a45f2:before,
div.see-also .img.Lb91aa532-ad00-42dc-8bf4-9d3ff22a45f2:before{
	content: '\e905';
}

/* Benefit Icons: Test _Basic */
#benefit-overview .img.BenefitImage_6d58c715-6162-43a0-b28c-f52fac1b96f9:before,
.img.L6d58c715-6162-43a0-b28c-f52fac1b96f9:before,
div.see-also .img.L6d58c715-6162-43a0-b28c-f52fac1b96f9:before{
	content: '\e901';
}

/* Benefit Icons: Basic ADD */
#benefit-overview .img.BenefitImage_31f122f9-c012-4609-b25e-58633b7e412c:before,
.img.L31f122f9-c012-4609-b25e-58633b7e412c:before,
div.see-also .img.L31f122f9-c012-4609-b25e-58633b7e412c:before{
	content: '\e925';
}

/* Benefit Icons: Basic Dependent Life */
#benefit-overview .img.BenefitImage_70a56286-6295-45e3-b616-4f1593da4c6f:before,
.img.L70a56286-6295-45e3-b616-4f1593da4c6f:before,
div.see-also .img.L70a56286-6295-45e3-b616-4f1593da4c6f:before{
	content: '\e905';
}

/* Benefit Icons: Basic Critical Illness */
#benefit-overview .img.BenefitImage_25147fe9-120b-4222-9df6-b00a4b8582bf:before,
.img.L25147fe9-120b-4222-9df6-b00a4b8582bf:before,
div.see-also .img.L25147fe9-120b-4222-9df6-b00a4b8582bf:before{
	content: '\e91b';
}

/* Benefit Icons: Short Term Disability */
#benefit-overview .img.BenefitImage_74ec80bf-cf01-4da2-8826-d3f8e50bd899:before,
.img.L74ec80bf-cf01-4da2-8826-d3f8e50bd899:before,
div.see-also .img.L74ec80bf-cf01-4da2-8826-d3f8e50bd899:before{
	content: '\e916';
}

/*Benefit Icons: Prescription Drug */
#benefit-overview .img.BenefitImage_6106ec49-64de-4b7c-acbb-fd5e67598c8c:before,
.img.img.L6106ec49-64de-4b7c-acbb-fd5e67598c8c:before,
div.see-also .img.L6106ec49-64de-4b7c-acbb-fd5e67598c8c:before{
	content: '\e99d';
}

/* Benefit Icons: Long Term Disability */
#benefit-overview .img.BenefitImage_dcc21e00-1148-4e96-8ca8-e8dd107f4b30:before,
.img.Ldcc21e00-1148-4e96-8ca8-e8dd107f4b30:before,
div.see-also .img.Ldcc21e00-1148-4e96-8ca8-e8dd107f4b30:before{
	content: '\e916';
}
/* Benefit Icons: Long Term Disability Volkswagen */
#benefit-overview .img.BenefitImage_d32eb202-884e-4385-853e-c36898ebe6d3:before,
.img.Ld32eb202-884e-4385-853e-c36898ebe6d3:before,
div.see-also .img.Ld32eb202-884e-4385-853e-c36898ebe6d3:before{
	content: '\e916';
}

/* Benefit Icons: Extended Health */
#benefit-overview .img.BenefitImage_dcee7d6f-2133-4213-8c85-994273a42527:before,
.img.Ldcee7d6f-2133-4213-8c85-994273a42527:before,
div.see-also .img.Ldcee7d6f-2133-4213-8c85-994273a42527:before{
	content: '\e927';
}

/* Benefit Icons: Dental */
#benefit-overview .img.BenefitImage_991f1408-e49e-4f5e-8766-e5c8600dfdd1:before,
.img.L991f1408-e49e-4f5e-8766-e5c8600dfdd1:before,
div.see-also .img.L991f1408-e49e-4f5e-8766-e5c8600dfdd1:before{
	content: '\e909';
}

/* Benefit Icons: Out of Country */
#benefit-overview .img.BenefitImage_c7e0d4b0-2b7a-43b5-92a9-2e3104ca70b3:before,
.img.Lc7e0d4b0-2b7a-43b5-92a9-2e3104ca70b3:before,
div.see-also .img.Lc7e0d4b0-2b7a-43b5-92a9-2e3104ca70b3:before{
	content: '\e911';
}

/* Benefit Icons: Health Add-on 1 */
#benefit-overview .img.BenefitImage_a5908142-79a4-4a1e-b8b6-50e076f06d81:before,
.img.La5908142-79a4-4a1e-b8b6-50e076f06d81:before,
div.see-also .img.La5908142-79a4-4a1e-b8b6-50e076f06d81:before{
	content: '\e920';
}

/* Benefit Icons: Employee Assistance Program */
#benefit-overview .img.BenefitImage_7f145289-c23d-4fcb-8928-63f5b21032d2:before,
.img.L7f145289-c23d-4fcb-8928-63f5b21032d2:before,
div.see-also .img.L7f145289-c23d-4fcb-8928-63f5b21032d2:before{
	content: '\e975';
}

/* Benefit Icons: Base Credit */
#benefit-overview .img.BenefitImage_9198d138-645e-400b-9a67-576fb3a7c932:before,
.img.L9198d138-645e-400b-9a67-576fb3a7c932:before,
div.see-also .img.L9198d138-645e-400b-9a67-576fb3a7c932:before{
	content: '\e920';
}

/* Benefit Icons: Health Care Spending Account */
#benefit-overview .img.BenefitImage_6c97c2fb-63d1-415e-9473-1f478f3834e5:before,
.img.L6c97c2fb-63d1-415e-9473-1f478f3834e5:before,
div.see-also .img.L6c97c2fb-63d1-415e-9473-1f478f3834e5:before{
	content: '\e93a';
}

/* Benefit Icons: Personal Spending Account */
#benefit-overview .img.BenefitImage_6413f9fc-4a4b-472b-b4da-57d9c2b46547:before,
.img.L6413f9fc-4a4b-472b-b4da-57d9c2b46547:before,
div.see-also .img.L6413f9fc-4a4b-472b-b4da-57d9c2b46547:before{
	content: '\e908';
}

/* Benefit Icons: Termination of employement with Staples */
#benefit-overview .img.BenefitImage_.IntroNode_c08e2f0c-6382-4bd3-b6d5-d81fbb9a01d5:before,
.img.Lc08e2f0c-6382-4bd3-b6d5-d81fbb9a01d5:before,
div.see-also .img.Lc08e2f0c-6382-4bd3-b6d5-d81fbb9a01d5:before{
	content: '\e908';
}

/* Benefit Icons: Registered Retirement Savings Plan Account */
#benefit-overview .img.BenefitImage_103dd216-96a2-451f-82b0-e415bb5c5a99:before,
.img.L103dd216-96a2-451f-82b0-e415bb5c5a99:before,
div.see-also .img.L103dd216-96a2-451f-82b0-e415bb5c5a99:before{
	content: '\e91f';
}

/* Benefit Icons: Taxable Cash */
#benefit-overview .img.BenefitImage_1fc98058-5f0a-4229-a00d-f5e2ed269870:before,
.img.L1fc98058-5f0a-4229-a00d-f5e2ed269870:before,
div.see-also .img.L1fc98058-5f0a-4229-a00d-f5e2ed269870:before{
	content: '\e924';
}

/* Benefit Icons: Employee Optional Life */
#benefit-overview .img.BenefitImage_1a49cdde-5b87-42db-9391-e94f71201862:before,
.img.L1a49cdde-5b87-42db-9391-e94f71201862:before,
div.see-also .img.L1a49cdde-5b87-42db-9391-e94f71201862:before{
	content: '\e905';
}

/* Benefit Icons: Employee Optional Life HPI */
#benefit-overview .img.BenefitImage_1a49cdde-5b87-42db-9391-e94f71201862\,1af1130a-5add-4920-bae4-929c6ea82c2e.IntroNode_74239b37-7448-4446-8ff2-176b996b60b7:before,
.img.L1af1130a-5add-4920-bae4-929c6ea82c2e:before,
div.see-also .img.L1af1130a-5add-4920-bae4-929c6ea82c2e:before{
	content: '\e905';
}

/* Benefit Icons: Spousal Optional Life */
#benefit-overview .img.BenefitImage_c588acd7-12f6-4969-bc30-b095b878636c:before,
.img.Lc588acd7-12f6-4969-bc30-b095b878636c:before,
div.see-also .img.Lc588acd7-12f6-4969-bc30-b095b878636c:before{
	content: '\e905';
}

/* Benefit Icons: Child Optional Life */
#benefit-overview .img.BenefitImage_3c0a0b35-6e51-406b-aa19-cb136354cb01:before,
.img.L3c0a0b35-6e51-406b-aa19-cb136354cb01:before,
div.see-also .img.L3c0a0b35-6e51-406b-aa19-cb136354cb01:before{
	content: '\e905';
}

/* Benefit Icons: Employee Optional ADD */
#benefit-overview .img.BenefitImage_83075984-cfad-4470-8996-7320d8074c1a:before,
.img.L83075984-cfad-4470-8996-7320d8074c1a:before,
div.see-also .img.L83075984-cfad-4470-8996-7320d8074c1a:before{
	content: '\e925';
}

/* Benefit Icons: Employee Optional ADD HPI*/
#benefit-overview .img.BenefitImage_ebefb8a8-907d-4e4b-8c4a-3ad03c84f815:before,
.img.Lebefb8a8-907d-4e4b-8c4a-3ad03c84f815:before,
div.see-also .img.Lebefb8a8-907d-4e4b-8c4a-3ad03c84f815:before{
	content: '\e925';
}

/* Benefit Icons: NEW Employee Optional ADD for NTT */
#benefit-overview .img.BenefitImage_1289454f-fa2d-4d0a-b524-5738b3f8399c:before,
.img.L1289454f-fa2d-4d0a-b524-5738b3f8399c:before,
div.see-also .img.L1289454f-fa2d-4d0a-b524-5738b3f8399c:before{
	content: '\e925';
}

/* Benefit Icons: Spousal Optional ADD */
#benefit-overview .img.BenefitImage_f43e8943-3e7f-4926-b9bf-3d8b95c9d4ac:before,
.img.Lf43e8943-3e7f-4926-b9bf-3d8b95c9d4ac:before,
div.see-also .img.Lf43e8943-3e7f-4926-b9bf-3d8b95c9d4ac:before{
	content: '\e925';
}

/* Benefit Icons: Child Optional ADD */
#benefit-overview .img.BenefitImage_2173c1ab-e17e-46ae-8ed2-56fd356b8881:before,
.img.L2173c1ab-e17e-46ae-8ed2-56fd356b8881:before,
div.see-also .img.L2173c1ab-e17e-46ae-8ed2-56fd356b8881:before{
	content: '\e925';
}

/* Benefit Icons: Virtual Care */
#benefit-overview .img.BenefitImage_.IntroNode_273796ee-765e-460b-bb3f-6f4547291f08:before,
.img.L09548abb-421b-4f72-9150-60fe6263af55:before{
  content: '\e905';
}

/* Benefit Icons: EAP and Virtual Care */
#benefit-overview .img.BenefitImage_.IntroNode_86d994ab-0390-4c53-ba9e-d15c4a4c762a:before,
.img.L09548abb-421b-4f72-9150-60fe6263af55:before{
  content: '\e905';
}

/* Benefit Icons: Virtual Care S&P benefit overview */
#benefit-overview .img.BenefitImage_.IntroNode_2850a929-e77c-4753-b3a2-9ea653296f98:before,
.img.L2850a929-e77c-4753-b3a2-9ea653296f98:before{
  content: '\e905';
}

/* Benefit Icons: Employee Support program */
#benefit-overview .img.BenefitImage_.IntroNode_890e1aa8-bfe0-4e18-8b99-91a7d37d0242:before
{
  content: '\e905';
}

/* Benefit Icons: Retiring Soon */
/* Benefit Icons: Retiring Soon */
#benefit-overview .img.BenefitImage_Retiring_Soon:before{
	content: '\e95d';
}

/* Benefit Icons: Employee Optional Critical Illness */
#benefit-overview .img.BenefitImage_38687733-5f9d-4f9d-8b6f-e8566023d40d:before,
.img.L38687733-5f9d-4f9d-8b6f-e8566023d40d:before,
div.see-also .img.L38687733-5f9d-4f9d-8b6f-e8566023d40d:before{
	content: '\e91b';
}

/* Benefit Icons: Spousal Optional Critical Illness */
#benefit-overview .img.BenefitImage_4c7320f1-d55f-4e90-929a-10d25fd79660:before,
.img.L4c7320f1-d55f-4e90-929a-10d25fd79660:before,
div.see-also .img.L4c7320f1-d55f-4e90-929a-10d25fd79660:before{
	content: '\e91b';
}

/* Benefit Icons: Child Optional Critical Illness */
#benefit-overview .img.BenefitImage_8a0187d6-892d-43ad-bbb3-27518acc5164:before,
.img.L8a0187d6-892d-43ad-bbb3-27518acc5164:before,
div.see-also .img.L8a0187d6-892d-43ad-bbb3-27518acc5164:before{
	content: '\e91b';
}

/* Benefit Icons: RRSP Matched Benefit */
#benefit-overview .img.BenefitImage_4bb212d9-d528-4867-a6e2-9196fc72157c:before,
.img.L4bb212d9-d528-4867-a6e2-9196fc72157c:before,
div.see-also .img.L4bb212d9-d528-4867-a6e2-9196fc72157c:before{
	content: '\e91f';
}

/* Benefit Icons: DC Pension Plan Matched Benefit */
#benefit-overview .img.BenefitImage_1bb9795d-021e-4806-a1a5-8d3ab7b119fb:before,
.img.L1bb9795d-021e-4806-a1a5-8d3ab7b119fb:before,
div.see-also .img.L1bb9795d-021e-4806-a1a5-8d3ab7b119fb:before{
	content: '\e946';
}

/* Benefit Icons: Deferred Profit Sharing Plan Matched Benefit */
#benefit-overview .img.BenefitImage_4024fdcb-3f47-47f6-8d48-3c5afc04bbae:before,
.img.L4024fdcb-3f47-47f6-8d48-3c5afc04bbae:before,
div.see-also .img.L4024fdcb-3f47-47f6-8d48-3c5afc04bbae:before{
	content: '\e91f';
}

/* Benefit Icons: Spill Over Benefit */
#benefit-overview .img.BenefitImage_8a7ffa82-1b71-4b69-852d-b932d320bc22:before,
.img.L8a7ffa82-1b71-4b69-852d-b932d320bc22:before,
div.see-also .img.L8a7ffa82-1b71-4b69-852d-b932d320bc22:before{
	content: '\e91f';
}

/* Benefit Icons: Voluntary RRSP */
#benefit-overview .img.BenefitImage_36e1e627-1ff3-4b15-994f-97bd1ffe4b84:before,
.img.L36e1e627-1ff3-4b15-994f-97bd1ffe4b84:before,
div.see-also .img.L36e1e627-1ff3-4b15-994f-97bd1ffe4b84:before{
	content: '\e91f';
}

/* Benefit Icons: Spousal RRSP Unmatched Benefit */
#benefit-overview .img.BenefitImage_46ae04ba-c376-421d-8f00-0f360d271e80:before,
.img.L46ae04ba-c376-421d-8f00-0f360d271e80:before,
div.see-also .img.L46ae04ba-c376-421d-8f00-0f360d271e80:before{
	content: '\e91f';
}

/* Benefit Icons: NRSP Unmatched Benefit */
#benefit-overview .img.BenefitImage_cfd5f033-4ece-4252-b58f-03b4467c3d53:before,
.img.Lcfd5f033-4ece-4252-b58f-03b4467c3d53:before,
div.see-also .img.Lcfd5f033-4ece-4252-b58f-03b4467c3d53:before{
	content: '\e91f';
}

/* Benefit Icons: Tax Free Spending Account Unmatched Benefit */
#benefit-overview .img.BenefitImage_efcfafa8-f3f2-40c6-86e6-eb4d01b94572:before,
.img.Lefcfafa8-f3f2-40c6-86e6-eb4d01b94572:before,
div.see-also .img.Lefcfafa8-f3f2-40c6-86e6-eb4d01b94572:before{
	content: '\e91f';
}

/* Benefit Icons: Home */
#benefit-overview .img.BenefitImage_650604a5-cba1-41c8-b1c5-a846ca54a50a:before,
.img.L650604a5-cba1-41c8-b1c5-a846ca54a50a:before,
div.see-also .img.L650604a5-cba1-41c8-b1c5-a846ca54a50a:before{
	content: '\e95f';
}

/* Benefit Icons: Auto */
#benefit-overview .img.BenefitImage_da3d3630-c915-448b-a905-045ee6ca6cea:before,
.img.Lda3d3630-c915-448b-a905-045ee6ca6cea:before,
div.see-also .img.Lda3d3630-c915-448b-a905-045ee6ca6cea:before{
	content: '\e943';
}

/* Benefit Icons: Pet */
#benefit-overview .img.BenefitImage_f24b42a5-54bf-4c2b-b43f-5a6cc271dd53:before,
.img.Lf24b42a5-54bf-4c2b-b43f-5a6cc271dd53:before,
div.see-also .img.Lf24b42a5-54bf-4c2b-b43f-5a6cc271dd53:before{
	content: '\e937';
}

/* Benefit Icons: Travel */
#benefit-overview .img.BenefitImage_69872c65-a536-4249-9d3b-1695d557f578:before,
.img.L69872c65-a536-4249-9d3b-1695d557f578:before,
div.see-also .img.L69872c65-a536-4249-9d3b-1695d557f578:before{
	content: '\e947';
}

/* Benefit Icons: Legal */
#benefit-overview .img.BenefitImage_1c94f172-94f0-4ee9-9a3e-290552c48050:before,
.img.L1c94f172-94f0-4ee9-9a3e-290552c48050:before,
div.see-also .img.L1c94f172-94f0-4ee9-9a3e-290552c48050:before{
	content: '\e94e';
}

/* Benefit Icons: Private Risk Management */
#benefit-overview .img.BenefitImage_fcb51ffe-d161-4c30-a171-ac66acc94daf:before,
.img.Lfcb51ffe-d161-4c30-a171-ac66acc94daf:before,
div.see-also .img.Lfcb51ffe-d161-4c30-a171-ac66acc94daf:before{
	content: '\e955';
}

/* Benefit Icons: Azure Testing (Line Set) */
#benefit-overview .img.BenefitImage_875a0554-4cd9-4462-bf63-5a2b0b0189e5:before,
.img.L875a0554-4cd9-4462-bf63-5a2b0b0189e5:before,
div.see-also .img.L875a0554-4cd9-4462-bf63-5a2b0b0189e5:before{
	content: '\e970';
}

/* Benefit Icons: Vacation Buy/Sell */
#benefit-overview .img.BenefitImage_35b789f0-f547-49c5-9d0c-0e6a26f5f0bc:before,
.img.L35b789f0-f547-49c5-9d0c-0e6a26f5f0bc:before,
div.see-also .img.L35b789f0-f547-49c5-9d0c-0e6a26f5f0bc:before{
	content: '\e92e';
}

/* Benefit Icons: Tobacco/Vape User Declaration */
#benefit-overview .img.BenefitImage_b6f33bde-69b7-470c-81d3-47dc7dfb8e5d:before,
.img.Lb6f33bde-69b7-470c-81d3-47dc7dfb8e5d:before,
div.see-also .img.Lb6f33bde-69b7-470c-81d3-47dc7dfb8e5d:before{
	content: '\e95e';
}

/* Benefit Icons: Basic Life PWC */
#benefit-overview .img.BenefitImage_997068d9-9587-4a38-97f4-9f10cb47e197:before,
.img.L997068d9-9587-4a38-97f4-9f10cb47e197:before,
div.see-also .img.L997068d9-9587-4a38-97f4-9f10cb47e197:before{
	content: '\e905';
}

/* Benefit Icons: Grandfather Life PWC */
#benefit-overview .img.BenefitImage_35019409-a8f2-4b26-8e9b-1cd6d6bd949c:before,
.img.L35019409-a8f2-4b26-8e9b-1cd6d6bd949c:before,
div.see-also .img.L35019409-a8f2-4b26-8e9b-1cd6d6bd949c:before{
	content: '\e905';
}

/* Benefit Icons: Extended Health PWC */
#benefit-overview .img.BenefitImage_90416f71-4f04-412b-96a7-19a5933923e5:before,
.img.L90416f71-4f04-412b-96a7-19a5933923e5:before,
div.see-also .img.L90416f71-4f04-412b-96a7-19a5933923e5:before{
	content: '\e927';
}

/* Benefit Icons: Dental PWC */
#benefit-overview .img.BenefitImage_8651675f-a135-47ae-ba04-2e261dcc5e49:before,
.img.L8651675f-a135-47ae-ba04-2e261dcc5e49:before,
div.see-also .img.L8651675f-a135-47ae-ba04-2e261dcc5e49:before{
	content: '\e909';
}

/* Benefit Icons: Employee Optional Life PWC */
#benefit-overview .img.BenefitImage_0f406da2-c5ca-4463-b3e8-f778dbdc21d4:before,
.img.L0f406da2-c5ca-4463-b3e8-f778dbdc21d4:before,
div.see-also .img.L0f406da2-c5ca-4463-b3e8-f778dbdc21d4:before{
	content: '\e905';
}

/* Benefit Icons: Employee Optional ADD PWC */
#benefit-overview .img.BenefitImage_3d106283-9c32-4f3c-9806-1886ef263e3f:before,
.img.L3d106283-9c32-4f3c-9806-1886ef263e3f:before,
div.see-also .img.L3d106283-9c32-4f3c-9806-1886ef263e3f:before{
	content: '\e925';
}

/* Benefit Icons: Long Term Disability PWC */
#benefit-overview .img.BenefitImage_e10c7d7d-982f-4fa5-8dd4-a86b180d5aaa:before,
.img.Le10c7d7d-982f-4fa5-8dd4-a86b180d5aaa:before,
div.see-also .img.Le10c7d7d-982f-4fa5-8dd4-a86b180d5aaa:before{
	content: '\e916';
}

/* Benefit Icons: Long Term Disability NEW PWC */
#benefit-overview .img.BenefitImage_4ffbac77-27bb-4cb9-abaf-658d17a6a79d:before,
.img.L4ffbac77-27bb-4cb9-abaf-658d17a6a79d:before,
div.see-also .img.L4ffbac77-27bb-4cb9-abaf-658d17a6a79d:before{
	content: '\e916';
}

/* Benefit Icons: Long Term Disability Optional Staples */
#benefit-overview .img.BenefitImage_e379e69f-ea46-4625-b3c7-f8de8aa86dd9:before,
.img.Le379e69f-ea46-4625-b3c7-f8de8aa86dd9:before,
div.see-also .img.Le379e69f-ea46-4625-b3c7-f8de8aa86dd9:before{
	content: '\e916';
}

/* Event Icons: Divorce / Legal Separation */
.benefit-matrix .active-benefits .img.E9d5ecb5e-9052-4341-bd40-a38c1d751cf8:before {
	content: '\e97f';
}

/* Event Icons: Gaining of a Spouse (Marriage or Common-Law) */
.benefit-matrix .active-benefits .img.E345e4fae-dc89-438e-898a-b622af51c172:before {
	content: '\e96a';
}

/* Event Icons: Request for Optional Insurance */
.benefit-matrix .active-benefits .img.Edee1986b-ed80-458a-a271-c5d3fc13693e:before {
	content: '\e92d';
}

/* Event Icons: Gain/Loss of Spouse's Coverage */
.benefit-matrix .active-benefits .img.E37257540-5cbe-4aef-becf-16cbe4fe7665:before {
	content: '\e95d';
}

/* Event Icons: Birth or Adoption */
.benefit-matrix .active-benefits .img.E9334eb7f-ac52-45b0-823d-2a8ebee9bbf6:before {
	content: '\e92a';
}

/* Event Icons: Student Certification */
.benefit-matrix .active-benefits .img.E8b3c2186-53bb-454c-aae0-8701495fb2ae:before {
	content: '\e90e';
}

/* Event Icons: Loss of Spouse or Child */
.benefit-matrix .active-benefits .img.Eb1fc64cc-827a-40a0-a642-a0e222c9547d:before {
	content: '\e936';
}

/* Event Icons: Mid-Year Retirement Change */
.benefit-matrix .active-benefits .img.E7029ce2a-93f0-4610-aa59-a0f2e377ad80:before {
	content: '\e91f';
}

/* Event Icons: Spill over Retirement Change */
.benefit-matrix .active-benefits .img.E6945fb7a-d1ff-4b09-be25-9355a0f5f923:before {
	content: '\e91f';
}

/* Event Icons: Beneficiary Designation */
.benefit-matrix .active-benefits .img.Ef2f2e527-9364-43ff-af6a-51c6c4295259:before {
  content: '\e93d';
}
/* Event Icons: Relocate to quebec */
.benefit-matrix .active-benefits .img.Eebcda10f-b38e-4085-bee6-d6e2221e9cc1:before {
  content: '\e913';
}
/* Event Icons: Event for leave status */
.benefit-matrix .active-benefits .img.E6cfa9c69-b5ac-4a05-8e53-f46643060ce7:before {
  content: '\e901';
}
/* Event Icons: Adding arriving dependents to Canada */
.benefit-matrix .active-benefits .img.Ec48a3f6a-b6fe-49f2-9026-28f274b047f3:before {
  content: '\e97c';
}

/* Benefit Icons: Introduction */
#benefit-overview .img.BenefitImage_.IntroNode_e3ea9aee-4841-464a-b39f-75bdda856d6d:before,
.img.Le3ea9aee-4841-464a-b39f-75bdda856d6d:before,
div.see-also .img.Le3ea9aee-4841-464a-b39f-75bdda856d6d:before{
	content: '\e976';
}


/* Benefit Icons: Core Benefits*/
#benefit-overview .img.BenefitImage_.IntroNode_d81ee66d-81cd-40df-83b5-b964372ca08b:before,
.img.Ld81ee66d-81cd-40df-83b5-b964372ca08b:before,
div.see-also .img.Ld81ee66d-81cd-40df-83b5-b964372ca08b:before{
	content: '\e982';
}


/* Benefit Icons: Flex Benefits*/
#benefit-overview .img.BenefitImage_.IntroNode_2dce5cf1-2a7f-4643-a1c1-2536c8bac6f8:before,
.img.L2dce5cf1-2a7f-4643-a1c1-2536c8bac6f8:before,
div.see-also .img.L2dce5cf1-2a7f-4643-a1c1-2536c8bac6f8:before{
	content: '\e918';
}


/* Benefit Icons: Optional Benefits*/
#benefit-overview .img.BenefitImage_.IntroNode_d97541a5-ac45-4346-89d7-e79e0f1414a5:before,
.img.Ld97541a5-ac45-4346-89d7-e79e0f1414a5:before,
div.see-also .img.Ld97541a5-ac45-4346-89d7-e79e0f1414a5:before{
	content: '\e905';
}

/* Benefit Icons: Tobacco/Vape User Declaration */
#benefit-overview .img.BenefitImage_.IntroNode_6b23970c-1b27-4c26-a7ea-151c501c6ccd:before,
.img.L6b23970c-1b27-4c26-a7ea-151c501c6ccd:before,
div.see-also .img.L6b23970c-1b27-4c26-a7ea-151c501c6ccd:before{
	content: '\e93f';
}

/* Benefit Icons: Tobacco/Vape User Declaration HPI */
#benefit-overview .img.BenefitImage_.IntroNode_3e66065b-adb7-4a65-9375-3b850318235b:before,
.img.L3e66065b-adb7-4a65-9375-3b850318235b:before,
div.see-also .img.L3e66065b-adb7-4a65-9375-3b850318235b:before{
	content: '\e93f';
}

/* Benefit Icons: Tobacco/Vape User Declaration Dormakaba and Skyfold*/
#benefit-overview  .img.BenefitImage_.IntroNode_dbd97e68-8acc-4e09-b13e-702e2fa1e9d7:before,
.img.Ldbd97e68-8acc-4e09-b13e-702e2fa1e9d7:before,
div.see-also .img.Ldbd97e68-8acc-4e09-b13e-702e2fa1e9d7:before{
	content: '\e95e';
}

/* Benefit Icons: Life Events */
#benefit-overview .img.BenefitImage_.IntroNode_cf879e27-3032-486e-950a-18ecbcd4b971:before,
.img.Lcf879e27-3032-486e-950a-18ecbcd4b971:before,
div.see-also .img.Lcf879e27-3032-486e-950a-18ecbcd4b971:before{
	content: '\e99d';
}

/* Benefit Icons: Virtual Care */
#benefit-overview .img.BenefitImage_.IntroNode_e7b60f9d-597b-42fa-bd30-5ad42437fbe0:before,
.img.Le7b60f9d-597b-42fa-bd30-5ad42437fbe0:before,
div.see-also .img.Le7b60f9d-597b-42fa-bd30-5ad42437fbe0:before{
	content: '\e975';
}

/* Benefit Icons: Consult+ Slalom */
#benefit-overview .img.BenefitImage_.IntroNode_bf050517-13e1-42d8-970e-c0d71ec75609:before,
.img.Lbf050517-13e1-42d8-970e-c0d71ec75609:before,
div.see-also .img.Lbf050517-13e1-42d8-970e-c0d71ec75609:before{
	content: '\e975';
}

/* Benefit Icons: Consult+ PML */
#benefit-overview .img.BenefitImage_.IntroNode_b486a719-f6da-496a-9e88-0f869f582eef:before,
.img.Lb486a719-f6da-496a-9e88-0f869f582eef:before,
div.see-also .img.Lb486a719-f6da-496a-9e88-0f869f582eef:before{
	content: '\e975';
}

#benefit-overview .img.BenefitImage_.IntroNode_1e31a310-97d8-4aa0-9874-43de65c48295:before,
.img.L1e31a310-97d8-4aa0-9874-43de65c48295:before,
div.see-also .img.L1e31a310-97d8-4aa0-9874-43de65c48295:before{
	content: '\e99a';
}

#benefit-overview .img.BenefitImage_.IntroNode_0609499e-c6f7-4802-a02b-cbe0e4d6d58b:before,
.img.L0609499e-c6f7-4802-a02b-cbe0e4d6d58b:before,
div.see-also .img.L0609499e-c6f7-4802-a02b-cbe0e4d6d58b:before{
	content: '\e99d';
}

#benefit-overview .img.BenefitImage_.IntroNode_48541cc4-4a8e-4ba1-821a-366a035df8c4:before,
.img.L48541cc4-4a8e-4ba1-821a-366a035df8c4:before,
div.see-also .img.L48541cc4-4a8e-4ba1-821a-366a035df8c4:before{
	content: '\e99b';
}


/*Client specific css*/


/* homepage module layouts*/ 
@media only screen and (min-width:768px) {
  #home-online-three #right-side .modules-right-side.grid-container,#home-online-three #home-integrated .modules-right-side.grid-container {
  grid-template-columns: repeat(4,1fr);  -ms-grid-columns:1fr 1fr 1fr 1fr;  background-color: white;
 /*grid-template-areas:"module-1 module-1 module-2" "module-3 module-4 module-4" "module-5 module-6 module-7" "module-8 module-9 module-10";}*/
  grid-template-areas:"module-1 module-1 module-2 module-3" "module-4 module-5 module-6 module-7" "module-11 module-10 module-9 module-9" "module-8 module-8 module-8 module-8" ;} 

#home-online-three #right-side .grid-container.modules-right-side .grid-item-0, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 
{
-grid-area :Module-1;
-ms-grid-column:1;
-ms-grid-column-span:2;
-ms-grid-row:1;

}


#home-online-three #right-side .grid-container.modules-right-side .grid-item-1, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 
{
-grid-area :Module-2;
-ms-grid-column:3;
-ms-grid-row:1;

}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-2, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 
{
-grid-area :Module-3;
-ms-grid-column:1;
-ms-grid-row:2;

}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-3, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 
{
-grid-area :Module-4;
-ms-grid-column:2;
-ms-grid-row:2;
-ms-grid-column-span:2;
}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-4, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4
{
-grid-area :Module-5;
-ms-grid-column:1;
-ms-grid-row:3;
}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-5, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5
{
-grid-area :Module-6;
-ms-grid-column:2;
-ms-grid-row:3;

}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-6, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 
{
-grid-area :Module-7;
-ms-grid-column:3;
-ms-grid-row:3;

}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-7, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7
{
-grid-area :Module-8;
-ms-grid-column:1;
-ms-grid-row:4;

}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-8, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 
{
-grid-area :Module-9;
-ms-grid-column:2;
-ms-grid-row:4;
}

 #home-online-three #right-side .grid-container.modules-right-side .grid-item-9, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 
{
-grid-area :Module-10;
-ms-grid-column:3;
-ms-grid-row:4;
}
}


@media only screen and (min-width:1200px){
#home-online-three #right-side .modules-right-side.grid-container,
#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-3" "module-4 module-5 module-6 module-7" "module-11 module-10 module-9 module-9" "module-8 module-8 module-8 module-8" ;} 

#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:1;
-ms-grid-row:1;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
-ms-grid-column:4;
-ms-grid-column-span:1;
-ms-grid-row:1;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
-ms-grid-column:1;
-ms-grid-column-span:1;
-ms-grid-row:2;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
-ms-grid-column:2;
-ms-grid-column-span:1;
-ms-grid-row:2;
}
#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:2;
}
#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:2;
}


#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 {
-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-10 {
-ms-grid-column:2;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
  

#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
-ms-grid-column:3;
-ms-grid-column-span:2;
-ms-grid-row:3;
}
 

#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
-ms-grid-column:1;
-ms-grid-column-span:4;
-ms-grid-row:4;
}    
}


@media only screen and (min-width:1920px){
#home-online-three #right-side .modules-right-side.grid-container,
#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-3" "module-4 module-5 module-6 module-7" "module-11 module-10 module-9 module-9" "module-8 module-8 module-8 module-8" ;} 

#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:1;
-ms-grid-row:1;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
-ms-grid-column:4;
-ms-grid-column-span:1;
-ms-grid-row:1;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
-ms-grid-column:1;
-ms-grid-column-span:1;
-ms-grid-row:2;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
-ms-grid-column:2;
-ms-grid-column-span:1;
-ms-grid-row:2;
}
#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:2;
}
#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:2;
}


#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 {
-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-10 {
-ms-grid-column:2;
-ms-grid-column-span:1;
-ms-grid-row:3;
}
  

#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
-ms-grid-column:3;
-ms-grid-column-span:2;
-ms-grid-row:3;
}
 

#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
-ms-grid-column:1;
-ms-grid-column-span:4;
-ms-grid-row:4;
}
}


/*Mobile browser space below bi weekly*/
@media only screen and (max-width:767px){
.benefitmatrix-container .benefitheader-fixed {
	/*height: 250px;*/
}
}

/*Manage Dependent in mobile browser*/

@media only screen and (max-width:767px){
.dependantContainer.ng-scope .close.btn-nostyle {
	position: relative;
	bottom: 133px;
}

.dependantContainer.ng-scope .tab-selector-link.ng-isolate-scope.active {
	position: relative;
	left: 40px;
}
}  

/*session is about to expire*/
#session-expire-message .header-overlay h5{
color: #fff;
}

/*Left border showing by template*/
#home-online-three #right-side, #home-online-three #home-integrated {
	border-left: 0px solid #e5f1ff !important;
}


/*Accordian title color*/
.group-title {
	color: #007FAA;
    font-size: 21px;
}

    
/*TRS Accordian Tiltle color in mobile view*/
.panel-group .panel-title {
	color: #007FAA;
}        
    
/*Accordian dropdown positioning*/
.group-header.ng-scope .group-header-graphicon.pull-right.glyphicon.glyphicon-menu-down {
	position: relative;
	top: 9px;
}    

/*Shadow of Tiles*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content, .bootstrap-iso .carousel.home-module-integrated {
	background: #fff;
	border: none !important;
	border-radius: 0;
	box-shadow: 1px 3px 6px 1px  rgba(0,0,0, 0.2);
}       


/*SPACING BETWEEN TILES 20px*/
.grid-item-0 {
	margin-bottom: 20px;
  
	
}

.grid-item-3 {
	margin-bottom: 20px;

	
}

.grid-item-6 {
	margin-bottom: 20px;
	margin-left: 20px;
	
}

.grid-item-1 {
	margin-bottom: 20px;
	margin-left: 20px;
}

.grid-item-2 {
	margin-bottom: 20px;
	margin-left: 20px;
}

.grid-item-4 {
	margin-bottom: 20px;
	margin-left: 20px;
}

.grid-item-5 {
	margin-bottom: 20px;
	margin-left: 20px;
}

.grid-item-7 {
	margin-bottom: 20px;
}

.grid-item-8 {
	margin-bottom: 20px;
	margin-left: 20px;
}

.grid-item-9 {
	margin-bottom: 20px;
}

.grid-item-10 {
	margin-left: 20px;
	margin-bottom: 20px;
}

/*Show Caraousel Button removal*/
.dashboard-page-container .btn.btn-default {
	display: none;
}


/*benefit overview styling*/
#benefit-overview .group-title {
	font-weight: lighter;
}


#benefit-overview .benefit-overview-title H1 {
	margin: 0;
	font-size: 18px !important;
	font-weight: bold;
	display: inline-block !important;
	line-height: 44px !important;
	float: left !important;
}


@media only screen and (min-width:760px){
/*IMAGE ON TILES (After EAP)*/  
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagePlaceholderDeluxe {
	background: url(/choicemrkt/media/Choice-Market/Images%20262,85x363/DeluxeNewTile1.png) no-repeat;
    background-position: 50% 15%;
    background-size: 80%;
}
  
      
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagePlaceholderDeluxe1 {
	background: url(/choicemrkt/media/Choice-Market/Images%20262,85x363/Philanthropy-Cloud-logo.png) no-repeat;
    background-position: 50% 15%;
    background-size: 80%;
}  
  
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagePlaceholder {
	background: url(/choicemrkt/media/Choice-Market/Images%20262,85x363/Aon-Choice_Homepage-images_1_V2.png) no-repeat center/cover;
}

/*IMAGE ON TILES (Blank tile 2)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imageBlanktwo {
	background: url(/choicemrkt/media/Choice-Market/Images%20262,85x363/Aon-Choice_Homepage-images_2.png) no-repeat center/cover;
}


/*IMAGE ON TILES (Blank tile for ascena and stc)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagestc {
	background: url(/choicemrkt/media/Choice-Market/Images%20262,85x363/Aon-Choice_Homepage-images_3.png) no-repeat center/cover;
}


/*IMAGE ON TILES (Blank tile for ascena and stc)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagecou {
	background: url(/choicemrkt/media/Choice-Market/Images%20282,85x265/Aon-Choice_Homepage-images_3.png) no-repeat center/cover;
}
  
  
  /*IMAGE ON TILES (Blank tile for Commonwell)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagecommm {
	background: url(/choicemrkt/media/Choice-Market/Images%20262,85x363/Aon-Choice_Homepage-images_1_V2.png) no-repeat center/cover;
}
  
  
/*IMAGE ON TILES (Blank tile for CNA)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagecna {
	background: url(/choicemrkt/media/Choice-Market/Images%20282,85x265/Mother%20and%20Son%20Lying%20in%20Grass.jpg) no-repeat center/cover;
}
    
  

  
/*IMAGE ON TILES (Blank tile for Zblank1 just above doc&contacts)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imageplc {
	background: url(/choicemrkt/media/Choice-Market/Images%20282,85x265/Aon-Choice_Homepage-images_9.png) no-repeat center/cover;
}
  

/*IMAGE ON TILES (Blank tile for stc after EAP because of size and french image is different)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagestcblank {
	background: url(/choicemrkt/media/Choice-Market/Images%20262,85x363/stc%20after%20eap.png) no-repeat center/cover;
}
  
/*IMAGE ON TILES (blank tile for TRS)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagetrs {
	background: url(/choicemrkt/media/Choice-Market/TRS%20IMAGE/trs%20image.png) no-repeat center/cover;
} 
  
  
/*IMAGE ON TILES (blank tile for Commonwell)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagecomm {
	background: url(/choicemrkt/media/Choice-Market/Images%20573x267/Aon-Choice_Homepage-images_8_V2.png) no-repeat center/cover;
} 
  
  
/*IMAGE ON TILES (Enrollment)*/
#enrolment {
  	background: url(/choicemrkt/media/Choice-Market/Images%20573x267/cyclist%20tile.jpg) no-repeat center/cover !important;
      }

  
  
/*IMAGE ON TILES (Enrollment only for alight)*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagenewco {
  	background: url(/choicemrkt/media/Choice-Market/Images%20573x267/cyclist%20tile.jpg) no-repeat center/cover !important;
      }
  
}


    
/*TESTING*/


/*credit summary*/
/*employee contribution heading colors*/
.modeller-container .group-header {
	color: #007FAA;
}

/*popup headings h5*/
/*h5{
  color:white !important;
}*/

@media only screen and (max-width:767px){
.panel.ng-scope.ng-isolate-scope.panel-default .panel-title {
	color: #007FAA !important;
}
}


/*annual cost going out of box adjustment*/
.box-border-bg .green-number.PerAnnual.ng-binding.Show {
	position: relative;
	right: 10px;
}

/*@media only screen and (min-width:768px){
.content-box-border .option {
	position: relative;
	right: 70px;
}

.content-box-border .option.sel {
	position: relative;
	right: 138px;
}
}*/


/*profile section tabs capitalize*/

#personalTabControl {
	text-transform: inherit;
}

#contactTabControl {
	text-transform: inherit;
}

#dependantsTabControl {
	text-transform: inherit;
}


#securityTabControl {
	text-transform: inherit;
}

#profileTabControl {
	text-transform: inherit;
}


/*election info remove button display none*/
/*.election-info-collect.ng-scope .dependant-remove.dependant-edit-btn.ng-scope {
	display: none;
}*/

/*Bronze,silver popup cost adjustment*/
.content-box-border .green-number.PerPay.ng-binding.Show {
	position: relative;
	right: 10px;
}



/*TOTAL COST CAPITALIZE*/
#nonePensionPercentSalaryTemporary p {
	text-transform: capitalize !important;
}


#nonePensionPercentSalaryAddtional p {
	text-transform: capitalize !important;
}

/*My Rewards Icon removed*/
.summary-myreward .fa.fa-area-chart {
	display: none;
}


/*Cost to you color change*/
.cost-right .ng-scope p {
	color: #2E2E2E;
}



/*setting button shifted upward in mobile*/
#mobile-links .fa.fa-gear {
	position: relative;
	bottom: 10px;
}

/*TRS My Rewards heading*/
.summary-myreward .myreward.ng-isolate-scope{
	color: #012774;	
	font-size: 18px;
}


/*benefit overview heading color*/
#benefit-overview .benefit-overview-title H1 {
	color: #012774;	
}


/*benefit overview popup cross color*/
/*#online2-global-benefit-overview-modaltemplate .glyphicon.glyphicon-remove {
	color: #2E2E2E;
}*/


/*Profile section under security tab*/
#dspSetPassword {
	background-color: #007FAA !important;
  border-color: #007FAA !important;
	color: white !important;
}

#dspSetPassword:hover {
	background-color: #00A5DD !important;
	color: white !important;
}



/*Language Toggle capitalization*/
#languageBox #ddlLanguage {
	text-transform: inherit !important;
}



/*Loading should be in center*/
@media only screen and (max-width:768px){
.dependantContainer.ng-scope .text-center.tbs-loader{
position:relative;
bottom:30px;
}
}



/*Loading should be in center*/
@media only screen and (max-width:768px){
.modal-dialog.modal-normal .text-center.tbs-loader{
position:relative;
bottom:30px;
}
}

@media only screen and (max-width:768px){
.text-center.tbs-loader{
position:relative !important;
/*bottom:200px !important;*/
}
}




/*Profile section save preferneces button*/
 .content-box-border #dspSaveContactPreference {
	background-color: #007FAA !important;
  border-color: #007FAA !important;
	color: white !important;
}

.content-box-border #dspSaveContactPreference:hover {
	background-color: #00A5DD !important;
	color: white !important;
}


/*first time login password save button*/
#login-assistance-next {
	background-color: #007FAA !important;
	border-color: #007FAA !important;
	color: white !important;
}

#login-assistance-next:hover {
	background-color: #00A5DD !important;
	border-color: #00A5DD !important;
	color: white !important;
}


/*need assistance search button*/
#p_lt_ctl03_pageplaceholder_p_lt_zoneMain_SearchDialogWithResults_srchDialog_btnSearch {
	background-color: #007FAA;
	border-radius: 4px;
}


#p_lt_ctl03_pageplaceholder_p_lt_zoneMain_SearchDialogWithResults_srchDialog_btnSearch:hover {
	background-color: #00A5DD !important;
  box-shadow: none;
	
}

/*Election Info Popup styling*/
.election-info-collect .add-success {
	font-size: 14px;
	color: #012774;
}

.election-info-collect .dependant-changed-message {
	color: #012774;
}


.election-info-collect.ng-scope .dependant-name-item.sub-item {
	position: relative;
	right: 30px;
}

/*Newly added for court holdings Election info*/
.dependant-name-item.info-item.ng-scope.ng-isolate-scope {
	position: relative;
	left: 48px;
}


.dependant-name-item.sub-item {
	position: relative;
	left: 40px;
}


/*dependent name capitalization issue*/
.election-info-collect span.label, label {
	text-transform: inherit !important;
}


/*name and relationship alignment*/
.election-info-collect.ng-scope .dependant-name-item.main-item {
	width: 300px !important;
}


  
  /*continue button*/
  #form #online2header .btn.btn-warning.continue {
	width: auto;
}

@media only screen and (min-width:500px) and (max-width:768px){

.row.benefitline.ng-scope .ng-isolate-scope {
	width: auto !important;
}

/*cost to you positioning*/
  .box-border .you-pay.ng-scope {
	position: relative;
	bottom: 71px;
	right: 47px;
}
  
  }



@media only screen and (max-width:500px){
  /*profile section contacts table width*/
  #contactTab .content-box-border {
	width: 330px;
}
 
  #dependantsTab .content-box-border {
	width: 330px;
}

#communicationPreferencesTab .content-box-border {
	width: 330px ;
}
    /*benefit matrix page blank space below biweekly button*/
  .benefitmatrixforenroll-container .benefitheader-fixed {
	/*height: 220px !important;*/
}
  
}

/*popups cancel hover white*/
.close:focus, .close:hover {
	color: white;
}

/*profile section add beneficiary button*/
#dspSaveBeneficiary{
background-color: #007FAA  !important;
	color: white  !important;
	border-radius: 4px  !important;
  border:none  !important;
}


#dspSaveBeneficiary:hover{
background-color: #00A5DD  !important;
	color: white !important;	
}



/*Self registration heading size*/
.row.text-success.rgheader{
	font-size: 30px;
}



/*manage dependents mmddyyy lowercase*/
.dependantContainer .caption-text.datepicker-acceptedformat.ng-binding {
	text-transform: lowercase;
}


/*follow ups getting rid of headings*/
#followup-items-overlay #followup-items-title {
	display: none;
}

#followup-items-overlay #followup-items-intro {
	display: none;
}


/*beneficiary allocation popup styling*/

/*edit and remove link styling*/
#allocationDialog .edit-beneficiary {
	color: #007FAA;
	text-decoration: underline;
}


 #allocationDialog .edit-beneficiary:hover {
	color: #00A5DD;
	text-decoration: none;
}


#allocationDialog .delete-beneficiary {
	color: #007FAA;
	text-decoration: underline;
}


 #allocationDialog .delete-beneficiary:hover {
	color: #00A5DD;
	text-decoration: none;
}


/*save button into default button*/
#allocationDialog A.button-style.green {
	color: white !important;
	background-color: #007FAA !important;
	border: 1px solid !important;
	border-color: #007FAA !important;
	border-radius: 4px !important;
}

#allocationDialog A.button-style.green:hover {
	color: white !important;
	background-color: #00A5DD !important;
	border: 1px solid !important;
	border-color: #00A5DD !important;
	border-radius: 4px !important;
}



/*capitalizing*/ /* Commenting by Ayush because all text of beneficiary allocation box is capitalized by this*/
/*#allocationDialog .ng-binding {
	text-transform: capitalize;
}*/


/*cancel header white*/
#allocationDialog .close {
	color: white !important;
}


/*add beneficiary default button*/
#allocationDialog .add-beneficiary.ng-binding {
	border: 1px #007FAA solid !important;
	background-color: #007FAA;
	color: white !important;
	border-radius: 4px;
  height: 23px;
  width: 113px;
  text-align: center;
}

#allocationDialog .add-beneficiary.ng-binding:hover {
	
  border-color: #00A5DD !important;
	background-color: #00A5DD;
	color: white !important;
  text-decoration: none
	
}


/*Total cost and employer contribution capitalize*/
.box-border-bg p {
	text-transform: inherit !important;
}


/*AD&D beneficiary allocations issue*/
.col-md-4 .text-success.ng-isolate-scope {
	position: relative;
	right: 11px;
}

    
/*terms and conditions header*/
.terms-condtion-header {
	color: white !important;
}




@media only screen and (min-width:1080px){
/*Position for cookie policy text*/
.page-content .bootstrap-iso.terms-conditions-cookies {
	position: relative;
	right: 108px;
}

.page-content .terms-conditions-cookies-header.ng-scope {
	position: relative;
	right: 20px;
}


/*Terms and condition link*/
.radio.term-enabled a:hover {text-decoration: none;} 

.term-condtion-link.ng-isolate-scope {
	color: #007FAA !important;
	text-decoration: underline;
}


.term-condtion-link.ng-isolate-scope:hover {
	color: #00A5DD !important;
	text-decoration: none;
}
}




/*Benefit Overview Introduction*/
/*.summaries p {
	line-height: 24px;
  font-size: 16px !important;
}*/


/*EAP brackets removal*/
.col-md-8.ng-scope .benefit-print-single-header .ng-binding{
display:none;
}


/*error message for wrong password*/
#errMsg {
	color: #007FAA !important;
}

/* Save button dependent section*/
.dependant-list a.dependant-edit-btn {
	font-size: 1em;
	font-weight: bold;
}


/*forgot username*/
#wp-forgetUserName {
	display: none !important;
}

/*Mobile Browser*/
@media only screen and (max-width:650px){
    #main .panel-body {
	background-color: white !important; 
}


/*need to register button*/  
#register-button {
	background-color: #007FAA;
	border-color: #007FAA;
	border-radius: 4px;
}

#register-button:hover {
	background-color: #00A5DD;

} 
  
}


  /*Home page Buttons*/
  @media only screen and (max-width:650px){
  
  
  .panel-body {
	position: relative;
	left: 14px;
}


.panel.panel-default {
	background-color: white !important;
	border: none;
}

 :root {
 
  --login-image: none;
  }


/****************************************** logo ***********************************/
#logo {
  background-image: url(/choicemrkt/media/Choice-Market/Aon%20Choice%20Logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  /*width: 400px !important;
  height: 100px !important;*/
}  
  
  .btn.btn-primary.carouselbtn.ng-scope{
	background-color: #007FAA !important;
	border-radius: 4px !important;
    border-color: #007FAA;
}

   .btn.btn-primary.carouselbtn.ng-scope:hover {
	background-color: #00A5DD !important;
    border-color: #00A5DD;
	
}
  
 }
  


/*footer color login page*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
	position: absolute !important;
	width: 100% !important;
	min-height: 100% !important;
	left: 0;
	background-color: rgba(0,17,53,.9) !important;
}


/*forgetPassword*/
#wp-forgetPassword {
	color: #007FAA;
	text-decoration: underline;
	font-size: 18px;	
}

#wp-forgetPassword:hover {
	text-decoration: none;
}


/*Forgot Username*/
#wp-forgetUserName {
	color: #007FAA;
	text-decoration: underline;
	font-size: 18px;	
}

#wp-forgetUserName:hover{
	color: #00A5DD;
    text-decoration: none;
}


/*Footer click here link*/
#login-module-registration .module-text a {
	text-decoration: underline !important;
}
#login-module-registration .module-text a:hover {
	text-decoration: none !important;
}


/*Need assistant Email*/
#login-module-need-assistance a {
	text-decoration: underline !important;
}


#login-module-need-assistance a:hover {
	text-decoration: none!important;
}


/*Login Button*/
#login {
	background-color: #007FAA;
	color: white;
	border: 1px solid #007FAA;
	border-radius: 4px;
	height: 43px;
	width: 132px !important;
	text-transform: capitalize;
	font-size: 20px;
}


#login:hover {
	background-color: #00A5DD;
    border:none;
    color: white;

}

/* login module zone height */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
  bottom: 0;
  min-height: 75%
}
/* module headings */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title {
  color: white;
}
/* welcome module heading */
.online-two-iso #login-module-login-page-welcome h2 {
  font-size: 3vw;
  text-align: center;
  width: 100%;
}

/* Set font for icons in assistance module */
.bootstrap-iso #login-module-need-assistance span.glyph-icon:before{
  width: 25px;
  display: inline-block;
  font-family: Glyphicons Halflings;
  font-size: 14px;
}
/* Apply icon for phone */
.bootstrap-iso #login-module-need-assistance span#glyph-phone:before{
  content: "\e182";
}
/* Apply icon for email */
.bootstrap-iso #login-module-need-assistance span#glyph-mail:before{
   content: "\2709";
}

/* language selection box */
.isLoginPage #languageselection,
.isLoginPage #ddlLanguage {
  width: 140px!important;
}

/* login box label boxes */
.login-box .input-group span {
  min-width: 155px;
}

/* forgot password link */
.online-two-iso.login .LoginPageContainer .additional-services {
  color: var(--link-text-color);
}

/* error message for entering incorrect details */
.online-two-iso.login .LoginPageContainer span#errMsg {
  color: var(--secondary-text-color);
}

/* module links */
#login-modules-container a {
  color: white;
}

/*@media only screen and (min-width:768px){
  .isLoginPageWrapper #logo {
    visibility: hidden;
  }*/
  /* login image */
  .online-two-iso.login body {
    background-image: var(--login-image);
    background-position: top;
  }
  /* login module background colour */
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background-color: rgba(0,0,0,0.2);
  }
  /* login box position */
  .online-two-iso.login .LoginPageContainer #main {
    margin-right: 2rem;
  }
  /* login box styling */
  .online-two-iso.login .LoginPageContainer .panel.panel-default {
    box-shadow: none;
  }
  .online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
    background-color: transparent;
  }
  




@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;
  }
}


/*Text transform footer*/
.online-two-iso #footer a {
	text-transform: none;
}


/*TRS Statement as of: */
.col-sm-5.summarystatementdate .ng-isolate-scope {
	display: none;
}

/*/*Star removal on bneefit selection*/
/*.box-left-bg .pending-note.ng-scope {
	display: none;
}*/

/*No Coverage color on benefit selection*/
.box-left-bg .cost-beforeleft .selected-plan{
  color: #2E2E2E;
}


/*Coverage color on benefit selection*/
.box-left-bg .selected-plan.ng-scope{
  color: #2E2E2E;
}


/*additional followup message*/
/*#linedata .ng-scope {
	display: none;
}*/

/*Follow up collect info msg 2*/
.box-left-bg .followup-collect-info {
	display: none;
}

/*coverage twice Employee Optional life*/
#lineid_1a49cdde-5b87-42db-9391-e94f71201862 .you-chose .selected-coverage .ng-binding {
	display: none;
}

/*coverage twice Spousal Optional life*/
#lineid_c588acd7-12f6-4969-bc30-b095b878636c .you-chose .selected-coverage .ng-binding {
	display: none;
}

/*coverage twice Employee Optional ADD*/
#lineid_83075984-cfad-4470-8996-7320d8074c1a .you-chose .selected-coverage .ng-binding {
	display: none;
}

/*coverage twice Spousal Optional ADD*/
#lineid_f43e8943-3e7f-4926-b9bf-3d8b95c9d4ac .you-chose .selected-coverage .ng-binding {
	display: none;
}

/*coverage twice Employee Optional Critical Illness*/
#lineid_38687733-5f9d-4f9d-8b6f-e8566023d40d .you-chose .selected-coverage .ng-binding {
	display: none;
}

/*coverage twice Spousal Optional Critical Illness*/
#lineid_4c7320f1-d55f-4e90-929a-10d25fd79660 .you-chose .selected-coverage .ng-binding {
	display: none;
}

/*coverage twice Tobacoo vaper user*/
#lineid_b6f33bde-69b7-470c-81d3-47dc7dfb8e5d .you-chose .selected-coverage .ng-binding {
	display: none;
}

/*coverage twice Basic life*/
#lineid_b91aa532-ad00-42dc-8bf4-9d3ff22a45f2 .you-chose .selected-coverage .ng-binding {
	display: none;
}

/*Excess Credit Popup cancel color*/
#FlexCredit-overlay .close {
	color: white !important;
}


/*No coverage color*/
 .you-chose .selected-plan {
	color: #2E2E2E !important;
}


/*Benefit Event popup heading styling*/
.modal-content .header.ng-isolate-scope {
	color: white;
}


/*Confirm button when we select benfit event*/
.modal-content .modal-footer .btn-success {
	background-color: #007FAA !important;
  border-radius: 4px !important;
	text-transform: none;
}


.modal-content .modal-footer .btn-success:hover {
	background-color: #00A5DD !important;
	text-transform: none;
}

/*total gross in benefit matrix*/
.containers.ng-scope .col-xs-4.FundedDisplay.ng-isolate-scope .benefit-print-single-header .ng-isolate-scope {
	text-transform: capitalize;
}



/*manage dependent popup*/
/*close button in manage dependents calender*/
.uib-datepicker-popup.dropdown-menu.ng-scope .btn.btn-sm.btn-success.pull-right.uib-close.ng-binding {
	border-radius: 4px;
	background-color: #007FAA;
}


.uib-datepicker-popup.dropdown-menu.ng-scope .btn.btn-sm.btn-success.pull-right.uib-close.ng-binding:hover {
	border-radius: 4px;
	background-color: #00A5DD;
}


/*Clear in manage dependents calender*/
.btn-group.pull-left .btn.btn-sm.btn-danger.uib-clear.ng-binding {
	background-color: #007FAA;
}

.btn-group.pull-left .btn.btn-sm.btn-danger.uib-clear.ng-binding:hover {
	background-color: #00A5DD !important;
	border-color: #00A5DD ;
}



/*Today in manage dependents calender*/
.btn-group.pull-left .btn.btn-sm.btn-info.uib-datepicker-current.ng-binding {
	background-color: #007FAA !important;
}

.btn-group.pull-left .btn.btn-sm.btn-info.uib-datepicker-current.ng-binding:hover {
	background-color: #00A5DD !important;
}



/*calender icon in manage dependents*/
#button_adddependant_birthdate {
	background-color: #007FAA;
}




/*Manage Dependents save and select button in benefit matrix*/
.bootstrap-iso .btn-success {
	
	text-transform: none ;
}

.bootstrap-iso .btn-success:hover {
	
	text-transform: none ;
}



/*Change in Cart Subtle button*/
#\31 2e43b3e-3458-462e-8beb-99d556537c87_ba6e443b-fef0-41de-9f3b-60e89f43d2b1 {
	background-color: white !important;
	color: #012774 !important;
	border-radius: 4px !important;
  border: 1px solid;
  border-color: #012774 !important;
}


#\31 2e43b3e-3458-462e-8beb-99d556537c87_ba6e443b-fef0-41de-9f3b-60e89f43d2b1:hover {
	background-color: #012774 !important;
	color: white !important;
}



/*Select button in benefit matrix
.benefit-matrix .row .btn-success:hover {
	text-transform: none;
}*/


/*select Button*/
.btn.btn-success.btn-option-elect.ng-isolate-scope{
	background-color: #007FAA;
	color: white;
    border-radius:5px !important;
    text-transform: none;
}

.btn.btn-success.btn-option-elect.ng-isolate-scope:hover{
	background-color: #00A5DD;
	color: white;
    text-transform: none;
}

.bootstrap-iso .btn-success:hover {
	text-transform: none;
}




/*Manage Dependents save and select button in benefit matrix*/
.bootstrap-iso .btn-success {
	
	text-transform: none ;
}

.bootstrap-iso .btn-success:hover {
	
	text-transform: none ;
}

#btn-upload-document-cancel {
	background-color: #007FAA;
	color: white;
	border-radius: 4px;
	
}


#btn-upload-document-cancel:hover {
	background-color: #00A5DD;
	color: white;
	
	
}



/*upload document button (Save)*/
.save-button.document-save #btn-upload-document-save{
	background-color: #007FAA !important;
	color: white !important;
	border-radius: 4px !important;
}


.save-button.document-save #btn-upload-document-save:hover {
	background-color: #00A5DD !important;
	color: white !important;
	
}

/*Profile Section Editing*/
/*Cancel in add beneficiary*/
#btnCancelSaveBeneficiary .button-style.gray.ng-binding{
 background-color: #007FAA; 
  color: white;
  border: 1px solid #007FAA;
  border-radius:4px !important;
  font-size: 18px;
}


#btnCancelSaveBeneficiary .button-style.gray.ng-binding:hover{
    background-color: #00A5DD;
   /*border:none;*/
    color: white;
}



/*Save button in add beneficiary*/
 #dspSaveBeneficiary{
 background-color: #007FAA !important; 
  color: white;
  border: 1px solid #007FAA;
  border-radius:4px !important;
  font-size: 18px;
}

 #dspSaveBeneficiary:hover{
    background-color: #00A5DD !important;
   /*border:none;*/
    color: white;
}


/*Removing shadow from buttons(hovering)*/
a.button-style:focus, A.button-style:hover {
	box-shadow: none;
}

/*CANCEL After hovering should be white not black*/
#beneficiaryDialog .close:hover {
	color: white;
}




/*NAV BAR ICONS*/
.fa.fa-user {
	color: #007FAA;
	font-size: 20px;
	line-height: 24px;
}


.fa.fa-envelope {
	color: #007FAA;
	font-size: 20px;
	line-height: 24px;
}

.fa.fa-sign-out {
	color: #007FAA;
	font-size: 20px;
	line-height: 24px;
}


/*TRS Tile icons*/
.trsdashboard .desktop-tab .nav-pills > li.active > a, .trsdashboard .desktop-tab .nav-pills > li.active > a:hover, .trsdashboard .desktop-tab .nav-pills > li.active > a:focus {
    color: #007FAA !important;
} 

/*MY DEALS HEADING*/
.column-content h3 {
	color: #012774 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  margin-bottom: 20px !important;
}


/*Image hover Shadow*/
.img-responsive.center-block:hover {
	box-shadow: 0px 3px 5px 0px rgba(0,0,0, 0.4);
}


/*Enroll tile text left alignment*/
#otherCountdown {
	position: relative;
	right: 167px !important;
}

/*Profile Page*/

/*Text Capitalize*/
#profilecontainer .col-md-4.grid-cell.ng-scope .ng-binding {
 text-transform: capitalize; 
}


/*Color of text icons*/
#profilecontainer .htabs-container .tabs UL LI.sel A {
	color: #012774;
	text-transform: capitalize;
}


/*Client Custom CSS Code Here*/

/*Yellow boxes for pending coverage turned grey*/
.benefit-matrix .currentEOI {
	background-color: #f1f8eb;
	PADDING: 10PX 0;
	MARGIN: 4PX 0 0 0;
}


.benefit-matrix .pendingEOI {
	background-color: transparent;
	PADDING: 10PX 0;
	MARGIN: 4PX 0 0 0;
}


/*CONFIRM CHOICES POPUP STYLING*/
/*confirm choices heading color*/
 .modal-dialog.modal-lg .benefitheader {
	color: white;
	font-size: 16px;
	float: left;
	font-weight: 700;
}



/*cross in confirm choices popup*/
.glyphicon.glyphicon-remove.close {
    color: white;
}

/*Removing by Ayush because of remove button icon on dependent Election info page*/
/*.glyphicon.glyphicon-remove {
	color: white;
}*/



/*confirm choices paragraph styling*/
.modal-dialog.modal-lg  .bootstrap-iso {
	font-family: 'RobotoLight_Font';
	color: #2E2E2E;
}


/*sub headings teal color*/
.modal-dialog.modal-lg .textWrapper strong {
	color: #007FAA;
}

/*border bottom color of header*/
.modal-dialog.modal-lg .modal-header {
	padding: 15px;
	border-bottom: 1px solid #012774;
	background-color: #012774;
}


/*enrollment follow back to home ARE YOU SURE?*/
.online-two-iso .header-overlay h5 {
	background-image: none;
	font-family: RobotoLight_Font;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 16px;
}


/*enrollment follow back to home CANCEL*/
.header-overlay A.close {
	font-family: RobotoLight_Font;
	font-weight: 400;
	font-size: 16px;
	/*line-height: 24px;*/
	/*margin-bottom: 16px;*/
}


/*Welcome Greeting Heading bottom space*/
#home-online-three .dashboard-controls {
	display: flex;
	height: 5rem;
	margin: 0 1rem 0 1rem;
}

/*My Coverage Styling*/

/*Credits earned with cost in a rectangular container (regular text)*/
.benefitmatrixforenroll-container .benefitheader-fixed .col-md-4.col-sm-4 {
	font-family: RobotoLight_Font;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	/* margin-bottom: 16px; */
}


/*My coverage print subtle button*/
 .bootstrap-iso .btn.btn-warning.btn-print{
	color: #012774;
	background-color: transparent;
	border: 1px solid ;
	border-color: #012774 ;
	border-radius: 4px ;
}


.bootstrap-iso .btn.btn-warning.btn-print:hover {
	color: white;
	background-color: #0138A7 !important;
	/*border:none;*/ 
}



/*Pending Coverage subtle button*/
.col-md-10.col-sm-10 .benefitheader.benefitheader-border{
	color: #012774 ;
	background-color: transparent;
	border: 1px solid;
	border-color: #012774 ;
	border-radius: 4px ;
}

.col-md-10.col-sm-10 .benefitheader.benefitheader-border:hover {
	color: white ;
	background-color: #0138A7 ;
	border:none; 
}





/*Date Icon in My Coverage*/
.form-group.online-two-datepicker.benefit-statement .btn.online-two-datepicker {
	color: #2E2E2E;
	background-color: lightgray;
    border:none;
}





/*Historical Coverage heading in My Coverage*/ 

.row.margin-left .input-group .input-group-addon.data-addon.ng-binding {
	font-family: RobotoLight_Font;
	font-weight: 300;
	/* font-size: 18px; */
	line-height: 28px;
	margin-bottom: 20px;
	color: #2E2E2E;
}



/*Credit Summary Heading in my coverage*/

 .benefit-matrix .totalcostLable {
	font-size: 16px;
}



/*Home page button uppercase to none*/
.bootstrap-iso .btn-primary, .bootstrap-iso .btn-danger, .bootstrap-iso .btn-info, .bootstrap-iso .btn-default, .bootstrap-iso .btn-warning,.bootstrap-iso .btn-popup {
	text-transform: none;
}



/* Warning buttons when we go back to homepage from enroll*/

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso A.button-style.blue{

    background-color: #007FAA !important;
	color: white !important;
    border-radius: 5px !important;
    border-color: #007FAA ;

}

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso A.button-style.blue:hover{

    background-color: #00A5DD !important;
	color: white !important;
	border:none; 

}


/*Curving Benefit accordian in Enrollment module*/
.benefit-matrix .benefit-category .benefitline {

	border-radius: 10px;
}


/*Total cost,Funded cost styling*/
.col-xs-4 .benefit-print-single-header {
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
}


/*Your cost*/
.col-xs-4.YourCostDisplay .benefit-print-single-header {
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
}


/*Extended Health Care H3 Blue in Enrollment 2*/
.line-name.ng-binding {
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}


/*Click here for full benefits link in E2*/
 #Line_9198d138-645e-400b-9a67-576fb3a7c932 {
	color: #007FAA;
	text-decoration: underline;
}

 #Line_9198d138-645e-400b-9a67-576fb3a7c932 :hover{
	color: #00A5DD;
	text-decoration: none !important;
}



/*Currently Selected in E2 H5 Blue*/
.benefitselect .header-selected {
	color: #012774;
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
}





/*Your selection Extra Small in E2*/
.selection.ng-binding.ng-scope {
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 8px;
}




/*Avaialable products in E2 H5 Blue*/

.benefitselect .products-header H4 {
	/* color: #252c5c; */
	/* font-size: 18px; */
	text-transform: capitalize;
	background: none;
	/*padding-bottom: 10px;*/

	color: #012774;
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
}




/*Bronze Heading below available products H3 blue in E2*/

.product-info H2 {
	/* font-weight: 500; */
	margin: 0 0 0 0;
	background: none;
	text-indent: 0;
	/* font-size: 1.5em; */
	/* font-size: 39px; */
	color: #012774;
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}



/*Add to cart button in E2*/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button,A.button-style.green {
		color: #012774 !important;
	background-color: transparent !important;
	border: 1px solid !important;
	border-color: #012774 !important;
	border-radius: 4px !important;
}



.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button,A.button-style.green:hover {
	color: white !important;
	background-color: #0138A7 !important;
	/*border:none;*/ 
}



/*Cancel and finished popup buttons*/
a.button-style:focus, A.button-style{
	background-color: #007FAA !important;
	color: white !important;
	border-radius: 4px !important;
	
}


a.button-style:focus, A.button-style:hover {
	background-color: #00A5DD !important;
	color: white;	
}



/* FAMILY H4 Gray A*/
.option-credit-health .option.sel {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 24px !important;
	line-height: 32px;
	margin-bottom: 20px;
}

.option-credit-health .option {
color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}



/*Cost Figure in cart h4 Blue*/
SPAN.green-number {
	color: #2E2E2E;
	white-space: nowrap;
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
    width: auto;
}


/*Effective Date*/
.coverageDateFrom.ng-binding {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 8px;
    color: #2E2E2E;
}

.dependent-approved {
	color: #2E2E2E;
}


/*dependents covered capitalize*/

/*.your-beneficiaries .txt-beneficiaries H4 {
	text-transform: capitalize;
}*/

.coverageStartDate {
	
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 8px;
	font-size: 12px;
    color: #2E2E2E;
}



/*This product is in your cart Heading paragraph large*/
#current-option-in-cart89a46e26-21d4-406d-9be2-110d2bbfcc4e {
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 4px;
}


/*This product is in your cart border and background*/
.benefitselect .products .box-border.sel .header {
	background-color: #012774;
	color: #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 12px;
}



.benefitselect .products .box-border.sel {
	background-color: #012774;
	/* border: 1px solid; */
}


/*Silver under your selection in E2 h4 gray A EHC*/
#lineid_dcee7d6f-2133-4213-8c85-994273a42527 .selected-plan {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}



/*Family under Silver in E2 Extra small gray A Dental*/

#lineid_991f1408-e49e-4f5e-8766-e5c8600dfdd1 .selected-coverage {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 8px;
}

/*Silver under your selection in E2 h4 gray A Dental*/
#lineid_991f1408-e49e-4f5e-8766-e5c8600dfdd1 .selected-plan {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}



/*Family under Silver in E2 Extra small gray A EHC*/

#lineid_dcee7d6f-2133-4213-8c85-994273a42527 .selected-coverage {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 8px;
}

/*cost to you in E2 small para bold*/

.benefitselect .in-Cart .you-pay H3 {
	color: #2E2E2E;
	text-transform: none;
	/* font-size: 18px; */
	white-space: normal;
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
}



/*Cost figure under cost to you in E2 H4 + 8px Gray A*/
@media only screen and (min-width:768px){
.benefitselect .in-Cart .you-pay P SPAN.green-number {
	color: #2E2E2E;
	font-size: 14px;
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 20px;
}
}

@media only screen and (max-width:767px){
.benefitselect .in-Cart .you-pay P SPAN.green-number {
	color: #2E2E2E;
	font-size: 14px;
	font-family: RobotoLight_Font;
	font-weight: 300;
	/*font-size: 32px;*/
	line-height: 32px;
	margin-bottom: 20px;
}
}


/*confirm ur choices DEFAULT button*/ 

.benefitheader-fixed div#followup-items a.btn {
	background-color: #007FAA !important;
	color: white !important;
     border-radius: 5px !important;
}


.benefitheader-fixed div#followup-items a.btn:hover {
	background-color: #00A5DD !important;
	color: white !important;
}

/*Enrolment accordiam main heading(ACTIVE) Default paragraph*/

.panel-group .title.ng-isolate-scope {
	font-family: RobotoLight_Font;
	font-weight: 400;
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 16px;
    color: #007FAA;
    position: relative;
    top: 9px;
}

/*dropdown color*/
.accordion-toggle .glyphicon {
	color: #007FAA;
}

.btn.btn-success.btn-confirmchoice.ng-scope .glyphicon{
	color: white;
}

/*3 days to enrolll shifted left side*/
#otherCountdown {
	position: relative;
	right: 130px;
}


/*benefit overview sub headings styling*/
.panel-group .summaryContent.tableCell .summaryTitle{
font-family: RobotoLight_Font;
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
  color: #012774;
  
}



/*summary styling in benefit overview*/
.panel-group .summaryContent.tableCell .summaries{
  font-family: RobotoLight_Font;
  /*font-weight: 700;*/
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 16px;
    color: #2E2E2E;
  
}


/*Disclaimer text (small Para)*/
#Summary_7758 i{
	font-size: 12px;
	font-family: RobotoLight_Font;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 8px;
}



/*Grey text in manage dependents*/
.dependant-list .dependant-name span {
	color: #2e2e2e;
	font-size: 16px;
	font-weight: bold;
}


/*Dependents covered resource string (grey)*/
.col-md-4 {
	color: #2e2e2e;
}



/*Biweekly colors*/
.bootstrap-iso .btn-warning:active, .bootstrap-iso .btn-warning.active, .bootstrap-iso .open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #007FAA !important; 
 border-color: #007FAA !important; 
}


.btn.btn-default.btn-perpay.ng-valid.ng-not-empty.ng-touched.ng-dirty.btn-warning.active.ng-valid-parse:hover{
		 background-color: #00A5DD !important;  
  border-color: #00A5DD !important; 
}

.btn.btn-default.btn-peranual.ng-valid.ng-not-empty.ng-dirty.ng-touched.btn-warning.active.ng-valid-parse:hover{
		 background-color: #00A5DD !important;  
  border-color: #00A5DD !important;
}

.bootstrap-iso .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.bootstrap-iso .btn-sm, .bootstrap-iso .btn-group-sm > .btn, .bootstrap-iso .btn-group > .btn:last-child:not(:first-child), .bootstrap-iso .btn-group > .dropdown-toggle:not(:first-child) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}



/*Add to Cart Buttons*/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green {
	background-color: #012774;
}

/*Dependant is covered color change*/
.bootstrap-iso .text-success {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
}

/*RESET To DEFAULT BUTTON*/
.benefitheader-fixed div#resettodefaults a.btn {
	background-color: white;
	color: #007FAA;
	border-color: white;
    text-decoration: underline !important; 
}

.benefitheader-fixed div#resettodefaults a.btn:hover {
	background-color: white !important;
	border-color: white !important; 
  color: #00A5DD !important;
  text-decoration:none !important;
}

.benefitheader-fixed div#followup-items a.btn:hover {
	background-color: #0138A7;
	
}


/*Margin over main logo 20px*/
#logo {
	margin-top: 20px;
} 

/*To remove Bold from Home Vav bar*/
.online-two-iso #menu-no-dashboard li a.selected {
	font-weight: 400;
}

/*Nav Bar Styling*/
#menu0{
font-family: RobotoLight_Font;
	font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
    text-transform: capitalize !important;
	text-decoration: underline !important;
}


#menu0:hover {
	text-transform: capitalize !important;
  text-decoration: none !important;
  color: #00A5DD !important;
}


#menu1{
font-family: RobotoLight_Font;
	font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
    text-transform: capitalize !important;
	text-decoration: underline !important;
}

#menu1:hover {
	text-transform: capitalize !important;
  text-decoration: none !important;
  color: #00A5DD !important;
}


#menu2{
font-family: RobotoLight_Font;
	font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
    text-transform: capitalize !important;
	text-decoration: underline !important;
}

#menu2:hover {
	text-transform: capitalize !important;
  text-decoration: none !important;
  color: #00A5DD !important;
}


#menu3{
font-family: RobotoLight_Font;
	font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
    text-transform: capitalize !important;
	text-decoration: underline !important; 
}

#menu3:hover {
	text-transform: capitalize !important;
  text-decoration: none !important;
  color: #00A5DD !important;
}

/*Enrolment Page Styling*/
/*Extended health care heading*/

.lineheader.ng-scope .ng-binding {
	color: #012774;
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
    text-decoration: none;
}

.benefit-matrix .lineheader > a:hover {
	color: #0138A7;
	
}


/*My coverage Benefits heading(Sub headings)*/
.benefit-matrix .lineheader {
	color: #012774;
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
	text-decoration: none;
}

/*Arrow color*/
.benefit-matrix .glyphicon-play-color {
	color: #012774;
	font-size: 9px;
	top: 0;
}

/*Silver,Family color*/
.containers .col-md-4 .ng-binding {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
}

/*Total Cost*/
.col-xs-4.FundedDisplay.ng-isolate-scope {
	color: #2E2E2E;
  font-family: RobotoLight_Font;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}


/*Your Cost Figure $0.00 H4 gray A*/
.font-youpay-color.margin-top-min.PerPay.ng-binding.Show {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}

@media screen and (min-width: 300px) and (max-width:768px){
.font-youpay-color.margin-top-min.PerPay.ng-binding.Show {
  font-size: 16px;
}
 }

@media only screen and (max-width:768px){
  /*Pre TAx Zero diferent class*/
.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 300;
	/*font-size: 24px;*/
	line-height: 32px;
	margin-bottom: 20px;
}

 } 
  
/*Pre TAx Zero diferent class*/
@media only screen and (min-width:768px){
.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {
	color: #2E2E2E;
	font-family: RobotoLight_Font;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}
}




/*Health heading H3 Blue*/

#containerGlobal .ng-binding.line-group {
	color: #012774;
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}




/*Manage Dependants heading (Pop UP)*/
.modal-header.dependant-normal h3.dependantModalHeader {
	color: white;
  font-family: RobotoLight_Font;
  font-weight: 300;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px){
  .modal-header.dependant-normal h3.dependantModalHeader { 
    font-size: 24px;
    margin-bottom: 0px;
  }
}

/*Dependents Supplemental NAV - Horizontal Tabs*/
.modal-body.dependant-normal .tab-header .tab-selector-link.ng-isolate-scope.active {
	font-family: RobotoLight_Font;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
}


/*Products in your cart check box options in enrolment*/

/*All benefits*/
.links-group.four-links {display: none;}



/*Accordian title color*/
.group-title {
	color: #007FAA;
    font-size: 21px;
}


/*Enrollment benefit overview popup font*/
#online2-global-benefit-overview-modaltemplate .pannel-body-full {
	font-family: RobotoLight_Font;
}


/*Benefit Overview Limited Styling*/

/*accordian height and color*/
.group-header.ng-scope {
	height: 60px;
	background-color: #F8F8F8;
}

/*TRS Accordian color*/
.trsdashboard .panel-default > .panel-heading {
	background-color: #F8F8F8;
}


/*TRS Accordian title color*/
.panel-title .summmary.ng-isolate-scope {
	color: #007FAA;
}


/*wHITE BORDER OF ACCORDIANS*/
#benefit-overview #overviewAccordion .panel-default > .panel-heading {
	background-color: #F8F8F8 !important;
	color: red;
	font-size: 14px;
	padding-left: 0;
}

/*Drop Down color*/
.group-header-graphicon.pull-right.glyphicon.glyphicon-menu-down {
	color: #007FAA;
}


.group-header-graphicon.pull-right.glyphicon.glyphicon-menu-up {
	color: #007FAA;
}

/*Accordian heading center alignment*/
#benefit-overview .panel-group .group-header .group-title {
	margin-top: 10px;
}


/*Next in Enrollment module*/
.glyphicon.glyphicon-record.ng-scope {
	display: none;
}


/*Buttons in Benefit Overview*/
.panel-group .btn.btn-info.know-more-link{
  display: none;
}


/*greeting message left adjustment*/
#greeting-message {
	right: 15px;
	position: relative;
}


/*Left border showing by template*/
#home-online-three #right-side, #home-online-three #home-integrated {
	border-left: 0px solid #e5f1ff;
}
 
/* adjust width of carousel thumbnails */
.home-module-integrated #slider .thumb .rect {
width: 190px;
}
/* background of thumbnail container */
.home-module-integrated #slider .thumb {
background: #ededed;
}


/*greyyy content*/
.trs-statement-intro.ng-scope {
	color: grey;
}

/*Shadow of Tiles*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content, .bootstrap-iso .carousel.home-module-integrated {
	background: #fff;
	border: none !important;
	border-radius: 0;
	box-shadow: 1px 3px 6px 1px  rgba(0,0,0, 0.2);
} 



/* Logo size*/
#logo {
    float: left;
    width: 300px;
    height: 75px;
}

/*Greeting Message bottom space*/
#home-online-three .dashboard-controls #greeting-message {
	font-size: 36px;
	color: #012774;
	font-weight: 300;
	font-family: 'Robotomedium_Font';
	line-height: 56px;
	margin-bottom: 20px;
}


@media only screen and (max-width: 767px){
  #home-online-three .dashboard-controls #greeting-message {
	font-size: 32px;
  }
}
  
/*Font styling of whole page*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .module-copy{
text-align: left;
/*font-family:Robotothin_Font;*/
font-size:18px;
font-weight:400;
line-height:24px;
margin-bottom:12px;

}


/*Enrol Tile When event is in pending state*/
#otherCountdown span.ng-binding {
	position: relative;
	left: 165px;
}




/* Font size of the top navigation menu items*/
.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected {
     color: #007FAA; 
            font-size: 18px;
} 



/* Credit Summary display none on benefit selection page*/
.contributionsummary.row {
    display: none;
}

/*Attachment link in view and upload docs*/
div#documentsContainer .row-space a#btnUploadDocument{
font-weight: 700;
color: #cc3800;
text-decoration: underline;
}

/*Attachment (Follow Up) link in view and upload docs*/
.column-left #btnUploadDocument{
  font-weight: 700;
color: #cc3800;
text-decoration: underline;
}



/* Home page header naviagtion tab font*/
/*.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu li a, .online-two-iso #menu-sub li a {
    font-size: 1em;
}*/

/* Home page background color*/
html#home {
    background-color: #f2f2f2;
}

/*Smoker Disbale and fulltime display none in add dependent section*/
.dependant-cell.add.cell-md-6.is-smoker.ng-isolate-scope {
    display: none;
}



/*#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content{
  padding: 0.2rem !important;
  background-color: white;
}*/

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
    border-radius: 5px;
    border: solid 1px #bee7ec;
    padding: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

/* Information icon from home team */
span.glyphicon.glyphicon-info-sign {
    display: none !important;
}


/*.benefit-category .panel-body .benefit-active-benefits:before{
  content:"Please click the “MANAGE DEPENDENTS” button above to add, edit, or remove your dependents." !important;
}*/ 
.menu-header {
    display: none !important;
}
/* Credits Summary widget text */
a.ng-isolate-scope.checked {
    display: none !important;
}
ul.modeller-links {
    display: none !important;
}

/* Bracket removal */
.netgrosstext.ng-binding {
    display: none !important;
}
/* Home page logo header*/
#header {
	height: 120px;
}
/* profile section email overlap*/
#contactTabContactPreferences .ng-scope.col-md-4 {
	width: 43.333%;  
}

/*Inline follow up removal*/
.followup-item-collect.ng-scope.alert-warning {
	display: none;
}

.box-left-bg .followup-container.ng-scope {
	display: none;
}

.followup-required.alert.alert-warning {
	display: none;
}

/*Manage dep-- Dependent Coverage Summary remove*/
.online-two-iso .modal-normal .tab-selector li {
	width: 58% !important;
	float: left;
}
.right-tab {
	display: none;
}
/* Tobacco line Click here for full benefits details remove */
#Line_b6f33bde-69b7-470c-81d3-47dc7dfb8e5d.more-info {display: none;}

/* Bullets*/
UL.needbullet {
    list-style-type: disc !important;
    list-style: disc !important;
    margin-left: 30px !important;
}

.needbullet {
    list-style-type: disc !important;
    list-style: disc !important;
    margin-left: 30px !important;
}

/* Excess credits follow up alignment*/
#CreditAllocations table input {
	margin: 10px -76px;
	width: 80px;
}

/*text transformation for retirement benefits*/
.in-Cart .cost {
    padding: 0px 70px 10px 0;
    background: url(../Aon.Marketplace/img/content/you_chose_circle.gif) no-repeat 100% 16px;
    width: auto;
    text-transform: inherit;
}
.in-Cart .funded {
    padding: 0px 70px 0 0;
    background: url(../Aon.Marketplace/img/content/you_chose_circle2.gif) no-repeat 100% 16px;
    width: auto;
    text-transform: inherit;
}

/* Search button and fields remove */
#search-box {
	display: none;
}
#floating-header-content .search-btn {
	float: right;
	font-size: 1em;
	height: 36px;
	width: 55px;
	padding: 8px;
	text-transform: lowercase;
	background-color: #09c;
	display: none;
}

/* Validation Message follow up*/
@media only screen and (min-width:768px and max-width:1500px){
#validationError-overlay {
	width: 1350px !important;
    height: auto !important;
}
}  

/* Election info remove button */
.election-info-collect .dependant-list .dependant-control {
	height: 40px;
	line-height: 20px;
}

/* Cost to you capitalization */
.in-Cart .you-chose H3, .in-Cart .you-pay H3, .rightsection H3 {
	text-transform: none;
	color: #09c;
	font-weight: 600;
	font-size: 1.4em;
	margin: 0;
	line-height: 1.1em;
	white-space: nowrap;
}

/* Total cost, Employer contribution and your cost font */
.bootstrap-iso small, .bootstrap-iso .small {
	font-size: 100%;
}

/* TRS Total Top manage*/
.col-md-12.ng-scope span.highcharts-title {
    top: 384px !important;
}



/* Benefit Statement print statement alignment*/
@media print {
a.main-menu-toogle.btn.visible-xs { display: none !important;}
.benefitheader.payperiodtoggle.ng-isolate-scope { display: none; }
span.benefitheader.asatdate-label , span.benefitheader.asatdate-value {font-size: 20px;}
.benefit-matrix .group-body {margin-left: 10px;padding: 5px; width: 98%;}
.benefit-matrix .benefit-category .benefitline {break-inside: avoid;}
.col-xs-4 .benefit-print-single-header {
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 15px;
}
.col-xs-4.YourCostDisplay .benefit-print-single-header {
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 15px;
}
.font-youpay-color.margin-top-min.PerPay.ng-binding.Show {
    color: #012774 !important;
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 24px;
}
.statementpage{
    margin-top: 20px;
    color: #000000 !important;
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 34px !important; }
.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {
    color: #012774 !important;
    font-family: RobotoLight_Font;
    font-weight: 700;
    font-size: 20px;
}
img {
    display: none;
}
#containerGlobal .ng-binding.line-group {
    margin-left: 10px;
}
div#mobile-links { display: none !important;}
.row.benefitline { border: 1px solid black;}
.benefit-matrix .lineheader { font-size: 30px;}
.benefit-matrix .benefitline .row .col-md-4 { width: 100%; font-size: 20px;}
.containers .col-md-4 .ng-binding {font-size: 18px;}}

/*Profile Section beneficiary*/
#profilecontainer .online-beneficiary .allocationError {
    color: red !important;
}
#profilecontainer .online-beneficiary .allocationValid {
    color: #693 !important;
}
#profilecontainer .online-beneficiary .add-beneficiary {
    Display: none;
}
#beneficiariesTabControl {
    text-transform: inherit;
}

/*Dev team code suggestion for buttons on Profile section beneficiary*/
.content-overlay .btn-primary {background-color: #3882a5;color: #fff;}
.content-overlay .btn-group label {border: 1px solid white;padding-left: 10px;}

/*Orion travel decoration: underline*/
#menu4.guid-c8fdb88e-cd03-4804-ad85-d7453639a744 {
	text-decoration: underline !important;
}
/* Reset to default button hide*/
.benefitheader-fixed div#resettodefaults a.btn{
  display: none !important;
}



@media only screen and (max-width: 767px)
.active-benefits .modal-main {
    overflow: auto;
    max-height: calc(100vh - 380px);
}

@media (max-width: 767px)
.benefit-matrix .modal-content .modal-body.confirmchoice {
    overflow: auto;
    max-height: 60vh !important;
}




/* Minification failed (line 6005, error number 1034): Expected closing parenthesis, found ':' */