@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Open+Sans:300,400,700');

/* Client code CSS here */ 
#home-online-three .carousel-show,
#home-online-three #home-carousel-dialog,
body #exposeMask {
  display: none !important;;
}

/* FONT FILES FOR CLIENT DEFINED BELOW */
/* MuseoSans 900 */
@font-face {
  font-family: 'MuseoSans 900';
  src: url(/nbenefits/media/default/fonts/MuseoSans_900.ttf) format('truetype');
}
/* MuseoSans 700 */
@font-face {
  font-family: 'MuseoSans 700';
  src: url(/nbenefits/media/default/fonts/MuseoSans_700.ttf) format('truetype');
}
/* MuseoSans 700 Italic */
@font-face {
  font-family: 'MuseoSans 700 Italic';
  src: url(/nbenefits/media/default/fonts/MuseoSans_700_Italic.ttf) format('truetype');
}
/* MuseoSans 500 */
@font-face {
  font-family: 'MuseoSans 500';
  src: url(/nbenefits/media/default/fonts/MuseoSans_500.otf) format("opentype");
}
/* MuseoSans 500 Italic */
@font-face {
  font-family: 'MuseoSans 500 Italic';
  src: url(/nbenefits/media/default/fonts/MuseoSans_500_Italic.otf) format("opentype");
}
/* MuseoSans 300 Italic */
@font-face {
  font-family: 'MuseoSans 300 Italic';
  src: url(/nbenefits/media/default/fonts/MuseoSans_300_Italic.ttf) format('truetype');
}
/* MuseoSans 100 */
@font-face {
  font-family: 'MuseoSans 100';
  src: url(/nbenefits/media/default/fonts/MuseoSans_100.ttf) format('truetype');
}
/* MuseoSans 100 Italic */
@font-face {
  font-family: 'MuseoSans 100 Italic';
  src: url(/nbenefits/media/default/fonts/MuseoSans_100_Italic.ttf) format('truetype');
}
/* END OF CLIENT FONTS */

/* The following styling as a site-wide override of font styles */
*{
  font-family: 'MuseoSans 500';
  text-transform: none !important;
  outline: none;
}

h1,h2,h3,h4,h5 {
  font-family: 'MuseoSans 900' !important;
  text-transform: none !important;
}

html {
  background-image: none;
}
body {
  padding-top: 0px !important;
}
* {
  outline: none;
  min-height: 0;
  min-width: 0;
}
.bootstrap-iso {
  color: #414141;
}
a {
  color: #384149;
}
a:hover {
  color: #000;
}
.bootstrap-iso a {
  color: #002a3a;
}
.bootstrap-iso a:hover {
  color: #000;
}
.division {
  display: none;
}
span.label, label {
  text-transform: none;
}
.page-title H1, H1 {
  margin-top: .67em;
}

.online-two-iso h1 {
  color: #000;
}
.st3 {
  font-family: 'Arial';
}

/*Login error Message*/
.online-two-iso.login .LoginPageContainer span#errMsg {
    color: #E30613;
}
/*#content {
  width: auto;
}*/

#floating-header {
  display: none !important;
}

