/** Section off your styles (i.e. HEADER, FOOTER, GENERAL, SIDEBAR
*  Do not publish commented code to production
*  Minimize CSS before publishing to production
*  Don't create duplicate styles if a style already exists,
*  just update the existing style.
**/

/************************************* GENERAL STYLES *****************************************/

.displayNone {
  display: none;
}

* {
  text-shadow: none;
}
html {
  font-size: 14px !important;
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1em;
  color: #000;
  width: 100% !important;
  background-color: #fff;
  line-height: 1.5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

span.previewResource {
  margin-top: 70px !important;
  display: block;
  padding: 10px;
  background: gray;
  font-weight: bold;
}
.container:before {
  display: flex;
}
.top-z-index {
  z-index: 1060;
}
.ecBoxContainer {
  margin-top: 20px !important;
}
.ecBox {
  width: 32%;
  float: left;
  margin-right: 19px;
  position: relative;
}
div.ecBox:last-of-type {
  margin-right: 0;
}
.ecSubBox {
  height: 460px;
  border: 1px solid #979797;
  transition: transform 0.4s ease-in-out;
  background: #fff;
  z-index: 10;
  position: relative;
  cursor: pointer;
}
/*.ecSubBox:hover {
    transform: translateY(-60px);
}*/
.ecBoxImg {
  height: 165px;
  overflow: hidden;
  justify-content: flex-end;
  display: flex;
  -ms-flex-direction: row-reverse;
}
.ecBoxImg img {
  width: 100%;
}
.ecBox {
  max-width: 257px !important;
  width: 100%;
  margin: 0 10px 40px !important;
  /*float: none;*/
}
.ecBoxImg img[src$="jpg"] {
  opacity: 0.85;
}
.ecBox .actionBox {
  width: 95%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  text-align: right !important;
}
.ecBox img[type="gif"] {
  width: 70%;
}
.ecBox h3 {
  background: #3475b3 !important;
  font-size: 1.3em !important;
  font-weight: 500 !important;
  color: #fff !important;
  padding: 12px 0 9px 15px;
  margin: 0 0 10px !important;
  font-family: "Roboto" !important;
  border-top: 1px solid #fff;
}
.ecBox h4 {
  color: #003e74 !important;
  font-size: 1.2em !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important;
  padding: 3px 5px 0 10px;
  display: inline-flex;
}
.ecSubBox p {
  padding: 0px 5px 0 15px;
  color: #000;
}
.ecSubBox p {
  padding: 0px 5px 0 10px;
}
.ecBox a:hover {
  text-decoration: none !important;
}
.actionBox h4 {
  margin-bottom: 10px !important;
  margin-right: 10px;
}
.ecBox .actionBox h4:after,
#viewMoreLink:after {
  content: url("/groWeb/resources/images/linkArrows.png");
  display: inline-block;
  margin-left: 5px;
  margin-top: 3px;
}
.ecBox .actionBox h4 {
  font-size: 1.3em;
  font-weight: 400;
}

.dots {
  display: flex;
  padding: 10px 0;
  justify-content: center;
}

.dot {
  border: none;
  width: 10px;
  height: 10px;
  background: #c5c5c5;
  border-radius: 50%;
  margin: 0 5px;
  padding: 5px;
  cursor: pointer;
}

.dot:focus {
  outline: none;
}

.dot--active {
  background: #000;
}

.arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: #fff;
  cursor: pointer;
  background-color: #fff;
  border: 0;
}

.arrow--left {
  left: -34px;
  fill: "#fff";
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.arrow--right {
  left: auto;
  right: -34px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}

.arrow--disabled.arrow--left {
  background-image: url(
    data:image/svg + xml,
    %3Csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"%3E%3Cpathd="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"%3E%3C/path%3E%3C/svg%3E
  );
  cursor: default;
  opacity: 0.3;
}
.arrow--disabled.arrow--right {
  background-image: url(
    data:image/svg + xml,
    %3Csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"%3E%3Cpathd="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"%3E%3C/path%3E%3C/svg%3E
  );
  cursor: default;
  opacity: 0.3;
}

@media (max-width: 1120px) {
  .ecBox {
    width: 31%;
  }
  .ecBoxImg img {
    width: auto;
  }
  .ecSubBox {
    height: 450px;
  }
  .searchBox {
    width: 99% !important;
  }
  .box.services {
    width: 100%;
  }
  .content.wellness ul.disc {
    margin-left: 0 !important;
  }
}

label,
.textAsLabel,
.inlineFieldSet legend {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #555;
  text-align: right;
  width: 18%;
  word-wrap: break-word;
  vertical-align: text-bottom;
  box-shadow: none !important;
}

.inlineFieldSet {
  border: 0;
  margin: 0;
  padding: 0;
}

.inlineFieldSet legend {
  font-size: 1em;
  border: 0 !important;
}

.ui-tree .ui-treenode {
  padding: 15px 0 0 !important;
}

.inlineFieldSet label.labelAfter {
  color: #000;
  font-weight: normal;
  float: none;
  display: inline-block;
  margin: 0 20px 0 6px;
  text-align: left;
  width: auto;
}

.interactiveAssetIframe {
  width: 100%;
  height: auto !important;
  min-height: 500px;
  border: 2px solid grey;
}

.inlineFieldSet .subLabel {
  font-weight: normal;
  color: #000;
  width: auto;
  margin: 0 5px;
  float: none;
  display: inline-block;
}

.alignLabelRight {
  width: 107px !important;
  text-align: right;
}

.fpoDiv label {
  width: 30%;
}

.regularLabel label {
  width: 30%;
}

.autoLabel label {
  width: auto !important;
}

.leftAlignedLabel label,
.textLeft {
  text-align: left !important;
}

.autoWidth {
  width: auto;
}

.vTop {
  vertical-align: top;
}

.textRight {
  text-align: right !important;
}

p {
  margin: 0 0 10px;
}

article p,
aside p,
article ul,
aside ul,
article li,
aside li,
article a,
aside a {
  font-size: 14px !important;
  color: #000;
}

blockquote {
  border: 0 none;
  color: #666 !important;
  font-size: 1em !important;
  margin: 6px 40px;
}

img {
  background-color: transparent !important;
  border: none !important;
}

.clearFix,
.clr {
  clear: both;
}

a {
  color: #003e74;
  display: inline;
  text-decoration: none;
}

#twoButtonContent.tabContent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.tabContent a {
  color: #497aad !important;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  outline-offset: 2px !important;
}

a.notLink {
  color: inherit !important;
  cursor: default;
}

a.notLink:hover {
  text-decoration: none !important;
}

p strong a {
  margin-bottom: 4px;
}

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

h1,
.h1 {
  color: #335c85 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.715em;
  margin: 4px 0 8px;
}

.articleContent .plain h1 {
  color: #335c85 !important;
  font-size: 1.425em !important;
  margin: 0 0 20px !important;
}

h2,
.h2 {
  font-weight: normal;
}

h2.underline {
  border-bottom: 1px solid #e7e7e7;
  margin: 30px 0 !important;
  padding-bottom: 5px;
}

h3,
.h3 {
  color: #222;
  font-size: 1.2em;
  font-weight: normal;
  margin: 8px 0 15px 0;
}

h4,
.h4 {
  color: #666;
  font-size: 12pt;
  font-weight: bold;
  margin: 8px 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.centeredText {
  text-align: center;
  margin: 0 auto;
}

li.centeredText {
  text-align: center;
  color: #497aad;
}

hr {
  border-bottom: 1px solid #e7e7e7 !important;
  margin: 5px 0 20px;
}

article li,
aside li,
.articleContent li,
.content li {
  line-height: inherit;
  margin-bottom: 3px;
}

sup {
  font-size: 50%;
  vertical-align: super;
  line-height: 1.4;
  top: -1px;
}

a.greyEight {
  display: inline-block;
  margin-top: 28px !important;
  font-size: 0.8em;
}

h3 .greyEight {
  float: right;
  margin-top: 0 !important;
  font-weight: normal;
  font-size: 0.65em;
  font-family: Arial, Helvetica, sans-serif;
}

ul.noListStyle {
  list-style: none;
  padding: 15px 0 0 10px;
}

.cityResources ul.noListStyle {
  padding: 0 0 10px 10px;
}

ul.noListStyle.noPadding {
  padding: 0;
}

ul.noListStyle.communities {
  padding: 0 0 0 20px;
}

ul.noListStyle.media {
  padding: 5px 0 0 5px;
  margin-top: 0;
}

ul.healthyGuidance li {
  margin-bottom: 7px;
}

ul.healthyGuidance li.true a {
  color: #333;
  font-weight: 600;
  text-decoration: none;
}

audio {
  width: 100%;
  max-width: 450px;
}

.ui-fileupload-buttonbar {
  width: 420px !important;
  border: none !important;
  margin-top: 10px !important;
  background: none !important;
}

/********************************************************************** HEADER STYLES ****************************************************************/
#skip a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  -webkit-transition:
    top 1s ease-out,
    background 1s linear;
  transition:
    top 1s ease-out,
    background 1s linear;
  z-index: 999999;
}

#skip a:focus {
  position: absolute;
  left: 0;
  top: 0;
  outline: 0;
  -webkit-transition:
    top 0.1s ease-in,
    background 0.5s linear;
  transition:
    top 0.1s ease-in,
    background 0.5s linear;
}

.forPrintContainer header,
.forPrintContainer #header {
  margin-bottom: 25px;
  position: relative;
}

header,
#header {
  width: 100%;
  padding: 0;
  margin: 0;
  height: auto;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  background: #003e74;
}

#mobileNav {
  width: 100%;
  background-color: #003e74;
  display: none;
  padding: 10px 30px 0 30px;
  border-bottom: 5px solid #ff8300;
}

#mobileNav > a {
  color: white;
  font-size: 24px;
}

#mobileNav > a:hover,
a:focus {
  text-decoration: none;
  cursor: pointer;
}

#navSearchIcon {
  float: right;
}

#mobileNav .leftMenu {
  width: 10%;
}

#mobileNav .rightMenu {
  width: 70%;
  margin-right: 10px;
}

#topAndBottomNav,
#mobileNav {
  position: sticky;
  top: 0;
  width: 100%;
}

.mainBody {
  font-size: 1em;
  color: #000;
}

.mm-menu {
  background-color: #333 !important;
}

.mm-menu .mm-list li a,
.mm-list a.mm-subopen + span {
  color: #fff !important;
}

form.mm-list {
  margin-left: 0px !important;
  margin-top: -14px;
}

.mm-menu .mm-list li.withInput {
  padding: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}

.mm-menu .mm-list li input[type="text"] {
  height: 100%;
  width: 90%;
  border-radius: 2;
  border: none;
  padding: 5px;
  float: left;
  display: inline;
  color: #000;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.mm-menu .mm-list li.withInput .navLink {
  padding: 5px;
  color: inherit;
  text-transform: uppercase;
  text-align: center;
}

.mm-menu .mm-list li.withInput .navLink:hover {
  color: #f2f2f2;
}

.mm-menu .mm-list li.sideNavHeader {
  background-color: #222;
}

.mm-menu .mm-list li.sideNavHeader a {
  text-transform: uppercase;
  font-weight: 600;
}

.mm-menu .mm-list li.localeItem a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-menu .mm-list li.localeItem a img,
.mm-menu .mm-list li.allLocalesItem span img {
  margin-right: 10px;
  border: none;
}

.mm-list a.mm-subopen:before {
  border: none;
}

.mm-highest .mm-subopen {
  display: none !important;
}

.mm-subopen.mm-fullsubopen {
  display: block !important;
}

.blockDisplay {
  display: block;
}

.mm-highest a.mm-subopen + a {
  margin-right: 0 !important;
}

.atrListItem > .mm-subopen {
  display: none !important;
}

.sideNavigationText {
  padding-left: 20px;
}

header nav,
header nav #topNav,
#header nav,
#header nav #topNav {
  margin: 0 auto;
  padding: 0 !important;
  width: 100%;
  background-color: #f7f7f7;
}

header #banner,
#header #banner {
  height: 85px;
  overflow: hidden;
  margin: 0 auto;
}

header #banner img,
#header #banner img {
  width: 100%;
  max-width: 377px;
  max-height: 66px;
  display: inline;
  border: none !important;
  vertical-align: baseline;
}

.alignHeader {
  display: flex;
  align-items: center;
}
.mainLogoCol {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.mainLogoCol a img {
  width: 88% !important;
  margin: 6px !important;
  margin: 7px 6px 6px !important;
}
#topNav .container {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
banner a {
  outline-color: #fff !important;
}
#bottomNav a:focus {
  outline-offset: 1px !important;
  outline-color: #003e74 !important;
}

.middleText {
  height: 83px;
  font-size: 20px;
  position: relative;
}

.topText,
.bottomText {
  white-space: nowrap;
  margin-left: -20px;
  padding: 4px 0 0;
  font-size: 20px;
  height: 50%;
  position: relative;
  top: 15px;
  color: #fff;
}

.bottomText {
  bottom: 0;
}

.cpLogoCol {
  line-height: 22px;
  color: #fff;
}

.cpLogoWrap {
  margin-top: -4px;
}

.cpLogoCol sup {
  font-size: 35%;
  line-height: 0;
  vertical-align: baseline;
  top: -17px;
}

.cpLogoWrap,
.badgeWrapper {
  float: right;
  height: 85px;
  padding: 5px;
  text-align: center;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: -10px;
}

.badgeWrapper {
  width: 85px;
}

.badgeWrapper img {
  height: 100% !important;
  width: 100% !important;
  margin-top: -10px;
}

.cpTop {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 45px;
  text-align: center;
  margin-top: 10px;
}

.cpTop span {
  font-size: 32px;
}

.cpBottom {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  text-align: center;
}

nav #topNav {
  height: 43px;
  width: 100%;
  overflow: hidden;
  border-top: 5px solid #ff8300 !important;
  border-bottom: 1px solid #e7e7e7;
}
.hpContainer {
  position: relative;
  width: 100%;
  height: auto;
}

nav .leftMenu {
  float: left;
  width: auto;
  height: 100%;
}

nav .rightMenu {
  float: right;
  height: 100%;
}

nav #topNav .rightMenu ul li {
  margin-right: 5px;
}

nav #topNav .rightMenu ul li:last-of-type {
  margin-right: 0;
}

nav #topNav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: -1px;
}

nav #topNav ul li {
  float: left;
  display: inline;
  height: 40px;
  color: #fff;
}
nav #topNav ul li:hover {
  background-color: #2c699e;
}
nav #topNav ul li:hover a,
nav #topNav ul li:hover span {
  color: #fff !important;
}
nav #topNav ul li:hover .submenu a {
  color: #003e74 !important;
}
nav #topNav ul li li {
  width: 100%;
  height: 35px;
  color: #fff !important;
  overflow: hidden;
}
nav #topNav ul li li:hover {
  background-color: #679ad3;
}
nav #topNav ul li li a {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 10px;
  line-height: 1;
}
nav #topNav ul li:hover .submenu a {
  color: #003e74 !important;
}

nav #topNav ul li:hover a {
  color: #fff !important;
}
.submenu {
  background-color: #f7f7f7 !important;
  border: 1px solid #2c699e;
}
.submenu li,
.submenu li a {
  height: auto !important;
  line-height: 1.4 !important;
}
.submenu li a {
  padding: 7px 10px !important;
}
nav ul#navMenu a:hover {
}
nav ul#navMenu .submenu li a:hover,
nav ul#navMenu a:hover {
  background: #2c699e !important;
  color: #fff !important;
}
.servicesMenu {
  background: url(/groWeb/resources/images/icon_services_sm.png) 50% 50%
    no-repeat;
  width: 30px;
  height: 30px;
  display: block;
}
nav #topNav ul li:hover .servicesMenu {
  background: url("/groWeb/resources/images/icon_services_sm_w.png") 50% 50%
    no-repeat;
}

nav #topNav ul li li {
  width: 100%;
  height: 35px;
  color: #fff !important;
  overflow: hidden;
}

nav #topNav ul li li:hover {
  background-color: #679ad3;
}

nav #topNav ul li li a {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 10px;
  line-height: 1;
}

nav ul#navMenu li {
  margin-right: 1px;
}

nav ul#navMenu li > a,
nav ul#actions li a,
nav ul#navMenu li .clicker,
nav ul.navMenu li .clicker {
  color: #003e74 !important;
  text-decoration: none;
  height: 100%;
  padding: 0 10px;
  display: table-cell;
  height: 39px;
  vertical-align: middle;
  clear: both;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.1em;
}

.submenu {
  display: none;
  position: absolute;
  width: 250px;
  margin-left: -3px;
  background-color: #111;
  z-index: 999999;
}
.submenu.left {
  margin-left: -214px !important;
}

#navMenu .clicker.active {
  background-color: transparent;
  text-decoration: underline;
  color: #fff;
}

#navMenu .clicker:hover + .submenu,
.navMenu .clicker:hover + .submenu,
.submenu:hover {
  display: block;
  float: left;
  clear: both;
}

header nav #bottomNav,
#header nav #bottomNav {
  border-bottom: 1px solid #ddd;
  height: 30px;
  background-color: #f7f7f7;
  padding: 3px 0 3px 1px;
  overflow: hidden;
  border-top: 1px solid #ddd;
  margin-top: -1px;
}

header nav #bottomNav .leftMenu,
#header nav #bottomNav .leftMenu {
  float: left;
  overflow: hidden;
}

