/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/* STATES AND INPUT GROUP VARIABLES
    ------------------------------------*/
/*   TEMPORARY VARIABLES FOR OPERATIONS
    ------------------------------------*/
/*   CREATING SCSS USABLE VARIABLES FOR INTERPOLATION
    ------------------------------------*/
/*   FUNCTIONAL VARIABLES FOR INPUTS AND STATES
    ------------------------------------*/
/* COLOR AND FONT VARIABLES
TODO: SEPARATE COLOR ON FUNCTIONS
    ------------------------------------*/
/*$errorMainColor: #b94a48;*/
/*$errorBorderColor: #953b39;*/
/* MAIN STYLE FOR FORM
    ------------------------------------*/
/* line 99, ../../sass/components/login.scss */
.login {
  /* TWITTER BOOTSTRAP FORM STYLE
    ------------------------------------*/
  /* STATES STYLES
      ------------------------------------*/
  /* Messages
     ------------------------------------*/
  /* ARROW BUTTON STYLES
     -----------------------------------*/
}
/* line 101, ../../sass/components/login.scss */
.login .component-content {
  background-color: #ffffff;
  padding: 0 1em;
}

/* line 109, ../../sass/components/login.scss */
.login form {
  margin: 0 0 20px;
}
/* line 113, ../../sass/components/login.scss */
.login fieldset {
  border: 0;
  margin: 15px 0;
  min-width: 0;
}
/* line 120, ../../sass/components/login.scss */
.login legend,
.login h2 {
  border-bottom: 1px solid #0079BE;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 20px;
  padding: 10px 0;
  width: 100%;
    color: #007ABE;
  font-size: 26px;
}
/* line 129, ../../sass/components/login.scss */
.login fieldset legend {
  display: table;
  white-space: normal;
  margin-right: 10px;
}
/* line 139, ../../sass/components/login.scss */
.login label,
.login input,
.login button,
.login select,
.login textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  max-width: 100%;
}
/* line 146, ../../sass/components/login.scss */
.login textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  min-width: 200px;
}
/* line 155, ../../sass/components/login.scss */
.login input,
.login button,
.login select,
.login textarea {
  font-family: Arial, sans-serif;
}
/* line 159, ../../sass/components/login.scss */
.login label {
  display: block;
  margin-bottom: 5px;
}
/* line 167, ../../sass/components/login.scss */
.login select,
.login textarea,
.login input[type="email"], .login input[type="number"], .login input[type="password"], .login input[type="search"], .login input[type="tel"], .login input[type="text"], .login input[type="url"], .login input[type="color"], .login input[type="date"], .login input[type="DATEPICKER"], .login input[type="datetime"], .login input[type="datetime-local"], .login input[type="month"], .login input[type="time"], .login input[type="week"],
.login .uneditable-input {
  display: inline-block;
  height: 35px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #c9bfb8;
  vertical-align: middle;
}
/* line 180, ../../sass/components/login.scss */
.login input,
.login textarea,
.login .uneditable-input {
  width: 206px;
}
/* line 184, ../../sass/components/login.scss */
.login fieldset textarea {
  resize: vertical;
  width: 100%;
}
/* line 189, ../../sass/components/login.scss */
.login textarea {
  height: auto;
}
/* line 196, ../../sass/components/login.scss */
.login select,
.login textarea,
.login input[type="email"], .login input[type="number"], .login input[type="password"], .login input[type="search"], .login input[type="tel"], .login input[type="text"], .login input[type="url"], .login input[type="color"], .login input[type="date"], .login input[type="DATEPICKER"], .login input[type="datetime"], .login input[type="datetime-local"], .login input[type="month"], .login input[type="time"], .login input[type="week"],
.login .uneditable-input {
  background-color: white;
  border: 1px solid transparent;
  -webkit-transition: border linear, box-shadow linear;
  -webkit-transition-delay: 0.2s, 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
/* line 205, ../../sass/components/login.scss */
.login select:focus,
.login textarea:focus,
.login input[type="email"]:focus, .login input[type="number"]:focus, .login input[type="password"]:focus, .login input[type="search"]:focus, .login input[type="tel"]:focus, .login input[type="text"]:focus, .login input[type="url"]:focus, .login input[type="color"]:focus, .login input[type="date"]:focus, .login input[type="DATEPICKER"]:focus, .login input[type="datetime"]:focus, .login input[type="datetime-local"]:focus, .login input[type="month"]:focus, .login input[type="time"]:focus, .login input[type="week"]:focus,
.login .uneditable-input:focus {
  border-color: rgba(255, 102, 0, 0.8);
  color: #323131;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 102, 0, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 102, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 102, 0, 0.6);
}
/* line 215, ../../sass/components/login.scss */
.login input + .help-block,
.login select + .help-block,
.login textarea + .help-block,
.login .uneditable-input + .help-block {
  margin-top: 10px;
}
/* line 223, ../../sass/components/login.scss */
.login input,
.login textarea,
.login select,
.login .help-inline,
.login .uneditable-input {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}
/* line 232, ../../sass/components/login.scss */
.login input[type="radio"],
.login input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px                  \9;
  *margin-top: 0;
  line-height: normal;
}
/* line 245, ../../sass/components/login.scss */
.login input[type="file"],
.login input[type="image"],
.login input[type="submit"],
.login input[type="reset"],
.login input[type="button"],
.login input[type="radio"],
.login input[type="checkbox"] {
  width: auto;
}
/* line 250, ../../sass/components/login.scss */
.login select,
.login input[type="file"] {
  height: 43px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 43px;
  padding: 12px 10px;
}
/* line 259, ../../sass/components/login.scss */
.login select {
  width: 220px;
  background-color: white;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: white url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/arrow-down-select.png") right center no-repeat;
  text-indent: 0.01px;
  text-overflow: "";
  outline: 0;
  line-height: 1em;
}
/* line 272, ../../sass/components/login.scss */
.login select::-ms-expand {
  display: none;
}
/* line 277, ../../sass/components/login.scss */
.login select[multiple],
.login select[size] {
  height: auto;
}
/* line 282, ../../sass/components/login.scss */
.login .uneditable-input,
.login .uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
}
/* line 290, ../../sass/components/login.scss */
.login .uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
/* line 295, ../../sass/components/login.scss */
.login .uneditable-textarea {
  width: auto;
  height: auto;
}
/* line 305, ../../sass/components/login.scss */
.login input:-moz-placeholder,
.login textarea:-moz-placeholder,
.login input:-ms-input-placeholder,
.login textarea:-ms-input-placeholder,
.login input::-webkit-input-placeholder,
.login textarea::-webkit-input-placeholder {
  color: #999999;
}
/* line 309, ../../sass/components/login.scss */
.login .form-actions {
  padding-left: 180px;
}
/* line 313, ../../sass/components/login.scss */
.login .hide {
  display: none;
}
/* line 318, ../../sass/components/login.scss */
.login .radio,
.login .checkbox {
  min-height: 20px;
  padding-left: 20px;
}
/* line 324, ../../sass/components/login.scss */
.login .radio input[type="radio"],
.login .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -22px;
}
/* line 331, ../../sass/components/login.scss */
.login .wsform-controls,
.login .controls,
.login .login-links {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 120px;
  *margin-left: 0;
}
/* line 337, ../../sass/components/login.scss */
.login .wsform-controls:first-child,
.login .controls:first-child,
.login .login-links:first-child {
  *padding-left: 180px;
}
/* line 342, ../../sass/components/login.scss */
.login .login-links {
  padding: 10px 0;
  display: none;
}
/* line 345, ../../sass/components/login.scss */
.login .login-links a {
  margin-right: 15px;
  padding-left: 10px;
  position: relative;
}
/* line 350, ../../sass/components/login.scss */
.login .login-links a:after {
  content: ">";
  display: block;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
}
/* line 362, ../../sass/components/login.scss */
.login .wsform-controls > .radio:first-child,
.login .wsform-controls > .checkbox:first-child {
  padding-top: 5px;
}
/* line 367, ../../sass/components/login.scss */
.login .radio.inline,
.login .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 375, ../../sass/components/login.scss */
.login .radio.inline + .radio.inline,
.login .checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
/* line 381, ../../sass/components/login.scss */
.login input,
.login textarea,
.login .uneditable-input {
  margin-left: 0;
}
/* line 385, ../../sass/components/login.scss */
.login .wsform-controls-row {
  *zoom: 1;
}
/* line 388, ../../sass/components/login.scss */
.login .wsform-controls-row:before, .login .wsform-controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}
/* line 393, ../../sass/components/login.scss */
.login .wsform-controls-row:after {
  clear: both;
}
/* line 403, ../../sass/components/login.scss */
.login input[disabled],
.login select[disabled],
.login textarea[disabled],
.login input[readonly],
.login select[readonly],
.login textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
/* line 408, ../../sass/components/login.scss */
.login input[readonly].hasDatepicker {
  cursor: pointer;
  background-color: #fff;
}
/* line 416, ../../sass/components/login.scss */
.login input[type="radio"][disabled],
.login input[type="checkbox"][disabled],
.login input[type="radio"][readonly],
.login input[type="checkbox"][readonly] {
  background-color: transparent;
}
/* line 423, ../../sass/components/login.scss */
.login .wsform-label {
  color: #0079bd;
  float: left;
  font-weight: bold;
  line-height: normal;
  padding-top: 15px;
  text-align: left;
  width: 125px;
  position: relative;
  left: 10px;
  line-height: 0px;
}
/* line 434, ../../sass/components/login.scss */
.login .wsform-message {
  display: none;
  margin: 10px 0;
  padding: 0 10px;
}
/* line 439, ../../sass/components/login.scss */
.login .wsform-message a {
  color: #333;
}
/* line 442, ../../sass/components/login.scss */
.login .wsform-message a:hover {
  color: #000;
}
/* line 447, ../../sass/components/login.scss */
.login .wsform-message.wsform-success {
  background-color: #dff2bf;
  border: 1px solid #89b15f;
  color: #468847;
}
/* line 453, ../../sass/components/login.scss */
.login .wsform-message.wsform-failure {
  background-color: #FEEFB3;
  border: 1px solid #BF9555;
  color: #996A25;
}
/* line 459, ../../sass/components/login.scss */
.login .wsform-message.wsform-error {
  background-color: #ffbaba;
  border: 1px solid #e53e46;
  color: #c6080e;
}
/* line 465, ../../sass/components/login.scss */
.login .wsform-message.wsform-info {
  background-color: #bde5f8;
  border: 1px solid #3f83ba;
  color: #0F62A6;
}
/* line 473, ../../sass/components/login.scss */
.login .wsform-hint,
.login .mandatory-marker {
  color: #c6080e;
}
/* line 477, ../../sass/components/login.scss */
.login .wsform-hint-server {
  display: none;
}
/* line 483, ../../sass/components/login.scss */
.login input:focus:invalid,
.login textarea:focus:invalid,
.login select:focus:invalid {
  color: #c6080e;
  border-color: #ee5f5b;
}
/* line 490, ../../sass/components/login.scss */
.login input:focus:invalid:focus,
.login textarea:focus:invalid:focus,
.login select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
/* line 496, ../../sass/components/login.scss */
.login .help-block,
.login .help-inline {
  color: #595959;
}
/* line 500, ../../sass/components/login.scss */
.login .help-block {
  display: block;
  margin-bottom: 0;
}
/* line 505, ../../sass/components/login.scss */
.login .help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}
/* line 513, ../../sass/components/login.scss */
.login .wsform-item {
  margin: 0;
  *zoom: 1;
}
/* line 518, ../../sass/components/login.scss */
.login .wsform-item:before, .login .wsform-item:after {
  display: table;
  line-height: 0;
  content: "";
}
/* line 523, ../../sass/components/login.scss */
.login .wsform-item:after {
  clear: both;
}
/* line 529, ../../sass/components/login.scss */
.login .wsform-item .wsform-controls a {
  margin-right: 15px;
  padding-left: 10px;
  position: relative;
}
/* line 534, ../../sass/components/login.scss */
.login .wsform-item .wsform-controls a:after {
  content: '>';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}