/*LOGIN PAGE*/
.isLoginPage #wp-login {
  display: none;
}
/*.sso_access { 
  display: none;
}*/
.sso_access {
  position: fixed;
  width: 33%;
  top: 37%;
  margin-left: 22%;
  background: rgb(255, 255, 255, 0.5);
  font-size: 24px;
  font-weight: bold;
  border-radius: 15px;
  padding: 8px 0px 20px 0px;
}
.sso_access h2 {
  color: #000;
}
.sso_access .btnfirst.btn-default {
  background-color: #fff;
  border: solid 1px #008c82;
  width: 120px;
  color: #000;
}
.sso_access .btnfirst.btn-default:hover,
.sso_access .btnfirst.btn-default:active {
  background-color: #fff;
  color: #000;
  border: solid 2px #008c82;
}
.online-two-iso.login .LoginPageContainer #header {
  background-color: transparent;
  padding-bottom: 0px;
}
.online-two-iso.login .LoginPageContainer #header {
  background-color: transparent;
  padding-bottom: 0px;
}
.online-two-iso.login .LoginPageContainer #terminator {
  height: 65%;
}
.online-two-iso.login .LoginPageContainer .isLoginPageWrapper #logo{
  background-image: url('');
}
.online-two-iso.login body {
  background-image: url('/nbenefits/media/default/login/Photo_1_1920x1280.png');
  background-size: cover;
  background-position: 0% 0%;
}
/*html[lang="pt"].online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body:before {
  content:"BEM-VINDO";
  font-family: 'MuseoSans 900';
  color: #646567;
  font-size: 24px;
}
html[lang="en"].online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body:before {
  content:"WELCOME";
  font-family: 'MuseoSans 900';
  color: #646567;
  font-size: 24px;
}*/
.online-two-iso.login .LoginPageContainer .additional-services {
  color: #646567; 
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
  background-color: transparent;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-flex_benefits.module {
  padding: 44px !important;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-flex_benefits.module h2.module-title {
  font-size: 75px;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help.module {
  text-align: right;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help.module a {
  color: #fff;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help.module a:hover {
  color: #fff;
  text-decoration: underline;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help .module-title {
  font-family: 'MuseoSans 700 Italic';
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help .module-text,
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help .module-text a {
  font-family: 'MuseoSans 100';
}
.online-two-iso.login .LoginPageContainer .panel.panel-default {
  border-radius: 15px;
}
.online-two-iso.login .LoginPageContainer .btn.btn-primary#login {
  background-color: #646567;
  border-color: #646567;
  border-radius: 15px;
  font-family: 'MuseoSans 500';
}
.online-two-iso.login .LoginPageContainer .input-group span,
.online-two-iso.login .LoginPageContainer .input-group input {
  font-family: 'MuseoSans 500';
}
.online-two-iso.login .LoginPageContainer .input-group .input-group-addon {
  border-bottom-left-radius: 22px;
  border-top-left-radius: 22px;
  background-color: transparent;
  border-top: 1px solid #646567;
  border-left: 1px solid #646567;
  border-right: none;
  border-bottom: 1px solid #646567;
    width: 0px;
}
.online-two-iso.login .LoginPageContainer .input-group input {
  border-bottom-right-radius: 22px;
  border-top-right-radius: 22px;
  background-color: transparent;
  border-top: 1px solid #646567;
  border-left: none;
  border-right: 1px solid #646567;
  border-bottom: 1px solid #646567;
}
/*Hide payslip data on step 3 and benefit statement page*/
#main.matrix.benefit-complete .row.totalcostsection,
#main.matrix.benefit-matrix .row.totalcostsection,
#main.matrix.benefit-statement .row.totalcostsection,
#main.matrix.benefit-complete .benefitheader.additup,
#main.matrix.benefit-statement .benefitheader.additup {
  display: none; 
}
.online-two-iso .benefit-matrix .benefitheader-fixed {
  padding: 10px 0 0 0;
}
.online-two-iso .benefit-matrix .fixed-container {
  margin-top: 262.45px;
}

@media (max-width: 767px) {
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help {
    width: 100% !important;
    display: block !important;
  }
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help .module-title,
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-need_help .module-text {
    width: 100%;
  }
}
@media only screen and (max-width: 767px){
  .online-two-iso.login .LoginPageContainer .panel.panel-default {
      background-color: #fff;
  }
}
@media only screen and (min-width: 767px) {
  .online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
    background-color: transparent;
    border-radius: 15px
  }
}
/* password recovery */
.online-two-iso #login-assistance .header-overlay {
  background-color: #020202;
}
#login-assistance .header-overlay A {
  padding: 25px 30px 5px 0
}
.online-two-iso #login-assistance .steps-header span {
  text-transform: uppercase !important;
}
.online-two-iso #login-assistance A.button-style.blue {
  background-color: #646567;
  color: #fff;
  border-radius: 17px;
}
.online-two-iso #login-assistance A.button-style.gray {
  background-color: #E30613;
  color: #fff;
  border-radius: 17px;
}
.online-two-iso #headerResources #links LI:first-child {
    padding-right: 1.75rem;
}
.online-two-iso #login-assistance .datepicker-container .input-group-btn .btn {
  background-color: #fff;
  border: 1px solid transparent;
  border-color: #ccc;
  color: #020201;
}
.bootstrap-iso #login-assistance .uib-datepicker-popup .btn-sm.btn-info,
.bootstrap-iso #login-assistance .uib-datepicker-popup .btn-sm.btn-info:hover,
.bootstrap-iso #login-assistance .uib-datepicker-popup .btn-sm.btn-danger,
.bootstrap-iso #login-assistance .uib-datepicker-popup .btn-sm.btn-danger:hover,
.bootstrap-iso #login-assistance .uib-datepicker-popup .btn-sm.btn-success,
.bootstrap-iso #login-assistance .uib-datepicker-popup .btn-sm.btn-success:hover {
    background-color: #020201;
}
/*#ddlLanguage {
  display: none;
}*/