header nav #bottomNav .rightMenu,
#header nav #bottomNav .rightMenu {
  float: right;
  overflow: hidden;
  width: 100%;
  max-width: 50%;
}

header nav #bottomNav .rightMenu form,
#header nav #bottomNav .rightMenu form {
  text-align: right;
}

header nav #bottomNav .searchBox,
#header nav #bottomNav .searchBox {
  background-color: #fff;
  border: 1px double #a8c9eb;
  color: #111;
  padding: 0.25em;
  vertical-align: top;
  height: 25px !important;
  border-radius: 0;
  margin-top: 0;
  width: 70%;
}

header nav #bottomNav .search,
#header nav #bottomNav .search {
  background-color: #ccc;
  border: 1px double #a8c9eb;
  color: #000000;
  font-size: x-small;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 20px;
  padding: 0.25em;
  vertical-align: middle;
}

a.helpLink,
a.searchLink,
header nav #bottomNav .localeSelect {
  font-weight: bold;
  margin: 0 10px 0 7px;
  padding: 0;
  top: 2px !important;
  position: relative;
  height: 25px;
  text-decoration: none;
  vertical-align: middle;
  color: #003e74 !important;
}
header nav #bottomNav .localeSelect {
  margin-top: 9px;
}
.localeSelect {
  padding: 7px 10px;
}
a.helpLink {
  float: right;
}

header nav #bottomNav a.helpLink {
  float: none;
}

header nav #bottomNav a img,
#header nav #bottomNav a img {
  vertical-align: text-bottom;
  height: 80%;
}

header nav #bottomNav a {
  text-decoration: none;
}

.sidemenu-toggle {
  background: center center no-repeat transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
  background-position: 0 5px;
  z-index: 99999;
  width: 45px;
  height: 35px;
  position: absolute;
  left: 5px;
  bottom: 1px;
}

#noLocale {
  border-bottom: 0 !important;
  margin-top: 30px !important;
  text-align: left !important;
}
#noLocale a {
  max-width: 400px !important;
  white-space: normal !important;
  color: #fff !important;
}

button.glyphicon {
  background-color: transparent;
  border: 0 none;
  padding: 0;
}

.alertmenu ul.submenu {
  width: 290px;
  margin-left: -254px !important;
}

.badgeIconWrapper {
  position: relative;
}

#topNav ul li.alertmenu li a {
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 1em;
}

nav #topNav li.alertmenu {
  color: #000000;
}

nav #topNav li.alertmenu ul.submenu {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: -1px;
  font-family: "Roboto";
}

nav #topNav li.alertmenu ul.submenu li {
  padding: 3px;
}
nav #topNav li.alertmenu ul.submenu li:hover {
  background-color: #f7f7f7;
}
nav #topNav li.alertmenu ul.submenu li.alertHeader {
  text-align: center;
}
nav #topNav li.alertmenu ul.submenu li.alertHeader span {
  border-bottom: 1px solid black;
  font-size: 1.1em;
  font-weight: bold;
  color: #000000 !important;
}
#topNav li.alertmenu ul.submenu li p {
  font-size: 0.8em;
  font-weight: normal;
  color: #000;
  padding-left: 10px;
}

.badge-icon-alert {
  background-color: red;
  color: white;
  position: absolute;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: initial;
  left: 9px;
  top: -4px;
  font-size: 0.8em;
  border-radius: 45%;
  vertical-align: 0px;
}

/********************************************************************** CONTENT STYLES ****************************************************************/
.main {
  padding-left: 20px;
}

.main h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18pt;
  font-weight: normal;
  margin: 0 0 20px;
}

#content {
  width: auto;
}

#bodyContainer {
  padding-bottom: 50px;
}

#bodyContainer #content {
  margin-top: 160px;
}

.workLife #bodyContainer {
  max-width: 100%;
}
.workLife #bodyContainer #content {
  margin-top: 128px;
}

.noBorder {
  border: none !important;
}

.plain {
  border: none;
  height: auto;
  margin: 0;
}

.plain .content {
  margin: 0 0 0 -5px;
  padding: 0;
  font-size: 14px;
}

.articleTools > div {
  margin-bottom: 10px;
}

.plain h1,
.plain h2 {
  font-size: 1.5em !important;
  color: #000 !important;
  margin-bottom: 10px !important;
}

.plain h2:first-of-type {
  margin-top: 0;
}

.slideshow h2 {
  color: #fff !important;
  margin: 7px auto !important;
  font-size: 1.3em !important;
}

.instructions {
  color: #555;
  font-weight: bold;
  margin: 0 30px 30px;
}

.stepHeading {
  position: relative;
  font-size: 1.2em;
  height: 40px;
}

.stepNumber {
  background-color: #003e74;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  left: 5px;
  padding: 7px 13px;
  position: absolute;
  top: -7px;
}

.stepText {
  border-bottom: 1px solid #003e74;
  color: #222;
  font-size: 0.785em;
  font-weight: normal;
  left: 50px;
  margin-bottom: 15px;
  padding-bottom: 2px;
  position: absolute;
  width: 85%;
}

.stepContainer {
  margin-left: 30px;
}

.divContainer {
  margin-left: 30px;
  margin-bottom: 15px;
}

#container-wrapper {
  background-color: #fff !important;
  border: none !important;
}

#awardSection {
  text-align: left;
  width: 100%;
  margin-top: 20px;
}

#awardSectionImages {
  display: table;
  margin: 0 auto;
  margin-top: -70px;
}

#awardSectionImages img {
  display: inline-block;
  margin: 5px 20px;
  padding: 5px;
  max-width: 100px;
  max-height: 80px;
}

#awardSectionImages img:last-of-type {
  margin-right: 0;
}

.box .content .boxContainer {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
}

.box .content .boxContainer .imageContainer {
  width: 70px;
  height: 70px;
  float: left;
  display: inline;
  overflow: hidden;
}

#threeColumnMiddle .box .content .boxContainer .imageContainer {
  margin-top: 5px;
}

.box .content .boxContainer .imageContainer img,
.box .content .boxContainer .imageContainer img,
.box .content .boxContainer .imageContainer img {
  width: 100%;
  height: 100%;
}

.forgotPassBtnBox {
  margin-left: 14.7em;
}

input,
label,
select,
textarea {
  max-width: 768px;
}

.form-control {
  width: auto !important;
  display: inline !important;
}

.certSummaryInput {
  min-width: 259px !important;
}

input.full-size {
  width: 100% !important;
}

input.rf-insp-inp[type="text"] {
  padding-left: 7px !important;
}

.rf-insp-dec,
.rf-insp-inc {
  background-color: #f9f9f9;
}

.rf-insp-dec:hover,
.rf-insp-inc:hover {
  cursor: pointer;
  background-color: #d9d9d9;
}

.rf-insp-dec {
  border-top: 1px solid #c0c0c0;
}

textarea.form-control {
  width: 100% !important;
  max-width: 768px;
}

#threeColumnMiddle .box .content .boxContainer .textContainer {
  display: inline-block;
  width: 452px;
  margin: 0 0 20px 15px;
}

.section {
  margin: 10px 0 35px 0;
  clear: both;
  border-bottom: 1px solid #ccc;
}

img.searchProviderImage {
  float: left;
  margin-right: 10px;
}

.section.highlight {
  background-color: #ccffcc;
  padding: 5px;
}

.section h3 {
  margin-top: 25px;
  color: #335c85;
}

.section h2 {
  font-size: 1.2em;
  margin-left: 25px;
}

.section h2,
#twoColumnMiddle .box h2,
#threeColumnMiddle .box h2 {
  font-size: 1.5em;
  color: #335c85;
}

.profile.section {
  width: 80% !important;
}

.forPrintContainer {
  max-width: 750px !important;
  margin: 0 auto !important;
  overflow: hidden;
}

.blackEight {
  font-size: 0.8em;
  margin: 20px 0 0;
}

.blackNine {
  color: #000 !important;
  line-height: 1.7em;
}

*.rf-pp-shade {
  z-index: 9999 !important;
}
/*
.rf-pp-shade,
.ui-widget-overlay {
  background-color: #000 !important;
  background-image: none !important;
  opacity: 0.3 !important;
  z-index: 9999 !important;
}
 */

#threeColumnMiddle .box {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 30px;
}

#threeColumnMiddle .smallBox .box {
  border: none;
}

#twoColumnMiddle {
  width: 75%;
  float: left;
  border-left: 1px solid #e7e7e7;
  padding-left: 25px;
  overflow: hidden;
}

.main {
  padding-left: 20px;
}

#twoColumnMiddle .box {
  width: auto !important;
}

#threeColumnMiddle .box h2,
#twoColumnMiddle .box h2 {
  background-color: transparent;
  border: none;
  font-size: 1.3em;
}

#threeColumnMiddle .box:last-of-type {
  border: 0;
}

#threeColumnLeft,
#threeColumnRight {
  float: left;
}

#threeColumnLeft {
  width: 25%;
  padding: 0 20px 0 0;
  border: 0;
}

#threeColumnLeft .box .content .boxContainer .imageContainer {
  width: 22px;
  height: 22px;
  background-color: #fff;
}

#threeColumnLeft .box .content .boxContainer .textContainer,
#twoColumnLeft .box .content .boxContainer .textContainer,
.threeColumn.sidebar .box .content .boxContainer .textContainer {
  float: left;
  margin-left: 10px;
  display: inline-block;
  width: 70%;
  padding-top: 0;
}

#threeColumnRight {
  width: 22%;
  padding: 0 0 0 10px;
  border: 0;
}

#threeColumnRight:empty {
  display: none;
}

#threeColumnMiddle {
  padding: 0 10px;
  width: 53%;
  float: left;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}

#threeColumnMiddle .content {
  font-size: 0.95em !important;
}

#threeColumnLeft .plain,
#threeColumnRight .plain {
  margin-bottom: 15px;
}

#bgContainer {
  min-height: 650px !important;
}

#loginLeft {
  width: 60%;
  float: left;
  padding: 0 10px;
}

#loginLeft h1 {
  margin-top: 0;
}
#login .ui-messages-error {
  padding: 0 !important;
  margin: 10px 0 0 -30px;
}
.loginPoster {
  text-align: center;
  margin: 15px 0 0 0;
}

.loginPoster img {
  margin: auto;
  width: 100%;
}

.loginLeft2Logo {
  margin: 20px 0 40px 0;
}

.logoContainer {
  margin: 0 auto 0 auto;
  width: 310px;
  padding: 0 8px 0 8px;
  text-align: center;
}

.tiffanyLogo {
  padding: 0 24px 0 24px;
}

.laureltonLogo {
  padding: 1px 0 1px 0;
}

#loginRight {
  width: 40%;
  float: left;
  background: #fff;
  opacity: 0.95;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}

#loginRight #localeModal {
  display: none !important;
}

#loginRight .box {
  padding: 20px;
}

#loginRight .box label {
  width: auto;
  vertical-align: middle;
}

#loginRight .box .form-group input[type="text"],
#loginRight .box .form-group input[type="password"] {
  display: block;
  clear: both;
  width: 99% !important;
  min-width: 0;
}

.lrButton {
  display: flex !important;
  justify-content: center !important;
  margin: 10px 0 !important;
}

#loginRight .box input[type="submit"] {
  background-color: #003e74 !important;
  border-radius: 10px !important;
  width: auto !important;
  margin: 10px 0 20px 0;
  padding: 20px 40px;
  font-size: 1.2em !important;
  line-height: 0;
}

.loginHelp,
.registerHelp {
  float: right;
  margin-bottom: -10px;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
}

#loginRight .rf-msgs {
  clear: both;
}

#forgotInfoLinks {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-around;
  text-align: center;
}

#loginRight .rf-msgs {
  clear: both;
}

.pipe {
  margin: 0 10px;
}

#loginRight .form-group.boxText {
  padding: 10px 0 !important;
  margin-bottom: 0 !important;
}

#loginRight p {
  font-size: 0.9em !important;
}

#loginDown {
  width: 100px !important;
  position: absolute;
  left: 35%;
  z-index: 9998 !important;
  display: none;
}
.ldText {
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
  font-size: 1.2em;
  text-shadow:
    0 0 1px #444,
    0 0 5px #333,
    0 0 10px #333,
    0 0 15px #ccc;
}

#loginDown button {
  background: transparent;
  border: 0;
}
#loginDown img {
  opacity: 0.8;
  width: 70%;
  box-shadow:
    0 0 5px #444,
    0 0 10px #333,
    0 0 15px #333,
    0 0 20px #ccc;
  border-radius: 50px;
}
.bounce {
  animation-name: bounce-1;
  animation-timing-function: linear;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(-80px);
  }
}

#loginBottomContent {
  margin-bottom: 60px;
  display: block !important;
}

.lbcLeft {
  border-radius: 10px;
  background: #f5f5f5;
  padding: 20px;
}

#loginBottomContent h2 {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 30px;
  font-size: 2.2em;
}
.lbclInner {
  margin: 0 auto;
  width: 85%;
}
#loginBottomContent h3 {
  font-size: 1.5em !important;
  line-height: 1.5;
}

ul.loginList {
  padding: 0;
  list-style: none;
}
ul.loginList li {
  font-size: 1.3em;
  padding-bottom: 15px;
}
ul.loginList li::before {
  content: " ";
  background: orange;
  border: 1px solid #000;
  display: inline-block;
  margin: 6px 10px;
  height: 12px;
  width: 12px;
  border-radius: 10px;
  float: left;
}
.loginList li div {
  display: flex;
}

.lbcRight {
  background-color: #fff;
  border-radius: 10px;
}

.lbcRight p {
  font-size: 1.4em;
  color: #707070;
  margin-bottom: 20px;
}

.qrSet {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.qrCode {
  margin: 0 5px;
}

.qrText {
  font-size: 0.85rem;
}

.navSearch .glyphicon-search {
  color: #003e74 !important;
  margin-left: 0;
  display: inline-block;
  font-size: 1.1em;
  margin-top: 3px;
  cursor: pointer;
}

#rMeLabel {
  display: inline;
  font-weight: normal;
}

html[dir="rtl"] .loginHelp {
  float: left;
}

.textOverlay {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: -70px;
  left: 0;
  border-radius: 0;
  background-color: #f5f5f5;
  opacity: 0.9;
  z-index: 999;
  padding: 10px;
  text-align: center;
}

.textOverlay#kohls,
.textOverlay#target {
  background-color: #fff;
  position: relative;
  text-align: left;
  opacity: 1;
}

.textOverlay#target {
  top: 0 !important;
}

.textOverlay#loginTextOverlay {
  position: relative !important;
}

.textOverlay h1,
.textOverlay p {
  opacity: 1 !important;
}

.articleContent {
  width: 100%;
  float: left;
}

.articleContent .content {
  font-size: 1.2em;
}

.articleContent > #topBar {
  width: 25%;
  float: right;
}

.articleContent > #bottomBar {
  width: 70%;
  float: left;
}

.articleTools {
  float: right;
  width: 100%;
  font-size: 14px !important;
}

.articleTools span:not(.glyphicon) {
  display: block;
}

.articleTools span.glyphicon {
  margin-right: 5px;
  color: #1c94c4;
}

.rateIcon {
  margin-right: 4px;
  margin-top: -6px;
}

.glyphicon-star::before {
  padding-left: 1px;
}

.rateArticleLink {
  margin-left: 3px;
}

#backToTop {
  position: fixed;
  bottom: 46px;
  right: 46px;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  background-color: #111;
  cursor: pointer;
  display: none;
  z-index: 11;
}

#backToTop:hover {
  background-color: #000;
}

#backToTop span.glyphicon {
  color: #fff;
  position: absolute;
  top: 15px;
  left: 15px;
  display: block !important;
}

.blackTwelveBold {
  margin-top: 20px;
  color: #222 !important;
  border-bottom: 1px solid #e7e7e7;
  width: 100%;
}

.blackTwelveBold ~ hr {
  display: none;
}

.blackTwelveBold a {
  margin-top: -90px;
  height: 90px;
  display: block;
}

.alertBoxIcon {
  float: left;
  width: 35px;
  margin-top: -3px;
}

.alertBoxIcon img {
  width: 26px;
}

.alertBoxText {
  float: left;
  width: 100%;
}

.alertBoxText p > a {
  font-weight: 600;
  font-size: 1.1em;
}

#featuredResource {
  height: 100%;
  clear: both;
  overflow: hidden;
  padding: 0 15px 15px;
  width: 90%;
}

#featuredResource h3 {
  color: #333 !important;
  margin-bottom: 10px;
}

#featuredResource img {
  float: left;
  margin-right: 15px;
}

.featuredResourceImg {
  float: left;
  width: 110px;
  margin-bottom: 10px;
}

#featuredResource #article {
  float: left;
  display: inline;
  margin-right: 5%;
  max-width: 55%;
}

.featuredArticles .boxContainer {
  margin-bottom: 20px;
}

.topicList p,
.listItem {
  background: none repeat scroll 0 0 #f2f5f7;
  border: 1px solid #e7e7e7;
  display: block;
  float: left;
  height: 130px;
  margin: 0 20px 20px 0;
  overflow: hidden;
  padding: 3px 10px 10px 0;
  width: 47.5%;
  position: relative;
  z-index: 10;
}

.topicList .ui-dataview p {
  width: 98.5%;
}

.halfCol .topicList p {
  width: 100% !important;
}

.subTopics {
  float: left;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  width: 48%;
  font-size: 0.95em;
  height: 110px;
}

.linkTopic p {
  background-color: transparent !important;
  border: none !important;
  height: auto;
  width: 100%;
  float: left;
}