/* line 549, ../../sass/components/login.scss */
.login legend + .wsform-item,
.login h2 + .wsform-item,
.login h2 + .wsform-result + .wsform-item {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}
/* line 554, ../../sass/components/login.scss */
.login .radio input[type="radio"] {
  width: 20px;
  float: none;
  vertical-align: baseline;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 562, ../../sass/components/login.scss */
.login .radio .radio-label-text {
  line-height: 13px;
  vertical-align: baseline;
}
/* line 571, ../../sass/components/login.scss */
.login .button-arrow-left button,
.login .button-arrow-right button {
  position: relative;
  box-shadow: none;
  height: 28px;
  overflow: visible;
}
/* line 578, ../../sass/components/login.scss */
.login .button-arrow-left button {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 20px;
}
/* line 585, ../../sass/components/login.scss */
.login .button-arrow-right button {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 20px;
}
/* line 593, ../../sass/components/login.scss */
.login .button-arrow-left button:after,
.login .button-arrow-right button:after {
  content: ' ';
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  top: 3px;
  background-color: #e1e1e1;
  border: 2px solid #656363;
  box-shadow: none;
}
/* line 605, ../../sass/components/login.scss */
.login .button-arrow-left button:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  left: -10px;
  border-width: 0px 1px 1px 0px;
  border-bottom-right-radius: 5px;
}
/* line 616, ../../sass/components/login.scss */
.login .button-arrow-right button:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -10px;
  border-width: 1px 1px 0px 0px;
  border-top-right-radius: 5px;
}
/* line 628, ../../sass/components/login.scss */
.login .button-arrow-left button:hover:after,
.login .button-arrow-right button:hover:after {
  background-color: #939191;
}

/* IE STYLES
    ------------------------------------*/