#home-module-welcome #slider.dashboard-slider, 
.home-module-integrated #slider.dashboard-slider {
  height: 100% !important;
  border-radius: 15px;
}
#home-module-welcome #slider.dashboard-slider>div:nth-child(1), 
.home-module-integrated #slider.dashboard-slider>div:nth-child(1) {
  min-height: 100% !important;
  background-color: #000;
  border-radius: 15px;
}
#home-module-welcome #slider.dashboard-slider div:nth-child(1), 
.home-module-integrated #slider.dashboard-slider div:nth-child(1) {
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
}
#home-module-welcome #slider.dashboard-slider>div>div.arrowleft, 
.home-module-integrated #slider.dashboard-slider>div>div.arrowleft,
#home-module-welcome #slider.dashboard-slider>div>div.arrowright, 
.home-module-integrated #slider.dashboard-slider>div>div.arrowright{
  height: 50px !important;
  top: 370px !important;
  width: 50px !important;
}
/*#home-module-welcome #slider.dashboard-slider>div>div.arrowright, 
.home-module-integrated #slider.dashboard-slider>div>div.arrowright{
  left: -22px !important;
}*/
#home-module-welcome #slider .sliderContainer .slide, 
.home-module-integrated #slider .sliderContainer .slide {
  height: 100% !important;
  background-size: cover !important;
  width: 100% !important;
}
#home-module-welcome #slider .sliderContainer .slide-content, 
.home-module-integrated #slider .sliderContainer .slide-content{
  margin: 0px;
  padding: 0 1rem 0 1rem;
}
#home-module-welcome #slider .sliderContainer .slide-content .content, 
.home-module-integrated #slider .sliderContainer .slide-content .content{
  margin: 0px;
  padding: 1rem 5rem 1rem 5rem;
  text-align: center;
}

#home-module-welcome #slider .sliderContainer .slide-content .content .btn, 
.home-module-integrated #slider .sliderContainer .slide-content .content .btn {
  font-size: 100%;
  margin-top: 1rem;
  padding: 6px 12px;
  height: 45px;
}

#slider.dashboard-slider #thumb-containder {
  display: none !important;
}
#home-module-welcome #slider.dashboard-slider>div, 
.home-module-integrated #slider.dashboard-slider>div {
  display: none !important;
}
#home-module-welcome #slider.dashboard-slider>div:nth-child(5), 
.home-module-integrated #slider.dashboard-slider>div:nth-child(5) {
  right: 50px !important;
}

#home-module-welcome #slider.dashboard-slider>div:nth-child(1), .home-module-integrated #slider.dashboard-slider>div:nth-child(1), #home-module-welcome #slider.dashboard-slider>div:nth-child(4), .home-module-integrated #slider.dashboard-slider>div:nth-child(4), #home-module-welcome #slider.dashboard-slider>div:nth-child(5), .home-module-integrated #slider.dashboard-slider>div:nth-child(5) {
    display: block !important;
}
#home-module-welcome #slider .sliderContainer, 
.home-module-integrated #slider .sliderContainer{
  height: 100% !important;
  width: 100%;
}
iframe {
  border-width: 0px;
}
.bc-iframe, .bc-iframe body, 
.bc-player-default_default, 
.bc-player-default_default .vjs-poster {
  background-color: transparent;
}
.vjs-title-bar,
.vjs-title-bar-title {
  display: none !important;
}
.video-js {
  height: 100% !important;
  background-color: #000;
}
#home-module-welcome #slider .sliderContainer .slide-content h1, 
.home-module-integrated #slider .sliderContainer .slide-content h1 {
  color: #fff;
  font-size: 1.8rem;
}


/* Minification failed (line 132, error number 1062): Expected semicolon or closing curly-brace, found ')' */