.linkTopic .tileBottomBuffer {
  display: none;
}

.archiveTopicList .topicList p {
  padding: 5px 3px 3px 10px;
}

.topicList p:nth-child(2n) {
  margin-right: 0;
}

.listItem {
  margin-right: 10px;
}

.topicList p:hover:not(.topicList p.noHover),
.listItem:hover:not(.listItem.noHover),
.topicHover:not(.topicHover.noHover) {
  background-color: #e7eff8 !important;
}

.topicRevert {
  background-color: #f2f5f7 !important;
}

.topicList p strong a,
.listItem strong a {
  font-size: 1em;
  display: inline-block !important;
  padding: 0 0 0 5px;
  margin: 0 3px 3px;
  color: #003e74;
}

#twoColumnMiddle .topicList p strong a,
#twoColumnMiddle .listItem strong a {
  font-size: 0.96em;
  line-height: 1.4;
}

.topicList p strong a:hover,
.listItem strong a:hover {
  text-decoration: underline;
}

.listItem.mbs .textContainer strong a {
  margin-left: 0;
  padding-left: 0;
}

.homeTopicList p {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 5px;
  height: auto;
}

.homeTopicList p strong a {
  padding: 0;
  margin: 0;
}

.homeTopicList img {
  width: auto;
  max-width: 107px;
}

.homeTopicList .tileBottomBuffer {
  height: 0;
}

.listItem.mbs.training {
  height: 150px;
}

.listItem.mbs .imageContainer {
  float: left;
  display: inline;
}

.listItem.program {
  width: 100% !important;
  min-height: 150px;
  height: auto;
  overflow: hidden;
  display: table;
  padding: 10px;
}

.listItem.program .imageContainer {
  background-color: #fff;
  display: table-cell;
  margin: auto !important;
  padding: 20px;
  text-align: center !important;
  vertical-align: middle;
  width: 200px;
}

.listItem.mbs.articles .imageContainer {
  width: 10%;
  overflow: hidden;
}

.listItem.mbs.articles .imageContainer img {
  width: 100%;
  height: 100%;
}

.listItem.mbs.training .imageContainer {
  width: 30%;
}

.listItem .imageContainer img {
  vertical-align: middle;
  width: 125px;
}

.listItem.program .textContainer {
  display: table-cell !important;
  margin-left: 30px;
  padding-left: 3%;
  vertical-align: top;
}

.homeTopicList span,
.listItem.mbs.articles .textContainer,
.listItem.mbs.training .textContainer {
  width: 70%;
  font-size: 0.95em;
  float: left;
  display: block;
  text-overflow: ellipsis;
  height: 100%;
  overflow: hidden;
}

.listItem.mbs.articles .textContainer {
  display: inline;
  width: 80%;
  margin-left: 10px;
}

.listItem.mbs.training .textContainer {
  display: inline;
  width: 65%;
  margin-left: 10px;
}

.listItem.program .textContainer strong a {
  font-size: 0.95em;
  margin-left: 0;
  padding-left: 0;
}

.imgTopicList span a {
  font-weight: 600;
  font-size: 1em;
  display: inline-block;
  margin-bottom: 3px !important;
}

.imgTopicList img {
  float: left;
}

.archiveTopicList img {
  width: auto;
  float: none;
  margin-top: 5px;
}

.imgTopicList span {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: 79%;
}

.imgTopicList span.ui-icon {
  width: 16px;
}

.archiveTopicList span {
  font-size: 0.95em;
}

.archiveTopicList span {
  width: 65%;
}

.tileBottomBuffer {
  background: none repeat scroll 0 0 #f2f5f7;
  bottom: 0;
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}

.abstractText {
  color: #303030;
  display: block;
  padding-left: 7px;
  overflow: hidden;
  padding-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-overflow: ellipsis;
}

#twoColumnMiddle .abstractText {
  font-size: 0.95em;
  line-height: 1.4;
}

.siloImage {
  clear: both;
  display: block;
  margin-bottom: 18px;
}

.siloImage img {
  width: 85%;
  height: auto;
}

.siloImageText {
  position: relative;
  top: -150px;
  margin-left: 25px !important;
  color: #ffffff !important;
  text-transform: uppercase;
  font-size: 29px !important;
}

.siloTitleContainer {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e7e7e7;
}

.siloImgContainer {
  min-height: 133px !important;
}

.siloImg {
  padding: 0 !important;
}

.siloText {
  padding-right: 0 !important;
}

.siloImgContainer img {
  width: 100%;
}

.siloTitle {
  width: auto;
  display: inline;
  color: #333 !important;
}

.siloTitleBox {
  margin-bottom: 20px;
}

.siloImgText {
  margin-left: 5px;
  display: inline-block;
  float: left;
  font-size: 1.15em;
  color: #333;
}

.boxAssetMappingParent {
  display: flex;
  padding-bottom: 20px;
}
.boxAssetMapping {
  padding-left: 90px;
}

.wellness h1 {
  border-bottom: 5px solid #fde804;
}

.relationships h1 {
  border-bottom: 5px solid #e57e07;
}

.work h1 {
  border-bottom: 5px solid #079ae5;
}

.financial h1 {
  border-bottom: 5px solid #459a35;
}

.legal h1 {
  border-bottom: 5px solid #a12905;
}

.lifestyle h1 {
  border-bottom: 5px solid #0576a1;
}

.home h1 {
  border-bottom: 5px solid #821512;
}

.global h1 {
  border-bottom: 5px solid #6a6695;
}

.chatOverview {
  float: left;
  width: 100%;
}

.articleContent hr {
  margin-top: 0;
}

.relatedContent hr {
  margin: 30px 0;
}

.photoIcon {
  float: left;
  width: 65px;
  padding-right: 10px;
}

.photoIcon img {
  width: 100%;
}

.photoIconText {
  display: inline-block;
  width: 175px;
}

.photoIconText p {
  margin-top: 0;
}

.homeVideoScreenSm a img {
  width: 210px;
  height: 120px;
  margin-bottom: 10px;
}

.homeGlobalNewsletter a img {
  width: 160px;
  height: 120px;
  margin-bottom: 10px;
}

.blackNine {
  font-size: 1em !important;
}

.mTop20 {
  margin-top: 20px;
}

.topicPagingLinks {
  margin-top: 30px;
  text-align: center;
}

.rf-ds {
  text-align: center;
  background-color: transparent !important;
}

.topicPagingLinks a,
.topicPagingLinks span {
  font-size: 16px;
  background: none;
  border: none;
  color: #205081 !important;
}

.topicPagingLinks span {
  font-weight: 600;
  color: #000 !important;
}

.topicPagingLinks a:hover,
.topicPagingLinks span:hover {
  border: none;
}

.topicPagingLinks a:hover {
  background-color: #e4ecf2;
  text-decoration: underline;
}

.rf-ds-btn-prev,
.rf-ds-btn-next {
  font-size: 24px !important;
  font-weight: normal !important;
}

.rf-ulst-itm,
.rf-olst-itm,
.rf-dlst-trm,
.rf-dlst-dfn,
.rf-ulst-itm,
.rf-olst-itm,
.rf-dlst-trm,
.rf-dlst-dfn {
  font-size: 1em !important;
}

.treeNav {
  margin-left: -5px;
}

.rf-trn {
  color: #555 !important;
  font-size: 14px !important;
  white-space: auto !important;
  width: 100% !important;
  white-space: normal !important;
  padding: 3px !important;
  background-image: none !important;
}

.rf-trn.active {
  font-weight: 600;
  background-color: #e9eaed;
}

.rf-trn.active span > a {
  color: #000;
  font-weight: 600;
  line-height: 1.5;
}

.rf-trn-ico,
.rf-trn-hnd,
.rf-trn-hnd-ldn-fct {
  float: left;
}

.rf-trn-lbl {
  padding: 0 !important;
  display: inline !important;
}

.rf-trn-cnt {
  display: inline !important;
}

.rf-tr-nd .rf-tr-nd {
  margin-left: 14px !important;
}

.rf-cal-hdr-month {
  width: 230px !important;
}

.rf-trn-sel {
  background-color: transparent !important;
}

.rf-au-lst-scrl {
  max-height: 250px !important;
  width: 300px !important;
}

.rf-au-fnt {
  font-size: 12px !important;
}

.sidebar .rf-trn-ico,
.rf-trn-ico-exp,
.rf-trn-ico-colps,
#threeColumnLeft .rf-trn-hnd-lf {
  display: none !important;
}

.rf-tr-nd,
.sidebar .rf-trn-hnd-ldn-fct {
  background: none !important;
}

.rf-trn-ico,
.rf-trn-hnd,
.rf-trn-hnd-ldn-fct {
  height: 21px !important;
  margin: 0 0 1px !important;
}

#threeColumnLeft .rf-trn-cnt {
  padding: 0 3px;
}

.ssContainer {
  position: relative;
  float: left;
  height: 264px;
}

#linkContainer {
  position: absolute;
  bottom: 0;
  height: 24px;
}

.topHeader {
  margin-top: 15px;
}

.rf-ulst {
  margin-bottom: 0;
}

.moreOnLink {
  float: right;
}

#flashVideo {
  height: auto;
}
.transcriptContainer {
  overflow: hidden;
}
#transcriptContent {
  margin-top: -100%;
  height: 0;
}
#transcriptContent.expand {
  margin-top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: auto;
  margin-bottom: 30px;
}
.counselorImg {
  float: left;
  margin-right: 10px;
}
#flashVideo embed {
  min-height: 309px;
}

#locationDetails {
  width: auto;
  margin-right: 15px;
  display: inline-block;
  float: left;
}

.providerDetailsTable {
  width: 100% !important;
}

.providerDetailsTable td {
  padding: 8px 12px 0 0;
  vertical-align: top;
}

.providerDetailsTable td:first-of-type {
  font-weight: bold;
  white-space: nowrap;
}

.providerDetailsTable td:last-of-type {
  max-width: 400px;
}

#mapDetails {
  width: 65%;
  height: 450px;
  display: inline-block;
  float: left;
}

#map-canvas {
  height: 100%;
  width: 100%;
  max-width: 600px;
  margin: 0;
  padding: 0;
}

.inline-box {
  float: left;
  margin-right: 10px;
  width: 45%;
  overflow: hidden;
  margin-bottom: 25px;
}

.smDataSet {
  width: 50%;
  margin: 0 0 20px !important;
}

.mdDataSet {
  width: 75%;
  margin: 20px 0 !important;
}

.lgDataSet {
  width: 100%;
  margin: 20px 0 !important;
  overflow-x: auto;
}

.smDataSet label,
.mdDataSet label,
.lgDataSet label {
  margin: 0 !important;
}

.smDataSet .form-inline.boxText,
.mdDataSet .form-inline.boxText,
.lgDataSet .form-inline.boxText {
  margin-bottom: 0 !important;
}

.smDataSet div,
.mdDataSet div,
.lgDataSet div {
  margin: 4px 0;
}

.smDataSet table,
.mdDataSet table,
.lgDataSet table {
  margin: 20px 0 !important;
  background: #fff !important;
  width: 100% !important;
  border: 0;
}

.lgDataSet table table,
.lgDataSet table table td {
  background: transparent none repeat scroll 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.smDataSet th,
.smDataSet td,
.mdDataSet th,
.mdDataSet td,
.lgDataSet th,
.lgDataSet td {
  color: #333 !important;
  padding: 9px 10px !important;
  vertical-align: top !important;
  border: none !important;
  border-right: 1px solid #fff !important;
  display: table-cell !important;
  font-size: 14px !important;
  text-align: left;
}

.smDataSet tr:hover,
.mdDataSet tr:hover,
.lgDataSet tr:hover {
  background-color: #ffffcc !important;
}

.smDataSet .rf-dt-ftr:hover,
.mdDataSet .rf-dt-ftr:hover,
.lgDataSet .rf-dt-ftr:hover {
  background-color: transparent !important;
}

.smDataSet td,
.mdDataSet td,
.lgDataSet td {
  background-color: transparent !important;
}

.smDataSet tbody,
.mdDataSet tbody,
.lgDataSet tbody {
  border: 0 !important;
}

.smDataSet tr.even,
.smDataSet tr.alt,
.smDataSet tr:nth-child(even),
.altRow,
.smDataSet div.row:nth-child(even),
.mdDataSet tr.even,
.mdDataSet tr.alt,
.mdDataSet tr:nth-child(even),
.mdDataSet div.row:nth-child(even),
.lgDataSet tr.even,
.lgDataSet tr.alt,
.lgDataSet tr:nth-child(even),
.lgDataSet div.row:nth-child(even) {
  background: #f9f9f9;
}

.smDataSet th,
.mdDataSet th,
.lgDataSet th,
td.header {
  background-color: #f5f5f5 !important;
}

.smDataSet td img,
.mdDataSet td img,
.lgDataSet td img {
  float: left;
  margin: 0 7px 7px;
}

.smDataSet tfoot a,
.mdDataSet tfoot a,
.lgDataSet tfoot a {
  color: #497aad !important;
}

.pagingFooter {
  width: 100%;
}

.hg h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 15px 0;
}

.totalLabel {
  color: #c05210;
}

.prevLink {
  display: inline-block;
  float: left;
}

.nextLink {
  display: inline-block;
  float: right;
}

.redMsg {
  color: red;
}

.w10p {
  width: 10% !important;
}

.w20p {
  width: 20% !important;
}

.w30p {
  width: 30% !important;
}

.w40p {
  width: 40% !important;
}

.w50p {
  width: 50% !important;
}

.w60p {
  width: 60% !important;
}

.w70p {
  width: 70% !important;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w100p {
  width: 100% !important;
}

.wAuto {
  width: auto !important;
}

.margin0 {
  margin: 0 !important;
}

.padding0 {
  padding: 0 !important;
}

.bold {
  font-weight: bold !important;
}

.italic {
  font-style: italic;
}

.normal-font-style {
  font-style: normal !important;
}

.center {
  text-align: center;
}

.fLeft {
  float: left !important;
}

.fRight {
  float: right !important;
}

.whiteSpaceNoWrap {
  white-space: nowrap !important;
}

.preLoginTitleWrapper {
  display: flex;
  align-items: center;
}

.preLoginBackLink {
  font-size: 1rem;
  color: #003e74;
}

.preLoginBackLink:hover {
  text-decoration: underline;
}

.preLoginTitle {
  text-align: center;
  color: #003e74;
  font-weight: bold;
  margin: 0;
}

.preLoginTitleMargin {
  margin-bottom: 2rem;
}

ol.space {
  padding-left: 15px;
  text-align: justify;
}

.preLoginListItem {
  margin: 20px 0;
}

.preLoginFormWrapper {
  margin: 10px 0;
}

.preLoginFormWrapper > .form-group > .form-control {
  width: unset !important;
  display: flex !important;
}

.preLoginFormWrapper > .form-group > label,
.preLoginFormWrapper > .form-group > div > label {
  float: unset !important;
  margin-right: unset !important;
  margin-bottom: unset !important;
  color: unset !important;
  text-align: unset !important;
  width: unset !important;
  word-wrap: unset !important;
  vertical-align: unset !important;
  max-width: unset !important;
}

#reg1 > .lrButton > .submit,
.preLoginButton {
  background-color: #003e74 !important;
  color: #fff !important;
  border-radius: 10px !important;
  width: auto !important;
  margin: 10px 10px 20px 10px !important;
  padding: 20px 40px !important;
  font-size: 1.2em !important;
  line-height: 0 !important;
}

#reg1 .error {
  margin-left: 2px;
}

.preLoginFormWrapper > input:not(.searchBox) {
  width: unset !important;
  height: unset !important;
  padding: unset !important;
  font-size: unset !important;
  line-height: unset !important;
  color: unset !important;
  background-color: unset !important;
  background-image: unset !important;
  border-radius: unset !important;
  margin-right: unset !important;
}
.preLoginFormWrapper > input:not(input[type="submit"]) {
  display: unset;
}

.preLoginFormWrapper > .checkbox > div > .checkBoxLabel {
  display: unset !important;
}
span.ui-button-icon-left.ui-icon.ui-icon-calendar {
  background: none;
}
button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
  border: 0;
  background: url("/groWeb/resources/images/icons/calendarIcon.png") no-repeat;
  box-shadow: none !important;
  top: 12px;
  left: 3px;
}
/********************************************************************** PIRMEFACES STYLES ****************************************************************/

.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

input#rememberMe {
  margin-top: 4px;
}

#mobileNav.affix {
  position: fixed;
  top: 0;
  width: 100%;
}

/********************************************************************** WELLNESS STYLES ****************************************************************/
.smallBox {
  margin: 20px 0;
  overflow: hidden;
}

.smallBox .left,
.smallBox .right,
#twoColumnMiddle .smallBox .box,
#threeColumnMiddle .smallBox .box {
  width: 48% !important;
  float: left;
  margin-right: 5px;
  display: inline;
}

.smallBox.threeColumn .left,
.smallBox.threeColumn .middle,
.smallBox.threeColumn .right {
  width: 35% !important;
  float: left;
  margin-right: 5px;
  display: inline;
}

.smallBox.threeColumn .middle {
  width: 19% !important;
}

.smallBox .left,
.smallBox .right {
  width: 46% !important;
}

.smallBox .right {
  float: right;
}

.smallBox .right,
#twoColumnMiddle .smallBox .box:last-of-type,
#threeColumnMiddle .smallBox .box:last-of-type {
  border: none;
}

ul#wellnessSiloBox,
ul#wellnessSiloBox ul {
  list-style: none;
  padding: 0;
}