/* line 640, ../../sass/components/login.scss */
.lt-ie9 .login fieldset {
  position: relative;
  margin: 10px;
}
/* line 645, ../../sass/components/login.scss */
.lt-ie9 .login fieldset legend {
  position: relative;
  top: -0.7em;
  left: 0.5em;
  margin-right: 20px;
}
/* line 652, ../../sass/components/login.scss */
.lt-ie9 .login fieldset legend span {
  display: block;
  width: 100%;
}
/* line 657, ../../sass/components/login.scss */
.lt-ie9 .login .input-focus-border-fix {
  border-color: #ff6600;
}
/* line 661, ../../sass/components/login.scss */
.lt-ie9 .login .button {
  border: 1px solid #656363;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}
/* line 669, ../../sass/components/login.scss */
.lt-ie9 .login .button-arrow-left button:after,
.lt-ie9 .login .button-arrow-right button:after {
  position: static;
  border: none;
  display: inline;
}
/* line 675, ../../sass/components/login.scss */
.lt-ie9 .login .button-arrow-left button:before {
  content: "<<";
  padding-right: 5px;
}
/* line 680, ../../sass/components/login.scss */
.lt-ie9 .login .button-arrow-right button:after {
  content: ">>";
  padding-left: 5px;
}

/* line 693, ../../sass/components/login.scss */
.lt-ie8 .login fieldset legend {
  top: -0.5em;
}
/* line 697, ../../sass/components/login.scss */
.lt-ie8 .login .button {
  display: inline;
}
/* line 702, ../../sass/components/login.scss */
.lt-ie8 .login .button-arrow-left button,
.lt-ie8 .login .button-arrow-right button {
  position: static;
}



.login .component-content .wsform-item .wsform-controls input{border: 1px solid #CCCCCC;  height: 18px !important;}





/* MEDIA QUERIES
    ------------------------------------*/
@media only screen and (max-width: 767px) {
  /* line 717, ../../sass/components/login.scss */
  .login .radio input[type="radio"] {
    height: 14px;
  }
  /* line 721, ../../sass/components/login.scss */
  .login .wsform-item {
    margin-bottom: 10px;
  }
  /* line 725, ../../sass/components/login.scss */
  .login .checkboxField .control-label { 
    float: left;
  }
  /* line 729, ../../sass/components/login.scss */
  .login .wsform-label {
    float: none;
    width: 160px;
    padding-top: 5px;
    text-align: left;
  }
  /* line 738, ../../sass/components/login.scss */
  .login .wsform-controls,
  .login .controls,
  .login .login-links {
    margin-left: 0;
  }
  /* line 742, ../../sass/components/login.scss */
  .login .help-block {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 239px) {
  /* line 755, ../../sass/components/login.scss */
  .login input,
  .login textarea,
  .login .uneditable-input {
    width: 200px;
  }
  /* line 759, ../../sass/components/login.scss */
  .login select {
    width: 200px;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/manageuserbox.scss */
.manageuserbox .component-content {
  border: 1px solid #D5D1CE;
  padding: 13px;
  background: #fff;
}

/* line 8, ../../sass/components/manageuserbox.scss */
.manageuserbox .manageUserLinks ul {
  padding: 0;
  margin: 0;
}

/* line 12, ../../sass/components/manageuserbox.scss */
.manageuserbox .component-content .manageUserLinks ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

/* line 16, ../../sass/components/manageuserbox.scss */
.manageuserbox .component-content .manageUserLinks ul li a {
  background: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/boxlink-arrow.png") no-repeat scroll 0 2px;
  color: #1a768d;
  padding: 5px 0 6px 25px;
  text-decoration: none;
}

/* line 23, ../../sass/components/manageuserbox.scss */
.manageuserbox .component-content .richText ul li {
  background: none;
  padding-left: 0;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageStaffProfile ul {
  padding-left: 0;
}
/* line 5, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageStaffProfile ul .managerUserProfileList .manageUserOverlayContainer ul li {
  float: none;
  margin: 0;
  padding: 2px 3px;
}
/* line 9, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageStaffProfile ul .managerUserProfileList .manageUserOverlayContainer ul li a {
  color: white;
}
/* line 13, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageStaffProfile ul .managerUserProfileList .manageUserOverlayContainer li:nth-child(odd) {
  background: white;
  color: black;
}
/* line 18, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageStaffProfile ul li {
  background: #e0e0e0;
  cursor: pointer;
  float: left;
  list-style-type: none;
  margin: 0 10px 10px 0;
  padding: 8px;
}
/* line 25, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageStaffProfile ul li a {
  color: white;
}
/* line 30, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageStaffProfile ul li:nth-child(odd) {
  background: #f36633;
  color: white;
}

/* line 39, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageUserLinks {
  border-right: 1px solid #e0e0e0;
}
/* line 41, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageUserLinks ul li {
  margin-bottom: 7px;
}
/* line 43, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageUserLinks ul li a {
  background: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/boxlink-arrow.png") no-repeat scroll 0 2px;
  color: #1a768d;
  padding: 5px 0 6px 30px;
  text-decoration: none;
}

/* line 53, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .component-content .manageUserLinks ul li
.manageuserprofile .manageUserOverlayContainer .overlay-bg {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* line 67, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageUserOverlayContainer .overlay-content {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 5px solid #D5D1CE;
  border-radius: 10px 10px 10px 10px;
  display: inline-block;
  min-height: 80px;
  min-width: 80px;
  moz-border-radius: 10px 10px 10px 10px;
  padding: 10px 10px 10px;
  position: relative;
  text-align: left;
  top: 150px;
  webkit-border-radius: 10px 10px 10px 10px;
  width: 60%;
}

/* line 82, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageUserOverlayContainer .overlay-close {
  background: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/overlay-close-icon.png") no-repeat scroll 0 0/20px auto transparent;
  cursor: pointer;
  display: none;
  font-size: 25px;
  height: 20px;
  position: absolute;
  right: 3px;
  top: 5px;
  width: 20px;
  z-index: 9999;
}

/* line 94, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageUserOverlayContainer .close-btn:hover {
  background: #05abe0;
}

/* line 97, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageUserOverlayContainer li span {
  font-weight: 700;
}

/* line 100, ../../sass/components/manageuserprofile.scss */
.manageuserprofile .manageUserOverlayContainer li span.managerUserTitle {
  display: inline-block;
  font-weight: normal;
  width: 40%;
}

/* line 105, ../../sass/components/manageuserprofile.scss */
.manageuserprofile h4 {
  margin-top: 0;
  margin-bottom: 9px;
}

@media only screen and (max-width: 767px) {
  /* line 108, ../../sass/components/manageuserprofile.scss */
  .manageuserprofile .manageUserOverlayContainer li span {
    font-size: 11px;
    font-weight: normal;
  }

  /* line 112, ../../sass/components/manageuserprofile.scss */
  .manageuserprofile .manageUserOverlayContainer li span.managerUserTitle {
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    width: 50%;
  }

  /* line 118, ../../sass/components/manageuserprofile.scss */
  .manageuserprofile .manageUserOverlayContainer .overlay-content {
    width: 80%;
  }
}
.map-canvas {
  margin-bottom: 10px;
  border: solid 2px #323131;
  text-align: center; }
  .map-canvas img {
    width: 100%;
    max-width: inherit; }

.no-js .map-canvas img {
  width: 100%;
  max-width: 640px; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/messageconfiguration.scss */
.messageconfiguration {
  margin-top: 20px;
}

/* line 9, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .sendMessage, .cfButton {
  background-color: #f36633;
  border: 1px solid #D5D1CE;
  color: white;
  padding: 5px 20px;
  cursor: pointer;
  display: inline-block;
}

/* line 19, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .emailTemplate table {
  width: 100%;
}

/* line 23, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .messagaeConfigurationContent .messageInput select {
  display: inline-block;
  width: 35%;
}

/* line 27, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .messagaeConfigurationContent .messageInput label {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}

/* line 32, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .messagaeConfigurationContent .messageInput {
  margin-bottom: 15px;
}

/* line 35, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .messagaeConfigurationContent .emailTemplateContainer {
  margin-bottom: 10px;
}
/* line 37, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .messagaeConfigurationContent .emailTemplateContainer h5 {
  border: 1px solid #e0e0e0;
  padding: 10px;
}
/* line 41, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .messagaeConfigurationContent .emailTemplateContainer p {
  margin: 0;
  margin-bottom: 10px;
}
/* line 44, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .messagaeConfigurationContent .emailTemplateContainer table {
  width: 100%;
}

/* line 51, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .responseMessageText p {
  border: solid 1px #DDB5B3;
  border-radius: 2px;
  color: #7B474D;
  padding: 5px;
  margin-right: 10px;
  font-size: 11px;
}

/* line 60, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .responseMessageText p.msgResFailure {
  background: #FFD3D4;
}

/* line 63, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .responseMessageText p.msgResSuccess {
  background: #D5FECC;
}

/* line 66, ../../sass/components/messageconfiguration.scss */
.messageconfiguration .messagaeConfigurationContent .sendMessage:disabled {
  background: #e0e0e0;
  cursor: default;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/******************************* Settings */
/******************************* Mixins - Base*/
/******************************* Base navigation ?? Should that be removed ?? */
/* line 112, ../../sass/components/navigation.scss */
.navigation .component-content {
  overflow: visible;
}
/* line 115, ../../sass/components/navigation.scss */
.navigation .navigation-branch {
  z-index: 200;
}
/* line 119, ../../sass/components/navigation.scss */
.navigation .navigation-item-decoration {
  display: none;
}

/* line 125, ../../sass/components/navigation.scss */
.no-js .navigation-branch {
  display: block;
}

/******************************* Mixin - Core navigation */
/******************************* Mixin - Overloads to default values */
/******************************* Mixin - Reset to default values */
/******************************* Mixin - Horizontal navigation */
/******************************* Mixin - Vertical navigation */
/******************************* Mixin - Full navigation */
/******************************* Horizontal core */
/* line 134, ../../sass/components/navigation.scss */
.navigation-root {
  text-align: left;
  z-index: 10;
  max-width: 100%;
}

/* line 139, ../../sass/components/navigation.scss */
.navigation-branch {
  overflow: visible;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 149, ../../sass/components/navigation.scss */
.navigation-branch.navigation-level1 {
  border: 0 none;
  display: block;
}

/* line 154, ../../sass/components/navigation.scss */
.navigation-item {
  margin: 0 0 0 0;
  /* so that borders collapse */
  border-color: #4a4a4a;
  border-width: 0 0 0 0;
  border-style: solid;
}
/* line 159, ../../sass/components/navigation.scss */
.navigation-item > .navigation-item-title {
  display: block;
  padding: 5px 12px 5px 15px;
  color: #007abe;
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  text-decoration: none;
  /*white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;*/
}
li.navigation-level2 > a.navigation-item-title{padding-left:5px;padding-right:11px;}
li.navigation-level2 > a.navigation-item-title:hover, li.navigation-level2 > a.navigation-item-title:focus{padding-left:10px;padding-right:16px;}
/* line 172, ../../sass/components/navigation.scss */
.navigation-level2 > a.navigation-item-title:hover , 
.navigation-level2 > a.navigation-item-title:focus {
  color: #fff;
  text-decoration: none;
  background:#0079be;
  padding-left: 20px;   
}
.navigation-level2 a.navigation-item-title:hover{
padding-bottom:6px;
}
/* line 179, ../../sass/components/navigation.scss */
.navigation-item > span.navigation-item-title {
  cursor: default;
}
/* line 184, ../../sass/components/navigation.scss */
.navigation-item.has-children > .navigation-item-title {
  position: relative;
  padding-right: 39px;
}
/* line 69, ../../sass/components/navigation.scss */
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  display: none;
  background: url('/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/arrows.png') 0 -563px no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -544.5px;
}
/* line 76, ../../sass/components/navigation.scss */
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  height: 41px;
  margin: -10px 0 -10px 0;
  display: inline-block;
  vertical-align: top;
}
/* line 92, ../../sass/components/navigation.scss */
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  background-position: 16.5px -544.5px;
}
/* line 99, ../../sass/components/navigation.scss */
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  width: 41px;
  position: absolute;
  right: 0;
}
/* line 186, ../../sass/components/navigation.scss */
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  background-color: #c8c8c8;
}
/* line 194, ../../sass/components/navigation.scss */
.navigation-item.has-active-child > .navigation-item-title, .navigation-item.is-active > .navigation-item-title {
  color: #007abe;
  background: #fff;
  text-decoration: none;
}
/* line 203, ../../sass/components/navigation.scss */
.navigation-item.is-open > .navigation-branch, .no-js .navigation-item:hover > .navigation-branch {
  display: block;
}
/* line 208, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1 {
  margin: 0;
  /* so that borders collapse */

  border:0 none;
}
/* line 213, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1 > .navigation-item-title {
  color: #fff;
  font-size: 18px;
  /*font-weight: bold;
  line-height: 1.5;
  padding: 13px 20px 12px;*/
  line-height: 17px;
  padding: 15px 20px 18px 10px;
  text-decoration: none;

}
/* line 223, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1 > a.navigation-item-title:hover, .navigation-item.navigation-level1 > a.navigation-item-title:focus {
  color: #012d62;
  text-decoration: none;
  background:#fff;
  border-bottom:1px solid #d6d6d6;
  word-wrap:break-word;
}
/* line 230, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1.has-children > .navigation-item-title {
  color: #fff;
  margin: 0;
 /* padding: 16px 12px 10px;*/
  position: relative;
}
/* line 69, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1.has-children > .navigation-item-title .navigation-item-decoration {
  display: none;
  background: url('/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/arrows.png') 0 -563px no-repeat;
  height: 4px;
  width: 8px;
  background-position: 0 -544.5px;
}
/* line 76, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1.has-children > .navigation-item-title .navigation-item-decoration {
  height: 41px;
  margin: -10px 0 -10px 0;
  display: inline-block;
  vertical-align: top;
}
/* line 92, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1.has-children > .navigation-item-title .navigation-item-decoration {
  background-position: 16.5px -544.5px;
}
/* line 99, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1.has-children > .navigation-item-title .navigation-item-decoration {
  width: 41px;
  position: absolute;
  right: 0;
}
/* line 232, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1.has-children > .navigation-item-title .navigation-item-decoration {
  background-color: #c8c8c8;
}
/* line 239, ../../sass/components/navigation.scss */
.navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
  color: #012d62;
  /* background: #605e5e; */
  text-decoration: none;
  border-bottom:1px solid #d6d6d6;
}

