:root {
  --main-bg-color: #f1eee7;
  --primary-color: #f7901f;
  --primary-color-dark: #e8881f;
  --primary-button-color: #03a9f4;
  --light-brand-color: #ece5da;
  --light-primary-button-color: #00bcd4;
}
.mainBG,
body,
body.grayWrapper,
body.brWrapper,
body.eeWrapper,
.ssoPage,
.primaryNavContainer .primaryNav li.selected,
.eeTabs ul.nav-tabs > li.active > a {
/* B'Coz IE11 still sucks */
  background-color: #f1eee7;
  background-color: var(--main-bg-color);
}
.primaryText,
.greenText,
.primaryNavContainer .employerName,
.editContribution .btn-link,
.monthlyPremiumAlt,
ol.erMenu.eeRightMenu li a.active,
.topHeadingColor,
.monthlyPremium,
p.monthlyPremium,
p.monthlyPremium .dollarSign,
.monthlyPremium .dollarSign,
.marketPlaceWhiteWell h2.topHeadingColor,
.greenHeading,
.ovTabs .nav.nav-tabs li[class^="ovIconLg"].active a,
ol.brLeftMenu li a.active,
.employeeSteps.sixStepsFlow .circle.done,
.employeeSteps.sevenStepsFlow .circle.done,
.employeeSteps.eightStepsFlow .circle.done,
.employeeSteps.nineStepsFlow .circle.done,
.employeeSteps.tenStepsFlow .circle.done,
.employeeSteps.sixStepsFlow .circle.active,
.employeeSteps.sevenStepsFlow .circle.active,
.employeeSteps.eightStepsFlow .circle.active,
.employeeSteps.nineStepsFlow .circle.active,
.employeeSteps.tenStepsFlow .circle.active,
.employeeSteps.sixStepsFlow .active.icon .title,
.employeeSteps.sevenStepsFlow .active.icon .title,
.employeeSteps.eightStepsFlow .active.icon .title,
.employeeSteps.nineStepsFlow .active.icon .title,
.employeeSteps.tenStepsFlow .active.icon .title,
.newKpiBrDashboardTopBox p.totalActiveValue,
.enrollmentChecklist li.active a,
.clientBox a:hover,
.clientBox a:focus,
.clientProfile h5,
.basePopover .popoverContent p.greenText,
.orangeText,
.a-primaryText,
.-highlightedText,
.test-client,
.panel-title > a,
.contributionPanel .quotesDataListAlt .panel-title > a,
.declinedText {
/* B'Coz IE11 still sucks */
  color: #f7901f;
  color: var(--primary-color);
}
.primaryBG,
.verticalTabs .nav-pills > li.active > a,
.employeeSteps.sixStepsFlow .circle.done,
.employeeSteps.sevenStepsFlow .circle.done,
.employeeSteps.eightStepsFlow .circle.done,
.employeeSteps.nineStepsFlow .circle.done,
.employeeSteps.tenStepsFlow .circle.done,
.employeeSteps.sixStepsFlow .circle.active,
.employeeSteps.sevenStepsFlow .circle.active,
.employeeSteps.eightStepsFlow .circle.active,
.employeeSteps.nineStepsFlow .circle.active,
.employeeSteps.tenStepsFlow .circle.active,
.employeeSteps.sixStepsFlow .steps .progress-bar,
.employeeSteps.sevenStepsFlow .steps .progress-bar,
.employeeSteps.eightStepsFlow .steps .progress-bar,
.employeeSteps.nineStepsFlow .steps .progress-bar,
.employeeSteps.tenStepsFlow .steps .progress-bar,
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.tabs.roundTabs .nav-tabs > li.active > a,
.tabs.roundTabs .nav-tabs > li.active > a:hover,
.tabs.roundTabs .nav-tabs > li.active > a:focus,
.o-profileBox__Head,
.staticContentHeader {
/* B'Coz IE11 still sucks */
  background-color: #f7901f;
  background-color: var(--primary-color);
}
.primaryButton,
.btn-primary,
.btn-primary[disabled],
.pricingBox .btn-quartenry {
/* B'Coz IE11 still sucks */
  background: #03a9f4;
  background: var(--primary-button-color);
}
.utilityNavContainer,
.top_header_part {
  background-color: #302f34;
}
.headerBorder {
  background: #fff;
}
.primaryNavContainer {
  background-color: #fff;
  padding: 0;
  height: 79px;
  border-bottom: 1px solid #eae6db;
}
.primaryNavContainer .logo {
  padding: 7px 0;
}
.primaryNavContainer .logo a {
  padding-right: 22px;
  border-right: 1px solid #b3a88c;
}
.primaryNavContainer .employerName {
  padding-left: 10px;
}
.primaryNavContainer .primaryNav li {
  padding: 28px 8px 25px;
  margin: 0;
  line-height: 20px;
}
.primaryNavContainer .primaryNav li:first-child {
  padding-left: 12px;
  padding-right: 12px;
}
.primaryNavContainer .primaryNav li a {
  color: #dc6e4b;
  font-size: 15px;
}
.primaryNavContainer .primaryNav li:hover a {
  color: #c34219;
}
.primaryNavContainer .primaryNav li.selected {
  line-height: 21px;
}
.primaryNavContainer .primaryNav li.selected > a {
  color: #e98918;
}
.primaryNavContainer .primaryNav.eeNav li {
  margin-top: 18px;
  padding: 0;
}
.primaryNavContainer .primaryNav.eeNav li p {
  color: #b57229;
}
.brWrapper .logo a,
.-broker.logo a {
  border-right: 0;
}
.eeDates {
  padding: 28px 15px 30px;
  border-left-color: #f3dcd5;
}
.importantDate {
  color: #e98918;
  font-size: 14px;
}
abbr[title].importantDate,
abbr[data-original-title].importantDate {
  border-color: #f3dcd5;
}
@media (max-width: 960px) {
  .primaryNavContainer .navbar-toggle {
    margin: 15px 5px 0 0;
  }
  .navbar-toggle .icon-bar {
    background-color: #f7901f;
  }
}
.btn-primary,
.btn-primary[disabled],
.pricingBox .btn-quartenry {
  border-color: transparent;
}
.btn-primary:hover,
.btn-primary[disabled]:hover,
.pricingBox .btn-quartenry:hover,
.btn-primary:focus,
.btn-primary[disabled]:focus,
.pricingBox .btn-quartenry:focus,
.btn-primary.active,
.btn-primary[disabled].active,
.pricingBox .btn-quartenry.active,
.btn-primary:active,
.btn-primary[disabled]:active,
.pricingBox .btn-quartenry:active,
.btn-primary.disabled,
.btn-primary[disabled].disabled,
.pricingBox .btn-quartenry.disabled {
  background: #0b98d8;
  border-color: transparent;
}
.btn-primary,
.btn-default,
.btn-secondary,
.btn-quartenry,
.ripple,
.pricingBox .btn-quartenry {
  position: relative;
  overflow: hidden;
}
.btn-primary:after,
.btn-default:after,
.btn-secondary:after,
.btn-quartenry:after,
.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: unset;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
}
.btn:active:after,
.ripple:active:after {
  transform: scale(0, 0);
  opacity: 0.2;
  transition: 0s;
}
button:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}
.backButton,
.skipButton {
  position: absolute;
  overflow: visible;
}
.btn-default.backButton:after,
.btn-default.skipButton:after {
  border-width: 14px;
  margin-top: -14px;
  transform: inherit;
  background-image: none;
  width: auto;
  height: auto;
  left: unset;
  opacity: 1;
}
.backButton:after,
.backButton:before {
  right: 98%;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.skipButton:after,
.skipButton:before {
  left: 98% !important;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.skipButton:after {
  border-color: rgba(255,255,255,0);
  border-left-color: #fff;
  border-width: 14px;
  margin-top: -14px;
}
.skipButton:before {
  border-color: rgba(204,204,204,0);
  border-left-color: #ccc;
  border-width: 15px;
  margin-top: -15px;
}
.btn.selected,
.eeWrapper .btn.selected {
  border-color: #03a9f4;
  color: #03a9f4;
}
.btn.selected:hover,
.eeWrapper .btn.selected:hover,
.btn.selected:focus,
.eeWrapper .btn.selected:focus {
  background-color: transparent;
}
.btn-primary.selected.disabled {
  background-color: #fff;
}
.btn-secondary {
  background: #06b9a8 !important;
  border-color: transparent;
}
.btn-secondary:hover,
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary.disabled {
  background: #07a092 !important;
  border-color: transparent;
}
.btn-quartenry {
  background: #bf9209 !important;
  border-color: transparent;
}
.btn-quartenry:hover,
.btn-quartenry.active,
.btn-quartenry:active,
.btn-quartenry.disabled {
  background: #a07b07 !important;
  border-color: transparent;
}
.btn-inverse {
  background-color: #fff;
  color: #09c;
  border-color: #ccc;
}
.btn-inverse:hover,
.btn-inverse:focus {
  color: #006080;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-primary.cursorNotAllowedIcon {
  background-color: rgba(3,169,244,0.902) !important;
}
.progress-bar {
  background-color: var(--light-primary-button-color);
}
.pricingTop {
  padding: 40px 0;
}
.pricingTop h1 {
  color: #115184;
}
.paymentHead {
  background: #302f33;
}
.paymentSummary {
  background-color: #fff;
}
.pricingFAQ .panel {
/* B'Coz IE11 still sucks */
  background-color: #f1eee7;
  background-color: var(--main-bg-color);
}
.pricingBox .inner {
  background-color: #fff;
}
.pricingHead.typeA {
  background-color: #f3ca51;
}
.pricingHead.typeB {
  background-color: #9f85ce;
}
.pricingHead.typeC {
  background-color: #f17c73;
}
.pricingHead.typeD {
  background-color: #00bcd4;
}
.typeA .pricingHead {
  background-color: #f3ca51;
}
.typeA .currentPlanText {
  background-color: #b78a04;
}
.typeA.currentPlan .inner {
  border: 2px solid #b78a04;
}
.typeB .pricingHead {
  background-color: #9f85ce;
}
.typeB .currentPlanText {
  background-color: #5d3ba0;
}
.typeB.currentPlan .inner {
  border: 2px solid #5d3ba0;
}
.typeC .pricingHead {
  background-color: #f17c73;
}
.typeC .currentPlanText {
  background-color: #5d3ba0;
}
.typeC.currentPlan .inner {
  border: 2px solid #5d3ba0;
}
.typeD .pricingHead {
  background-color: #00bcd4;
}
.typeD .currentPlanText {
  background-color: #078292;
}
.typeD.currentPlan .inner {
  border: 2px solid #078292;
}
.pricingBox {
  border-radius: 5px;
}
.pricingBox:last-child {
  box-shadow: 0px 0px 6px 0 #e2b36d;
}
.paymentSection {
  background-color: #fff;
}
.altText {
  color: #1e86d8;
}
.colorText {
  color: #965853;
}
.marketPlace .bgWhite {
  background: transparent;
  border-bottom: 1px dashed #f7901f;
}
.marketPlaceWhiteWell {
  background: transparent;
  box-shadow: 0 0 0 transparent;
  padding: 0;
  flex-flow: row wrap;
}
.marketPlaceWidgetBox {
  box-shadow: 0px 0px 6px 0 #dcc7a7;
  background: #fff;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  transition: all 0.5s;
}
.marketPlaceWidgetBox:hover,
.marketPlaceWidgetBox:focus {
  transform: scale(1.1);
}
.marketPlaceWidgetBox.-alt:hover,
.marketPlaceWidgetBox.-alt:focus {
  transform: none;
}
.breadcrumb {
  background: transparent;
}
.marketPlaceWhiteWellAlt,
.marketPlaceWhiteWellFlex {
  background: #fff;
  box-shadow: 0px 0px 6px 0 #dcc7a7;
}
.marketPlaceWhiteWellAlt {
  border-radius: 3px 3px 0 0;
}
.marketPlaceWhiteWellFlex {
  padding: 30px;
}
.bodyContentBox {
  flex: 1 0 auto;
}
.actionStrip {
  box-shadow: 0 0 0 transparent;
}
.footerButton button {
  padding: 10px 10px;
}
.footerButton button:last-child {
  border-left-color: #ccc;
}
.active .overviewCaret,
button.btn-link.active .overviewCaret {
  border-bottom-color: #f7901f;
  border-bottom-color: var(--primary-color);
}
.verticalTabs .nav-pills > li.active > a:hover,
.verticalTabs .nav-pills > li.active > a:focus{
  background-color: #f7901f;
  background-color: var(--primary-color-dark);
}
.ratesUploadCont.verticalTabs ul.nav-pills li > a {
  color: #888;
}
.ratesUploadCont.verticalTabs .nav-pills > li.active > a {
  color: #fff;
}
.greyBoxShadow {
  box-shadow: 0 0 0 transparent;
  border-bottom: 1px solid #c7bda4;
}
.offsetTM38 {
  margin-top: -39px;
}
.bgGray {
  background-color: transparent;
}
.employeeSteps.sixStepsFlow .circle.done,
.employeeSteps.sevenStepsFlow .circle.done,
.employeeSteps.eightStepsFlow .circle.done,
.employeeSteps.nineStepsFlow .circle.done,
.employeeSteps.tenStepsFlow .circle.done,
.employeeSteps.sixStepsFlow .circle.active,
.employeeSteps.sevenStepsFlow .circle.active,
.employeeSteps.eightStepsFlow .circle.active,
.employeeSteps.nineStepsFlow .circle.active,
.employeeSteps.tenStepsFlow .circle.active {
  border-color: #f7901f;
  border-color: var(--primary-color);
}
.employeeSteps.sixStepsFlow .steps .progress-bar,
.employeeSteps.sevenStepsFlow .steps .progress-bar,
.employeeSteps.eightStepsFlow .steps .progress-bar,
.employeeSteps.nineStepsFlow .steps .progress-bar,
.employeeSteps.tenStepsFlow .steps .progress-bar {
  box-shadow: 0px 0px 6px 0 #dcc7a7;
}
.nav-tabs > li > a {
  border-color: #f7901f;
}
.nav-tabs > li > a:hover {
  border-color: #f7901f;
}
.employeeBenefitsTabCont .nav-tabs li {
  margin-right: 30px;
  border-left: 0;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  border-right: 0;
}
.employeeBenefitsTabCont .nav-tabs > li > a,
.employeeBenefitsTabCont .nav-tabs > li > a:hover {
  background-color: transparent;
  border-color: transparent;
  color: #777;
  font-size: 16px;
  padding: 7px 0;
  margin-right: 0;
  box-shadow: 0 0 0 transparent;
  border-radius: 5px 5px 0 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.employeeBenefitsTabCont .nav-tabs li.active {
  border-bottom: 3px solid #f7901f;
}
.employeeBenefitsTabCont .nav-tabs > li.active > a,
.employeeBenefitsTabCont .nav-tabs > li.active > a:hover,
.employeeBenefitsTabCont .nav-tabs > li.active > a:focus {
  background-color: transparent;
  border-color: transparent;
  font-size: 16px;
  margin-right: 0;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.manageApprovalPlanDetails.employeeBenefitsTabCont .nav-tabs li {
  margin-right: 25px;
}
.manageApprovalPlanDetails.employeeBenefitsTabCont.offsetTM38 {
  margin-top: -36px;
}
.manageApprovalPlanDetails.employeeBenefitsTabCont .nav-tabs > li.active > a {
  margin-bottom: -3px;
}
.tabs.brokerNewDashboardInnerTab .nav-tabs li.active a.nav-link {
  border-bottom-color: #f7901f;
  border-bottom-color: var(--primary-color);
  border-bottom-width: 3px;
}
.tabs.brokerNewDashboardInnerTab .nav-tabs li a.nav-link {
  border-bottom: 0;
}
.tabs.brokerKPINewDashboardInnerTab .nav-tabs > li.active > a,
.tabs.brokerKPINewDashboardInnerTab .nav-tabs > li.active > a:hover,
.tabs.brokerKPINewDashboardInnerTab .nav-tabs > li.active > a:focus {
  background-color: #f7901f;
}
.tabs.brokerKPINewDashboardInnerTab .nav-tabs > li > a:hover {
  padding: 7px 20px;
}
.tabs.roundTabs .nav-tabs > li > a {
  background-color: #ece6d6;
  border-color: #ece6d6;
  color: #777;
}
.tabs.roundTabs .nav-tabs > li.active > a,
.tabs.roundTabs .nav-tabs > li.active > a:hover,
.tabs.roundTabs .nav-tabs > li.active > a:focus {
  color: #fff;
  font-size: 14px;
  box-shadow: none;
  border-radius: 20px;
}
.topMenuLeftBorder {
  color: #d45e52;
}
.toolTipDottedWhite {
  border-bottom-color: #999;
}
.eeTabs {
  background-color: var(--light-brand-color);
}
.eeTabs ul.nav-tabs {
  background-color: var(--light-brand-color);
  border-bottom: 0;
}
.eeTabs ul.nav-tabs > li > a {
  background-color: var(--light-brand-color);
}
.eeTabs ul.nav-tabs > li > a {
  color: #b56b54;
}
.eeTabs ul.nav-tabs > li:nth-child(1) {
  border-left: 2px solid #f1eee7;
}
.eeTabs ul.nav-tabs > li + li {
  border-left: 2px solid #f1eee7;
}
.alertDark {
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px dashed;
}
.alertDark .icon-bulb {
  top: 8px;
}
.alertDark.alert-warning,
.alertDark.alert-danger {
  border-radius: 5px;
}
.alert-success.alertDark,
.alert-success {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
  width: 100%;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  background-color: #41c4b6;
  color: #fff;
  padding-top: 13px;
  margin: 0;
  border-color: #25948a;
}
.alert-success.alertDark a,
.alert-success a,
.alert-success.alertDark a:hover,
.alert-success a:hover,
.alert-success.alertDark a:focus,
.alert-success a:focus {
  color: #fff;
}
.modal-body .alert.alertDark.alert-success,
.modal-body .alert.alertDark.alert-danger {
  position: relative;
  padding-left: 50px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.alert-info.alertDark,
.alert-warning-renewal {
  background-color: #def4fd;
  color: #3b78a9;
  border-color: #98d6ea;
}
.alert-info.alertDark a,
.alert-warning-renewal a,
.alert-info.alertDark a:hover,
.alert-warning-renewal a:hover,
.alert-info.alertDark a:focus,
.alert-warning-renewal a:focus {
  color: #3b78a9;
}
.alert-warning-renewal {
  border: 1px dashed #98d6ea;
}
.alert-warning {
  border: 1px dashed #cebb58;
  min-height: 46px;
  line-height: 20px;
  padding-left: 50px;
  position: relative;
}
.alert-warning,
.alertDark.alert-warning,
.redText.alert-warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
}
.alert-warning a,
.alertDark.alert-warning a,
.redText.alert-warning a,
.alert-warning a:hover,
.alertDark.alert-warning a:hover,
.redText.alert-warning a:hover,
.alert-warning a:focus,
.alertDark.alert-warning a:focus,
.redText.alert-warning a:focus {
  color: #8a6d3b;
}
.alert-warning abbr,
.alertDark.alert-warning abbr,
.redText.alert-warning abbr {
  color: #8a6d3b;
  border-bottom-color: #8a6d3b;
}
.alert-warning-alt {
  background-color: #d4bc41;
  color: #593a07;
}
.alert-warning-alt a {
  color: #644418;
}
.grayText.alert.alert-warning {
  padding-left: 15px;
}
.exit-link {
  color: #644418;
}
.redText {
  color: #f44336;
}
.redText.alert-warning {
  border: 1px dashed #cebb58;
}
.alertDark.alert-danger {
  background-color: #f2dede;
  color: #a94442;
  position: fixed;
  top: 0;
  margin: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  z-index: 1002;
  border: 0;
  border-radius: 0;
}
.alertDark.alert-danger div {
  line-height: initial;
}
.alertDark.alert-danger a,
.alertDark.alert-danger a:hover,
.alertDark.alert-danger a:focus {
  color: #a94442;
}
.t-sso__box .alert.alert-danger.alertDark {
  position: relative;
  border: 1px dashed;
  border-radius: 5px;
  margin-bottom: 25px;
}
.alert-dark.alert-warning {
  position: relative;
  padding: 12px 0 12px 50px;
  border: 1px dashed #cebb58;
}
.alertSticky,
.alertNonSticky {
  position: sticky !important;
  padding-top: 14px;
  padding-bottom: 14px;
  z-index: 1002;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.alertNonSticky {
  position: static !important;
}
.alertNonSticky a,
.alertNonSticky .btn-link {
  color: #f9f5f5;
  text-decoration: underline;
  margin-top: -2px !important;
}
.alert-flyout {
  position: fixed;
  padding: 0;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
}
.alert-flyout .alert {
  padding-top: 14px;
  padding-bottom: 14px;
  border: 0;
  border-radius: 0;
}
.alert-flyout .alertBox {
  width: 100%;
  max-width: 100%;
}
.alert-warning [class^="col-"] .icon-bulb-brown,
.alert-warning [class*="col-"] .icon-bulb-brown {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 0;
}
.row.alert-warning {
  padding-left: 15px;
}
.alert-dark .icon-bulb-brown,
.alert-warning .icon-bulb-brown {
  height: 30px;
  width: 30px;
  position: absolute;
  margin: 0 7px;
  left: 0;
  top: 7px;
}
.clientBox a {
  background: #fff;
  border: 1px solid rgba(204,161,32,0.549);
  border-radius: 4px;
  box-shadow: 0px 0px 6px 0 #dcc7a7;
  color: #777;
  transition: all 0.5s;
}
.clientBox a:hover,
.clientBox a:focus {
  background: #fff;
  transform: scale(1.1);
}
.clientProfile {
  background-color: #fff;
}
.o-overviewhr__updatesCard,
.o-overviewhr__celebration,
.o-overviewhr__linksCard,
.o-ee__updatesCard,
.o-completedTasks .o-tasks__card,
.o-overviewhr__whosoutCard {
  background: white;
}
ol.eeRightMenu.hrMenu li a.active:before {
  border-left-color: #f1eee7;
}
.quotesDataListAlt .panel-title > a,
.eeQuotesDrawer .panel-title > a {
  color: #fff;
}
.staticContentHeader {
  border: 0;
}
.noteSection #jsSliderAddNotes .noteTextCont.active {
  background: #696663;
  border-radius: 4px;
}
.blueText abbr {
  color: #09c;
}
.finalizeButton {
  position: absolute;
}
.renewButton {
  top: -5px;
}
.centerBoxBody,
.centerBox-footer.blueHeader {
  background: #fff;
}
.centerBox-footer.blueHeader {
  border-top: 1px solid #ddd;
}
footer.footerV3 .copyright a {
  color: #d45e52;
}
footer.footerV3 .copyright a:hover {
  color: #c34219;
}
.m-footerLinks a {
  color: #d45e52;
}
.m-footerLinks a:hover,
.m-footerLinks a:focus {
  color: #c34219;
}
.plan-type-icon-whyWeAsk,
.icon-green-alert,
.icon-red-alert,
.icon-new-rightsign,
.enrollmentChecklist .active .enrollmentchecked,
[class^="ovIconL-"].active span,
[class*="ovIconL-"].active span,
.ovTabs .nav.nav-tabs li.ovIconLg-Reports.active a:after,
.ovTabs .nav.nav-tabs li.ovIconLg-newhires.active a:after,
.ovTabs .nav.nav-tabs li.ovIconLg-statuschange.active a:after,
button.btn-link.active .icon-ovFilterIcon,
button.btn-link.active .icon-ovSearchIcon,
button.btn-link.active .icon-ovaddEmployeeIcon,
.alert-success .icon-bulb,
.alert-info .icon-bulb,
.alert-warning .icon-bulb,
.alert-danger .icon-bulb,
.icon-new-greenEdit,
.o-workflow__task.active [class^="icon-hc-"] .check,
.o-workflow__task.active [class*="icon-hc-"] .check,
.employeeSteps.sixStepsFlow .active.icon.icon-cartLg,
.employeeSteps.sevenStepsFlow .active.icon.icon-cartLg,
.employeeSteps.eightStepsFlow .active.icon.icon-cartLg,
.employeeSteps.nineStepsFlow .active.icon.icon-cartLg,
.employeeSteps.tenStepsFlow .active.icon.icon-cartLg,
.alert-dark .icon-bulb-brown,
.alert-warning .icon-bulb-brown,
.icon-client-manageEmployee,
.icon-client-manageClass,
.icon-client-manageProposal,
.icon-client-trackEnrollment,
.icon-client-createPackage,
.icon-client-uploadRates,
.icon-client-enrollment-files,
.icon-client-manage-resource,
.icon-client-onboard-enrollment-data,
.icon-client-group-setting,
.icon-client-integration,
.icon-client-productModule,
.icon-client-specialtyBenefits,
.icon-client-communication,
.icon-client-manage-paperwork,
.icon-client-complianceDoc,
.icon-client-planRates,
.successfullyRightIcon,
.successfullyMailIcon,
.icon-hc-complianceRisk,
.icon-marketPlace-RightCheckboxCircle {
  background-image: url("../../images/custom-sprite.png");
}
.plan-type-icon-whyWeAsk {
  background-position: -1px -2px;
}
.icon-green-alert,
.icon-marketPlace-RightCheckboxCircle {
  background-position: -4px -26px;
}
.icon-red-alert {
  background-position: -2px -146px;
}
.icon-new-rightsign {
  background-position: -28px -3px;
  height: 35px;
}
.enrollmentChecklist .active .enrollmentchecked,
[class^="ovIconL-"].active span,
[class*="ovIconL-"].active span {
  background-position: -4px -45px;
}
.icon-marketPlace-RightCheckboxCircle {
  margin-bottom: 0;
}
.ovTabs .nav.nav-tabs li.ovIconLg-Reports.active a:after {
  background-position: -4px -64px;
}
.ovTabs .nav.nav-tabs li.ovIconLg-newhires.active a:after {
  background-position: -68px -71px;
}
.ovTabs .nav.nav-tabs li.ovIconLg-statuschange.active a:after {
  background-position: -138px -67px;
}
button.btn-link.active .icon-ovFilterIcon {
  background-position: -106px -4px;
}
button.btn-link.active .icon-ovSearchIcon {
  background-position: -72px -4px;
}
button.btn-link.active .icon-ovaddEmployeeIcon {
  background-position: -138px -4px;
}
.alert.alert-success .icon-bulb {
  background-position: -275px -2px;
}
.alert.alert-info .icon-bulb {
  background-position: -170px -2px;
}
.alert.alert-warning .icon-bulb {
  background-position: -204px -2px;
}
.alert-dark .icon-bulb-brown,
.alert-warning .icon-bulb-brown {
  background-position: -204px -2px;
}
.alert.alert-danger .icon-bulb {
  background-position: -241px -2px;
}
.icon-new-greenEdit {
  background-position: -22px -36px;
}
.o-workflow__task.active [class^="icon-hc-"] .check,
.o-workflow__task.active [class*="icon-hc-"] .check {
  background-position: -4px -45px;
}
.employeeSteps.sixStepsFlow .active.icon.icon-cartLg,
.employeeSteps.sevenStepsFlow .active.icon.icon-cartLg,
.employeeSteps.eightStepsFlow .active.icon.icon-cartLg,
.employeeSteps.nineStepsFlow .active.icon.icon-cartLg,
.employeeSteps.tenStepsFlow .active.icon.icon-cartLg {
  background-position: -45px -42px;
}
.icon-client-manageEmployee {
  background-position: -2px -167px;
}
.icon-client-manageClass {
  background-position: -36px -165px;
}
.icon-client-manageProposal {
  background-position: -73px -165px;
}
.icon-client-trackEnrollment {
  background-position: -108px -163px;
}
.icon-client-createPackage {
  background-position: -143px -163px;
}
.icon-client-uploadRates {
  background-position: -181px -163px;
}
.icon-client-enrollment-files {
  background-position: -215px -163px;
}
.icon-client-manage-resource {
  background-position: -252px -163px;
}
.icon-client-onboard-enrollment-data {
  background-position: -288px -163px;
}
.icon-client-group-setting {
  background-position: -327px -163px;
}
.icon-client-integration {
  background-position: -2px -214px;
}
.icon-client-productModule {
  background-position: -42px -214px;
}
.icon-client-specialtyBenefits {
  background-position: -367px -163px;
}
.icon-client-communication {
  background-position: -91px -219px;
}
.icon-client-manage-paperwork {
  background-position: -144px -219px;
}
.icon-client-complianceDoc {
  background-position: -183px -216px;
}
.icon-client-planRates {
  background-position: -228px -216px;
}
.successfullyRightIcon {
  background-position: -230px -37px;
}
.successfullyMailIcon {
  background-position: -2px -270px;
}
.icon-hc-complianceRisk {
  background-position: -264px -216px;
}


.o-overviewhr__whosoutCard:nth-child(4) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2
}

.o-overviewhr__linksCard:nth-child(-1n+4),
.o-overviewhr__linksCard:nth-child(-1n+5) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3
}

.o-overviewhr__quickLinks:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2
}

/* Holiday calendarvHTML CSS*/
.holidays-heading{
  width:30%;
  float:left;
}
.add-holiday-btn{
  
  float:right;
  margin:20px 0 0 0;
  
}

.add-holiday-btn-margin-right{
  
  margin-right: 20px;
}
add-holiday{
  
  float:right;
  padding-top:20px;
}
.dataTables_paginate{
  display:block;
}

/* Holiday Calendar CSS*/

button.note-btn.btn.btn-default {
    color: black;
}


.customItem:hover {
    opacity: 0.5;
    background-color: lightgrey;
    color:blue;
}

.customItem:not(:hover) {
    opacity: 1.0;
}

.templateScroll {
  overflow : auto;
}


.pricingHeading{
  margin-top:-8px;
}
.pricingHeading sup {
    font-size: 24px;
    top: -0.75em;
    /* font-size: 0.63em; */
    color: #f7901f;
    font-weight: 700;
    margin-right: -6px;

    }

 .pricingHeading .priceNumber {
    font-size: 48px;
    color: #f7901f;
}

.pricingHeading .priceSubHeading {
      font-size: 16px;
      margin-top:-10px;
}

.pricingPlanDetail {
  font-size:16px;
  text-align:center;
}

.prospectOfferContent{
  max-height: 250px;
  overflow-y:scroll;
  padding:20px;
}

.prospectOfferBorder{

  border:1px solid #ccc;
  border-radius:4px;
}

.addEmp{
  z-index: 999;
  position:relative;
}

.gutterR159{
  padding-right: 159px;
}



.note-statusbar {
    display: none;
}

.width335{
      width: 335px;
}

.width21P{
  width: 21%;
}

.-cancelled{
  background-color: #f49241;
}

.viewPolicyBtn {
  border-right: 1px solid;
  padding:0 0 0 0 ;
}

.reportDateLabel .ui-datepicker-trigger {
    position: absolute;
    right: 26px;
    top: 9px;
}

.ui-datepicker.ui-widget-content {
 z-index: 1100!important;
}

.celebration_bottom{
  margin-bottom: 0px!important;
}

.communicationTabs .tab-pane {

  margin-left: 15px;
}

.o-overviewhr__timeOffCard {
  -ms-grid-row-align: stretch;
}

.o-overviewhr__whosoutCard {
  -ms-grid-row-align: stretch;
}

@supports (-ms-ime-align:auto) {
  .o-overviewhr__timeOffCard {
  margin-bottom: 25px!important;
}
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .o-overviewhr__celebration {
   margin-bottom: 25px;
}

}

.noArrow + .select2-container--default .select2-selection--single .select2-selection__arrow{
   display:none!important;
   width:100%;
}
 
.noArrow + .select2-container .select2-selection--single .select2-selection__rendered{
  padding-right:7px;
} 


@supports (-ms-ime-align:auto) {
    .o-overviewhr__celebration {
        margin-bottom: 25px!important;
        }

      }

.fa-exclamation-triangle{
    font-size:14px;
    margin-right:10px;
    margin-top:5px;
    float:left;
    width:10%;
}
.yellowText{
    color:yellow;
}
.redText{
    color:red;
}
.green{
   color:green;
}

.adjustJobHistoryWidth{
  grid-template-columns: 209px repeat(6,1fr);
  width:100%;
}
.adjustJobHistoryWidth .o-jobHistory__data:nth-child(7){
  padding-left:30px;
}
.adjustJobHistoryWidth .o-jobHistory__data dl dd{
  word-break:break-word;
}



  .payrollCalendarFormHeader{
    background-color: #f0f0f0;
    padding: 22px;
    padding-bottom: 33px;
    margin-bottom: 20px;
  }



    .offsetL96{
            margin-left:96px;
        }
        
        .offsetMB14{
            margin-bottom:-14px;
        }
        .offsetML14{
            margin-left:-14px;
        }
        .empTabs > li{
            padding-left:0px;
            padding-right: 0px;
        }
        .display-none{
            display:none;
        }
        .offsetT60{
            margin-top:60px;
        }

        .empTabs li a {
    cursor: pointer;
}

.defaultBackbtn{
  padding:7px 20px !important;
}

.gutterL28{
	padding-left:28px;
}
.width28-3P{
	width:28.333333%!important;
}
.offsetT40i{
	margin-top:40px!important
}
.o-overviewhrDashboard .whiteWell.o-overviewhr__updatesCard{
	max-height:376px!important;

}
.o-overviewhrDashboard .whiteWell.o-overviewpayroll_update{
	max-height:423px!important;
}

.colourf5922e{
  color:#f5922e!important;
}
.box-grey-border{
    border-style: solid;
    border-width: 2px;
    border-color: #E8E8E8;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.popoverContent{
    word-break: break-word;
}


.o-jobHistory__row{
	display: -ms-grid;
	grid-template-columns: 170px repeat(6, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width:100%;
}
@supports (-ms-ime-align:auto){
	.o-jobHistory__data:first-child {
		padding-top:32%;
	}
}
.o-jobHistory__data dl,
.o-jobHistory__data dt{
	height:auto;
	margin:0;
	word-break:break-word;
}
.o-jobHistory__data:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-row-end: 4;
}
.o-jobHistory__data:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}
.o-jobHistory__data:nth-child(3) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
}
.o-jobHistory__data:nth-child(4) {
    -ms-grid-column: 4;
    -ms-grid-row: 1;
}
.o-jobHistory__data:nth-child(5) {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
}
.o-jobHistory__data:nth-child(6) {
    -ms-grid-column: 6;
    -ms-grid-row: 1;
}
.o-jobHistory__data:nth-child(7) {
    -ms-grid-column: 7;
    -ms-grid-row: 1;
}
.o-jobHistory__data:nth-child(8) {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
}
.o-jobHistory__data:nth-child(9) {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
}
.o-jobHistory__data:nth-child(10) {
    -ms-grid-column: 4;
    -ms-grid-row: 2;
}
.o-jobHistory__data:nth-child(11) {
    -ms-grid-column: 5;
    -ms-grid-row: 2;
}
.o-jobHistory__data:nth-child(12) {
    -ms-grid-column: 6;
    -ms-grid-row: 2;
}
.o-jobHistory__data:nth-child(13) {
    -ms-grid-column: 7;
    -ms-grid-row: 2;
}
.o-jobHistory__data:nth-child(14) {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
}
.o-jobHistory__data:nth-child(15) {
    -ms-grid-column:3;
    -ms-grid-row: 3;
}

.o-jobHistory__data:nth-child(16) {
    -ms-grid-column: 4;
    -ms-grid-row: 3;
}

.custom-icon-uploadDownload {
    background: url(../../images/icon-upload-download.png);
    width: 19px;
    height: 25px;
    display: inline-block;
}
[class*=customInput-] .input-group{
	width:100%;
}

iframe#launcher {
margin: 0!important;
transform: scale(0.75);
right: -15px!important;
bottom: 10px!important;
width: 140px!important;
}