ul#wellnessSiloBox ul {
  padding-left: 20px;
}

.change.left > ul:first-of-type {
  margin-bottom: 20px;
}

ul#wellnessSiloBox li img {
  height: 25px;
  width: 25px;
}

ul#wellnessSiloBox li.learn,
ul#wellnessSiloBox li.change {
  font-weight: bold;
  font-size: 1.5em;
}

ul#wellnessSiloBox li.learn {
  color: #e5ac69;
}

ul#wellnessSiloBox li.change {
  color: #6f5d8f;
  font-weight: bold;
}

ul#wellnessSiloBox li ul li a {
  font-size: 0.75em;
  font-weight: normal;
}

.hgFAQ {
  list-style: none !important;
  padding-left: 0;
}

.hgFAQ li {
  margin-bottom: 20px !important;
}

.hgFAQ p {
  margin-top: 5px;
}

/********************************************************************** ASSESSMENT STYLES ****************************************************************/
#assessment .question {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

/********************************************************************** SIDEBAR BOX STYLES ****************************************************************/
#twoColumnLeft,
.threeColumn.sidebar {
  padding: 0 15px 0 0 !important;
  width: 25% !important;
  float: left;
  margin: 0;
}

#twoColumnLeft .box {
  width: auto;
}

.sidebar {
  z-index: 999;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff !important;
  padding: 0 0 10px 0 !important;
}

#threeColumnLeft .plain .content {
  padding: 3px;
}

#threeColumnLeft .box,
#threeColumnRight .box {
  margin-bottom: 30px;
}

.sidebar .content,
#threeColumnLeft .content,
#threeColumnRight .content {
  padding: 3px 5px;
}

.sidebar .box .content,
#threeColumnLeft .box .content,
#threeColumnRight .box .content {
  font-size: 1em !important;
}

.box .content #agcImage {
  float: left;
  width: 20%;
  min-width: 60px;
  margin-right: 5px;
  display: inline;
}

.box .content #agcImage img {
  width: 100%;
}

.box .content #agcLinks {
  display: inline;
  float: left;
  width: 60%;
}

.box .content #agcLinks a {
  display: block;
  clear: both;
  float: left;
  margin-bottom: 5px;
  word-wrap: break-word;
  text-wrap: normal;
}

.sidebar .box .content .boxContainer .imageContainer,
#threeColumnLeft .box .content .boxContainer .imageContainer,
#threeColumnRight .box .content .boxContainer .imageContainer {
  width: 22px;
  height: 22px;
  float: left;
  display: inline;
  overflow: hidden;
}
#assessment .radio label {
  max-width: 92%;
}

#threeColumnLeft .box .content .imageContainer img {
  width: 100%;
}

.sidebar .box .content .boxContainer .imageContainer img,
#threeColumnLeft .box .content .boxContainer .imageContainer img,
#threeColumnRight .box .content .boxContainer .imageContainer img {
  width: 100%;
  height: 100%;
}

.sidebar .box .content .boxContainer .textContainer,
#threeColumnLeft .box .content .boxContainer .textContainer,
#threeColumnRight .box .content .boxContainer .textContainer {
  width: 80%;
  float: left;
  display: inline;
  padding-top: 3px;
}

#threeColumnRight .box .radio input,
#threeColumnLeft .box .radio input,
.sidebar .box .radio input {
  float: left;
  margin-right: 5px;
}

#threeColumnRight .box .radio label,
#threeColumnLeft .box .radio label,
.sidebar .box .radio label {
  width: 80%;
  overflow: hidden;
}

.threeColumn.sidebar {
  display: none;
}

.box {
  height: 100% !important;
  padding: 0;
  overflow: hidden;
  width: 100% !important;
}

.box h1 {
  color: #335c85;
  font-size: 15px;
  padding: 0 10px;
}

.box h2,
.busNetNavBox h2 {
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 0.95em;
  padding: 5px 5px;
  width: 100%;
  text-transform: uppercase;
}

#qrSection > h2 {
  text-transform: unset;
}

.busNetNavBox h2 {
  padding-top: 0;
  margin-top: 0;
}

.box h3,
.box h4,
.box h5,
.box h6 {
  margin-top: 0 !important;
}

.box h1,
.box h2 {
  margin-top: 0 !important;
}

.box .content {
  padding-left: 5px;
}

.box .navContent {
  margin: 0;
  padding: 0 10px 0;
}

#loginRight .box h2 {
  background-color: transparent;
  border: none !important;
}

.boxSubHead {
  font-size: 0.95em;
  font-weight: bold;
}

/********************************************************************** FOOTER STYLES ****************************************************************/
footer,
#footer {
  padding: 30px 10px;
  height: 100%;
  background-color: #e9eaed;
  border-top: 1px solid #ccc;
  overflow: hidden;
  font-size: 1em;
  clear: both;
  margin-top: auto;
}

footer p,
#footer p {
  color: #999;
  text-align: center;
  margin: 0;
  padding: 0;
}

footer a,
#footer a {
  text-decoration: none;
}

footer a:hover,
#footer a:hover {
  text-decoration: underline;
}

#footer p a,
footer p a {
  color: #003e74;
}

footer p,
#footer p {
  color: #555;
}

.aboutLinks,
.aboutLinks a:link,
.aboutLinks a:visited {
  color: #666;
}

footer #mobileIcons,
#footer #mobileIcons {
  overflow: hidden;
  width: 310px;
  height: auto;
  margin: 0 auto;
}

footer #mobileIcons .icon,
#footer #mobileIcons .icon {
  overflow: hidden;
  width: 135px;
  height: 40px;
  display: inline !important;
  float: left;
  margin-right: 20px;
}

footer #mobileIcons .icon img,
#footer #mobileIcons .icon img {
  width: 100%;
  height: 100%;
}

/********************************************************************** INPUT FIELD STYLES ****************************************************************/
.section > div {
  margin-bottom: 15px !important;
  clear: both;
  display: block;
}

.helpText {
  display: block !important;
  clear: none !important;
  width: auto !important;
  max-width: 600px;
  overflow: hidden;
}

.helpTextLabel {
  margin-top: -20px;
}
.helpTextFull {
  display: block !important;
  clear: none !important;
  width: auto !important;
  max-width: 100%;
  overflow: hidden;
}

.form-inline.boxText,
.form-group.boxText {
  margin-bottom: 25px !important;
  clear: both;
  overflow: hidden;
}
.changePasswordPopup {
  display: none;
}

.form-inline {
  display: block;
}

.form-inline label {
  justify-content: end;
}

.form-inline .radio,
.form-group .radio {
  display: inline !important;
}

.boxTextCurrency {
  overflow: hidden;
  padding-left: 8px;
  background-image: none !important;
}

.boxTextCurrency:before {
  font-family: "Glyphicons Halflings";
  content: "\e148";
  margin-left: -12px;
  margin-right: 5px;
}

.floatRight {
  float: right;
  margin-top: 15px;
  margin-right: 25px;
}

.form-group div {
  display: inline-block;
  clear: none;
  margin: 0;
}

.password-form-group div {
  clear: none;
  margin: 0;
}

.form-group div .passwordChangePopup {
  display: none;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: 0 !important;
  position: relative;
}

.smallBox.threeColumn select[multiple] {
  width: 70%;
}

input:not(.searchBox),
.ui-chkbox,
select,
.ui-button {
  width: auto;
  /*height: 34px;*/
  padding: 6px 7px;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border-radius: 4px !important;
  margin-right: 3px;
}

.ui-button .ui-state-active {
  background-color: #003e74 !important;
}

.ui-chkbox,
input[type="checkbox"],
input[type="radio"],
input[type="image"] {
  width: auto !important;
  height: auto;
  padding: 0;
  border-radius: 0;
  background-color: #fff;
  float: left;
  margin-right: 5px;
  appearance: normal;
  -webkit-appearance: normal !important;
}

.ui-state-default {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button:hover {
  border-color: #333;
}

input.cancelButton {
  background-color: #757575 !important;
}

input:not(input[type="submit"]),
select,
textarea {
  display: inline-block;
  width: auto !important;
  vertical-align: middle;
  margin-top: 4px;
}

input,
select {
  font-size: 1em !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="submit"],
button[type="submit"],
textarea {
  -webkit-appearance: none;
  min-width: 320px;
}

.narrowInput input {
  min-width: 0;
}

input.searchBox,
input[type="submit"],
button[type="submit"],
.fpoDiv input[type="text"] {
  min-width: 0;
}

select {
  box-shadow: none !important;
}

.ui-chkbox,
input[type="checkbox"],
header nav #bottomNav input {
  clear: none;
  display: inline;
  height: 12px;
}

input[type="submit"],
button[type="submit"] {
  font-size: 1em;
  border: 1px solid #ccc;
  margin: 8px 20px 8px 0;
  padding: 0.3em 1em;
  width: auto !important;
  background: #003e74 !important;
  color: #fff !important;
}
input[type="submit"] {
  padding: 0.7em 1.5em;
  line-height: 1.2;
}
.wrapper {
  text-align: center;
}

.chatbutton {
  font-size: 1em;
  border: 1px solid #ccc;
  margin: 8px 20px 8px 0;
  padding: 5px 9px;
  width: auto !important;
  background-color: #003e74;
  color: #fff !important;
}

.cancel {
  border: 1px solid #ccc;
  margin: 8px 20px 8px 0;
  padding: 7px;
  width: 100% !important;
  background-color: #757575 !important;
  color: #fff !important;
  align-items: flex-start;
  text-align: center;
  font:
    700 0.95em arial,
    sans-serif;
}

.submitBtns {
  margin-left: 15px;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-secondary,
.btn-secondary:hover,
input[type="submit"].cancelButton,
input[type="submit"].cancelButton:hover {
  color: #fff !important;
  background: #757575 !important;
  border: 1px solid transparent;
}

*.rf-au {
  width: 100% !important;
  border: none !important;
  background-image: none !important;
}

.form-inline .rf-au {
  display: inline-block !important;
  width: auto !important;
  vertical-align: middle !important;
}

input.rf-au-inp {
  background-image: none !important;
  border: 1px solid #ccc !important;
  width: 100% !important;
  padding-left: 10px !important;
  height: 34px !important;
}

.box input[type="submit"],
.box button[type="submit"] {
  width: 100% !important;
}

.disabled {
  background: #ccc none repeat scroll 0 0 !important;
  color: #888 !important;
  border: 1px solid #ccc !important;
  cursor: default !important;
  pointer-events: none !important;
}

textarea.termsTextarea {
  width: 100%;
  min-height: 300px;
}

textarea {
  resize: vertical !important;
  padding: 6px 12px;
  background-color: #fff;
}

textarea:focus,
textarea:hover {
  background-color: #fff;
}

.radioRating label {
  text-align: center;
  margin: auto;
  display: block;
  clear: both !important;
  margin-left: -3px !important;
}

.radioRating input {
  margin: auto;
}

.radioRating table {
  width: 100%;
  margin: 0 0 15px;
  padding: 0;
}

.radioRating td {
  text-align: center;
  padding: 0 10%;
  width: 25%;
}

.radio {
  position: relative;
  margin: 6px 0 0 15px;
}

.radio#chatPremiumUSABox {
  height: 200px !important;
  display: table;
}

.radio#chatPremiumUSABox div {
  margin-left: 7px;
  clear: both;
}

.radio#chatPremiumUSABox #chatPartners {
  padding: 0 0 7px 0;
  margin-left: 2em;
}

.radio#chatPremiumUSABox #chatPartners div {
  clear: unset;
  padding: 0 7px;
}

.radio#videoIntakeOptions {
  height: 200px !important;
}

.radio#videoIntakeOptions div {
  padding: 7px;
  clear: both;
}

.radio#videoIntakeOptions {
  padding: 0 0 7px 0;
  margin-left: 2em;
}

.radio#videoIntakeOptions div {
  clear: unset;
  padding: 0 7px;
}

.radio fieldset {
  border: none;
  width: auto;
  padding: 1px 0 0 11em;
}

.radio legend {
  font-size: 1em;
  color: #000;
}

.liveChat {
  color: #2e8b57;
}

.radio legend span {
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 10em;
  display: block;
}

.radio input {
  vertical-align: middle;
  display: inline-block;
  float: left;
  width: auto;
  background: none;
  border: none;
  font-weight: normal;
  margin-bottom: 5px;
}

.radio label {
  vertical-align: middle;
  display: inline-block;
  background: none;
  border: none;
  font-weight: normal;
  margin-bottom: 5px;
  width: auto;
  overflow: hidden;
  padding-left: 5px !important;
}

.charSeedDisplay {
  font-weight: 100;
  font-size: 0.9em;
  margin-left: 5px;
}

.pollBox label {
  font-size: 0.9em !important;
  display: block !important;
  line-height: 1.6em;
}

.pollData {
  margin: 0 0 7px 7px;
}

.pollData img {
  vertical-align: baseline;
}

.pollResTitle {
  margin-bottom: 10px;
}

.pollRes {
  margin-bottom: 10px;
  color: #222;
  font-size: 0.9em;
}

.radio div {
  float: left;
  white-space: nowrap;
  clear: none;
}

.radioWide {
  margin-bottom: 20px !important;
}

.radioWide div {
  float: none;
  white-space: normal;
  clear: none;
}

.radioWide table {
  clear: both;
  margin: 5px 0 0 15px;
}

.radioWide > label {
  font-weight: bold !important;
  padding: 0 !important;
  width: 100% !important;
  display: block;
  float: none;
  min-width: 100% !important;
}

.subFieldText {
  display: inline-block;
}

.topLabel {
  display: block;
  float: none;
  margin: 0 0 5px;
  text-align: left;
  width: auto;
}

.fieldBottomText {
  display: block;
  width: auto;
  margin-top: 5px;
  color: #333;
}

.fieldError label {
  background-color: #ffe6e6;
  color: #000;
}

.dropLabel {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 1.2em;
}

input[type="submit"]:focus,
button[type="submit"]:focus {
  border: 1px solid #000 !important;
}

a:focus img,
a:focus img {
  border: 1px dotted #000 !important;
}

.plainSet {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}

.plainSet legend {
  color: #111;
  font-size: 0.95em;
  font-weight: bold;
  border: 0;
  margin-bottom: 10px;
}

.plainSet table {
  margin-left: 7px;
}

.plainSet label {
  color: #222;
}

.pollBox form {
  margin-bottom: 15px;
}

/* use where fieldset misused as layout container */
.fieldset div {
  margin-bottom: 8px;
  overflow: hidden;
}

/********************************************************************** ERROR STYLES ****************************************************************/
.rf-msg,
.rf-msgs {
  margin: 0 0 8px;
  padding: 5px;
  font-size: 1em !important;
  font-weight: bold;
  height: auto !important;
}
.rf-msgs .rf-msgs-err .rf-msgs-sum {
  font-size: 0.9em !important;
}

.rf-msgs .rf-msgs-inf .rf-msgs-sum {
  font-size: 1em !important;
}

.rf-msg span,
.rf-msgs span {
  margin: 5px 0;
}

.important,
.error,
.rf-msgs-err {
  color: #e50000;
}

.rf-msgs-wrn {
  color: #e50000 !important;
}

.rf-msgs-inf {
  color: black;
}

.remove {
  display: none !important;
}

.errorBG {
  background-color: #ffe6e6;
}

.errMessage span:last-of-type span span:last-of-type {
  margin-bottom: 15px;
}

.errMessage .rf-msgs,
.errMessage .rf-msgs-err,
.errMessage .rf-msgs-sum {
  margin-bottom: 0;
}

.fieldError {
  border: 1px solid #e50000 !important;
  background-color: #ffe6e6 !important;
}

form.fieldError {
  background-color: transparent !important;
}

.ui-messages-error,
.ui-message-error {
  color: #e50000;
  background-color: unset;
  border-color: unset;
  border: 0;
}
.ui-messages-info,
.ui-message-info {
  color: #000;
  background-color: transparent;
  border-color: transparent;
}
span.ui-messages-error-icon {
  background: #e50000;
  border-radius: 15px;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  margin-top: 2px;
}
span.ui-messages-error-icon:after {
  content: "i";
  color: #fff;
  font-family: serif;
  margin: 0px 0 0px 6px;
  font-weight: 600;
  font-size: 0.8em;
  display: block;
}
span.ui-messages-error-icon {
  display: none;
}
.ui-messages-error-summary {
  margin-left: 0 !important;
}
span.ui-messages-error-summary:before {
  content: "i";
  width: 15px;
  height: 15px;
  background: red;
  color: #fff;
  font-family: serif !important;
  margin: 0 0 0 6px;
  font-weight: 600;
  font-size: 0.9em;
  border-radius: 15px;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  line-height: 1.5;
}

.ui-message-error-detail:before {
  font-family: "Glyphicons Halflings";
  content: "\e086";
  margin-right: 5px;
  color: #e50000;
  display: inline;
  float: left;
}
.ui-message-error-icon {
  display: none;
}
.ui-messages-error ul {
  margin-left: -10px;
}
#login .ui-messages-error ul {
  margin-left: 25px;
}

/********************************************************************** POPUP BOX STYLES ****************************************************************/
.popupBox {
  margin-bottom: 1px;
  width: 25% !important;
}
*.rf-pp-cntr {
  background-color: #fff !important;
  width: initial !important;
  max-width: 750px;
  border: 1px solid #e7e7e7 !important;
  border-radius: 4px;
  z-index: 9999 !important;
  padding: 0;
}