/******************************* Horizontal navigation */
/* line 502, ../../sass/components/navigation.scss */
.navigation-horizontal .navigation-branch {
  display: none;
}
/* line 504, ../../sass/components/navigation.scss */
.navigation-horizontal .navigation-branch.navigation-level1 {
  display: block;
  margin:0 0 0 62px;
}
/* line 507, ../../sass/components/navigation.scss */
.navigation-horizontal .navigation-branch.navigation-level2 {
  min-width: 100%;
  position: absolute;
  top: 68px;
  left: 0;
}
/* line 516, ../../sass/components/navigation.scss */
.navigation-horizontal .navigation-branch.navigation-level2 .navigation-branch {
  position: absolute;
  margin-left: 100%;
  top: -2px;
  left: 0;
}
/* line 526, ../../sass/components/navigation.scss */
.navigation-horizontal .navigation-item {
  position: relative;
}
/* line 532, ../../sass/components/navigation.scss */
.navigation-horizontal .navigation-item.is-open > .navigation-branch, .no-js .navigation-horizontal .navigation-item:hover > .navigation-branch {
  display: block;
}
/* line 537, ../../sass/components/navigation.scss */
.navigation-horizontal .navigation-item.navigation-level1 {
  float: left;
  text-transform: uppercase;
  width: 166px;
      background: url(/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/vertical-strip.jpg) no-repeat scroll left 7px transparent;
	  height:68px;
}
/* line 602, ../../sass/components/navigation.scss */
.navigation-horizontal:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* line 611, ../../sass/components/navigation.scss */
.navigation-horizontal .navigation-item-decoration {
  background-color: inherit !important;
}
@media only screen and (max-width: 767px) {
  /* line 452, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item-decoration {
    display: none;
  }
  /* line 456, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-branch {
    display: auto;
  }
  /* line 458, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-branch.navigation-level1 {
    display: auto;
  }
  /* line 461, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-branch.navigation-level2 {
    position: inherit;
    min-width: 0;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  /* line 467, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-branch.navigation-level2 .navigation-branch {
    position: inherit;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  /* line 475, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item {
    position: inherit;
  }
  /* line 479, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item.is-open > .navigation-branch, .no-js .navigation-horizontal .navigation-item:hover > .navigation-branch {
    display: auto;
  }
  /* line 483, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item.navigation-level1 {
    float: none;
  }
  /* line 487, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item.has-children > .navigation-item-title {
    position: relative;
    padding-right: 39px;
  }
  /* line 69, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    display: none;
    background: url('/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/arrows.png') 0 -563px no-repeat;
    height: 4px;
    width: 8px;
    background-position: 0 -544.5px;
  }
  /* line 76, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    height: 41px;
    margin: -10px 0 -10px 0;
    display: inline-block;
    vertical-align: top;
  }
  /* line 92, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    background-position: 16.5px -544.5px;
  }
  /* line 99, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    width: 41px;
    position: absolute;
    right: 0;
  }
  /* line 286, ../../sass/components/navigation.scss */
  .navigation-horizontal .navigation-branch {
    border-width: 2px 0 2px 0;
  }
}

/******************************* Vertical navigation */
/* line 547, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-branch {
  display: none;
}
/* line 549, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-branch.navigation-level1 {
  display: inline-block;
}
/* line 552, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-branch.navigation-level2 {
  position: absolute;
  margin-left: 100%;
  top: -2px;
  left: 2px 2px 2px 2px;
}
/* line 558, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-branch.navigation-level2 .navigation-branch {
  position: absolute;
  margin-left: 100%;
  top: -2px;
  left: 0 0 0 0;
}
/* line 568, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-item {
  position: relative;
}
/* line 572, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-item.is-open > .navigation-branch, .no-js .navigation-vertical .navigation-item:hover > .navigation-branch {
  display: block;
}
/* line 577, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-item.has-children > .navigation-item-title {
  position: relative;
  padding-right: 39px;
}
/* line 63, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  display: none;
  background: url('/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/arrows.png') 0 -505px no-repeat;
  height: 8px;
  width: 4px;
  background-position: 0 -488.5px;
}
/* line 76, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  height: 41px;
  margin: -10px 0 -10px 0;
  display: inline-block;
  vertical-align: top;
}
/* line 88, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  background-position: 18.5px -488.5px;
}
/* line 99, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
  width: 41px;
  position: absolute;
  right: 0;
}
/* line 625, ../../sass/components/navigation.scss */
.navigation-vertical .navigation-item-decoration {
  background-color: inherit !important;
}
@media only screen and (max-width: 767px) {
  /* line 452, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item-decoration {
    display: none;
  }
  /* line 456, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-branch {
    display: auto;
  }
  /* line 458, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-branch.navigation-level1 {
    display: auto;
  }
  /* line 461, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-branch.navigation-level2 {
    position: inherit;
    min-width: 0;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  /* line 467, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-branch.navigation-level2 .navigation-branch {
    position: inherit;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  /* line 475, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item {
    position: inherit;
  }
  /* line 479, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item.is-open > .navigation-branch, .no-js .navigation-vertical .navigation-item:hover > .navigation-branch {
    display: auto;
  }
  /* line 483, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item.navigation-level1 {
    float: none;
  }
  /* line 487, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item.has-children > .navigation-item-title {
    position: relative;
    padding-right: 39px;
  }
  /* line 69, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    display: none;
    background: url('/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/arrows.png') 0 -563px no-repeat;
    height: 4px;
    width: 8px;
    background-position: 0 -544.5px;
  }
  /* line 76, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    height: 41px;
    margin: -10px 0 -10px 0;
    display: inline-block;
    vertical-align: top;
  }
  /* line 92, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    background-position: 16.5px -544.5px;
  }
  /* line 99, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    width: 41px;
    position: absolute;
    right: 0;
  }
  /* line 286, ../../sass/components/navigation.scss */
  .navigation-vertical .navigation-branch {
    border-width: 2px 0 2px 0;
  }
}