.rf-pp-cnt,
.rf-pp-cnt p,
.rf-pp-hdr-cntrls,
.rf-pp-hdr-cntrls a {
  font-size: 1em !important;
  color: #333 !important;
}

.rf-pp-hdr h2 {
  font-size: 1.7em;
  text-align: center;
}

.rf-pp-cnt {
  padding-top: 0 !important;
}

.popupModal .rf-pp-cnt {
  height: 400px;
  width: 300px;
  padding: 10px !important;
  text-align: center;
}

.rf-pp-shdw {
  display: none !important;
}

.localeModal {
  width: 830px !important;
  height: 530px !important;
  overflow: hidden;
  z-index: 9999 !important;
}

#localeModal_content {
  padding: 0;
  height: 500px;
  overflow: hidden;
}

.rf-pp-cnt-scrlr {
  background-color: transparent !important;
  width: 100% !important;
}

.localeModal .rf-pp-cnt-scrlr {
  height: 70% !important;
  margin-top: 160px;
}

.localeModal a.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all {
  display: none;
}
.ui-dialog {
  max-width: 50%;
}

.ui-widget-header {
  background: #e9eaed;
}
.modal {
  z-index: 99999;
}

.modal-backdrop {
  z-index: 99998;
}

.localeDisplay {
  margin-right: 40px;
  margin-left: 10px;
  margin-top: 10px;
  float: left;
  width: 225px;
  height: 50px;
  overflow: hidden;
}

.localeDivisions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 900px;
}
.localeDivisions .localeDisplay {
  margin: 0;
}

.localeDisplay.selected a {
  background: #9ecfff;
  color: #000;
  font-weight: bold;
  padding: 2px 4px;
  text-transform: uppercase;
}

.localeDisplay.selected a:hover,
.localeDisplay.selected a:focus {
  text-decoration: none;
  cursor: default;
}

.localeDisplay .textHolder a.flagText {
  font-size: 0.98em !important;
}

.localeDisplay:nth-child(3n + 3) {
  margin-right: 0 !important;
}

.localeDisplay img {
  border-radius: 3px !important;
  margin-right: 10px;
  vertical-align: middle;
  border: 0;
  text-decoration: none;
  float: left;
}

.localeDisplay.division {
  width: 22%;
  float: left;
  margin: 0 0 0 0;
}

.imgHolder {
  height: 100%;
  width: 24px;
  display: inline;
  float: left;
  margin-right: 10px;
}

html[dir="rtl"] .imgHolder {
  margin-left: 5px !important;
}

.flagImg {
  color: #003e74 !important;
  font-size: 0.96em;
}

.flagText:visited {
  color: #679ad3;
}

#menu .flagText:visited {
  color: #fff;
}

.flagText {
  word-wrap: break-word;
}

ul#localeTabs {
  width: 100%;
  top: 0;
  height: 70px;
  background-color: #e9eaed !important;
  margin: 0;
  padding: 0;
  display: table;
  position: absolute;
  overflow: hidden;
}

ul#localeTabs li.ui-tabs-active,
ul#localeTabs li.ui-state-active {
  background-color: #fff !important;
}

ul#localeTabs li {
  max-width: 170px;
  width: 100%;
  overflow: hidden;
}
ul#localeTabs li {
  min-width: 160px;
  width: 22%;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-bottom: -1px;
  font-weight: bold;
  display: block;
}

ul#localeTabs li:focus {
  outline: 1px dotted !important;
}

ul#localeTabs li a {
  font-size: 0.95em;
  text-align: center;
  width: 100%;
}

ul#localeTabs li a span {
  text-align: center;
}

#assetTabs.ui-state-hover {
  background-color: transparent !important;
}

.noBorder {
  border: 0;
}

.videoSm {
  margin-top: 85px;
}

.tab {
  height: 80%;
}

.localeTab .tab {
  height: 367px;
  overflow: auto;
}

.localeModal .ui-dialog-titlebar {
  background: #e3e3e3;
  padding: 0em 0.4em 0em 4em;
}

.localeModal .ui-dialog-titlebar-close {
  margin: 0.4em 0 0 0;
}

span.location {
  background-repeat: no-repeat;
  display: block;
  padding: 30px 85px 22px 10px;
  width: 100% !important;
  color: #000;
}

span.location.location-americas {
  background-image: url("/groWeb/resources/images/sprite-locale-selector.png");
  background-position: center 10px;
}

span.location.location-europe {
  background-image: url("/groWeb/resources/images/sprite-locale-selector.png");
  background-position: center -98px;
}

span.location.location-asia-pacific {
  background-image: url("/groWeb/resources/images/sprite-locale-selector.png");
  background-position: center -314px;
}

span.location.location-africa-middle-east {
  background-image: url("/groWeb/resources/images/sprite-locale-selector.png");
  background-position: center -206px;
}

#localeSubText {
  color: #999;
  font-size: 0.85em;
  text-align: center;
  font-weight: bold;
  padding: 7px;
}

#noCountryHeader {
  background-color: #e3e3e3;
  height: auto;
  display: flex;
  justify-content: space-between;
}

#noCountryTextBorder {
  border: 1px solid #003e74;
  margin: 5px 15px auto 15px;
  border-radius: 12px;
  background-color: #d1d6da;
}

.noCountryText {
  font-family:
    Source Sans Pro,
    sans-serif !important;
  font-weight: bold;
  color: black;
}

#noCountryTextPlaceholder {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2px auto 15px auto;
}

#localeSubText a {
  color: #003e74 !important;
}

#headerBox .closeButton {
  margin-right: 20px;
  float: right;
  font-weight: bold;
}

.modalClose {
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 6px;
  z-index: 999;
}

.localeClose {
  padding: 3px 10px 4px 20px;
  font-weight: bold;
  z-index: 999;
}

.localeClose:focus {
  border: 1px dotted #000 !important;
}

.flagText:focus {
  border: 1px dotted #000 !important;
}

.modalCloseWhite {
  color: #fff !important;
}

.localeModal .ui-dialog-content {
  padding: 0;
}
.localeTab .tab {
  height: 367px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
}
.localeDisplay {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 15px;
  width: 195px;
  height: 3em;
  align-items: center;
  overflow: visible;
}
.localeDisplay a {
  width: 100%;
}
.ui-tabs .ui-tabs-nav li {
  border: none;
  background: none;
  border-bottom: 0;
  top: 1px;
  width: 165px;
  display: flex;
  justify-content: center;
}

fieldset.noborder .localeDisplay a {
  width: auto !important;
}

fieldset.noborder .localeDisplay:nth-child(3n + 3) {
  margin-right: 15px !important;
}

fieldset.noborder .localeDisplay {
  width: 185px !important;
}

#assetTabs.ui-tabs .ui-tabs-nav {
  border: none;
  background: none;
  border-bottom: 0;
  top: 1px;
  width: 165px;
  display: flex;
  justify-content: left;
}

#assetTabs.ui-tabs .ui-tabs-nav li:hover {
  text-decoration: none;
}

.logoutClose {
  color: #333 !important;
  font-size: 1.5em !important;
  font-weight: 400 !important;
  line-height: 0;
  padding-bottom: 7px !important;
}

.changePasswordPopup {
  padding: 0;
  min-width: 250px !important;
  border-radius: 5px;
}

*.rf-pp-hdr {
  background-image: none !important;
  background-color: #e9eaed !important;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.rf-pp-hdr-cnt {
  color: #000 !important;
  background-color: transparent !important;
  background-image: none !important;
}

.rf-pp-shdw {
  display: none !important;
}

.rf-pp-hdr-cntrls {
  margin-right: 5px;
}

.changePasswordPopup ul li {
  list-style: none !important;
  margin-bottom: 5px;
}

.rateArticlePopup {
  max-width: 450px;
  background-color: #fff;
}

.ratingBox .radioRating {
  margin-top: 0;
}

.ratingRange {
  font-weight: 600;
}

/*
.ui-dialog {
  z-index: 10000 !important;
}
 */

#fpoGenerateWSSuccessWindow_container,
#fpoGenerateWSSuccessWindow_content_scroller {
  height: auto !important;
}

.p-dialog-footer {
  display: flex;
  justify-content: center;
}
.p-dialog-footer .p-button {
  width: auto !important;
  margin-top: 10px !important;
}

/********************************************************************** TABLE STYLES ****************************************************************/
.rf-dt {
  width: 100%;
}

*.rf-fu-hdr {
  margin: 0 !important;
  background-image: none !important;
}
.rf-fu-lst {
  height: auto !important;
  border: #000 0.4px solid;
}
*.rf-fu {
  background-color: #fff !important;
  display: inline-block;
  min-width: 200px;
  max-width: 400px;
}
.rf-fu-itm-rgh {
  width: 15% !important;
}
*.rf-fu-btn-add,
*.rf-fu-btn-upl,
*.rf-fu-btn-clr {
  background-image: none !important;
  background-color: #fff !important;
  color: #000 !important;
}

.ui-datatable table {
  table-layout: auto;
}

.rf-dt-shdr-c,
.ui-datatable th {
  background-image: none !important;
  background-color: #003e74 !important;
  font-size: 1em !important;
  color: #ffffff !important;
}

.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th {
  padding: 4px 8px;
}
.ui-datatable thead th {
  white-space: nowrap;
}

.rf-dt-srt-btn {
  display: none !important;
}

.rf-dt-tft,
.rf-dt-ftr,
.rf-dt-ftr-c {
  background-color: transparent !important;
}

.rf-ds-btn,
.rf-ds-nmb-btn {
  background-image: none !important;
  background-color: transparent !important;
  font-size: 18px !important;
  border: none !important;
  margin: 0 !important;
  padding: 2px !important;
  width: 1.4em !important;
}

table.hgDataScroller td.rf-dt-ftr-c span.rf-ds a.rf-ds-nmb-btn,
table.hgDataScroller td.rf-dt-ftr-c span.rf-ds span.rf-ds-act {
  width: 3.4em !important;
}

.rf-ds-btn {
  width: 3em !important;
}

.rf-ds-btn:hover {
  color: #000 !important;
}

.rf-dt-c.mainBody {
  font-size: 1em !important;
}

.rf-tab-cnt table {
  width: 100%;
}

*.rf-dt-c {
  font-size: 1em !important;
  vertical-align: top;
  border: #c0c0c0 solid 1px !important;
}
.rf-dt-c-srt {
  color: #ffffff !important;
}

.adminPage {
  font-family: Arial, Helvetica, sans-serif !important;
}

*.rf-dt-hdr-c,
*.rf-cp-hdr {
  background-image: none !important;
}

*.rf-cp {
  border: none !important;
  margin-bottom: 10px !important;
}

*.rf-cp-b {
  font-size: 0.9em;
}

table.radio,
table.rf-pm-top-gr-gr {
  border: none !important;
  width: auto !important;
}

table.radio td,
.adminPage table.radio td {
  width: 10%;
  padding: 0 0 5px 0 !important;
}

.form-group .radioRight {
  display: inline-block !important;
  margin: 0;
  width: 100px !important;
}

.adminPage table {
  width: 100%;
  border: 1px solid #c0c0c0;
}

.adminPage table th,
table.reference th {
  background-color: #003e74 !important;
  color: #fff !important;
  text-align: center;
  padding: 4px;
  background-image: none !important;
  font-size: 1em !important;
  font-weight: normal !important;
}

.adminPage table th.date,
.adminPage table th.username {
  max-width: 200px;
}

.adminPage table.rf-cp-gr {
  border: none !important;
}

.adminPage table.rf-cal-popup {
  width: auto !important;
}

.adminPage table.rf-cal-popup th {
}

.adminPage table.rf-cal-popup td {
  padding: 0 !important;
}

.adminPage table,
.adminPage table th,
.adminPage table td {
  font-family: Arial, Helvetica, sans-serif !important;
}

table.igedSearchRadio {
  width: 100%;
}

table.igedSearchRadio label {
  width: auto;
}

.ui-datatable-odd {
  background: #fff;
}

/********************************************************************** ADMIN TOOL STYLES ****************************************************************/

#bottomButtonBar {
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 45px;
  padding: 5px;
  background-color: #e9eaed;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  z-index: 999;
}

#bottomButtonBar input {
  margin: 0;
}

#bottomButtonBar .rf-msg,
#bottomButtonBar .rf-msgs {
  clear: none;
  float: right;
  width: auto;
}

.multiplePanel {
  height: 486px;
  overflow-y: auto !important;
  border: #c0c0c0 solid;
  border-width: 1.5px;
}

/*See if there is a way to just do this for a particular set of trees.*/
.ui-tree .ui-treenode-label {
  font-size: 1.08em;
}

/********************************************************************** SLIDESHOW STYLES ****************************************************************/

#homeSlideshowTop {
  position: relative;
  height: auto;
  width: 50%;
  float: left;
  display: inline;
  background-color: #fff;
  overflow: hidden;
}

#homeSlideshowTop span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0;
}

#homeSlideshowTop span.active {
  z-index: 10;
  opacity: 1;
}

#homeSlideshowTop span.last-active {
  z-index: 9;
}

#homeSlideshowTop img {
  margin: 0 auto;
  width: 100% !important;
}

#homeSlideshowBottom {
  float: left;
  width: 45%;
  margin-left: 20px;
}

#homeSlideshowBottom h3,
#connectBox h3 {
  display: inline;
}

#homeSlideshowBottom p strong,
#connectBox p strong {
  color: #777;
}

#connectBox .section {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: block;
  clear: none !important;
  margin: 0 !important;
  border: none !important;
}

#connectBox .section img {
  width: 30%;
  max-width: 50px;
  float: left;
  display: inline;
}

#connectBox .section .textContainer {
  display: inline !important;
  float: left;
  width: 65%;
  margin-left: 10px;
  margin-bottom: 0 !important;
  clear: none !important;
}

.col-xs-3 {
  width: 25%;
}

/*! http://responsiveslides.com v1.54 by @viljamis */
.slideshow {
  margin-bottom: 25px;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

/*
Commenting as fix for EAP-13793
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}*/
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

.events {
  list-style: none;
}

.callbacks_container {
  position: relative;
  margin: 0 auto;
  margin-bottom: 10px;
  width: 100%;
}

.callbacks_container.loginPage {
  width: 100%;
  max-height: 309px;
  margin-bottom: 30px;
}

.callbacks_container.loginPage li img {
  max-width: 100%;
  max-height: 100%;
}

.callbacks_container.homePage {
  width: 100%;
  min-height: 240px;
  overflow: hidden;
  margin-bottom: 10px;
}

.callbacks_container.partnerProgramsBox {
  width: 100%;
  height: 140px;
  overflow: hidden;
  margin-bottom: 20px;
}

.callbacks_container.partnerProgramsBox strong > a {
  display: block;
  text-align: center;
}

.callbacks_container.partnerProgramsBox img {
  max-width: 60%;
  max-height: 100px;
  width: auto;
  float: none;
  margin: 0 auto;
}

.callbacks_tabs {
  display: none;
}

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

/*
Commenting as fix for EAP-13793
.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}*/

.callbacks li {
  width: 100%;
}

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
}

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  top: 0;
  padding: 0 20px;
  margin: 0;
  max-width: none;
  text-align: center;
}

.callbacks .description {
  height: auto;
  overflow: hidden;
}

.callbacks .description ul {
  padding: 0 0 0 30px;
  margin: 0;
  overflow: hidden;
}

.callbacks .description ul li {
  position: relative !important;
  display: list-item !important;
  font-size: 0.85em !important;
  clear: both !important;
}

.callbacks p {
  font-size: 0.85em;
}

.callbacks .caption h2 {
  font-size: 1em;
}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("/groWeb/resources/images/themes.gif") no-repeat
    left top;
  margin-top: -45px;
}

.slideshowPage .callbacks_nav {
  top: 250px;
}

.callbacks_nav:active {
  opacity: 1;
}

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
  }

  .slideshowPage .callbacks_nav {
    top: 200px;
  }
}

.carousel-pause button {
  background: none;
  border: 0;
  float: left;
  color: #666;
}

.pause_slider:before {
  font-family: "Glyphicons Halflings";
  content: "\e073";
}

.play_slider:before {
  font-family: "Glyphicons Halflings";
  content: "\e072";
}

/********************************************************************** TAB STYLES ****************************************************************/
*.rf-tab-hdr-act.rf-tab-hdr-top,
*.rf-tab-hdr,
*.rf-tab-hdr-inact {
  background-image: none !important;
  background-color: #fff !important;
}

*.rf-tab-hdr {
  color: #000 !important;
}

*.rf-tab-hdr-inact {
  color: #555 !important;
}

*.rf-tab-cnt {
  border: none !important;
  padding-left: 0 !important;
}

*.rf-tab-hdr-tabs {
  border-bottom: 1px solid #ccc !important;
}

*.rf-tab-hdr-tabs tr td {
  margin: 0 auto;
}

#mostViewedTabs h3,
#healthyGuidanceTabs h3 {
  display: none;
}

#mostViewedTabs ul a,
#healthyGuidanceTabs ul a {
  text-decoration: none !important;
}

#mostViewedTabs ul,
#healthyGuidanceTabs ul,
.groTabs {
  margin-bottom: 20px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1em !important;
}
.ui-widget-content {
  border: 0;
  color: inherit;
}
.ui-widget-content a {
  color: #003e74;
}
/*
ul.ui-tabs-nav,
.ui-widget-content,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.ui-state-default:focus {
  outline: 1px dotted #003e74;
}

.ui-widget-content {
  background-color: #fff !important;
}

.ui-widget-header {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid #ccc;
}
*/
.ui-tree {
  width: auto;
}
.ui-tree .ui-treenode-content.ui-tree-selectable .ui-chkbox.ui-selection {
  display: none;
}
.ui-tree .ui-tree-container {
  overflow: visible;
}
.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}

.ui-state-default {
  box-sizing: content-box;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #003e74 !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active a:hover .ui-state-active a:focus {
  color: #000 !important;
  box-shadow: none !important;
}

.ui-state-active,
.ui-state-active span {
  cursor: default !important;
}

.ui-state-hover a,
.ui-state-focus a {
  text-decoration: underline !important;
}

.ui-state-active.ui-state-focus a {
  text-decoration: none !important;
}

.ui-state-active a:hover {
  color: #000 !important;
}

.ui-state-active a:hover,
.ui-state-active a .text:hover {
  text-decoration: none !important;
  cursor: default;
}

ul.ui-tabs-nav {
  text-align: center;
}

#assetTabs ul.ui-tabs-nav {
  text-align: left;
}

.tabContent .boxText label,
.tabContent .section div > label {
}

ul.ui-tabs-nav li {
  float: none;
  display: inline-block;
  margin: 0 auto;
}

.ui-selectonemenu label.ui-selectonemenu-label {
  padding-right: 10px;
}

.ui-tabs {
  padding: 0;
  border: 0;
}

.ui-tabs .ui-tabs-nav {
  background: #e3e3e3;
  padding: 0.2em 0.2em 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.ui-tabs .ui-tabs-nav li {
  float: none !important;
}

.adminTabs .ui-tabs-nav {
  background: none;
}

.adminTabs .ui-tabs-nav li {
  background: 0;
  border: 0;
  width: auto !important;
}

.ui-tabs-top {
  border: 0;
}

.ui-dataview .ui-dataview-header,
.ui-dataview .ui-dataview-footer {
  display: none;
}
.ui-dataview-list .ui-dataview-content,
.ui-dataview .ui-dataview-content {
  border: 0;
}
.ui-paginator {
  background: none;
}
.ui-paginator.ui-paginator-bottom {
  border: 0;
}
.ui-datatable .ui-paginator.ui-paginator-bottom {
  border: 1px solid;
  border-top: 0;
  font-size: 1.2em !important;
  margin-bottom: 30px;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
  background: none;
  border: 0;
  box-shadow: none !important;
  width: auto;
}

.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
  height: 16px;
  top: 4px;
}

span.ui-treenode-label.ui-corner-all.ui-state-highlight {
  background: #e0e0e0;
}

span.ui-treenode-label.ui-corner-all.ui-state-highlight {
  background: #e9eaed;
  width: 100%;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #555 !important;
  font-weight: bold;
  padding: 3px;
  display: block;
}

/********** In-house Tabs ***********/

.baseTab {
  font-size: 1.1em;
  cursor: pointer;
  font-weight: normal;
  margin-right: 10px;
}

/* hack for Chrome, tabs 1px off */
.baseTab:not(*:root) {
  padding-bottom: 5px !important;
}

.activeTab {
  cursor: default;
  padding: 5px 15px;
  border-bottom: 6px solid #003e74;
  font-weight: bold;
}

.globalBkGrnd {
  width: auto;
  background: #d99c66;
}

/********************************************************************** MODAL STYLES ****************************************************************/
.modal-header {
  background: #5f3032 !important;
}

.modal-title {
  color: #fff !important;
}

.modal-footer {
  justify-content: center;
  width: 100%;
}

.modal-footer .btn {
  margin-right: 10px;
}
.modal-footer .btn:last-of-type {
  margin-right: 0;
}
/*
.ui-dialog-titlebar {
  border-bottom: 1px solid #e5e5e5 !important;
  min-height: 16.4286px !important;
  padding: 15px !important;
}

.ui-dialog .ui-dialog-title {
  margin: 0 !important;
  font-size: 1.2em !important;
}

.ui-dialog .ui-dialog-content {
  padding: 15px !important;
}

.ui-dialog {
  background-clip: padding-box !important;
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 6px !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
  outline: 0 none !important;
  position: relative !important;
  padding: 0 !important;
}
*/
/*
.ui-widget-content {
  background-color: #fff !important;
  color: #000 !important;
  font-size: 1em !important;
  line-height: 1.5 !important;
}
 */
.ui-draggable .ui-dialog-titlebar {
  background: #e9eaed;
}
.ui-dialog-title {
  width: 90%;
  text-align: center;
}
.ui-dialog-title h2 {
  padding-top: 10px;
  margin-bottom: 0;
}

#iBodyExternal,
#iBodyLocal {
  display: none;
}

/********************************************************************** HEALTHY GUIDANCE STYLES ****************************************************************/
.healthCoach.section {
  width: 100%;
  border: none !important;
}

.healthCoach.section .image {
  float: left;
  display: inline !important;
  margin-right: 25px;
  width: 25%;
}

.healthCoach.section .image img {
  width: 100%;
}

.healthCoach.section .text {
  float: left;
  display: block !important;
  clear: none;
  width: 70%;
}

.healthCoach.section .text ul {
  margin: 0;
}

.submitBtnCoachingDecision {
  float: left;
  margin-left: 50px;
}

/********************************************************************** FPP STYLES ****************************************************************/
.fppMontageImage,
.mbsLoginMontageImage {
  max-width: 600px;
  width: 100%;
}

.navpanel a,
.navpanel span,
.subpanel a.mainLink,
.subpanel span.mainLink {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}

.subpanel {
  width: 90%;
  float: right;
}

.subpanel a,
.subpanel span {
  font-size: 0.9em;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 7px;
  text-decoration: none;
  display: inline-block;
}

.subpanel a.fpoLinkActive:after {
  font-family: "Glyphicons Halflings";
  content: "\e079";
  color: #333;
  margin-left: 15px;
}

/********************************************************************** MBS STYLES ****************************************************************/
ul.mbsBullets li a {
  font-size: 1.2em;
}

/********************************************************************** AGC STYLES ****************************************************************/
.agcMain {
  float: left;
  width: 55%;
  margin-right: 5%;
  color: #555555;
}

.agcMain .com-welcome-container,
.agcMain .com-disclaimer-text {
  margin: 0 !important;
}

.agcMain label {
  color: #555;
  margin: 0;
  float: none;
  text-align: left;
  width: auto;
}
.agcMain .error .title {
  color: #555555;
}

.agcRight {
  float: left;
  width: 35%;
}

.agcCallout {
  margin: 10px 0;
  padding: 7px;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.agcRight strong {
  background-color: #f0f1f5;
  color: #003e74;
  display: block;
  font-size: 1.375em;
  font-weight: normal;
  letter-spacing: 0.03em;
  padding: 1px 5px;
}

.agcRight strong:not(:first-of-type) {
  margin-top: 30px;
}

.agcRight p {
  margin: 5px 10px 20px;
}

.agcContainer .arrowRight {
  font-weight: bold;
  margin-left: 30px;
}

.agcContainer h2 {
  margin-top: 0;
}

.agcLinks {
  margin: 15px 0 30px 0;
}

.fieldDescriptor {
  display: inline-block;
  font-size: 0.96em;
  margin: 5px 0 10px;
  color: #444;
}
.counselorContainer .counselorPanel {
  clear: both;
}

/********************************************************************** ICON STYLES ****************************************************************/
.pdf:before {
  font-family: "Glyphicons Halflings";
  content: "\e022";
  margin-right: 5px;
  color: #1c94c4;
}

.archiveIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e173";
  margin-right: 5px;
  color: #1c94c4;
}

*.rf-msg-err,
*.rf-msgs-err {
  background-image: none !important;
  padding-left: 0 !important;
}

*.rf-msg-err:before,
*.rf-msgs-err:before {
  font-family: "Glyphicons Halflings";
  content: "\e086";
  margin-right: 5px;
  color: #e50000;
  display: inline;
  float: left;
}

.articleIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e056";
  margin-right: 5px;
  color: #1c94c4;
}

.interactiveIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e127";
  margin-right: 5px;
  color: #1c94c4;
}

.calculatorIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e148";
  margin-right: 5px;
  color: #1c94c4;
}

.mobileAppIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e145";
  margin-right: 5px;
  color: #1c94c4;
}

.questionIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e085";
  margin-right: 5px;
  color: #1c94c4;
}

.webinarIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e218";
  margin-right: 5px;
  color: #1c94c4;
}

.evaluationIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e185";
  margin-right: 5px;
  color: #1c94c4;
}

.audioIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e035";
  margin-right: 5px;
  color: #1c94c4;
}

.videoIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e009";
  margin-right: 5px;
  color: #1c94c4;
}

.slideshowIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e060";
  margin-right: 5px;
  color: #1c94c4;
}

.newsIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e022";
  margin-right: 5px;
  color: #1c94c4;
}

.guideIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e024";
  margin-right: 5px;
  color: #1c94c4;
}

.arrowRight:before {
  font-family: "Glyphicons Halflings";
  content: "\e092";
  margin-right: 5px;
  color: #1c94c4;
}

.programsIcon {
  padding-left: 32px;
  background: transparent url("/groWeb/resources/images/icons/program.png")
    no-repeat 0 0;
  display: inline-block !important;
}

.estateGuidanceIcon {
  padding-left: 32px;
  background: transparent
    url("/groWeb/resources/images/icons/estateGuidance.gif") no-repeat 0 0;
  display: inline-block !important;
}

.lawyerIcon {
  padding-left: 32px;
  background: transparent url("/groWeb/resources/images/icons/lawyer.gif")
    no-repeat 0 0;
  display: inline-block !important;
}

.collegeIcon:before {
  font-family: "Glyphicons Halflings";
  content: "\e233";
  margin-right: 12px;
  color: #1c94c4;
  font-size: 20px;
  vertical-align: middle;
  line-height: 1;
}

.counselorIcon {
  padding-left: 32px;
  background: transparent url("/groWeb/resources/images/icons/counselor.gif")
    no-repeat 0 0;
  display: inline-block !important;
}

.elderCareIcon {
  padding-left: 32px;
  background: transparent url("/groWeb/resources/images/icons/elderCare.gif")
    no-repeat 0 0;
  display: inline-block !important;
}

.financialPlannerIcon {
  padding-left: 32px;
  background: transparent
    url("/groWeb/resources/images/icons/financialPlanner.gif") no-repeat 0 0;
  display: inline-block !important;
}

.seniorHousingIcon {
  padding-left: 32px;
  background: transparent
    url("/groWeb/resources/images/icons/seniorHousing.gif") no-repeat 0 0;
  display: inline-block !important;
}

.childCareIcon {
  padding-left: 32px;
  background: transparent url("/groWeb/resources/images/icons/childCare.gif")
    no-repeat 0 0;
  display: inline-block !important;
}

.financialPointIcon {
  padding-left: 32px;
  background: transparent url("/groWeb/resources/images/icons/fpo.bmp")
    no-repeat 0 0;
  display: inline-block !important;
}

.iconLinks {
  padding-top: 3px;
}

.iconLinks a {
  background-size: 22px auto;
}

/********************************************************************** TINYMCE STYLES ****************************************************************/

/********************************************************************** NON LOGGED-IN STYLES ****************************************************************/

@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("/groWeb/resources/css/fonts/slick.eot");
  src:
    url("/groWeb/resources/css/fonts/slick.eot?#iefix")
      format("embedded-opentype"),
    url("/groWeb/resources/css/fonts/slick.woff") format("woff"),
    url("/groWeb/resources/css/fonts/slick.ttf") format("truetype"),
    url("/groWeb/resources/css/fonts/slick.svg#slick") format("svg");
}

.slick-prev::before,
.slick-next::before {
  color: black;
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
}

.slick-prev {
  left: 10px;
}

[dir="rtl"] .slick-prev {
  right: 10px;
}

.slick-next {
  right: 10px;
}

[dir="rtl"] .slick-next {
  left: 10px;
}

.slick-prev,
.slick-next {
  z-index: 100;
}

.noLogin .articleContent {
  padding: 0 20px;
}

.bottomBar {
  height: 60vh;
  overflow-y: auto;
  padding: 0 20px;
  width: 98%;
}

.crisisImg {
  width: 250px;
  height: 166px;
  margin-bottom: 10px;
}

.noLogin #twoColumnMiddle {
  position: relative;
}

.noLogin .articleContent {
  display: none;
}

.noLogin .articleContent:first-of-type {
  display: block;
}

.crisisImg span {
  display: none;
}

.crisisImg span:first-of-type {
  display: block;
}

.noLogin .rf-trn {
  background-image: none !important;
  color: #555 !important;
  font-size: 14px !important;
  margin-bottom: 10px;
  padding: 4px 8px !important;
  white-space: normal !important;
  width: 100% !important;
}

.noLogin .rf-trn.active {
  line-height: 1.5;
}

.noLogin .rf-trn-ico,
.noLogin .rf-trn-hnd,
.noLogin .rf-trn-hnd-ldn-fct {
  width: 0 !important;
}

.noLogin #twoColumnLeft,
.noLogin .threeColumn.sidebar {
  width: 24% !important;
}

.noLogin #twoColumnMiddle {
  border-left: 0;
}

.noLogin nav ul#navMenu li > a,
.noLogin nav ul#actions li a,
.noLogin nav ul#navMenu li .clicker,
.noLogin nav ul.navMenu li .clicker {
  font-family: sans-serif !important;
}

.slick-slide .plain .content {
  margin: 0;
}

/*#oneColumn div.content {
    overflow: auto;
}*/

.topDisclaimer {
  font-size: 0.9em;
  margin: -20px 0 25px;
}

.inputNumberSpinner,
input[type="text"].rf-insp-inp {
  font-size: 14px !important;
  min-width: 100px !important;
}

*.rf-insp-dec,
*.rf-insp-inc,
*.rf-insp-dec-dis,
*.rf-insp-inc-dis {
  min-height: 18px !important;
  width: 100% !important;
}

*.rf-insp {
  border: 1px solid #ddd !important;
  vertical-align: text-bottom;
  padding-right: 0;
}

input.rf-insp-inp[type="text"] {
  background-image: none !important;
  display: inline-block;
}

*.rf-insp-btns {
  background-image: none !important;
  min-height: 34px !important;
  min-width: 25px !important;
  display: inline-block;
}

.smallInputText {
  min-width: 100px !important;
  width: 100px !important;
}

.emptyLabel {
  width: auto !important;
  padding-right: 30px;
  padding-left: 10px;
}

/* tooltip */
.helptip {
  color: #003e74;
  cursor: pointer;
  margin-right: 10px;
}

.helptip:hover,
.helptip:focus {
  text-decoration: none;
}

.helptip.disability {
  float: left;
}

.helptip:after {
  font-family: "Glyphicons Halflings";
  content: "\e085";
  margin-left: 5px;
}

.tooltip {
  z-index: 9999;
}

.tooltip-inner {
  max-width: 400px;
  text-align: left;
  padding: 6px 8px;
  font-size: 1.1em;
}

#custom-tooltip {
  display: none;
  margin-left: 40px;
  padding: 5px 12px;
  background-color: #000000df;
  border-radius: 4px;
  color: #fff;
}

.offScreen {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
#cookieConsent {
  background-color: #2d2d30;
  min-height: 26px;
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  padding: 8px 0 8px 30px;
  font-family: "Roboto", arial, sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 9999;
}

#cookieConsent a {
  color: #ff8300;
  text-decoration: none;
}

#cookieConsent a:hover {
  text-decoration: underline;
}

#closeCookieConsent {
  float: right;
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: -10px 0 0 0;
  font-size: 1.3em;
  color: #ccc;
}

#closeCookieConsent:hover {
  color: #fff;
}

#cookieConsent a.cookieConsentOK {
  background-color: #2a6fb5;
  color: #fff;
  display: inline-block;
  padding: 0 20px;
  cursor: pointer;
  float: right;
  margin: 0 60px 0 10px;
}

#cookieConsent a.cookieConsentOK:hover {
  background-color: #666;
}

/******************* Refresh styles ************************/

.refresh #mobileNav {
  background-color: #2754a4 !important;
}
.refresh nav #topNav {
  border: 0 !important;
}
.refresh header {
  background-color: #2754a4 !important;
}
.refresh .headerRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.refresh .headerRow img {
  max-width: none !important;
  max-height: none !important;
  display: flex !important;
}
.refresh .headLogoRight {
  background: url(/groWeb/resources/images/header_bg.png) left / 363px 85px
    no-repeat;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 540px;
  height: 85px;
  justify-content: flex-end;
}
.refresh .headLogoLeft img {
  max-width: 380px !important;
  width: 100% !important;
}
.refresh .headLogoRight img {
  max-width: 200px !important;
}

@media (max-width: 992px) {
  .refresh #mobileNav {
    background: transparent !important;
    border-bottom: 0;
    z-index: 9999;
  }
  .refresh .headLogoRight {
    background: none;
  }
  .refresh #banner {
    display: flex;
    overflow: hidden;
    margin: 0;
  }
  .refresh header {
    background: url(/groWeb/resources/images/header_gradient.png) bottom / 100%
      100%;
  }
  .refresh header nav {
    background-color: transparent;
  }
  .refresh header .container {
    padding: 0;
  }
  .refresh .headerRow {
    padding: 0 10px;
  }
  #mobileNav {
    padding-left: 15px;
  }
}
@media (max-width: 700px) {
  .refresh header #banner {
    max-height: none;
  }
}
@media (max-width: 675px) {
  .refresh .headLogoRight {
    display: none !important;
  }
}

/************************************************************PRINT STYLES ******************************************/

@media print {
  footer {
    display: none;
  }
}