/******************************* Full navigation */
/* line 586, ../../sass/components/navigation.scss */
.navigation-full .navigation-item-decoration {
  visibility: hidden;
  display: none;
}
/* line 591, ../../sass/components/navigation.scss */
.navigation-full .navigation-branch {
  display: block;
}
@media only screen and (max-width: 767px) {
  /* line 452, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item-decoration {
    display: none;
  }
  /* line 456, ../../sass/components/navigation.scss */
  .navigation-full .navigation-branch {
    display: auto;
  }
  /* line 458, ../../sass/components/navigation.scss */
  .navigation-full .navigation-branch.navigation-level1 {
    display: auto;
  }
  /* line 461, ../../sass/components/navigation.scss */
  .navigation-full .navigation-branch.navigation-level2 {
    position: inherit;
    min-width: 0;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  /* line 467, ../../sass/components/navigation.scss */
  .navigation-full .navigation-branch.navigation-level2 .navigation-branch {
    position: inherit;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  /* line 475, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item {
    position: inherit;
  }
  /* line 479, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item.is-open > .navigation-branch, .no-js .navigation-full .navigation-item:hover > .navigation-branch {
    display: auto;
  }
  /* line 483, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item.navigation-level1 {
    float: none;
  }
  /* line 487, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item.has-children > .navigation-item-title {
    position: relative;
    padding-right: 39px;
  }
  /* line 69, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    display: none;
    background: url('/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/arrows.png') 0 -563px no-repeat;
    height: 4px;
    width: 8px;
    background-position: 0 -544.5px;
  }
  /* line 76, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    height: 41px;
    margin: -10px 0 -10px 0;
    display: inline-block;
    vertical-align: top;
  }
  /* line 92, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    background-position: 16.5px -544.5px;
  }
  /* line 99, ../../sass/components/navigation.scss */
  .navigation-full .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    width: 41px;
    position: absolute;
    right: 0;
  }
  /* line 286, ../../sass/components/navigation.scss */
  .navigation-full .navigation-branch {
    border-width: 2px 0 2px 0;
  }
}

/*navigation custom*/

#header .gsk-logo{margin:10px 0 0 0;} /*Removed width: 7.4% here for uplift purposes*/
.navigation-horizontal .navigation-branch.navigation-level2{
background:#fff;}
.navigation-item.navigation-level1 > a.navigation-item-title:hover{border-bottom:1px solid #d6d6d6;color:#012d62;}
.navigation-horizontal .navigation-item-decoration{background-color:transparent !important}
.header-links p a, .header-links p {color:#012d62;text-decoration: none;font-family:"Helvetica W02 Light";font-size:12px;}
#footer p, #footer p a {color:#012c62;text-decoration: none;font-family:"Helvetica W02 Light";font-size:12px;}
.navigation-level2 li a{border-bottom:1px solid #d6d6d6;text-transform: none;margin:0 5px;}
.navigation-level2 li a:hover, .navigation-level2 li a:focus{border-bottom:0 none;margin:0;}
.navigation-horizontal .navigation-item.navigation-level1.is-open{background:#fff;}
.navigation-horizontal .navigation-item.navigation-level1.is-open > a{border-bottom:1px solid #d6d6d6!important;color:#012d62;margin:0 5px;padding-right:15px;padding-left:5px;}
ul.navigation-branch li ul li a{text-transform: none;}
#wrapper #footer {
  margin: 0 auto;
  padding: 0;
}
.footer-box { border-top: 2px solid #012d62;padding: 18px 0 0;}

.footer-rte1 p, .footer-rte2 p, .footer-rte3 p {line-height: 20px;}
.footer-rte4 p {line-height: 16px;}

/*Navigation for Breathe Right Canada Localization FR_CA starts*/

/******************************* Horizontal navigation */
/* line 502, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca .navigation-branch {
  display: none;
}
/* line 504, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca .navigation-branch.navigation-level1 {
  display: block;
  margin:0 0 0 0px;
}

.navigation-horizontal-fr-ca .navigation-branch.navigation-level1 li:nth-child(4){
width: 150px !important;
}

.navigation-horizontal-fr-ca .navigation-branch.navigation-level1 li:nth-child(2) a{
height: 38px !important;
padding-top: 11px;
}

/* line 507, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca .navigation-branch.navigation-level2 {
  min-width: 100%;
  position: absolute;
  top: 68px;
  left: 0;
}
/* line 516, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca .navigation-branch.navigation-level2 .navigation-branch {
  position: absolute;
  margin-left: 100%;
  top: -2px;
  left: 0;
}
/* line 526, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca .navigation-item {
  position: relative;
}
/* line 532, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca .navigation-item.is-open > .navigation-branch, .no-js .navigation-horizontal-fr-ca .navigation-item:hover > .navigation-branch {
  display: block;
}
/* line 537, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca .navigation-item.navigation-level1 {
  float: left;
  text-transform: uppercase;
  width: 166px;
      background: url(/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/vertical-strip.jpg) no-repeat scroll left 7px transparent;
	  height:68px;
}
/* line 602, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* line 611, ../../sass/components/navigation.scss */
.navigation-horizontal-fr-ca .navigation-item-decoration {
  background-color: inherit !important;
}
@media only screen and (max-width: 767px) {
  /* line 452, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item-decoration {
    display: none;
  }
  /* line 456, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-branch {
    display: auto;
  }
  /* line 458, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-branch.navigation-level1 {
    display: auto;
  }
  /* line 461, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-branch.navigation-level2 {
    position: inherit;
    min-width: 0;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  /* line 467, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-branch.navigation-level2 .navigation-branch {
    position: inherit;
    margin-left: 0;
    top: auto;
    left: auto;
  }
  /* line 475, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item {
    position: inherit;
  }
  /* line 479, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item.is-open > .navigation-branch, .no-js .navigation-horizontal-fr-ca .navigation-item:hover > .navigation-branch {
    display: auto;
  }
  /* line 483, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item.navigation-level1 {
    float: none;
  }
  /* line 487, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item.has-children > .navigation-item-title {
    position: relative;
    padding-right: 39px;
  }
  /* line 69, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    display: none;
    background: url('/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/arrows.png') 0 -563px no-repeat;
    height: 4px;
    width: 8px;
    background-position: 0 -544.5px;
  }
  /* line 76, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    height: 41px;
    margin: -10px 0 -10px 0;
    display: inline-block;
    vertical-align: top;
  }
  /* line 92, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    background-position: 16.5px -544.5px;
  }
  /* line 99, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    width: 41px;
    position: absolute;
    right: 0;
  }
  /* line 286, ../../sass/components/navigation.scss */
  .navigation-horizontal-fr-ca .navigation-branch {
    border-width: 2px 0 2px 0;
  }
}

.navigation-horizontal-fr-ca .navigation-branch.navigation-level2{
background:#fff;}

.navigation-horizontal-fr-ca .navigation-item-decoration{background-color:transparent !important}

.navigation-horizontal-fr-ca .navigation-item.navigation-level1.is-open{background:#fff;}

.navigation-horizontal-fr-ca .navigation-item.navigation-level1.is-open > a{border-bottom:1px solid #d6d6d6!important;color:#012d62;margin:0 5px;padding-right:15px;padding-left:5px;}

.navigation-horizontal-fr-ca .navigation-item.navigation-level1 > .navigation-item-title {
  color: #fff;
  font-size: 16px;
  /*font-weight: bold;
  line-height: 1.5;
  padding: 13px 20px 12px;*/
  line-height: 17px;
  padding: 15px 20px 18px 10px;
  text-decoration: none;

}

.navigation-horizontal-fr-ca .navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
  color: #012d62 !important;
  /* background: #605e5e; */
  text-decoration: none;
  border-bottom:1px solid #d6d6d6;
}

/*Navigation filter for Breathe Right Canada Localization FR_CA ends*/

/*ends*/







/*UPLIFT CHANGES START*/

/*Removed width and margin from logo - look for #header .gsk-logo{margin:10px 0 0 0;} #header .gsk-logo{margin:10px 0 0 0;} */
@media only screen and (max-width: 967px) {
  html[lang="ja-JP"] #header .mobile-nav {
  display: block;
  /* margin:16px; */
}
#header .gsk-logo{
  margin:0;
}
}

/*UPLIFT CHANGES END*//* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/notification.scss */
.notification .notificationFormElement {
  margin-bottom: 15px;
}

/* line 7, ../../sass/components/notification.scss */
.notification label {
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  width: 200px;
}
/* line 13, ../../sass/components/notification.scss */
.notification input[type="text"], .notification textarea, .notification select {
  display: inline-block;
  width: 200px;
}
/* line 16, ../../sass/components/notification.scss */
.notification .btn {
  margin-top: 15px;
  float: right;
}

/* line 22, ../../sass/components/notification.scss */
.notification .notificationSuccessBox, .notificationFailureBox {
  display: none;
}

/* line 26, ../../sass/components/notification.scss */
.notificationSuccessBox, .notificationFailureBox {
  border: solid 2px #f36633;
  padding: 0 10px 5px 10px;
  margin-bottom: 15px;
}

/* line 32, ../../sass/components/notification.scss */
.notification .fixedRecipientNotification input {
  border: none;
  width: 75%;
}
/* line 36, ../../sass/components/notification.scss */
.notification .fixedRecipientNotification label {
  font-weight: 700;
}
/* line 37, ../../sass/components/notification.scss */
.notification .fixedRecipientNotification .btn {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
}
/* line 190, ../../sass/core/_mixins.scss */
.notification .fixedRecipientNotification .btn:hover {
  background-color: #939191;
  color: white;
}
/* line 193, ../../sass/core/_mixins.scss */
.notification .fixedRecipientNotification .btn:active {
  background-color: #939191;
  color: white;
}
.poll-sleep #SRVAA00019{display:none}
.poll-sleep .cfButton{ background: transparent url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/Learn-more-button_blue.png") no-repeat scroll -33px center;
    border-radius: 7px 0;
	font-size: 1.2em;
    font-weight: bold;
	}
    
.poll-sleep .label{color: #007ABE;
font-size: 1.25em;}

.poll-sleep .genericPollGroup {
    color: #007abe;
    float: left;
    font-size: 1.5em;
    margin-top: 1%;
    width: 17%;
}
.poll-sleep .pollOptionsContainer :nth-child(2) {
    margin-left: 29%;
}

.poll-sleep .pollOptionsContainer :nth-child(4) {
                margin-right: 19%;
}
.poll-sleep .showPollResult {
    margin-bottom: 1%;
     margin-left: 47%;
    margin-top: 2%;
}
.poll-sleep .poll-option-label{    

margin-left: 4px !important;
}

.poll-sleep .pollResultsContainer {
    margin-left: 28%;
    width: 103%;
	margin-bottom: 12%;
	 padding-top: 1%;
  padding-bottom: 1%;}
	
	
.pollResultsContainer > h4 {
    float: left;
    width: 17%;
	font-size: 1.4em;
}

.poll-sleep .pollTitle.grid_2 {
       margin-left: 6px;
    position: relative;
	width: 71%;
}


.poll-sleep .pollResultValue {
      float: left;
    margin-left: -46%;
    margin-top: -18%;
	 font-size: 1.4em;
}
/*poll-better*/
.poll-better #SRVAA00033{display:none;}
.poll-better .pollOptionsContainer {
    margin-left: 21.1%;
	padding-bottom: 10%;
	padding-top: 1%;
}

.poll-better .poll-option-label{
color: #337098;
 font-weight: bold;
 line-height: 1.05em;
 font-size: 12px;
 
 }
 
 
 .poll-better .cfButton{  background: transparent url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/Learn-more-button_blue.png") no-repeat scroll -33px center;
    border-radius: 7px 0;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    height: 2.5em;
    margin-left: 43%;
    margin-top: -3%;
    width: 8.5em;
	}
	.poll-better .pollOptionsContainer :nth-child(2){
	 float: left; 
	 margin-left:0px;
	 max-width:95%;
	 }
	.poll-better .pollOptionsContainer :nth-child(3) {
    margin-left: 54px;
      width: 12.5%;
	 float: left;
	 margin-left: 54px \9;
	 
}
.poll-better .pollOptionsContainer :nth-child(4) {
    margin-left: 65px;
	float: left;
    width: 20.894%;
}
.poll-better .pollOptionsContainer :nth-child(5) {
    margin-left: 12px;
	float: left;
    width: 15%;
	   margin-left: 0px \9;
}
.poll-better .pollOptionsContainer :nth-child(2) .pollControl-radio{margin-left: -104%;
margin-left: -106% \9;}
.poll-better .pollOptionsContainer :nth-child(3) .pollControl-radio{margin-left: -95%;
margin-left: -102% \9;}
.poll-better .pollOptionsContainer :nth-child(4) .pollControl-radio{margin-left: -81%;
margin-left: -86% \9;}
.poll-better .pollOptionsContainer :nth-child(5) .pollControl-radio{
	height: auto;
    margin-left: -17px; 
	display:flex; 
	text-align: center; 
	margin-left: -105% \9;
	}
	
	
.poll-better .pollOptionsContainer *:nth-child(5) .poll-option-label {
	left: -6px;
    position: relative;
    top: -12px;
	text-align: center;
	top: 0px \9;
	left: 3px \9;
}

.poll-better .pollControl-radio	{
	
	vertical-align: middle;
	}

.poll-better .pollParentDiv {
    padding-bottom: 3%;
}


.poll-better .pollTitle.grid_2 {
    font-size: 14px;
}

.poll-better .pollResultsContainer {
    color:#337098;
    margin-left: 20%;
    padding-bottom: 13%;
    width: 104%;
}

.poll-better .pollError {
    color: #337098;
    font-size: 18px;
    font-weight: bold;
   left: 35.5%;
    position: relative;
    top: 135px !important;
}

.poll-better .pollResultsContainer *:last-child .pollResultValue {
    margin-left: -80px;
}

.poll-better .pollResultsContainer *:last-child .pollTitle  {
  width: 60%;
  position: relative;
  left: -11px;
}
.poll-better .pollResultsContainer *:nth-child(1) .pollTitle{
 margin-left: -7% ;
  margin-left: -17% \9;
 
}
.poll-better .pollResultsContainer *:nth-child(1) .pollResultValue{
 margin-left: -50%;
 margin-left: -43% \9;
}
.poll-better .pollResultsContainer *:nth-child(2) .pollResultValue {
    margin-left: -96px;
	margin-left: -72px \9;
}
.poll-better .pollResultsContainer *:nth-child(2) .pollTitle{
 margin-left: -2% ;
 margin-left: -19% \9;
}
.poll-better .pollResultsContainer *:nth-child(3) .pollResultValue {
    margin-left: -45%;
}
.poll-better .pollResultsContainer *:nth-child(3) .pollTitle{
 margin-left: -16% !important;
}

.poll-better .pollTitle.grid_2 > sup{

	font-size: 75%;
    left: 0 px;
    position: relative;
    top: 7px;
    left: 0px \9;
	top : -5px \9;
}


.white-bg-box .poll-better h4{
color: #337098;
}
    
	
	
	
.poll-better .pollTitle.grid_2 {
     display: flex;
    left: 7%;
    margin-top: 20%;
    position: relative;
    text-align: center;
    width: 75%;
}



.poll-better .pollResultValue {
     font-size: 1em;
    margin-left: -56%;
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.poll-better .pollOptionsContainer :nth-child(5) .pollControl-radio{ height: auto;
    margin-left: -15px; display:flex;
	 margin-left: -124px \9;
	} 
.poll-better .pollOptionsContainer *:nth-child(5) .poll-option-label {
  left: -1px;
    position: relative;
    top: -12px;
  top: 0px \9;
}

.poll-better .pollOptionsContainer :nth-child(3) {
    margin-left: 69px;
	
}

.poll-better .pollTitle.grid_2 {
    display:inline;
    left: 7%;
    margin-left: -13% !important;
    margin-top: 20%;
    position: relative;
    text-align: center;
    width: 76%;
}

.poll-better .pollTitle.grid_2 > sup{

	font-size: 73%;
	left: -0px;
    position: relative;
    top: -5px;
    left: 0px \9;
	top : -5px \9;
}
.poll-better .pollOptionsContainer :nth-child(2){
	 float: left; margin-left:-2px;
	     max-width:108%;
		 }
		 
 .poll-better .pollOptionsContainer :nth-child(2) .pollControl-radio{margin-left: -112px;}
.poll-better .pollOptionsContainer :nth-child(3) .pollControl-radio{margin-left: -101%;}
.poll-better .pollOptionsContainer :nth-child(4) .pollControl-radio{margin-left: -87%;}
.poll-better .pollOptionsContainer :nth-child(5) {
    margin-left: 4px;
	float: left;
    width: 15%;
}

.poll-better .pollResultsContainer *:nth-child(1) .pollTitle{
 margin-left: -17% !important;
}
.poll-better .pollResultsContainer *:nth-child(1) .pollResultValue{
 margin-left: -43%;
}
.poll-better .pollResultsContainer *:nth-child(2) .pollResultValue {
    margin-left: -74px;
}
.poll-better .pollResultsContainer *:nth-child(2) .pollTitle{
 margin-left: -19% !important;
}
.poll-better .pollResultsContainer *:last-child .pollResultValue {
    margin-left: -65px;
}

.poll-better .pollResultsContainer *:last-child .pollTitle  {
  width: 60%;
  position: relative;
  left: 4px;
}

}


@media screen and (-webkit-min-device-pixel-ratio:0) { 

.poll-better .pollOptionsContainer :nth-child(3) .pollControl-radio {
  margin-left: -99%;
}
.poll-better .pollOptionsContainer :nth-child(3) {
  margin-left: 50px;
  width: 12.5%;
  float: left;
  margin-left: 63px \9;
}
.poll-better .pollOptionsContainer :nth-child(4) .pollControl-radio {
  margin-left: -86%;
}
.poll-better .pollOptionsContainer :nth-child(4) {
  margin-left: 63px;
  float: left;
  width: 20.894%;
}
}/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/powerreviews.scss */
.powerreviews {
  border: solid 1px #e0e0e0;
  padding: 5px 10px 0 10px;
  margin-bottom: 5px;
}

/* line 8, ../../sass/components/powerreviews.scss */
.powerreviews .p-w-r .pr-header-title {
  color: #f36633;
}

/* line 11, ../../sass/components/powerreviews.scss */
.powerreviews .p-w-r .pr-star-selected {
  background-color: #f36633;
}

/* line 14, ../../sass/components/powerreviews.scss */
.powerreviews .pr-snapshot-rating .pr-stars {
  background-image: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/stars.gif");
}

/* line 17, ../../sass/components/powerreviews.scss */
.powerreviews .pr-review-rating .pr-stars-small, .powerreviews .pr-snippet-stars .pr-stars-small {
  background-image: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/stars_small.gif");
}

/* line 20, ../../sass/components/powerreviews.scss */
.powerreviews.pr-base-modal a, .powerreviews .pr-pa-snippet a, .powerreviews .pr-review-engine a, .powerreviews .pr-snippet a, .powerreviews .prImageSnippet a {
  color: #f36633;
}

.questionanswers.hideScoreBox .quizScoreBox, .quizResultBoxContainer{display:none;}
.quizResultBoxContainer.showBoxQuiz{display:block;} 
.quizButton img{cursor:pointer;}



.questionWithCheck{
border:dotted 1px #D5D1CE;	
padding:10px;
}
 
.questionWithRadio .formControl-radio, .questionWithCheck .formControl-radio{
	float: left;
    margin: 0;
    padding: 0;
    width: 21px; 
 }
 .questionWithRadio .genericFormGroup span input[type="radio"], .questionWithCheck .genericFormGroup span input[type="checkbox"] {
    float: left;
    margin: 2px 2px 0 0;
    padding: 0;
    width: 15px;
}
.questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label{
    float: left;
    padding: 7px 0 0;
    margin-right: 0;
    font-size: 14px;
	font-family: "Helvetica W02 Light";
	color: #022d62;
	height: 25px;
    width: 85%;	
} 

@media screen and (min-width: 320px) and (max-width: 989px) { 
.questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label{ width: 80%;	}
}


.questionWithRadio .genericFormGroup .quizRadioImg label, .questionWithCheck .genericFormGroup .quizRadioImg label{  
width:100px;
}
.quiz .nextQuestionPage{float:right;}
.questionWithRadio .quizScoreBox, .questionWithCheck .quizScoreBox{
border: 1px solid #0F61AF;
background: #fff;
text-align: center;
font-weight: 700;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 5px;
width: 50px;
height: 15px;
margin-left: 20px;
float: left;
} 
.questionWithRadio .imgContainer, .questionWithCheck .imgContainer{
width: auto;
float: left; 
}
.questionWithRadio .quizQuestion p, .questionWithCheck .quizQuestion p{
margin:0 0 15px 0;
}

.questionWithRadio .quizScoreBox p, .questionWithCheck .quizScoreBox p{
margin: 0;
font-weight: 700;
font-size: 14px;
}
.quizHideBox{
display: none;
}
.quizOverlayContainer .overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000; /* high z-index */
    background: #000; /* fallback */
    background: rgba(0,0,0,0.75);
    text-align: center;
}
.quizOverlayContainer .overlay-content {
     background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #D5D1CE;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
    display: inline-block;
    max-width: 90%;
    min-height: 80px;
    min-width: 80px;
    padding: 30px 10px 10px;
    position: relative;
    text-align: left;
    top: 150px;
    } 
.quizOverlayContainer .overlay-close {
    background: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/overlay-close-icon.png") no-repeat scroll 0 0 / 20px auto rgba(0, 0, 0, 0);
    cursor: pointer;
    display: none;
    font-size: 25px;
    height: 20px;
    position: absolute;
    right: 3px;
    top: 5px;
    width: 20px;
    z-index: 9999;
    }
.quizOverlayContainer .close-btn:hover {
        background: #05abe0;
 } 
.questionWithImage{
clear:both;
} 
.quizResultContainer{ 
width: 92%;
}
.questionWithImage .quizQuestion{
border: 2px solid #0F61AF;
background: #D5DCEF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 15px 10px 20px 10px;
float: left;
width: 80%;
}
.questionWithImage .quizQuestion p{
font-weight: 700;
line-height: 1.2em;
margin: 10px 0 0 0;
vertical-align: middle;
color: #000000;
}
.questionWithImage .imgContainer{ 
float: left;
width:50%;text-align: center;
} 
.questionWithImage .imgContainer span{
border: 3px solid #78A7D2;
padding: 10px;
height: 36px;
width: 36px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
} 
.questionWithImage .imgContainer img{ 
text-align: center;
vertical-align: bottom;
cursor: pointer;
}
.questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption{
float: left;
width: 25%;
}
 .quizScoreBox{
border: 2px solid #0F61AF;
background: #D5DCEF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 5px;
width: 58px;
height: 62px;
margin-left: 20px;
float: left;
}
.quizScoreBox p{
text-align: center;
font-weight: 700;
font-size: 20px;
margin: 0;
color: #000000;
margin-top: 15px;
}

.quizScoreBox.totalScoreBox, .quiz .generateScore{
float: right;
} 
.quiz .button.generateScore{
width: 230px;
padding: 10px;
font-weight: 700;
font-size: 22px;
color:#fff;
background: #0047BD;
}

.quiz .button.generateScoreNewPage{ 
padding: 10px;
font-weight: 700; 
font-size: 12px;
color:#0073BD; 
border:solid 1px #fff;
background: #E4FE98;
}

.quiz.quizWithBGImage{ 
float: left;
}
.quiz.quizWithBGImage .quizQuestionBox{
background-color: #FFF1D0;
padding: 20px;  
width:70%;

}
.quiz.quizWithBGImage .quizQuestionBox h2{
color: #4469A1;
font-size: 40px;
margin-bottom: 0;
}
.quiz.quizWithBGImage .quizQuestionBox p{
font-size: 18px;
color: #5C5D59;
margin: 0;
line-height: 22px;
}

.quizWithBGImage.questionOption1 .quizQuestionOption,
#question3 .quizWithBGImage.questionOption2,
#question3 .quizWithBGImage.questionOption2 .quizQuestionOption
{
height:450px;
}
.quizWithBGImage.questionOption2 .quizQuestionOption, 
.quizWithBGImage.questionOption3 .quizQuestionOption, 
.quizWithBGImage.questionOption4 .quizQuestionOption,
.quizWithBGImage.questionOption5 .quizQuestionOption{
height:225px;
}
.quizWithBGImage.questionOption1,
.quizWithBGImage.questionOption4,
#question3 .quizWithBGImage.questionOption2
{ 
width:50%;
} 
.quizWithBGImage.questionOption2{ 
width:25%;
}
.quizWithBGImage.questionOption3,
#question2 .quizWithBGImage.questionOption3,
#question2 .quizWithBGImage.questionOption4,
#question2 .quizWithBGImage.questionOption5{ 
width:25%;
} 
.quiz.quizWithBGImage .quizQuestionOption{ 
position: relative; 
 
} 
 
.quiz.quizWithBGImage .quizOptionButton{
 position: absolute;
 right: 0;
 bottom:0;
 background: #E2F1F3;
 padding: 17px 25px 17px 25px;
 font-size: 20px;
 border: 0;
 border-radius: 0;
 color: #73A1A7;
}
.quiz.quizWithBGImage .quizOptionButton:focus{
border:dotted 1px #000;
}
.quiz.quizWithBGImage .quizOptionButton span{
background: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/boxlink-arrow.png") no-repeat right center;
padding-right: 25px;
}
.quizProgressBar {
  background: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/quiz-bg.jpg") no-repeat left center #007abe;
  background-size: 100% 100%;
  float: right;
  padding: 20px 0 9px;
  width: 32%;
}
.quiz.quizProgressBar .quizProgressBarDots {
  background-color: #ffffff;
  left: 15%;
  padding: 0;
  position: relative;
  width: 6px;
}

.quiz.quizProgressBar .quizProgressDots.home {
  background:url(/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/quiz-icon-home.png) 0 0 no-repeat transparent;
  /*border: 1px solid #FFFFFF;*/
  height: 10px;
  left: -3px;
  position: absolute;
  width: 12px;
}

.quiz.quizProgressBar .quizProgressDots.progressActive {
 background:url(/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/quiz-conecter-icon.png) 0 0 no-repeat transparent;
  /*border: 1px solid #FFFFFF;*/
  height: 9px;
  left: -3px;
  position: absolute;
  width: 12px;
}
.quiz.quizProgressBar .quizProgressDots.activelast {
 background:url(/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/quiz-active-icon.png) 0 0 no-repeat transparent;
  /*border: 1px solid #FFFFFF;*/
  height: 14px;
  left: -4px;
  position: absolute;
  width: 14px;
}
.quiz.quizProgressBar .quizProgressDots {
    background:url(/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/quiz-default-icon.png) 0 0 no-repeat transparent;    
    cursor: pointer;
    display: block;
    height: 12px;
    left: -3px;
    position: absolute;
    top: 4px;
    width: 12px; 
	box-shadow: none;
	border:0px solid gainsboro;
}
.progressDotActive{
	width: 2%;
	background: #7bbbe6;
} 
.quiz.quizProgressBar .quizProgressBarQuestions {
  float: left;
  height: 280px;
  margin-left: 23%;
  padding: 5px;
  position: relative;
  width: 80px;
}  
.quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion{  
    color: #FFFFFF;
	font-family: "Helvetica W02 Light";
    font-size: 11px;
    font-style: normal;
    font-weight: normal; 
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    background: none;
    cursor: text;
} 
.quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion.last {
	font-family: "Helvetica W02 Bold";
}
.quizRadioImg{
float: left;
width: 100px;
}
.questionWithRadio button{
background: #fff;
border:1px solid #fff;
border-radius:0;
float: left;
margin-right: 15px;
}
.questionWithRadio button.optionActive{
border:solid 1px #D5DCEF;
}
.quiz.quizWithBGImage .quizQuestionOption{background-repeat:no-repeat;background-position:left top;}
.hideQuizTotalBox .quizResultContainer{display:none;}

/* BR Quiz changes starts */

.quizQuestion {
padding: 28px 20px 0 30px;
}
.quiz.questions {
background-color: #FFF;
width:60%;
float:left;
}
p.quesLeftCaption {
font-family: "Helvetica W02 Bold";
font-size: 32px;
color: #0079bd;
line-height: 36px;
text-transform: uppercase;
}
p.quesLeftCaption  span.quiz-question{
font-family: "Helvetica W02 Light";
font-size: 16px;
color: #022d62;
line-height: 20px;
text-transform: uppercase;
display: block;
margin-top: 10px;
}
.quizPrimaryContainer .main .quiz-results-txt {
width: 31%;
}
.quizPrimaryContainer .main .quiz-results-txt h3 {
font-family: "Helvetica W02 Bold";
font-size: 30px;
color: #0079be;
line-height: 36px;
}
.quizPrimaryContainer .main .quiz-results-txt h4 {
font-family: "Helvetica W02 Bold";
font-size: 14px;
color: #7abae5;
line-height: 18px;
}
.quizPrimaryContainer .main .quiz-results-txt p {
font-family: "Helvetica W02 Light";
font-size: 14px;
color: #012d62;
line-height: 18px;
margin: 10px 0;
}
.quizPrimaryContainer #header.main {
padding: 0;
}
.quizPrimaryContainer #content.main {
margin-bottom: 0;
padding-left: 5px;
padding-right: 0;
}
.quiz-progress-ques {
display: none;
}
.white-bg-box.quiz-box .right-txt p {font-size:16px;}

.quiz-results-box .quiz-results-img p {visibility: hidden;}
.quiz-results-box .quiz-results-img.richText {
background: url(/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/score1.jpg) 0 0 no-repeat transparent;
background-size: 100% 100%;
height: 338px;
width: 143px;
}

@media screen and (min-width: 320px) and (max-width: 910px) {
	#content .quizProgressBar {
		float: left;
		width: 40%;
	}
}
@media screen and (min-width: 570px) and (max-width: 767px) {
	#content .quizProgressBar {
		float: right;
		width: 35%;
	}
}
/* BR Quiz changes ends */


/*
@media only screen and (max-width: 767px) {
 .questionWithCheck .formControl-radio {clear: both;display: block;}
} 
@media only screen and (max-width: 420px) {
	.questionWithRadio .formControl-radio, .questionWithCheck .formControl-radio {clear: both;display: block;float: left;width: 6%;}
	.questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label {display: block;float: left;width: 50%;}
	.quizRadioImg {width: 100%;}
	.questionWithImage .quizQuestion{width: 60%}
	.quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion{font-size: 12px;font-weight: 700;}
	.quiz.quizWithBGImage {width: 100%;display: block;}
	.quiz.quizProgressBar .quizProgressBarQuestions {margin-bottom: 15px;}   
	.quiz.quizWithBGImage .quizQuestionOption{width:100%;display: block;background-repeat:none;background-position:center center;background-attachment:scroll;background-size:100% 100%;}
	.quizWithBGImage.questionOption1,
	.quizWithBGImage.questionOption4,
	#question3 .quizWithBGImage.questionOption2
	{ 
	width:100%;
	} 
	.quizWithBGImage.questionOption2{ 
	width:100%;
	}
	.quizWithBGImage.questionOption3,
	#question2 .quizWithBGImage.questionOption3,
	#question2 .quizWithBGImage.questionOption4,
	#question2 .quizWithBGImage.questionOption5{ 
	width:100%;
	}
	.quiz.quizWithBGImage .quizQuestionOption{width:100%;display: block;}  
	.questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption, 
	.questionWithImage .imgContainer{display: block;width:100%;}
}*//* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/
/* line 3, ../../sass/components/readmessage.scss */
.readmessage .messageResultContainer ul {
  padding-left: 0;
}
/* line 5, ../../sass/components/readmessage.scss */
.readmessage .messageResultContainer ul li {
  list-style-type: none;
}
/* line 7, ../../sass/components/readmessage.scss */
.readmessage .messageResultContainer ul li .msgTitle {
  min-width: 130px;
  display: inline-block;
}

/* line 17, ../../sass/components/readmessage.scss */
.readmessage .readmessagaeContent .messageResultContainer ul.messageList li a {
  background: #f36633;
  border: 1px solid #d5d1ce;
  border-radius: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: 5px 20px;
  font-weight: 700;
}

/* line 28, ../../sass/components/readmessage.scss */
.readmessage .readmessagaeContent .messageResultContainer ul.messageList li.readMessageDone a {
  background: #e0e0e0;
  color: #f36633;
  font-weight: normal;
}

/* line 33, ../../sass/components/readmessage.scss */
.readMessageOverlayContainer .overlay-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1000;
  /* high z-index */
  background: #000;
  /* fallback */
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
}

/* line 46, ../../sass/components/readmessage.scss */
.readMessageOverlayContainer .overlay-content {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 5px solid #D5D1CE;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  display: inline-block;
  width: 40%;
  min-height: 80px;
  min-width: 80px;
  padding: 10px 10px 10px;
  position: relative;
  text-align: left;
  top: 150px;
}

/* line 61, ../../sass/components/readmessage.scss */
.readMessageOverlayContainer .overlay-close {
  background: url("/assets/a_cf5_gkstatic/etc/designs/zg/breatheright-master/desktop/img/overlay-close-icon.png") no-repeat scroll 0 0/20px auto transparent;
  cursor: pointer;
  display: none;
  font-size: 25px;
  height: 20px;
  position: absolute;
  right: 3px;
  top: 5px;
  width: 20px;
  z-index: 9999;
}

/* line 73, ../../sass/components/readmessage.scss */
.readMessageOverlayContainer .close-btn:hover {
  background: #05abe0;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* BUTTONS
----------------------------------*/