/******Exclusive Content******/
a.exclusiveContent {
  color: green !important;
  font-weight: normal;
}

a.exclusiveContent:hover,
a.exclusiveContent:focus {
  text-decoration: none;
}

/************************************** Mobile special style *********************************************************/
.mobileAppTryAgain {
  font-size: 1em !important;
  border: 1px solid #ccc;
  margin: 8px 20px 8px 0;
  padding: 5px 9px;
  width: auto !important;
  background-color: #003e74 !important;
  color: #fff !important;
}

/******************** Work / Life *******************************/
.wi-topic-wrapper,
.wl-resource-wrapper-three,
.wl-resource-wrapper-four {
  margin-top: 38px;
}

.wl-topic-wrapper,
.wl-resource-wrapper-four {
  max-width: 900px;
}

.wl-resource-wrapper-three {
  max-width: 800px;
}

.wl-topic-wrapper,
.wl-resource-set {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 38px;
  max-width: 900px;
}

.btn-blue {
  background-color: #003e74;
  border: 1px solid #ffffff;
  outline-width: 0;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  padding: 12px 10px;
  text-decoration: none;
}

.btn-blue-chat {
  background-color: #003e74;
  border: 1px solid #ffffff;
  outline-width: 0;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 25px;
  text-decoration: none;
}

.btn-white-chat {
  background-color: #ffffff;
  border: 1px solid #003e74;
  outline-width: 0;
  color: #003e74;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 12px;
  text-decoration: none;
}

.btn-blue:before {
  content: "";
  color: transparent;
  position: absolute;
  top: 4px;
  bottom: 4px;
  border-radius: 4px;
  opacity: 0;
  transition: 200ms ease-out;
}

.btn-blue-chat:before {
  content: "";
  color: transparent;
  position: absolute;
  top: 4px;
  bottom: 4px;
  border-radius: 4px;
  opacity: 0;
  transition: 200ms ease-out;
}

.btn-white-chat:before {
  content: "";
  color: transparent;
  position: absolute;
  top: 4px;
  bottom: 4px;
  border-radius: 4px;
  opacity: 0;
  transition: 200ms ease-out;
}

.btn-blue:hover,
.btn-blue:focus {
  color: #ffffff;
  background-color: #0a67b8;
}

.btn-blue-chat:hover,
.btn-blue-chat:focus {
  color: #ffffff;
  background-color: #0a67b8;
}

.btn-white-chat:hover,
.btn-white-chat:focus {
  color: #0a67b8;
  background-color: #ffffff;
}

.wl-btn {
  min-width: 408px;
  border-radius: 7px;
  font-family: "Source Sans Pro", sans-serif;
  position: relative;
  transition: all 200ms ease-out;
  cursor: pointer;
  margin-top: 1.25em;
  margin-left: 1.25em;
}

.chat-btn {
  min-width: 108px;
  border-radius: 7px;
  font-family: "Source Sans Pro", sans-serif;
  position: relative;
  transition: all 200ms ease-out;
  cursor: pointer;
  margin-top: 3.25em;
  margin-left: 1.25em;
  margin-bottom: 1em;
}

.topBorderGray {
  border-top: 1px solid #c0c0c0;
}

.connectSet {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.connectBox {
  display: flex;
  justify-content: center;
  height: 200px;
  width: 200px;
  margin: 10px;
  padding: 10px 0;
  box-shadow: #ddd 0px 2px 6px 4px;
  border-radius: 5px;
}

.connectBoxLight {
  background-color: #f2f5f7;
  border: 1px solid #e7e7e7;
  color: #303030;
  font-family: "Source Sans Pro", sans-serif;
}

.tileContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  width: 100%;
  color: black;
}

.tileContent:hover {
  color: black;
  text-decoration: none !important;
}

.connectCareC2A {
  text-align: center;
  padding: 10px;
}

.connectWrap {
  max-width: 1100px;
}

.appointmentWrap {
  max-width: 900px;
}

.connectWrap,
.appointmentWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 38vh;
  margin-left: auto;
  margin-right: auto;
}

.programContent {
  margin: 25px 0 35px;
}

.connectIcon {
  width: 30%;
  text-align: center;
  margin: 20px 0;
  height: 70px;
}
.connectIcon img {
  width: 100%;
  vertical-align: text-top;
  min-width: 45px;
}
.connectC2A {
  text-align: center;
  height: 100px;
  padding: 10px;
}

.dkBlue {
  background-color: #0a246a;
  color: #ffffff;
}
.ltBlue {
  background-color: #9acfea;
  color: #000000;
}
.com-welcome-container {
  font-family: "Source Sans Pro", sans-serif;
  max-width: 41.625rem;
  margin: 3.125rem 2.25rem 0rem;
  text-align: center;
}
.com-welcome-title {
  color: #003e74;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.com-welcome-title h1 {
  font-size: 1em !important;
  font-family: "Source Sans Pro", sans-serif;
  color: #003e74 !important;
  font-weight: bold;
}
.com-welcome-text {
  color: #404040;
  font-weight: 400;
  font-size: 1.25rem;
}
.com-disclaimer-text {
  font-size: 0.75rem;
  color: #757575;
  letter-spacing: 0rem;
  font-style: italic;
  font-family: "Source Sans Pro", sans-serif;
  margin: 0rem 1.1875rem;
  padding: 0rem;
  text-align: left;
  margin-top: 50px;
}

.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  font-size: large;
}

/**START STEPPER**/

.stepper-container {
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e7e7e7;
}

.stepper-wrapper {
  max-width: 1100px;
  width: 100%;
  padding-bottom: 1rem;
}

.stepper-bar {
  position: relative;
  background-color: rgba(0, 62, 116, 0.11);
  height: 0.5rem;
  width: 100%;
  max-width: 60%;
  margin: 0 20%;
  overflow: visible;
}

.stepper-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.375rem;
  width: 0;
  background-color: #17ac67;
}

.stepper-bar.three-step.step-1::after,
.stepper-bar.four-step.step-1::after {
  width: 0;
}

.stepper-bar.three-step.step-2::after {
  width: 50%;
}

.stepper-bar.four-step.step-2::after {
  width: 33%;
}

.stepper-bar.four-step.step-3::after {
  width: 67%;
}

.stepper-bar.three-step.step-3::after,
.stepper-bar.four-step.step-4::after {
  width: 100%;
}

.stepper-bar .filled {
  background-color: #17ac67;
  border-color: #17ac67;
  cursor: pointer;
}

.stepper-bar .filled:focus {
  background-color: #17ac67;
}

.stepper-bar .filled:focus::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  border: 0.125rem solid #ffffff;
  overflow: hidden;
}

.stepper-bar .outlined {
  border-color: #17ac67;
}

.progress-circle {
  z-index: 2;
  position: absolute;
  top: -0.55rem;
  height: 1.5rem;
  width: 1.5rem;
  background-color: #ffffff;
  border-width: 0.125rem;
  border-style: solid;
  border-color: #ced5db;
  border-radius: 50%;
  cursor: default;
}

.progress-circle::after {
  position: absolute;
  top: 1.75rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.875rem;
}

.stepper-bar.three-step > .circle-1,
.stepper-bar.four-step > .circle-1 {
  left: 0;
}

.stepper-bar.three-step > .circle-1::after,
.stepper-bar.four-step > .circle-1::after {
  left: -3.25rem;
  content: attr(data-circle1);
  width: 8rem;
}

.stepper-bar.three-step > .circle-2 {
  left: calc(50% - 0.75rem);
}

.stepper-bar.three-step > .circle-2::after {
  left: calc(50% - 4rem);
  content: attr(data-circle2);
  width: 8rem;
}

.stepper-bar.four-step > .circle-2 {
  left: calc(33% - 0.75rem);
}

.stepper-bar.four-step > .circle-2::after {
  left: calc(33% - 4rem);
  content: attr(data-circle2);
  width: 8rem;
}

.stepper-bar.four-step > .circle-3 {
  left: calc(67% - 0.75rem);
}

.stepper-bar.four-step > .circle-3::after {
  left: calc(67% - 4rem);
  content: attr(data-circle3);
  width: 8rem;
}

.stepper-bar.three-step > .circle-3,
.stepper-bar.four-step > .circle-4 {
  left: calc(100% - 0.75rem);
}

.stepper-bar.three-step > .circle-3::after {
  right: -3.25rem;
  content: attr(data-circle3);
  width: 8rem;
}

.stepper-bar.four-step > .circle-4::after {
  right: -3.25rem;
  content: attr(data-circle4);
  width: 8rem;
}

.circle-1.outlined::after,
.circle-2.outlined::after,
.circle-3.outlined::after,
.circle-4.outlined::after {
  color: #003e74;
  font-weight: 700;
}

/**END STEPPER**/

.nav-btn-text {
  position: absolute;
  top: -9999px;
  overflow: hidden;
  display: none;
}
.connectBackLink {
  width: 100%;
  text-align: center;
  padding-top: 1em;
}
.connectBackLink a {
  color: #003e74;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.wl-modal-header {
  background-color: #ffffff !important;
}
.wl-modal-content {
  font-family: "Source Sans Pro", sans-serif;
}
.wl-phone-modal-close {
  background-color: #003e74;
  color: #ffffff;
  border-radius: 50%;
  overflow: visible;
  width: 2em;
  height: 2em;
  position: absolute;
  margin-top: -15px;
  margin-right: -28px;
  padding-left: 11px;
  padding-top: 5px;
}
.wl-phone-modal-close:hover,
.wl-phone-modal-close:focus {
  color: #ffffff;
  background-color: #0a67b8;
}
.iconRecommendedResource {
  content: url("/groWeb/icons/icon_SeeRecommendedResources.png");
}
.iconConnectCalendar {
  content: url("/groWeb/icons/icon_ConnectCalendar.png");
}
.iconChildElderCare {
  content: url("/groWeb/icons/icon_ChildCareElderCareIssues.png");
}
.iconChildCare {
  content: url("/groWeb/icons/icon_ChildCareSearch.png");
}
.iconDiscounts {
  content: url("/groWeb/icons/icon_Discounts.png");
}
.iconElderCare {
  content: url("/groWeb/icons/icon_ElderCareSearch.png");
}
.iconPersonalFinance {
  content: url("/groWeb/icons/icon_MoneyDebtPersonalFinance.png");
}
.iconConsumerMatters {
  content: url("/groWeb/icons/icon_HousingConsumerMatters.png");
}
.iconHealthCareNavigation {
  content: url("/groWeb/icons/icon_HealthCareNavigation.png");
}
.iconLegalIssues {
  content: url("/groWeb/icons/icon_LawLegalIssues.png");
}
.iconLawyerSearch {
  content: url("/groWeb/icons/icon_LawyerSearch.png");
}
.iconCollegeSearch {
  content: url("/groWeb/icons/icon_CollegeUniversitySearch.png");
}
.iconCreateFinancialPlan {
  content: url("/groWeb/icons/icon_CreateFinancialPlan.png");
}
.iconSearchFinancialPlanner {
  content: url("/groWeb/icons/icon_SearchFinancialPlanner.png");
}
.iconCall {
  content: url("/groWeb/icons/icon_headset.png");
}
.iconEmail {
  content: url("/groWeb/icons/icon_email.png");
}
.iconChat {
  content: url("/groWeb/icons/icon_Chat.png");
}
.iconWellthSource {
  content: url("/groWeb/icons/icon_WellthSource.png");
  width: 160px;
  height: auto;
  padding: 20px 0;
}
.iconEstateGuidance {
  content: url("/groWeb/icons/icon_EstateGuidance.png");
  width: 160px;
  height: auto;
  padding: 20px 0;
}

/********** Style Calender time Picker ************/
.rf-cal-sp-inp-cntr {
  padding: unset !important;
}
.rf-cal-sp-inp {
  min-width: 0px !important;
  border: 0 !important;
  padding: 0 0 0 3px !important;
  background: none transparent scroll repeat 0 0 !important;
  font-size: 11px !important;
  font-family: Arial, Verdana, sans-serif !important;
  width: 18px !important;
}
.rf-cal-sp-down,
.rf-cal-sp-up {
  width: 14px !important;
}
.rf-cal-time-btn {
  width: 45px !important;
}
.adminPage table.rf-cal-timepicker-cnt td {
  padding: 0 !important;
}

/********** RTL ************/

html[dir="rtl"] #menuLeft {
  float: right;
}
html[dir="rtl"] .rightMenu {
  float: left;
}
html[dir="rtl"] nav #topNav ul.submenu {
  margin-right: -214px;
}
html[dir="rtl"] .mainLogoCol {
  float: right;
}
html[dir="rtl"] {
  font-size: 1em !important;
}
html[dir="rtl"] .headMiddleCol {
  float: right;
}
html[dir="rtl"] #navSearchIcon {
  float: left !important;
}
html[dir="rtl"] .sidemenu-toggle {
  right: -5px;
  bottom: 5px;
  left: 0;
}
html[dir="rtl"] input[type="submit"],
html[dir="rtl"] button[type="submit"] {
  margin: 8px 0;
}

html[dir="rtl"] ul.loginList li::before {
  float: right;
}

html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] div,
html[dir="rtl"] span {
  text-align: right;
}

@media (max-width: 1000px) {
  html[dir="rtl"] .mainLogoCol {
    width: 70% !important;
  }
  html[dir="rtl"] .cpLogoCol {
    width: 30% !important;
  }
  html[dir="rtl"] .cpLogoWrap {
    float: right !important;
    padding: 0;
  }
}
@media (max-width: 768px) {
  html[dir="rtl"] .mainLogoCol {
    width: 68% !important;
  }
  html[dir="rtl"] .cpLogoCol {
    width: 32% !important;
    padding: 0;
  }
  #qrSection {
    display: none;
  }
  .work-life-carousel-wrapper {
    width: 75% !important;
  }
}

/********************************************************************** MEDIA QUERIES ****************************************************************/

@media (max-width: 1300px) {
  .certSummaryInput {
    min-width: 241px !important;
  }
}

@media (min-width: 1121px) {
  #twoColumnMiddle .topicList p strong a,
  #twoColumnMiddle .listItem strong a {
    margin: 5px;
  }

  #twoColumnMiddle .abstractText {
    padding-left: 10px;
  }

  #twoColumnMiddle .abstractText {
    font-size: 0.96em;
    line-height: 1.5;
  }
}

@media (min-width: 1301px) {
  #twoColumnMiddle .topicList p strong a,
  #twoColumnMiddle .listItem strong a {
    font-size: 1em;
    line-height: 1.5;
  }

  #twoColumnMiddle .abstractText {
    font-size: 1em;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1170px;
  }
}

@media (max-width: 1120px) {
  nav footer,
  #bodyContainer,
  .main {
    max-width: 100%;
  }

  nav ul#navMenu li > a,
  nav ul#actions li a,
  nav ul#navMenu li .clicker {
    font-size: 0.95em;
  }
  html[lang="ru"] nav ul#navMenu li > a,
  html[lang="ru"] nav ul#actions li a,
  html[lang="ru"] nav ul#navMenu li .clicker {
    font-size: 0.9em;
  }

  .articleContent {
    width: 100%;
  }

  #twoColumnLeft,
  .threeColumn.sidebar {
    width: 25% !important;
  }

  #twoColumnMiddle {
    width: 75%;
    padding-left: 15px;
  }

  #threeColumnLeft,
  #threeColumnRight {
    display: none;
  }

  .threeColumn.sidebar {
    display: block;
    padding-right: 15px !important;
    width: 25%;
    float: left;
  }

  #threeColumnMiddle {
    width: 75%;
    border-right: none;
  }

  #twoColumnMiddle .listItem {
    width: 48%;
  }

  #twoColumnMiddle #featuredResource {
    width: 100%;
  }

  .articleContent > #topBar {
    width: 100%;
    float: left;
    display: block;
    clear: both;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }

  .articleContent > #bottomBar {
    width: 100%;
    float: left;
    display: block;
    clear: both;
  }

  .articleContent > #topBar .articleTools {
    float: none;
    display: table;
    margin: 0 auto;
  }

  .articleContent > #topBar .articleTools .tool,
  .articleContent > #topBar .articleTools > form .tool {
    display: inline !important;
    float: left !important;
    margin: 0 10px 10px 0;
    padding: 3px 5px;
    width: auto;
    height: 30px;
  }

  .callbacks_container.loginPage {
    height: auto;
  }

  .siloImage img {
    width: 100%;
  }

  /*
    .ui-state-default,
    .ui-widget-content .ui-state-default {
        font-size: 0.95em !important;
    }
     */

  .ui-tabs .ui-tabs-nav li a {
    padding: 3px 10px !important;
  }

  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    font-size: 0.95em !important;
    padding: 3px 10px !important;
  }

  .smDataSet {
    width: 65%;
  }

  .archiveTopicList img {
    width: 73px;
  }

  .archiveTopicList span {
    width: 69%;
  }
  .certSummaryInput {
    min-width: 250px !important;
  }
}

@media (max-width: 992px) {
  header .container {
    width: unset !important;
  }

  #bodyContainer #content {
    margin-top: 150px;
  }

  .halfCol .topicList p {
    width: 47.5% !important;
  }
  .certSummaryInput {
    min-width: 250px !important;
  }

  #loginLeft {
    width: 80%;
    margin: 5% 10% 0 10%;
    text-align: center;
  }

  #loginRight {
    width: 60%;
    margin: 5% 20%;
    border: 1px solid #e5e5e5;
  }

  nav ul#navMenu li > a,
  nav ul#actions li a,
  nav ul#navMenu li .clicker {
    padding: 0 6px;
  }

  .siloImageText {
    top: -120px;
  }

  .archiveTopicList img {
    width: 68px;
  }

  .archiveTopicList span {
    width: 67%;
  }
  .certSummaryInput {
    min-width: 220px !important;
  }

  .wl-topic-wrapper {
    max-width: 660px;
  }

  nav footer,
  #bodyContainer,
  .main {
    width: 100%;
  }

  #awardSectionImages img {
    max-width: 80px;
  }

  span#tmpGroLogo {
    margin-top: 0 !important;
  }

  #twoColumnMiddle,
  #threeColumnMiddle,
  #oneColumn {
    float: left;
    width: 100%;
    padding-left: 5px;
    border: none;
  }

  .noLogin #twoColumnLeft,
  .noLogin .threeColumn.sidebar {
    width: auto !important;
  }

  nav #topNav ul,
  nav #bottomNav,
  nav #topNav,
  .sidebar,
  .threeColumn.sidebar {
    display: none;
  }

  #mobileNav {
    display: block !important;
  }
  .rightMenu {
    display: none;
  }

  .topText,
  .bottomText {
    padding: 0 7px;
  }

  #threeColumnMiddle .topicList p {
    width: 48%;
    margin-right: 10px;
  }

  .homeTopicList img {
    width: 53.5px;
    height: 47.5px;
  }

  .homeTopicList span {
    width: 72%;
  }

  .siloImageText {
    top: -150px;
  }

  .siloImgContainer {
    display: none;
  }

  /*
    .ui-state-default,
    .ui-widget-content .ui-state-default {
        font-size: 0.95em !important;
    }
     */

  .ui-tabs .ui-tabs-nav li a {
    padding: 0.5em 1.5em !important;
  }

  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    font-size: 0.95em !important;
    padding: 0.5em 1.5em !important;
  }

  .smallBox.cos .left,
  .smallBox.cos .right,
  #twoColumnMiddle .smallBox.cos .box,
  #threeColumnMiddle .smallBox.cos .box {
    width: 70% !important;
    float: left;
    margin: 0;
    display: inline;
    border: none;
  }

  #locationDetails,
  #mapDetails {
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }

  .smDataSet {
    width: 55%;
  }

  .archiveTopicList img {
    width: 85px;
  }

  .archiveTopicList span {
    width: 70%;
  }

  .lbcLeft,
  .lbcRight {
    width: 90%;
    margin: 0 5%;
    flex: none !important;
    max-width: unset;
  }

  .callbacks {
    width: 80%;
    margin: 0 auto;
  }
  .work-life-carousel-wrapper {
    width: 90% !important;
  }
}

@media (max-width: 810px) {
  .baseTab {
    padding-left: 9px;
    padding-right: 9px;
  }
}

@media (max-width: 768px) {
  #loginRight {
    width: 90%;
    margin: 5%;
  }

  #awardSection,
  #awardSectionImages,
  #slideshowLogin {
    display: none;
  }

  .siloImageText {
    top: -130px;
  }

  /*
    .ui-state-default,
    .ui-widget-content .ui-state-default {
        font-size: 0.9em !important;
  }

     */

  .ui-tabs .ui-tabs-nav li a {
    padding: 0.5em 1em !important;
  }

  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    font-size: 0.9em !important;
    padding: 0.5em 1em !important;
  }

  .agcMain {
    clear: float;
    width: 95%;
  }

  .agcRight {
    clear: float;
    width: 95%;
    margin: 30px 0;
  }

  .agcContainer input[type="submit"],
  .agcContainer button[type="submit"] {
    width: 95%;
  }

  label,
  .textAsLabel,
  .inlineFieldSet legend {
    text-align: left;
  }

  .helpText input,
  .helpText select,
  .helpText textarea {
    width: 100%;
  }

  .textOverlay#loginTextOverlay {
    top: 0;
  }

  .inline-box {
    width: 100%;
    clear: both;
  }

  .archiveTopicList img {
    width: 78px;
  }

  .archiveTopicList span {
    width: 69%;
  }
  btn {
    margin-left: 0;
  }
}

@media (min-width: 767px) {
  /*Re-Implement mobile stepper bar styles*/
}

@media (max-width: 750px) {
  #compsychLogo {
    display: none !important;
  }
}

@media (max-width: 700px) {
  header #banner {
    max-height: 85px;
  }

  #banner .col-xs-9 {
    width: 70%;
  }

  #banner .col-xs-3 {
    width: 30%;
  }

  .cpLogoWrap {
    float: left;
  }

  .mainLogoCol {
    max-width: 500px !important;
  }

  .cpTop {
    font-size: 32px !important;
  }

  .cpTop span {
    font-size: 26px !important;
  }

  .cpBottom {
    font-size: 10px !important;
  }

  .cpLogoCol {
    line-height: 18px !important;
    padding-left: 0;
    padding-right: 0;
  }

  .cpLogoWrap {
    width: 160px;
  }

  .cpLogoWrap,
  .badgeWrapper {
    height: 76px;
    padding: 5px 5px 5px 0;
  }

  .badgeWrapper {
    float: left;
    left: 10px;
    margin-left: 40%;
  }

  .forceSmallBox {
    display: block !important;
    width: 100% !important;
    float: left;
    clear: both !important;
  }

  #mapDetails {
    height: 300px;
  }

  .smDataSet {
    width: 70%;
  }

  .archiveTopicList img {
    width: 63px;
  }

  .archiveTopicList span {
    width: 67%;
  }
  .arrow {
    width: 20px !important;
    height: 20px !important;
  }
  .arrow--left {
    left: -25px;
    fill: "#fff";
  }

  .arrow--right {
    left: auto;
    right: -25px;
  }
}

@media (max-width: 680px) {
  .wl-topic-wrapper {
    max-width: 440px;
  }
}

@media (max-width: 580px) {
  #loginLeft h1 {
    font-size: 2em;
  }
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: unset !important;
  }
}

@media (max-width: 565px) {
  #homeSlideshowTop {
    margin: 0 auto;
  }

  .callbacks_container.homePage {
    min-height: 178px;
  }

  #homeSlideshowTop li {
    float: none !important;
  }

  .topicList p,
  .listItem {
    width: 100% !important;
    height: auto;
  }

  .bookBox,
  p.about,
  p.aboutLinks,
  img.searchProviderImage {
    display: none !important;
  }

  #flashVideo embed {
    min-height: 234px;
  }

  .smallBox .right .login {
    border: none !important;
    border-top: 1px solid #ccc;
    padding: 0 !important;
  }

  nav #topNav a.logoText {
    font-size: 1.2em;
    float: right;
    padding: 0;
    margin: 10px 0 0 0;
  }

  nav #topNav a.logoSubText {
    font-size: 0.85em;
    margin: 0;
  }

  header #banner {
    height: 65px;
  }

  header #banner img {
    height: auto;
    max-height: 70px;
    width: 100%;
    max-width: 405px;
    display: block;
    clear: both;
    float: left;
  }

  .mainLogoCol {
    width: 100% !important;
  }

  .cpLogoCol {
    display: none;
  }

  span#country {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    font-size: 16px !important;
    text-align: center;
  }

  #homeSlideshowTop {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 25px;
  }

  #homeSlideshowBottom,
  #connectBox {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin: 0;
  }

  .listItem.mbs.articles {
    width: 100%;
  }

  .homeTopicList span {
    width: 70%;
  }

  .box h2 {
    background-color: transparent;
    font-size: 1.2em;
  }

  .baseTab {
    font-size: 0.7em !important;
    padding-bottom: 4px;
  }

  /* hack for Chrome, tabs 1px off */
  .baseTab:not(*:root) {
    padding-bottom: 5px !important;
  }

  .baseTab a:hover,
  .baseTab a:focus {
    text-decoration: none !important;
  }

  .submitBtnCoachingDecision {
    float: none;
    margin-left: 0;
  }

  .forgotPassBtnBox {
    margin-left: 0;
  }

  input[type="submit"],
  button[type="submit"] {
    width: 100% !important;
  }

  *.rf-pp-cnt {
    color: #000 !important;
  }

  *.rf-pp-cntr {
    width: 100%;
    height: auto;
    top: 85px !important;
    left: 0 !important;
    border-radius: 0;
    z-index: 9999;
    background-color: #fff !important;
  }

  .siloImageText {
    top: -110px;
  }

  .healthCoach.section .image {
    width: 100%;
    display: block;
    margin: 0 auto;
    clear: both;
    margin-bottom: 20px;
  }

  .healthCoach.section .image img {
    display: block;
    margin: 0 auto;
  }

  .healthCoach.section .text {
    width: 100%;
  }

  .healthCoach.section .text ul {
    margin-left: 25px;
  }

  /*
    .ui-state-default,
    .ui-widget-content .ui-state-default {
        font-size: 1em !important;
    }

     */

  .ui-tabs .ui-tabs-nav li a,
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    padding: 0.5em 1.2em !important;
  }

  #mostViewedTabs ul li .text,
  #healthyGuidanceTabs ul li .text {
    display: none;
  }

  #mostViewedTabs ul,
  #healthyGuidanceTabs ul {
    margin-bottom: 20px;
  }

  #mostViewedTabs h3,
  #healthyGuidanceTabs h3 {
    display: block;
    text-align: center;
    margin: 30px 0;
  }

  .imageAndTextInline .imageContainer,
  .imageAndTextInline .textContainer {
    width: 100%;
    display: block;
    clear: both;
    margin: 0 auto;
    margin-bottom: 15px;
    overflow: hidden;
  }

  .imageAndTextInline .imageContainer img {
    margin: 0 auto;
    display: block;
    width: 100%;
  }

  .hideForMobile {
    display: none;
  }

  .smallBox .left,
  .smallBox .right,
  #twoColumnMiddle .smallBox .box,
  #threeColumnMiddle .smallBox .box,
  .smallBox.threeColumn .singleBox {
    width: 100% !important;
    float: left;
    margin: 0;
    display: block;
    border: none;
  }

  .smallBox.cos .left,
  .smallBox.cos .right,
  #twoColumnMiddle .smallBox.cos .box,
  #threeColumnMiddle .smallBox.cos .box {
    width: 100% !important;
  }

  .smallBox.threeColumn select[multiple] {
    width: 80%;
  }

  .listItem.program .imageContainer,
  .listItem.program .textContainer {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin-left: 0;
    padding-left: 0;
  }

  .listItem.program .imageContainer {
    padding: 10px 0;
  }

  .listItem.program .textContainer {
    margin: 20px 0;
  }

  .listItem.program .imageContainer img {
    display: block;
    margin: 0 auto;
  }

  #threeColumnMiddle h2,
  #twoColumnMiddle h2 {
    text-align: center;
  }

  label,
  #twoColumnMiddle span.oneColumn label,
  .textAsLabel,
  .inlineFieldSet legend {
    width: 100% !important;
    display: block;
    text-align: left;
    float: none !important;
  }

  .radio label {
    width: 80% !important;
  }

  .radioRating label {
    width: 100% !important;
  }

  .radio input {
    float: left !important;
  }

  .radioWide table {
    width: 100%;
  }

  span:empty {
    display: none !important;
  }

  .rf-insp-btns span:empty {
    display: block !important;
  }

  .rf-insp-btns {
    border-width: 1px 1px 1px 0;
    border-color: #c0c0c0;
    border-style: solid;
  }

  .alignLabelRight {
    text-align: left;
    margin: 0;
  }

  .form-inline .rf-au {
    width: 100% !important;
  }

  fieldset div {
    overflow: visible !important;
  }

  input,
  select,
  textarea,
  .form-control {
    clear: both;
    display: block;
    width: 100% !important;
    float: none !important;
  }
  table.igedSearchRadio input[type="radio"] {
    float: left !important;
  }

  .labelAfter input {
    display: inline-block;
    width: 90% !important;
  }

  .helpText {
    clear: both;
    float: left;
    width: 100% !important;
  }

  #bottomButtonBar {
    height: 90px;
    text-align: center;
  }

  #bottomButtonBar input {
    margin: 0;
    clear: both;
    display: block;
  }

  #bottomButtonBar .rf-msg,
  #bottomButtonBar .rf-msgs {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    text-align: center;
  }

  .localeDisplay.division {
    width: 100%;
  }

  img.searchProviderImage {
    float: none;
    display: block;
    clear: both;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .smDataSet,
  .mdDataSet {
    width: 95%;
  }

  #mobileNav input {
    min-width: 0;
  }

  .form-group .radioRight {
    width: 100% !important;
  }

  .halfCol .topicList p {
    width: 100% !important;
  }

  .archiveTopicList img {
    width: 88px;
  }

  .archiveTopicList span {
    width: 75%;
  }
}

@media (max-width: 460px) {
  .archiveTopicList img {
    width: 78px;
  }

  .archiveTopicList span {
    width: 72%;
  }
  .blueBtns {
    width: 90%;
  }
  .wl-btn {
    min-width: 100%;
    margin-left: 0;
    font-size: 1em;
  }
  .chat-btn {
    min-width: 100%;
    margin-left: 0;
    font-size: 1em;
  }
  .wl-topic-wrapper {
    max-width: 220px;
  }

  #loginLeft h1 {
    font-size: 1.8em;
  }
  .arrow {
    width: 20px !important;
    height: 20px !important;
  }
  .arrow--left {
    left: -15px;
    fill: "#fff";
  }

  .arrow--right {
    left: auto;
    right: -20px;
  }
}

@media (max-width: 405px) {
  #twoColumnMiddle #featuredResource img {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .siloImageText {
    top: -90px;
  }

  .ui-tabs .ui-tabs-nav li a,
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    padding: 0.5em 0.8em !important;
  }

  .smDataSet {
    width: 100%;
  }

  #flashVideo embed {
    min-height: 180px;
  }

  .providerDetailsTable td:first-of-type {
    white-space: normal;
  }

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="submit"],
  button[type="submit"],
  textarea {
    min-width: auto;
  }

  #bodyContainer #content {
    margin-top: 115px;
  }

  .archiveTopicList img {
    width: 65px;
  }

  .archiveTopicList span {
    width: 69%;
  }
}

@media (max-width: 365px) {
  .baseTab {
    font-size: 0.6em !important;
    padding-left: 8px;
    padding-right: 8px;
  }

  .baseTab:not(*:root) {
    font-size: 0.6em !important;
    padding-left: 8px;
    padding-right: 8px;
  }

  .loginHelp {
    font-size: 0.9em !important;
  }
}

.carousel-slide {
  padding: 0 12px;
  display: block;
  cursor: pointer;
}
.carousel-short-title {
  display: block;
}
.keen-slider {
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  align-items: center;
}
.keen-slider__slide {
  min-height: 185px !important;
  padding: 10px 10px 0;
}
.keen-slider__slide.active h4,
.keen-slider__slide.active p,
.oneSlide .keen-slider__slide h4,
.oneSlide .keen-slider__slide p {
  font-size: 1.1em !important;
  margin-top: 0;
}
.carousel-displayValue button {
  background: none;
  border: none;
  text-transform: uppercase;
}
#carouselContent {
  position: relative;
  min-height: 155px !important;
  direction: ltr;
}
.carousel-navigation-wrapper {
  position: relative;
}
.work-life-carousel-wrapper {
  width: 100%;
  max-width: 851px;
}
.work-life-slide {
  min-height: 130px !important;
  border-radius: 0.25rem;
  background-color: #f7f7f7;
  border: unset;
}
.work-life-slide-title {
  color: #003e74;
  font-weight: bold;
}
.work-life-slide-text {
  font-size: 0.9em;
}
.displayIcon.connectIcon {
  display: inline !important;
}

.language-button {
  width: 100px;
  margin: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.button-grid .ui-button {
  background: #003e74 !important;
  color: white;
  margin: 2px !important;
}

.button-grid .ui-button.ui-state-active {
  background-color: #517aa6 !important;
}

.adminFieldSet {
  border: groove !important;
  width: 80% !important;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
  width: auto !important;
}

input[type="submit"].language-button-existing {
  background-color: #517aa6 !important;
}

.language-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

/*********  Fixes for changes to Bootstrap version ***********/

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.previewHeader {
  background: radial-gradient(
    circle at center top,
    rgba(62, 108, 179, 1) 0%,
    rgba(36, 55, 102, 1) 100%
  );
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  padding: 20px;
}

.previewHeader .leftBorder {
  border-left: 2px solid;
}

.previewHeader .grText {
  color: #fff;
  font-size: 1.4em;
  font-weight: 700;
  padding-left: 15px;
}

.previewHeader .logo {
  max-width: 135px;
  margin-right: 15px;
}

.previewHeader .logo img {
  width: 100%;
}

/*********  Custom Registration Content Box Styles ***********/
.customRegistrationHeader {
  justify-items: center;
  text-align: center;
}

#customRegistrationContent {
  text-align: center;
  justify-items: center;
}

#customRegistrationContent > .customRegistrationButton {
  width: 100%;
  margin: 20px 0;
  background: linear-gradient(
    to bottom,
    rgba(78, 144, 213, 1) 0%,
    rgba(36, 63, 148, 1) 100%
  );
  color: #fff;
  border-radius: 10px;
  border: none;
  padding: 10px 20px;
  font-size: 1.3em;
  font-weight: 300;
  cursor: pointer;
  text-decoration: none !important;
}

#customRegistrationContent > .customRegistrationButton:hover {
  background: linear-gradient(
    to bottom,
    rgba(89, 166, 250, 1) 0%,
    rgba(37, 66, 151, 1) 100%
  );
}