/* Minification failed. Returning unminified contents.
(2307,1): run-time error CSS1031: Expected selector, found '@charset'
(2307,1): run-time error CSS1025: Expected comma or open brace, found '@charset'
(20258,1): run-time error CSS1019: Unexpected token, found '}'
(20264,1): run-time error CSS1019: Unexpected token, found '}'
 */
@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Lato-regular/Lato-regular.eot');
  src: url('../fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'),
       local('Lato Regular'),
       local('Lato-regular'),
       url('../fonts/Lato-regular/Lato-regular.woff2') format('woff2'),
       url('../fonts/Lato-regular/Lato-regular.woff') format('woff'),
       url('../fonts/Lato-regular/Lato-regular.ttf') format('truetype'),
       url('../fonts/Lato-regular/Lato-regular.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Lato-700/Lato-700.eot');
  src: url('../fonts/Lato-700/Lato-700.eot?#iefix') format('embedded-opentype'),
       local('Lato Bold'),
       local('Lato-700'),
       url('../fonts/Lato-700/Lato-700.woff2') format('woff2'),
       url('../fonts/Lato-700/Lato-700.woff') format('woff'),
       url('../fonts/Lato-700/Lato-700.ttf') format('truetype'),
       url('../fonts/Lato-700/Lato-700.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: italic;
  src: url('../fonts/Lato-italic/Lato-italic.eot');
  src: url('../fonts/Lato-italic/Lato-italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Italic'),
       local('Lato-italic'),
       url('../fonts/Lato-italic/Lato-italic.woff2') format('woff2'),
       url('../fonts/Lato-italic/Lato-italic.woff') format('woff'),
       url('../fonts/Lato-italic/Lato-italic.ttf') format('truetype'),
       url('../fonts/Lato-italic/Lato-italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: italic;
  src: url('../fonts/Lato-700italic/Lato-700italic.eot');
  src: url('../fonts/Lato-700italic/Lato-700italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Bold Italic'),
       local('Lato-700italic'),
       url('../fonts/Lato-700italic/Lato-700italic.woff2') format('woff2'),
       url('../fonts/Lato-700italic/Lato-700italic.woff') format('woff'),
       url('../fonts/Lato-700italic/Lato-700italic.ttf') format('truetype'),
       url('../fonts/Lato-700italic/Lato-700italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.eot');
  src: url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.eot?#iefix') format('embedded-opentype'),
       local('Roboto Condensed'),
       local('Roboto-Condensed-regular'),
       url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.woff2') format('woff2'),
       url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.woff') format('woff'),
       url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.ttf') format('truetype'),
       url('../fonts/Roboto-Condensed-regular/Roboto-Condensed-regular.svg#RobotoCondensed') format('svg');
}


/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}



/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}


sup {
    top: -0.5em;
}


sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        /* 2 */
        box-sizing: content-box;
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */

textarea {
    overflow: auto;
    max-width: 100%;
    min-width: 100%;
    height: 150px;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


td,
th {
    padding: 0;
}

All.css

@charset "UTF-8";
/*
 * SMACSS + SCSS starter v2.0
 * Inspired by SMACSS http://smacss.com
 * Author: @jonathanpath
 * Date: 11 July 2013
 *
 * https://github.com/jonathanpath/SASS-SMACSS
 * See file structure in http://jonathanpath.com/sass+smacss/scss/style.scss
 * Sass Structure inspired by : https://github.com/sutter/POPY-starter-HTML-SCSS
 *
 * Coding rules : https://github.com/necolas/idiomatic-css
 *
 */
/* Compass */
/* Slider */
@font-face {
    font-family: 'Proxima Nova';
    src: url('../Fonts/ProximaNova/ProximaNova-Reg.ttf') format('truetype'), url('../Fonts/ProximaNova/ProximaNova-Reg.otf') format('opentype'), url('../Fonts/ProximaNova/ProximaNova-Regular.eot'), url('../Fonts/ProximaNova/ProximaNova-Regular.eot'),format('embedded-opentype'), url('../Fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'), url('../Fonts/ProximaNova/ProximaNova-Regular.woff2') format('woff2'), url('../Fonts/ProximaNova/ProximaNova-Regular.svg') format('svg');
}



.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }


.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}


.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}


.slick-arrow.slick-hidden {
    display: none;
}

/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none;
}


.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}


.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}


.ui-helper-clearfix:after {
    clear: both;
}


.ui-helper-clearfix {
    min-height: 0;
}


.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


.ui-front {
    z-index: 100;
}


.ui-state-disabled {
    cursor: default !important;
}


.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%;
}


.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}


    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em;
    }


.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}


.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}


.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}


.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}


    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }


.ui-button-icon-only {
    width: 2.2em;
}


button.ui-button-icon-only {
    width: 2.4em;
}


.ui-button-icons-only {
    width: 3.4em;
}


button.ui-button-icons-only {
    width: 3.7em;
}


.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}


.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}


.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}


.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}


.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}


.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}


input.ui-button {
    padding: .4em 1em;
}


.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}


.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}


.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}


.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}


.ui-buttonset {
    margin-right: 7px;
}


    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }


input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}


    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }


    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }


    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }


    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }


    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }


    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }


    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }


    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }


    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }


        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }


    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }


    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }


    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }


    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }


        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }


    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }


        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }


            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }


    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }


.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}


    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }


.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}


.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}


.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}


.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}


.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}


.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}


.ui-datepicker-rtl {
    direction: rtl;
}


    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }


    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }


    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }


    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }


    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }


        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }


            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }


    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }


.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}


    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }


    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }


    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }


    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }


        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }


        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }


    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }


.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}


.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}


.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}


    .ui-menu .ui-menu {
        position: absolute;
    }


    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }


    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }


    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: -1px;
    }


.ui-menu-icons {
    position: relative;
}


    .ui-menu-icons .ui-menu-item {
        padding-left: 2em;
    }


.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}


.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}


.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}


    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }


    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25;
    }


.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}


.ui-resizable {
    position: relative;
}


.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}


.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}


.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}


.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}


.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}


.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}


.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}


.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}


.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}


.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}


.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}


.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}


.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}


    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }


        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }


.ui-selectmenu-open {
    display: block;
}


.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}


    .ui-selectmenu-button span.ui-icon {
        right: 0.5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%;
    }


    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: 0.4em 2.1em 0.4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


.ui-slider {
    position: relative;
    text-align: left;
}


    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }


    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }


    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }


.ui-slider-horizontal {
    height: .8em;
}


    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }


    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }


    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }


    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }


.ui-slider-vertical {
    width: .8em;
    height: 100px;
}


    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }


    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }


    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }


    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }


.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}


.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}


.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}


.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}


.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}


.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}


.ui-spinner-up {
    top: 0;
}


.ui-spinner-down {
    bottom: 0;
}


.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}


.ui-tabs {
    position: relative;
    padding: .2em;
}


    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }


        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }


        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }


        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }


            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }


.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}


.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}


.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}


body .ui-tooltip {
    border-width: 2px;
}


.ui-widget {
    /*font-family: Helvetica,Arial,sans-serif;*/
    font-size: 0.8em;
}


    .ui-widget .ui-widget {
        font-size: 0.8em;
    }


    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: "Helvetica","Arial",sans-serif;
        font-size: 0.8em;
    }


.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
    color: #444;
}


    .ui-widget-content a {
        color: #444;
    }


.ui-widget-header {
    border: 1px solid #ddd;
    background: #ddd url("images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;
    color: #444;
    font-weight: bold;
}


    .ui-widget-header a {
        color: #444;
    }


    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #ddd;
        background: #f6f6f6 url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #0073ea;
    }


        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #0073ea;
            text-decoration: none;
        }


    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #0073ea;
        background: #0073ea url("images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #fff;
    }


        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
            color: #fff;
            text-decoration: none;
        }


    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        /* border: 1px solid #ddd; 
            font-weight: bold;
            color: #ff0084;*/
        background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    }


        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #ff0084;
            text-decoration: none;
        }


    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #ccc;
        background: #fff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
        color: #444;
    }


        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #444;
        }


    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #ff0084;
        background: #fff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
        color: #222;
    }


        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #222;
        }


    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #222;
    }


    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }


    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }


    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }


        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35);
        }


.ui-icon {
    width: 16px;
    height: 16px;
}


.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_ff0084_256x240.png");
}


.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_0073ea_256x240.png");
}


.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_666666_256x240.png");
}


.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}


.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}


.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_0073ea_256x240.png");
}


.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ff0084_256x240.png");
}


.ui-icon-blank {
    background-position: 16px 16px;
}


.ui-icon-carat-1-n {
    background-position: 0 0;
}


.ui-icon-carat-1-ne {
    background-position: -16px 0;
}


.ui-icon-carat-1-e {
    background-position: -32px 0;
}


.ui-icon-carat-1-se {
    background-position: -48px 0;
}


.ui-icon-carat-1-s {
    background-position: -64px 0;
}


.ui-icon-carat-1-sw {
    background-position: -80px 0;
}


.ui-icon-carat-1-w {
    background-position: -96px 0;
}


.ui-icon-carat-1-nw {
    background-position: -112px 0;
}


.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}


.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}


.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}


.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}


.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}


.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}


.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}


.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}


.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}


.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}


.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}


.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}


.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}


.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}


.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}


.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}


.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}


.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}


.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}


.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}


.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}


.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}


.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}


.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}


.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}


.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}


.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}


.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}


.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}


.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}


.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}


.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}


.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}


.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}


.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}


.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}


.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}


.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}


.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}


.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}


.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}


.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}


.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}


.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}


.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}


.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}


.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}


.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}


.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}


.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}


.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}


.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}


.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}


.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}


.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}


.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}


.ui-icon-arrow-4 {
    background-position: 0 -80px;
}


.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}


.ui-icon-extlink {
    background-position: -32px -80px;
}


.ui-icon-newwin {
    background-position: -48px -80px;
}


.ui-icon-refresh {
    background-position: -64px -80px;
}


.ui-icon-shuffle {
    background-position: -80px -80px;
}


.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}


.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}


.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}


.ui-icon-folder-open {
    background-position: -16px -96px;
}


.ui-icon-document {
    background-position: -32px -96px;
}


.ui-icon-document-b {
    background-position: -48px -96px;
}


.ui-icon-note {
    background-position: -64px -96px;
}


.ui-icon-mail-closed {
    background-position: -80px -96px;
}


.ui-icon-mail-open {
    background-position: -96px -96px;
}


.ui-icon-suitcase {
    background-position: -112px -96px;
}


.ui-icon-comment {
    background-position: -128px -96px;
}


.ui-icon-person {
    background-position: -144px -96px;
}


.ui-icon-print {
    background-position: -160px -96px;
}


.ui-icon-trash {
    background-position: -176px -96px;
}


.ui-icon-locked {
    background-position: -192px -96px;
}


.ui-icon-unlocked {
    background-position: -208px -96px;
}


.ui-icon-bookmark {
    background-position: -224px -96px;
}


.ui-icon-tag {
    background-position: -240px -96px;
}


.ui-icon-home {
    background-position: 0 -112px;
}


.ui-icon-flag {
    background-position: -16px -112px;
}


.ui-icon-calendar {
    background-position: -32px -112px;
}


.ui-icon-cart {
    background-position: -48px -112px;
}


.ui-icon-pencil {
    background-position: -64px -112px;
}


.ui-icon-clock {
    background-position: -80px -112px;
}


.ui-icon-disk {
    background-position: -96px -112px;
}


.ui-icon-calculator {
    background-position: -112px -112px;
}


.ui-icon-zoomin {
    background-position: -128px -112px;
}


.ui-icon-zoomout {
    background-position: -144px -112px;
}


.ui-icon-search {
    background-position: -160px -112px;
}


.ui-icon-wrench {
    background-position: -176px -112px;
}


.ui-icon-gear {
    background-position: -192px -112px;
}


.ui-icon-heart {
    background-position: -208px -112px;
}


.ui-icon-star {
    background-position: -224px -112px;
}


.ui-icon-link {
    background-position: -240px -112px;
}


.ui-icon-cancel {
    background-position: 0 -128px;
}


.ui-icon-plus {
    background-position: -16px -128px;
}


.ui-icon-plusthick {
    background-position: -32px -128px;
}


.ui-icon-minus {
    background-position: -48px -128px;
}


.ui-icon-minusthick {
    background-position: -64px -128px;
}


.ui-icon-close {
    background-position: -80px -128px;
}


.ui-icon-closethick {
    background-position: -96px -128px;
}


.ui-icon-key {
    background-position: -112px -128px;
}


.ui-icon-lightbulb {
    background-position: -128px -128px;
}


.ui-icon-scissors {
    background-position: -144px -128px;
}


.ui-icon-clipboard {
    background-position: -160px -128px;
}


.ui-icon-copy {
    background-position: -176px -128px;
}


.ui-icon-contact {
    background-position: -192px -128px;
}


.ui-icon-image {
    background-position: -208px -128px;
}


.ui-icon-video {
    background-position: -224px -128px;
}


.ui-icon-script {
    background-position: -240px -128px;
}


.ui-icon-alert {
    background-position: 0 -144px;
}


.ui-icon-info {
    background-position: -16px -144px;
}


.ui-icon-notice {
    background-position: -32px -144px;
}


.ui-icon-help {
    background-position: -48px -144px;
}


.ui-icon-check {
    background-position: -64px -144px;
}


.ui-icon-bullet {
    background-position: -80px -144px;
}


.ui-icon-radio-on {
    background-position: -96px -144px;
}


.ui-icon-radio-off {
    background-position: -112px -144px;
}


.ui-icon-pin-w {
    background-position: -128px -144px;
}


.ui-icon-pin-s {
    background-position: -144px -144px;
}


.ui-icon-play {
    background-position: 0 -160px;
}


.ui-icon-pause {
    background-position: -16px -160px;
}


.ui-icon-seek-next {
    background-position: -32px -160px;
}


.ui-icon-seek-prev {
    background-position: -48px -160px;
}


.ui-icon-seek-end {
    background-position: -64px -160px;
}


.ui-icon-seek-start {
    background-position: -80px -160px;
}


.ui-icon-seek-first {
    background-position: -80px -160px;
}


.ui-icon-stop {
    background-position: -96px -160px;
}


.ui-icon-eject {
    background-position: -112px -160px;
}


.ui-icon-volume-off {
    background-position: -128px -160px;
}


.ui-icon-volume-on {
    background-position: -144px -160px;
}


.ui-icon-power {
    background-position: 0 -176px;
}


.ui-icon-signal-diag {
    background-position: -16px -176px;
}


.ui-icon-signal {
    background-position: -32px -176px;
}


.ui-icon-battery-0 {
    background-position: -48px -176px;
}


.ui-icon-battery-1 {
    background-position: -64px -176px;
}


.ui-icon-battery-2 {
    background-position: -80px -176px;
}


.ui-icon-battery-3 {
    background-position: -96px -176px;
}


.ui-icon-circle-plus {
    background-position: 0 -192px;
}


.ui-icon-circle-minus {
    background-position: -16px -192px;
}


.ui-icon-circle-close {
    background-position: -32px -192px;
}


.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}


.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}


.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}


.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}


.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}


.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}


.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}


.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}


.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}


.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}


.ui-icon-circle-check {
    background-position: -208px -192px;
}


.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}


.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}


.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}


.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}


.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}


.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}


.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}


.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}


.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}


.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}


.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}


.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 2px;
}


.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 2px;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 2px;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 2px;
}


.ui-widget-overlay {
    background: #eee url("images/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;
    opacity: .8;
    filter: Alpha(Opacity=80);
}


.ui-widget-shadow {
    margin: -4px 0 0 -4px;
    padding: 4px;
    background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .6;
    filter: Alpha(Opacity=60);
    border-radius: 0;
}


.ui-widget-content {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_flat_75_ffffff_40x100.png");
}


.ui-widget-header {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_highlight-soft_50_dddddd_1x100.png");
}


    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png");
    }


    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_highlight-soft_25_0073ea_1x100.png");
    }


    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_glass_65_ffffff_1x400.png");
    }

    /* Interaction Cues
----------------------------------*/

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_flat_55_ffffff_40x100.png");
    }


    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_flat_55_ffffff_40x100.png");
    }


.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-icons_ff0084_256x240.png");
}


.ui-widget-header .ui-icon {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-icons_0073ea_256x240.png");
}


.ui-state-default .ui-icon {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-icons_666666_256x240.png");
}


.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-icons_ffffff_256x240.png");
}


.ui-state-active .ui-icon {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-icons_454545_256x240.png");
}


.ui-state-highlight .ui-icon {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-icons_0073ea_256x240.png");
}


.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-icons_ff0084_256x240.png");
}

/* Overlays */

.ui-widget-overlay {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_flat_0_eeeeee_40x100.png");
}


.ui-widget-shadow {
    background-image: url("/images/lib/jquery-ui/themes/flick/images/ui-bg_flat_0_aaaaaa_40x100.png");
}

.SumoSelect p {
    margin: 0;
}

.SumoSelect {
    width: 200px;
}

.SelectBox {
    padding: 5px 8px;
}

.sumoStopScroll {
    overflow: hidden;
}

/* Filtering style */
.SumoSelect .hidden {
    display: none;
}

.SumoSelect .search-txt {
    display: none;
    outline: none;
}

.SumoSelect .no-match {
    display: none;
    padding: 6px;
}

.SumoSelect.open .search-txt {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 8px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
    visibility: hidden;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass, .SumoUnder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.SelectClass {
    z-index: 1;
}

.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.SumoSelect {
    display: inline-block;
    position: relative;
    outline: none;
}

    .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {
        box-shadow: 0 0 2px #7799D0;
        border-color: #7799D0;
    }

    .SumoSelect > .CaptionCont {
        position: relative;
        border: 1px solid #A4A4A4;
        min-height: 14px;
        background-color: #fff;
        border-radius: 2px;
        margin: 0;
    }

        .SumoSelect > .CaptionCont > span {
            display: block;
            padding-right: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            cursor: default;
        }
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder {
                color: #ccc;
                font-style: italic;
            }

        .SumoSelect > .CaptionCont > label {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 30px;
        }

            .SumoSelect > .CaptionCont > label > i {
                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
                background-position: center center;
                width: 16px;
                height: 16px;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                background-repeat: no-repeat;
                opacity: 0.8;
            }

    .SumoSelect > .optWrapper {
        display: none;
        z-index: 1000;
        top: 30px;
        width: 100%;
        position: absolute;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
        border-radius: 3px;
        overflow: hidden;
    }

    .SumoSelect.open > .optWrapper {
        top: 35px;
        display: block;
    }

        .SumoSelect.open > .optWrapper.up {
            top: auto;
            bottom: 100%;
            margin-bottom: 5px;
        }

    .SumoSelect > .optWrapper ul {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        overflow: auto;
    }

    .SumoSelect > .optWrapper > .options {
        border-radius: 2px;
        position: relative;
        /*Set the height of pop up here (only for desktop mode)*/
        max-height: 250px;
        /*height*/
    }

    .SumoSelect > .optWrapper.okCancelInMulti > .options {
        border-radius: 2px 2px 0 0;
    }

    .SumoSelect > .optWrapper.selall > .options {
        border-radius: 0 0 2px 2px;
    }

    .SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
        border-radius: 0;
    }

    .SumoSelect > .optWrapper > .options li.group.disabled > label {
        opacity: 0.5;
    }

    .SumoSelect > .optWrapper > .options li ul li.opt {
        padding-left: 22px;
    }

    .SumoSelect > .optWrapper.multiple > .options li ul li.opt {
        padding-left: 50px;
    }

    .SumoSelect > .optWrapper.isFloating > .options {
        max-height: 100%;
        box-shadow: 0 0 100px #595959;
    }

    .SumoSelect > .optWrapper > .options li.opt {
        padding: 6px 6px;
        position: relative;
        border-bottom: 1px solid #f5f5f5;
    }

    .SumoSelect > .optWrapper > .options > li.opt:first-child {
        border-radius: 2px 2px 0 0;
    }

    .SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
        border-radius: 0;
    }

    .SumoSelect > .optWrapper > .options > li.opt:last-child {
        border-radius: 0 0 2px 2px;
        border-bottom: none;
    }

    .SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
        border-radius: 0;
    }

    .SumoSelect > .optWrapper > .options li.opt:hover {
        background-color: #E4E4E4;
    }

    .SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel {
        background-color: #a1c0e4;
    }

    .SumoSelect > .optWrapper > .options li label {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        cursor: pointer;
    }

    .SumoSelect > .optWrapper > .options li span {
        display: none;
    }

    .SumoSelect > .optWrapper > .options li.group > label {
        cursor: default;
        padding: 8px 6px;
        font-weight: bold;
    }

    /*Floating styles*/
    .SumoSelect > .optWrapper.isFloating {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 90%;
        bottom: 0;
        margin: auto;
        max-height: 90%;
    }

    /*disabled state*/
    .SumoSelect > .optWrapper > .options li.opt.disabled {
        background-color: inherit;
        pointer-events: none;
    }

        .SumoSelect > .optWrapper > .options li.opt.disabled * {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
            filter: alpha(opacity=50); /* Netscape */
            -moz-opacity: 0.5; /* Safari 1.x */
            -khtml-opacity: 0.5; /* Good browsers */
            opacity: 0.5;
        }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options li.opt {
        padding-left: 35px;
        cursor: pointer;
    }

        .SumoSelect > .optWrapper.multiple > .options li.opt span,
        .SumoSelect .select-all > span {
            position: absolute;
            display: block;
            width: 30px;
            top: 0;
            bottom: 0;
            margin-left: -35px;
        }

            .SumoSelect > .optWrapper.multiple > .options li.opt span i,
            .SumoSelect .select-all > span i {
                position: absolute;
                margin: auto;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                width: 14px;
                height: 14px;
                border: 1px solid #AEAEAE;
                border-radius: 2px;
                box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
                background-color: #fff;
            }

    .SumoSelect > .optWrapper > .MultiControls {
        display: none;
        border-top: 1px solid #ddd;
        background-color: #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
        border-radius: 0 0 3px 3px;
    }

    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
        display: block;
        margin-top: 5px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
        display: block;
    }

        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
            padding: 6px;
        }

            .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
                box-shadow: 0 0 2px #a1c0e4;
                border-color: #a1c0e4;
                outline: none;
                background-color: #a1c0e4;
            }

    .SumoSelect > .optWrapper.multiple > .MultiControls > p {
        display: inline-block;
        cursor: pointer;
        padding: 12px;
        width: 50%;
        box-sizing: border-box;
        text-align: center;
    }

        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
            background-color: #f1f1f1;
        }

        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
            border-right: 1px solid #DBDBDB;
            border-radius: 0 0 0 3px;
        }

        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
            border-radius: 0 0 3px 0;
        }
    /*styling for select on popup mode*/
    .SumoSelect > .optWrapper.isFloating > .options li.opt {
        padding: 12px 6px;
    }

    /*styling for only multiple select on popup mode*/
    .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
        padding-left: 35px;
    }

    .SumoSelect > .optWrapper.multiple.isFloating {
        padding-bottom: 43px;
    }

    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect .select-all.partial > span i {
        background-color: rgb(17, 169, 17);
        box-shadow: none;
        border-color: transparent;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        background-position: center center;
    }
    /*disabled state*/
    .SumoSelect.disabled {
        opacity: 0.7;
        cursor: not-allowed;
    }

        .SumoSelect.disabled > .CaptionCont {
            border-color: #ccc;
            box-shadow: none;
        }

    /**Select all button**/
    .SumoSelect .select-all {
        border-radius: 3px 3px 0 0;
        position: relative;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
        padding: 8px 0 3px 35px;
        height: 20px;
        cursor: pointer;
    }

        .SumoSelect .select-all > label, .SumoSelect .select-all > span i {
            cursor: pointer;
        }

        .SumoSelect .select-all.partial > span i {
            background-color: #ccc;
        }


    /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options li.optGroup {
        padding-left: 5px;
        text-decoration: underline;
    }


.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}


    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em;
    }


        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em;
        }


.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}


.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}


.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}


.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}


.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}


li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}


    li.ui-timepicker-selected .ui-timepicker-duration,
    .ui-timepicker-list li:hover .ui-timepicker-duration {
        color: #ccc;
    }


.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}


    .ui-timepicker-list li.ui-timepicker-disabled:hover,
    .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2;
    }

/*! Tablesaw - v1.0.4 - 2015-02-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */
/*! Tablesaw - v1.0.4 - 2015-02-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */

table.tablesaw {
    empty-cells: show;
    max-width: 100%;
    width: 100%;
}


.tablesaw {
    border-collapse: collapse;
    width: 100%;
}

/* Structure */

.tablesaw {
    border: 0;
    padding: 0;
}


    .tablesaw th,
    .tablesaw td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .5em .7em;
    }


    .tablesaw thead tr:first-child th {
        padding-top: .9em;
        padding-bottom: .7em;
    }

/* Table rows have a gray bottom stroke by default */

.tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf;
}


.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
    /* Show the table cells as a block level element */

    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block;
    }


    .tablesaw-stack tr {
        clear: both;
        display: table-row;
    }

    /* Make the label elements a percentage width */

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0 .6em 0 0;
        width: 30%;
        display: inline-block;
    }

    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }


    .tablesaw-cell-label {
        display: block;
    }

    /* Avoid double strokes when stacked */

    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }

    /* Avoid double strokes when stacked */

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }
}
/*!
 * FullCalendar v2.5.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */

.fc {
    direction: ltr;
    text-align: left;
}


.fc-rtl {
    text-align: right;
}


body .fc {
    /* extra precedence to overcome jqui */
    font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
    border-color: #ddd;
}


.fc-unthemed .fc-popover {
    background-color: #fff;
}


    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-popover .fc-header {
        background: #eee;
    }


        .fc-unthemed .fc-popover .fc-header .fc-close {
            color: #666;
        }


.fc-unthemed .fc-today {
    background: #fcf8e3;
}


.fc-highlight {
    /* when user is selecting cells */
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}


.fc-bgevent {
    /* default look for background events */
    background: #8fdf82;
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}


.fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", "Courier", monospace;
    /* don't allow browser text-selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

    .fc-icon:after {
        position: relative;
        margin: 0 -1em;
        /* ensures character will be centered, regardless of width */
    }


.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: 3%;
}


.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
    left: -3%;
}


.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}


.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}


.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
    left: -2%;
}


.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
    left: 2%;
}


.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}


.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
    /* force height to include the border and padding */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* dimensions */
    margin: 0;
    height: 2.1em;
    padding: 0 .4em;
    /* text & cursor */
    font-size: 1em;
    /* normalize */
    white-space: nowrap;
    cursor: pointer;
}

    /* Firefox has an annoying inner border */

    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0;
    }


.fc-state-default {
    /* non-theme */
    border: 1px solid;
}


    .fc-state-default.fc-corner-left {
        /* non-theme */
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }


    .fc-state-default.fc-corner-right {
        /* non-theme */
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

/* icons in buttons */

.fc button .fc-icon {
    /* non-theme */
    position: relative;
    top: -0.05em;
    /* seems to be a good adjustment across browsers */
    margin: 0 .2em;
    vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}


.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}


.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
    display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * {
    /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 -1px;
}


.fc .fc-button-group > :first-child {
    /* same */
    margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}


    .fc-popover .fc-header {
        /* TODO: be more consistent with fc-head/fc-body */
        padding: 2px 4px;
    }


        .fc-popover .fc-header .fc-title {
            margin: 0 2px;
        }


        .fc-popover .fc-header .fc-close {
            cursor: pointer;
        }


.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}


.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}


    .fc-unthemed .fc-popover .fc-header .fc-close {
        font-size: .9em;
        margin-top: 2px;
    }

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
    border-style: solid;
    border-width: 1px;
}


hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    /* height is unreliable across browsers, so use padding */
    border-width: 1px 0;
}


.fc-clear {
    clear: both;
}


.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}


.fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
}


    .fc-bg table {
        height: 100%;
        /* strech bg to bottom edge */
    }

/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    /* normalize cross-browser */
}


.fc th {
    text-align: center;
}


.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}


    .fc td.fc-today {
        border-style: double;
        /* overcome neighboring borders */
    }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row {
    /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
}


.fc-row table {
    /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
}


.fc-row:first-child table {
    border-top: 0 hidden transparent;
    /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
    position: relative;
}


    .fc-row .fc-bg {
        z-index: 1;
    }

    /* highlighting cells & background event skeleton */

    .fc-row .fc-bgevent-skeleton,
    .fc-row .fc-highlight-skeleton {
        bottom: 0;
        /* stretch skeleton to bottom of row */
    }


        .fc-row .fc-bgevent-skeleton table,
        .fc-row .fc-highlight-skeleton table {
            height: 100%;
            /* stretch skeleton to bottom of row */
        }


        .fc-row .fc-highlight-skeleton td,
        .fc-row .fc-bgevent-skeleton td {
            border-color: transparent;
        }


    .fc-row .fc-bgevent-skeleton {
        z-index: 2;
    }


    .fc-row .fc-highlight-skeleton {
        z-index: 3;
    }

    /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px;
        /* matches the space above the events */
    }


    .fc-row .fc-helper-skeleton {
        z-index: 5;
    }


        .fc-row .fc-content-skeleton td,
        .fc-row .fc-helper-skeleton td {
            /* see-through to the background below */
            background: none;
            /* in case <td>s are globally styled */
            border-color: transparent;
            /* don't put a border between events and/or the day number */
            border-bottom: 0;
        }


        .fc-row .fc-content-skeleton tbody td,
        .fc-row .fc-helper-skeleton tbody td {
            /* don't put a border between event cells */
            border-top: 0;
        }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
    /* this class goes on elements for guaranteed vertical scrollbars */
    overflow-y: scroll;
    overflow-x: hidden;
}


    .fc-scroller > * {
        /* we expect an immediate inner element */
        position: relative;
        /* re-scope all positions */
        width: 100%;
        /* hack to force re-sizing this inner element when scrollbars appear/disappear */
        overflow: hidden;
        /* don't let negative margins or absolute positioning create further scroll */
    }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
    position: relative;
    /* for resize handle and other inner positioning */
    display: block;
    /* make the <a> tag block */
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    /* default BORDER color */
    background-color: #3a87ad;
    /* default BACKGROUND color */
    font-weight: normal;
    /* undo jqui's ui-widget-header bold */
}

    /* overpower some of bootstrap's and jqui's styles on <a> tags */

    .fc-event,
    .fc-event:hover,
    .ui-widget .fc-event {
        color: #fff;
        /* default TEXT color */
        text-decoration: none;
        /* if <a> has an href */
    }


        .fc-event[href],
        .fc-event.fc-draggable {
            cursor: pointer;
            /* give events with links and draggable events a hand mouse pointer */
        }


.fc-not-allowed,
.fc-not-allowed .fc-event {
    /* to override an event's custom cursor */
    cursor: not-allowed;
}


.fc-event .fc-bg {
    /* the generic .fc-bg already does position */
    z-index: 1;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
    /* for IE */
}


.fc-event .fc-content {
    position: relative;
    z-index: 2;
}


.fc-event .fc-resizer {
    position: absolute;
    z-index: 3;
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    /* replace the border with padding */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    /* replace the border with padding */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* resizer */

.fc-h-event .fc-resizer {
    /* positioned it to overcome the event's borders */
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    width: 5px;
}

/* left resizer  */

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
    right: auto;
    /* ignore the right and only use the left */
    cursor: w-resize;
}

/* right resizer */

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
    left: auto;
    /* ignore the left and only use the right */
    cursor: e-resize;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
    margin: 1px 2px 0;
    /* spacing between events and edges */
    padding: 0 1px;
}


    .fc-day-grid-event .fc-content {
        /* force events to be one-line tall */
        white-space: nowrap;
        overflow: hidden;
    }


    .fc-day-grid-event .fc-time {
        font-weight: bold;
    }


    .fc-day-grid-event .fc-resizer {
        /* enlarge the default hit area */
        left: -3px;
        right: -3px;
        width: 7px;
    }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}


    a.fc-more:hover {
        text-decoration: underline;
    }


.fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
}


.fc-more-popover {
    z-index: 2;
    width: 220px;
}


    .fc-more-popover .fc-event-container {
        padding: 10px;
    }

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
    text-align: center;
    margin-bottom: 1em;
}


    .fc-toolbar .fc-left {
        float: left;
    }


    .fc-toolbar .fc-right {
        float: right;
    }


    .fc-toolbar .fc-center {
        display: inline-block;
    }

/* the things within each left/right/center section */

.fc .fc-toolbar > * > * {
    /* extra precedence to override button border margins */
    float: left;
    margin-left: .75em;
}

/* the first thing within each left/center/right section */

.fc .fc-toolbar > * > :first-child {
    /* extra precedence to override button border margins */
    margin-left: 0;
}

/* title text */

.fc-toolbar h2 {
    margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
    position: relative;
}


.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}


.fc-toolbar .fc-state-down {
    z-index: 3;
}


.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}


.fc-toolbar button:focus {
    z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.fc-view,
.fc-view > table {
    /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* we are sure there are no day numbers in these views, so... */
    padding-top: 1px;
    /* add a pixel to make sure there are 2px padding above events */
    padding-bottom: 1em;
    /* ensure a space at bottom of cell for user selecting/clicking */
}


.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
    /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
    overflow: hidden;
}


    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 0 2px;
}


.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
    padding-top: 2px;
    padding-bottom: 2px;
}


.fc-basic-view .fc-week-number {
    text-align: center;
}


    .fc-basic-view .fc-week-number span {
        /* work around the way we do column resizing and ensure a minimum width */
        display: inline-block;
        min-width: 1.25em;
    }


.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
}


.fc-rtl .fc-basic-view .fc-day-number {
    text-align: left;
}


.fc-day-number.fc-other-month {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* for IE */
    /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
    /* so the "more.." popover will be over the time grid */
}


    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em;
        /* all-day section will never get shorter than this */
    }


        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-top: 1px;
            /* add a pixel to make sure there are 2px padding above events */
            padding-bottom: 1em;
            /* give space underneath events for clicking/selecting days */
        }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis {
    /* .fc to overcome default cell styles */
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}


.fc-ltr .fc-axis {
    text-align: right;
}


.fc-rtl .fc-axis {
    text-align: left;
}


.ui-widget td.fc-axis {
    font-weight: normal;
    /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container,
.fc-time-grid {
    /* so slats/bg/content/etc positions get scoped within here */
    position: relative;
    z-index: 1;
}


.fc-time-grid {
    min-height: 100%;
    /* so if height setting is 'auto', .fc-bg stretches to fill height */
}


    .fc-time-grid table {
        /* don't put outer borders on slats/bg/content/etc */
        border: 0 hidden transparent;
    }


    .fc-time-grid > .fc-bg {
        z-index: 1;
    }


    .fc-time-grid .fc-slats,
    .fc-time-grid > hr {
        /* the <hr> AgendaView injects when grid is shorter than scroller */
        position: relative;
        z-index: 2;
    }


    .fc-time-grid .fc-bgevent-skeleton,
    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }


    .fc-time-grid .fc-bgevent-skeleton {
        z-index: 3;
    }


    .fc-time-grid .fc-highlight-skeleton {
        z-index: 4;
    }


    .fc-time-grid .fc-content-skeleton {
        z-index: 5;
    }


    .fc-time-grid .fc-helper-skeleton {
        z-index: 6;
    }

    /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0;
        /* each cell is responsible for its top border */
    }


    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted;
    }


    .fc-time-grid .fc-slats .ui-widget-content {
        /* for jqui theme */
        background: none;
        /* see through to fc-bg */
    }

    /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

    .fc-time-grid .fc-highlight-container {
        /* a div within a cell within the fc-highlight-skeleton */
        position: relative;
        /* scopes the left/right of the fc-highlight to be in the column */
    }


    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0;
        /* top and bottom will be in by JS */
    }

    /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

    .fc-time-grid .fc-event-container,
    .fc-time-grid .fc-bgevent-container {
        /* a div within a cell within the fc-bgevent-skeleton */
        position: relative;
    }


.fc-ltr .fc-time-grid .fc-event-container {
    /* space on the sides of events for LTR (default) */
    margin: 0 2.5% 0 2px;
}


.fc-rtl .fc-time-grid .fc-event-container {
    /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
}


.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    /* scope inner z-index's */
}


.fc-time-grid .fc-bgevent {
    /* background events always span full width */
    left: 0;
    right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start {
    /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.fc-v-event.fc-not-end {
    /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
    overflow: hidden;
    /* don't let the bg flow over rounded corners */
}


    .fc-time-grid-event .fc-time,
    .fc-time-grid-event .fc-title {
        padding: 0 1px;
    }


    .fc-time-grid-event .fc-time {
        font-size: .85em;
        white-space: nowrap;
    }

    /* short mode, where time and title are on the same line */

    .fc-time-grid-event.fc-short .fc-content {
        /* don't wrap to second line (now that contents will be inline) */
        white-space: nowrap;
    }


    .fc-time-grid-event.fc-short .fc-time,
    .fc-time-grid-event.fc-short .fc-title {
        /* put the time and title on the same line */
        display: inline-block;
        vertical-align: top;
    }


        .fc-time-grid-event.fc-short .fc-time span {
            display: none;
            /* don't display the full time text... */
        }


        .fc-time-grid-event.fc-short .fc-time:before {
            content: attr(data-start);
            /* ...instead, display only the start time */
        }


        .fc-time-grid-event.fc-short .fc-time:after {
            content: "\000A0-\000A0";
            /* seperate with a dash, wrapped in nbsp's */
        }


    .fc-time-grid-event.fc-short .fc-title {
        font-size: .85em;
        /* make the title text the same size as the time */
        padding: 0;
        /* undo padding from above */
    }

    /* resizer */

    .fc-time-grid-event .fc-resizer {
        left: 0;
        right: 0;
        bottom: 0;
        height: 8px;
        overflow: hidden;
        line-height: 8px;
        font-size: 11px;
        font-family: "monospace";
        text-align: center;
        cursor: s-resize;
    }


        .fc-time-grid-event .fc-resizer:after {
            content: "=";
        }

/* Tools */
/* ===========================
   Tools/Helpers
   =========================== */
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}


    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden, .fieldset--hidden > legend:not(.legend-label) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active, .fieldset--hidden > legend.focusable:active,
    .visuallyhidden.focusable:focus,
    .fieldset--hidden > legend.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .pane--accordion:before, .pane--accordion-transparent:before, .pane--accordion-transparent-pad:before,
.clearfix:after,
.pane--accordion:after,
.pane--accordion-transparent:after,
.pane--accordion-transparent-pad:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}


.clearfix:after, .pane--accordion:after, .pane--accordion-transparent:after, .pane--accordion-transparent-pad:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix, .pane--accordion, .pane--accordion-transparent, .pane--accordion-transparent-pad {
    *zoom: 1;
}

/* =Layout
------------------- */

.ul-list-inline {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .ul-list-inline li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .ul-list-inline li {
    display: inline;
    zoom: 1;
}


.list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* =Fonts
------------------- */
/* Chart Colors */

.f-color1 {
    color: #c8202f;
}


.f-color2 {
    color: #165788;
}

/* =Wordpress alignment
-------------------*/

.alignleft {
    display: inline;
    float: left;
}


.alignright {
    display: inline;
    float: right;
}


.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.txtleft {
    text-align: left;
}


.txtright {
    text-align: right;
}


.floatleft {
    float: left;
    margin-right: 1em;
}


.floatright {
    float: right;
    margin-left: 1em;
}


.display-inline {
    display: inline;
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


.sidr-account-options li:before, .profile-snapshot-l1 li:before, .profile-snapshot-modules li:before, .profile-snapshot-languages li:before, .page-header-links li:before, .pane--welcome-links li:before, .profile-snapshot-divider {
    display: inline-block;
    border-right: 1px solid black;
    height: 16px;
    vertical-align: middle;
}


.sidr-account-options li:before, .profile-snapshot-l1 li:before, .profile-snapshot-modules li:before, .profile-snapshot-languages li:before, .page-header-links li:before, .pane--welcome-links li:before {
    content: '';
}

.sidr-account-options li:first-child:before, .profile-snapshot-l1 li:first-child:before, .profile-snapshot-modules li:first-child:before, .profile-snapshot-languages li:first-child:before, .page-header-links li:first-child:before, .pane--welcome-links li:first-child:before {
    display: none;
}

.sidr-account-options li > span, .profile-snapshot-l1 li > span, .profile-snapshot-modules li > span, .profile-snapshot-languages li > span, .page-header-links li > span, .pane--welcome-links li > span,
.sidr-account-options li > a,
.profile-snapshot-l1 li > a,
.profile-snapshot-modules li > a,
.profile-snapshot-languages li > a,
.page-header-links li > a,
.pane--welcome-links li > a {
    padding: 0 16px;
}


span.divider {
    display: inline-block;
    width: 0.5em;
    height: auto;
}

/* Base */
/* ===========================
   Base
   =========================== */

* {
    box-sizing: border-box;
}


:focus {
    outline: 2px solid #00a9e0;
}


form:focus,
fieldset:focus {
    outline: none;
}


html {
    overflow-x: hidden;
}


body {
    font-family: "Lato", "Arial", sans-serif;
    font-weight: 300;
    font-size: 0.875em;
    line-height: 1.5;
    color: #474647;
    background-color: #eeeeee;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -moz-transition: -moz-transform 300ms ease-in-out;
    -o-transition: -o-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    -webkit-font-smoothing: subpixel-antialiased;
    width: 100%;
    height: 100%;
}


img {
    max-width: 100%;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-top: 0;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
}


h1,
.h1,
.h1--prelogin {
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-size: 2.14286em;
    line-height: 1.1;
    font-weight: normal;
    color: #165788;
}


.h1--prelogin {
    font-size: 2.85714em;
}


h2,
.h2,
legend,
.wallet-card h4,
.wallet-card h5 {
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-size: 1.57143em;
    font-weight: normal;
    color: #474647;
}


h3,
.h3,
.legend--h3 {
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-size: 1.28571em;
    font-weight: normal;
    color: #165788;
}


h4,
.h4 {
    font-family: "Lato", "Arial", sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #00a9e0;
}


.header-italic {
    margin: 0 0 0 0.5em;
    font-size: 0.75em;
    font-style: italic;
    color: #474647;
}


.disabled {
    color: #898989;
}


.h-nomargin {
    margin: 0;
}


.bottommargin,
.sectionbreak {
    margin-bottom: 2em;
}

.lt-ie8 .bottommargin, .lt-ie8 .sectionbreak {
    zoom: 1;
}

.bottommargin:before, .bottommargin:after,
.sectionbreak:before,
.sectionbreak:after {
    content: "";
    display: table;
}

.bottommargin:after,
.sectionbreak:after {
    clear: both;
}



.prelogin-title {
    font-size: 2.85714em;
    line-height: 1;
    margin-bottom: 0;
    color: #165788;
}

@media (max-width: 768px) {

    .prelogin-title {
        font-size: 2.57143em;
    }
}


.section-title {
    border-bottom: 1px solid #c8c8c8;
    font-size: 1.57143em;
    line-height: 1.5;
    margin-bottom: 0.1em;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-weight: normal;
    color: #474647;
}


.section-title--alt {
    font-size: 1.28571em;
    color: #6baf00;
}


.section-header {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 1em;
}

.lt-ie8 .section-header {
    zoom: 1;
}

.section-header:before, .section-header:after {
    content: "";
    display: table;
}

.section-header:after {
    clear: both;
}

.section-header .section-title,
.section-header .prelogin-title {
    border-bottom: none;
    display: inline-block;
}

@media (max-width: 480px) {

    .section-header .section-title,
    .section-header .prelogin-title {
        float: none;
    }
}

@media (max-width: 480px) {

    .section-header--with-icons {
        border-bottom: none;
    }
}


.section-header-functions {
    float: right;
    font-size: 12px;
    line-height: 33px;
}

    .section-header-functions * {
        vertical-align: middle;
    }

    .section-header-functions a {
        display: inline-block;
        padding-right: 5px;
    }

        .section-header-functions a .fa {
            font-size: 20px;
        }

        .section-header-functions a .fa-stack {
            line-height: 1em;
            width: 1em;
            height: 1em;
            vertical-align: top;
        }

        .section-header-functions a .fa-circle {
            font-size: 26px;
        }

@media (max-width: 480px) {

    .section-header-functions {
        border-top: 1px solid #c8c8c8;
        float: none;
    }
}


.section-header-help {
    font-size: 12px;
    font-style: italic;
}

@media (max-width: 600px) {

    .section-header-help {
        display: block;
    }
}


.section-header-icon {
    background-color: #165788;
    color: #ffffff;
    display: inline-block;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

    .section-header-icon:hover, .section-header-icon:active, .section-header-icon:focus {
        background-color: #0f3b5c;
        color: white;
    }

    .section-header-icon.is-active {
        background-color: #6baf00;
    }

        .section-header-icon.is-active:hover, .section-header-icon.is-active:active, .section-header-icon.is-active:focus {
            background-color: #6baf00;
        }

.big-blue-icon {
    padding: 10px !important;
}

    .big-blue-icon svg rect:hover,
    .big-blue-icon svg rect:active,
    .big-blue-icon svg rect:focus {
        fill: #0f3b5c;
    }

p {
    margin-top: 0;
}


.ul-card {
    margin: 0;
    padding: 0 0 0 20px;
}

    .ul-card li {
        margin: 0;
    }


a {
    color: #165788;
    text-decoration: underline;
    -webkit-transition: 0.015s;
    -moz-transition: 0.015s;
    -ms-transition: 0.015s;
    -o-transition: 0.015s;
    transition: 0.015s;
}

    a:hover {
        color: #0f3b5c;
    }


hr {
    border: 0;
    border-top: 1px solid #c8c8c8;
    margin: 1em 0;
}


.hr-card {
    border: 0;
    border-top: 1px solid #c8c8c8;
    margin: 0.25em 0;
}


.roboto-condensed {
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
}


.color-guide {
    width: 25%;
    float: left;
    text-align: center;
    margin: 0 0 1em 0;
}

    .color-guide span {
        min-height: 75px;
        width: 100%;
        display: block;
    }

    .color-guide.blue span {
        background: #165788;
    }

    .color-guide.blue p {
        color: #165788;
    }

    .color-guide.skyblue span {
        background: #00a9e0;
    }

    .color-guide.skyblue p {
        color: #00a9e0;
    }

    .color-guide.green span {
        background: #6baf00;
    }

    .color-guide.green p {
        color: #6baf00;
    }

    .color-guide.softgreen span {
        background: #67bc47;
    }

    .color-guide.softgreen p {
        color: #67bc47;
    }

    .color-guide.black span {
        background: #474647;
    }

    .color-guide.black p {
        color: #474647;
    }

    .color-guide.white span {
        background: #ffffff;
    }

    .color-guide.white p {
        color: #ffffff;
    }

    .color-guide.lightgray span {
        background: #eeeeee;
    }

    .color-guide.lightgray p {
        color: #eeeeee;
    }

    .color-guide.red span {
        background: #c8202f;
    }

    .color-guide.red p {
        color: #c8202f;
    }


.color--green {
    color: #1e8600;
}


.color--mediumlightgreen {
    color: #96ca51;
}


.color--blue {
    color: #165788;
}


.color--pink {
    color: #CD1D61;
}

.color--grey {
    color: #474647;
}


.color--yellow {
    color: #ce8e00;
}


.color--skyblue {
    color: #00a9e0;
}


.color--red {
    color: #c8202f;
}


.color--default {
    color: #474647;
}


.color--softpink {
    color: #FF9494;
}


.color--orange {
    color: #f94900;
}


.color--lightyellow {
    color: #e3a00c;
}


.col-guide {
    display: table !important;
    margin: 0.5em 0;
    height: 3em;
    background: #165788;
    color: white;
    float: none !important;
}

    .col-guide p {
        display: table-cell;
        vertical-align: middle;
        padding: 0.5em 1em;
    }


.lt-ie8 .list--two-col {
    zoom: 1;
}

.list--two-col:before, .list--two-col:after {
    content: "";
    display: table;
}

.list--two-col:after {
    clear: both;
}

.list--two-col > li {
    float: left;
    width: 50%;
    padding-right: 20px;
}

@media (max-width: 480px) {

    .list--two-col > li {
        float: none;
        width: auto;
        padding-right: 0;
    }
}


.list--padded li {
    line-height: 1.2;
    margin-top: 1em;
}

    .list--padded li:first-child {
        margin-bottom: 0;
    }


dl > dt:not(:first-child) {
    margin-top: 0.5em;
}


ol ol {
    list-style: lower-alpha;
}


.hw-iframe {
    width: 100%;
    border: none;
    min-height: 400px;
}


.SumoSelect {
    margin-bottom: 1em;
    vertical-align: top;
    max-width: 100%;
}

    .SumoSelect .SlectBox {
        max-width: 100%;
    }

    .SumoSelect:focus {
        outline: none;
    }

    .SumoSelect label {
        font-size: inherit;
        color: inherit;
        display: inherit;
    }

    .SumoSelect p {
        margin-bottom: 0;
    }

    .SumoSelect .select-all {
        height: auto;
    }

    .SumoSelect > .optWrapper {
        -webkit-transition: opacity 200ms ease-out 0s, top 200ms ease-out 0s;
        -moz-transition: opacity 200ms ease-out 0s, top 200ms ease-out 0s;
        -ms-transition: opacity 200ms ease-out 0s, top 200ms ease-out 0s;
        -o-transition: opacity 200ms ease-out 0s, top 200ms ease-out 0s;
        transition: opacity 200ms ease-out 0s, top 200ms ease-out 0s;
    }

        .SumoSelect > .optWrapper.multiple.isFloating {
            padding-bottom: 79px;
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
            transition: none;
            top: 72px;
            bottom: auto;
            left: 5%;
            right: auto;
        }

    .SumoSelect > .CaptionCont {
        min-height: 33px;
    }

    .SumoSelect > .optWrapper > .options > li label {
        white-space: normal;
    }


    .SumoSelect.input--full-width .SlectBox {
        width: 100%;
    }


.list--circlesteps li {
    padding-left: 35px;
    position: relative;
    margin-bottom: 1em;
}

    .list--circlesteps li > .fa-stack {
        position: absolute;
        left: 0;
    }

        .list--circlesteps li > .fa-stack .char-overlay {
            font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
            font-weight: bold;
        }

/*  SECTIONS  */

.section {
    clear: both;
    padding: 0;
    margin-left: -1.6%;
    margin-right: 0;
    width: 101.6%;
}

/*  COLUMN SETUP  */

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

/*  GROUPING  */

.lt-ie8 .group {
    zoom: 1;
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

/* FLOAT OFF */

.float_none {
    float: none;
}

/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
    width: 98.4%;
}


.span_11_of_12 {
    width: 90.06667%;
}


.span_10_of_12 {
    width: 81.73333%;
}


.span_9_of_12 {
    width: 73.4%;
}


.span_8_of_12 {
    width: 65.06667%;
}


.span_7_of_12 {
    width: 56.73333%;
}



.span_6_of_12 {
    width: 48.4%;
}


.span_5_of_12 {
    width: 40.06667%;
}


.span_4_of_12 {
    width: 31.73333%;
}


.span_3_of_12 {
    width: 23.4%;
}


.span_2_of_12 {
    width: 15.06667%;
}


.span_1_of_12 {
    width: 6.73333%;
}

/*  GRID OF NINE   ============================================================================= */

.span_9_of_9 {
    width: 98.4%;
}


.span_8_of_9 {
    width: 87.28889%;
}


.span_7_of_9 {
    width: 76.17778%;
}


.span_6_of_9 {
    width: 65.06667%;
}


.span_5_of_9 {
    width: 53.95556%;
}


.span_4_of_9 {
    width: 42.84444%;
}


.span_3_of_9 {
    width: 31.73333%;
}


.span_2_of_9 {
    width: 20.62222%;
}


.span_1_of_9 {
    width: 9.51111%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {

    :not(.columns--no-collapse) > .span_12_of_12,
    :not(.columns--no-collapse) > .span_11_of_12,
    :not(.columns--no-collapse) > .span_10_of_12,
    :not(.columns--no-collapse) > .span_9_of_12,
    :not(.columns--no-collapse) > .span_8_of_12,
    :not(.columns--no-collapse) > .span_7_of_12,
    :not(.columns--no-collapse) > .span_6_of_12,
    :not(.columns--no-collapse) > .span_5_of_12,
    :not(.columns--no-collapse) > .span_4_of_12,
    :not(.columns--no-collapse) > .span_3_of_12,
    :not(.columns--no-collapse) > .span_2_of_12,
    :not(.columns--no-collapse) > .span_1_of_12,
    :not(.columns--no-collapse) > .span_9_of_9,
    :not(.columns--no-collapse) > .span_8_of_9,
    :not(.columns--no-collapse) > .span_7_of_9,
    :not(.columns--no-collapse) > .span_6_of_9,
    :not(.columns--no-collapse) > .span_5_of_9,
    :not(.columns--no-collapse) > .span_4_of_9,
    :not(.columns--no-collapse) > .span_3_of_9,
    :not(.columns--no-collapse) > .span_2_of_9,
    :not(.columns--no-collapse) > .span_1_of_9 {
        width: 98.4%;
    }
}
/* ==|====================
   Base/Form
   ======================= */

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

    .form-group .second-input {
        margin-top: 0.5em;
    }


.form-group--long {
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
}


form {
    margin-bottom: 1em;
    margin-top: 0;
}


.form--limit-width .section {
    max-width: 500px;
}


.hidden-form {
    display: inline;
    margin: 0;
}


input {
    line-height: normal;
}

    input:disabled {
        background-color: #ddd;
    }


legend {
    max-width: 100%;
}


.legend--h3--larger {
    font-size: 20px;
}


.fieldset--hidden {
    border: 0 none;
    margin: 0;
    padding: 0;
}

    .fieldset--hidden > legend.legend--shown {
        clip: none;
        height: auto;
        margin: inherit;
        position: inherit;
        width: auto;
    }


input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.form-control, .taggle_input {
    font-size: 1em;
    font-family: "Lato", "Arial", sans-serif;
    font-weight: 300;
    color: #666;
    padding: 0.5em;
    border: 1px solid #8d9297;
    outline: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    behavior: url(/javascripts/lib/PIE.htc);
    position: relative;
    background-color: white;
}

    .form-control::-webkit-input-placeholder, .taggle_input::-webkit-input-placeholder {
        color: #cdcdcd;
    }

    .form-control:-moz-placeholder, .taggle_input:-moz-placeholder {
        color: #cdcdcd;
    }

    .form-control:-ms-input-placeholder, .taggle_input:-ms-input-placeholder {
        color: #cdcdcd;
    }

    .form-control:hover, .taggle_input:hover {
        border-color: #a5a5a5;
    }

    .form-control:focus, .taggle_input:focus {
        border: 1px solid #0070c7;
        outline-offset: 3px;
        outline: 2px dotted #656565;
    }

.boxshadow .form-control, .boxshadow .taggle_input {
    border-color: none;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
}

.form-control[type=date], .form-control[type=password], .form-control[type=email], .form-control[type=search], .form-control[type=url], .form-control[type=tel], .form-control[type=number], .form-control[type=range], .form-control[type=month], .form-control[type=week], .form-control[type=time], .form-control[type=datetime], .form-control[type=datetime-local], .form-control[type=text], .taggle_input[type=date], .taggle_input[type=password], .taggle_input[type=email], .taggle_input[type=search], .taggle_input[type=url], .taggle_input[type=tel], .taggle_input[type=number], .taggle_input[type=range], .taggle_input[type=month], .taggle_input[type=week], .taggle_input[type=time], .taggle_input[type=datetime], .taggle_input[type=datetime-local], .taggle_input[type=text] {
    height: 33px;
}


select.form-control {
    height: 33px;
    line-height: 27px;
    behavior: none;
}


.input--full-width {
    width: 100%;
}

    .input--full-width.required {
        width: 94%;
    }


.input--small-width {
    width: 50px;
    margin: 0 2px 0 0;
}


select {
    line-height: 1.2;
    max-width: 100%;
}

    select::after {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;
        background: green;
    }


.checkbox,
.radio {
    display: block;
    margin: 10px;
    position: relative;
}


.required-icon, label.required:after {
    color: #c8202f;
    font-style: normal;
}


.required-icon--input {
    font-size: 16px;
}


label, .legend-label {
    display: block;
    max-width: 100%;
    color: #165788;
    font-size: 16px;
    font-weight: normal;
    font-family: "Lato", "Arial", sans-serif;
}

    label.required:after {
        content: '*';
    }

    label.label--unstyled {
        color: inherit;
        font-size: inherit;
        display: inline-block;
    }


.icon-label {
    display: inline-block;
}


.label--skyblue {
    color: #00a9e0;
}


.checkbox label,
.radio label {
    cursor: pointer;
    margin-bottom: 0;
    min-height: 20px;
    padding-left: 20px;
    color: inherit;
    font-size: inherit;
}


.checkbox--spaced label,
.radio--spaced label {
    margin-bottom: 10px;
}


.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    margin-left: -20px;
    position: absolute;
}


input[type="checkbox"],
input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
    box-sizing: border-box;
    padding: 0;
}


.help-block {
    color: #474647;
    display: block;
    font-size: 14px;
}

.form-group .help-block {
    margin-top: 5px;
    margin-bottom: 0;
}


.help-block--right {
    text-align: right;
}


.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
    margin-right: 10px;
}


.form-control--rounded {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    behavior: url(/javascripts/lib/PIE.htc);
    padding-left: 1em;
    padding-right: 1em;
}


.form-control--inline {
    margin-top: 2px;
    margin-bottom: 2px;
}


.has-inset-icon {
    position: relative;
}

    .has-inset-icon .form-control {
        padding-right: 35px;
        width: 100%;
    }

    .has-inset-icon button {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        border: none;
        background: none;
        padding: 0 11px 0 5px;
    }


.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

    .input-group .second-input {
        margin-top: 0.5em;
    }


    .input--auto-width,
    .input-group .input--auto-width {
        width: auto;
    }


    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell;
    }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child) {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
            behavior: url(/javascripts/lib/PIE.htc);
        }


.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}


.input-group-addon {
    padding: 0 0 0 5px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
}

    .input-group-addon label {
        cursor: pointer;
    }

    .input-group-addon .fa {
        font-size: 20px;
    }


    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-color1,
    .input-group-btn:first-child > .btn-color2,
    .input-group-btn:first-child > .btn-color3,
    .input-group-btn:first-child > .btn-color4,
    .input-group-btn:first-child > .reward-activity-progress-item--btn,
    #calendar .input-group-btn:first-child > .fc-today-button,
    #calendar .input-group-btn:first-child > .fc-month-button,
    #calendar .input-group-btn:first-child > .fc-basicWeek-button,
    #calendar .input-group-btn:first-child > .fc-basicDay-button,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .btn-group > .btn-color1,
    .input-group-btn:first-child > .btn-group > .btn-color2,
    .input-group-btn:first-child > .btn-group > .btn-color3,
    .input-group-btn:first-child > .btn-group > .btn-color4,
    .input-group-btn:first-child > .btn-group > .reward-activity-progress-item--btn,
    #calendar .input-group-btn:first-child > .btn-group > .fc-today-button,
    #calendar .input-group-btn:first-child > .btn-group > .fc-month-button,
    #calendar .input-group-btn:first-child > .btn-group > .fc-basicWeek-button,
    #calendar .input-group-btn:first-child > .btn-group > .fc-basicDay-button,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-color1:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-color2:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-color3:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-color4:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .reward-activity-progress-item--btn:not(:last-child):not(.dropdown-toggle),
    #calendar .input-group-btn:last-child > .fc-today-button:not(:last-child):not(.dropdown-toggle),
    #calendar .input-group-btn:last-child > .fc-month-button:not(:last-child):not(.dropdown-toggle),
    #calendar .input-group-btn:last-child > .fc-basicWeek-button:not(:last-child):not(.dropdown-toggle),
    #calendar .input-group-btn:last-child > .fc-basicDay-button:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn-color1,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn-color2,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn-color3,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn-color4,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .reward-activity-progress-item--btn,
    #calendar .input-group-btn:last-child > .btn-group:not(:last-child) > .fc-today-button,
    #calendar .input-group-btn:last-child > .btn-group:not(:last-child) > .fc-month-button,
    #calendar .input-group-btn:last-child > .btn-group:not(:last-child) > .fc-basicWeek-button,
    #calendar .input-group-btn:last-child > .btn-group:not(:last-child) > .fc-basicDay-button {
        -moz-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
    }


    .input-group-addon:first-child {
        border-right: 0;
    }


    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-color1,
    .input-group-btn:last-child > .btn-color2,
    .input-group-btn:last-child > .btn-color3,
    .input-group-btn:last-child > .btn-color4,
    .input-group-btn:last-child > .reward-activity-progress-item--btn,
    #calendar .input-group-btn:last-child > .fc-today-button,
    #calendar .input-group-btn:last-child > .fc-month-button,
    #calendar .input-group-btn:last-child > .fc-basicWeek-button,
    #calendar .input-group-btn:last-child > .fc-basicDay-button,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .btn-group > .btn-color1,
    .input-group-btn:last-child > .btn-group > .btn-color2,
    .input-group-btn:last-child > .btn-group > .btn-color3,
    .input-group-btn:last-child > .btn-group > .btn-color4,
    .input-group-btn:last-child > .btn-group > .reward-activity-progress-item--btn,
    #calendar .input-group-btn:last-child > .btn-group > .fc-today-button,
    #calendar .input-group-btn:last-child > .btn-group > .fc-month-button,
    #calendar .input-group-btn:last-child > .btn-group > .fc-basicWeek-button,
    #calendar .input-group-btn:last-child > .btn-group > .fc-basicDay-button,
    .input-group-btn:last-child > .dropdown-toggle,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:first-child > .btn-color1:not(:first-child),
    .input-group-btn:first-child > .btn-color2:not(:first-child),
    .input-group-btn:first-child > .btn-color3:not(:first-child),
    .input-group-btn:first-child > .btn-color4:not(:first-child),
    .input-group-btn:first-child > .reward-activity-progress-item--btn:not(:first-child),
    #calendar .input-group-btn:first-child > .fc-today-button:not(:first-child),
    #calendar .input-group-btn:first-child > .fc-month-button:not(:first-child),
    #calendar .input-group-btn:first-child > .fc-basicWeek-button:not(:first-child),
    #calendar .input-group-btn:first-child > .fc-basicDay-button:not(:first-child),
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn-color1,
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn-color2,
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn-color3,
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn-color4,
    .input-group-btn:first-child > .btn-group:not(:first-child) > .reward-activity-progress-item--btn,
    #calendar .input-group-btn:first-child > .btn-group:not(:first-child) > .fc-today-button,
    #calendar .input-group-btn:first-child > .btn-group:not(:first-child) > .fc-month-button,
    #calendar .input-group-btn:first-child > .btn-group:not(:first-child) > .fc-basicWeek-button,
    #calendar .input-group-btn:first-child > .btn-group:not(:first-child) > .fc-basicDay-button {
        -moz-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -moz-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
    }


    .input-group-addon:last-child {
        border-left: 0;
    }


.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn, .input-group-btn > .btn-color1, .input-group-btn > .btn-color2, .input-group-btn > .btn-color3, .input-group-btn > .btn-color4, .input-group-btn > .reward-activity-progress-item--btn, #calendar .input-group-btn > .fc-today-button,
    #calendar .input-group-btn > .fc-month-button,
    #calendar .input-group-btn > .fc-basicWeek-button,
    #calendar .input-group-btn > .fc-basicDay-button {
        position: relative;
    }

        .input-group-btn > .btn + .btn, .input-group-btn > .btn-color1 + .btn, .input-group-btn > .btn-color2 + .btn, .input-group-btn > .btn-color3 + .btn, .input-group-btn > .btn-color4 + .btn, .input-group-btn > .reward-activity-progress-item--btn + .btn, #calendar .input-group-btn > .fc-today-button + .btn,
        #calendar .input-group-btn > .fc-month-button + .btn,
        #calendar .input-group-btn > .fc-basicWeek-button + .btn,
        #calendar .input-group-btn > .fc-basicDay-button + .btn, .input-group-btn > .btn + .btn-color1, .input-group-btn > .btn-color1 + .btn-color1, .input-group-btn > .btn-color2 + .btn-color1, .input-group-btn > .btn-color3 + .btn-color1, .input-group-btn > .btn-color4 + .btn-color1, .input-group-btn > .reward-activity-progress-item--btn + .btn-color1, #calendar .input-group-btn > .fc-today-button + .btn-color1,
        #calendar .input-group-btn > .fc-month-button + .btn-color1,
        #calendar .input-group-btn > .fc-basicWeek-button + .btn-color1,
        #calendar .input-group-btn > .fc-basicDay-button + .btn-color1, .input-group-btn > .btn + .btn-color2, .input-group-btn > .btn-color1 + .btn-color2, .input-group-btn > .btn-color2 + .btn-color2, .input-group-btn > .btn-color3 + .btn-color2, .input-group-btn > .btn-color4 + .btn-color2, .input-group-btn > .reward-activity-progress-item--btn + .btn-color2, #calendar .input-group-btn > .fc-today-button + .btn-color2,
        #calendar .input-group-btn > .fc-month-button + .btn-color2,
        #calendar .input-group-btn > .fc-basicWeek-button + .btn-color2,
        #calendar .input-group-btn > .fc-basicDay-button + .btn-color2, .input-group-btn > .btn + .btn-color3, .input-group-btn > .btn-color1 + .btn-color3, .input-group-btn > .btn-color2 + .btn-color3, .input-group-btn > .btn-color3 + .btn-color3, .input-group-btn > .btn-color4 + .btn-color3, .input-group-btn > .reward-activity-progress-item--btn + .btn-color3, #calendar .input-group-btn > .fc-today-button + .btn-color3,
        #calendar .input-group-btn > .fc-month-button + .btn-color3,
        #calendar .input-group-btn > .fc-basicWeek-button + .btn-color3,
        #calendar .input-group-btn > .fc-basicDay-button + .btn-color3, .input-group-btn > .btn + .btn-color4, .input-group-btn > .btn-color1 + .btn-color4, .input-group-btn > .btn-color2 + .btn-color4, .input-group-btn > .btn-color3 + .btn-color4, .input-group-btn > .btn-color4 + .btn-color4, .input-group-btn > .reward-activity-progress-item--btn + .btn-color4, #calendar .input-group-btn > .fc-today-button + .btn-color4,
        #calendar .input-group-btn > .fc-month-button + .btn-color4,
        #calendar .input-group-btn > .fc-basicWeek-button + .btn-color4,
        #calendar .input-group-btn > .fc-basicDay-button + .btn-color4, .input-group-btn > .btn + .reward-activity-progress-item--btn, .input-group-btn > .btn-color1 + .reward-activity-progress-item--btn, .input-group-btn > .btn-color2 + .reward-activity-progress-item--btn, .input-group-btn > .btn-color3 + .reward-activity-progress-item--btn, .input-group-btn > .btn-color4 + .reward-activity-progress-item--btn, .input-group-btn > .reward-activity-progress-item--btn + .reward-activity-progress-item--btn, #calendar .input-group-btn > .fc-today-button + .reward-activity-progress-item--btn,
        #calendar .input-group-btn > .fc-month-button + .reward-activity-progress-item--btn,
        #calendar .input-group-btn > .fc-basicWeek-button + .reward-activity-progress-item--btn,
        #calendar .input-group-btn > .fc-basicDay-button + .reward-activity-progress-item--btn, #calendar .input-group-btn > .btn + .fc-today-button, #calendar .input-group-btn > .btn-color1 + .fc-today-button, #calendar .input-group-btn > .btn-color2 + .fc-today-button, #calendar .input-group-btn > .btn-color3 + .fc-today-button, #calendar .input-group-btn > .btn-color4 + .fc-today-button, #calendar .input-group-btn > .reward-activity-progress-item--btn + .fc-today-button, #calendar .input-group-btn > .fc-today-button + .fc-today-button,
        #calendar .input-group-btn > .fc-month-button + .fc-today-button,
        #calendar .input-group-btn > .fc-basicWeek-button + .fc-today-button,
        #calendar .input-group-btn > .fc-basicDay-button + .fc-today-button,
        #calendar .input-group-btn > .btn + .fc-month-button,
        #calendar .input-group-btn > .btn-color1 + .fc-month-button,
        #calendar .input-group-btn > .btn-color2 + .fc-month-button,
        #calendar .input-group-btn > .btn-color3 + .fc-month-button,
        #calendar .input-group-btn > .btn-color4 + .fc-month-button,
        #calendar .input-group-btn > .reward-activity-progress-item--btn + .fc-month-button,
        #calendar .input-group-btn > .fc-today-button + .fc-month-button,
        #calendar .input-group-btn > .fc-month-button + .fc-month-button,
        #calendar .input-group-btn > .fc-basicWeek-button + .fc-month-button,
        #calendar .input-group-btn > .fc-basicDay-button + .fc-month-button,
        #calendar .input-group-btn > .btn + .fc-basicWeek-button,
        #calendar .input-group-btn > .btn-color1 + .fc-basicWeek-button,
        #calendar .input-group-btn > .btn-color2 + .fc-basicWeek-button,
        #calendar .input-group-btn > .btn-color3 + .fc-basicWeek-button,
        #calendar .input-group-btn > .btn-color4 + .fc-basicWeek-button,
        #calendar .input-group-btn > .reward-activity-progress-item--btn + .fc-basicWeek-button,
        #calendar .input-group-btn > .fc-today-button + .fc-basicWeek-button,
        #calendar .input-group-btn > .fc-month-button + .fc-basicWeek-button,
        #calendar .input-group-btn > .fc-basicWeek-button + .fc-basicWeek-button,
        #calendar .input-group-btn > .fc-basicDay-button + .fc-basicWeek-button,
        #calendar .input-group-btn > .btn + .fc-basicDay-button,
        #calendar .input-group-btn > .btn-color1 + .fc-basicDay-button,
        #calendar .input-group-btn > .btn-color2 + .fc-basicDay-button,
        #calendar .input-group-btn > .btn-color3 + .fc-basicDay-button,
        #calendar .input-group-btn > .btn-color4 + .fc-basicDay-button,
        #calendar .input-group-btn > .reward-activity-progress-item--btn + .fc-basicDay-button,
        #calendar .input-group-btn > .fc-today-button + .fc-basicDay-button,
        #calendar .input-group-btn > .fc-month-button + .fc-basicDay-button,
        #calendar .input-group-btn > .fc-basicWeek-button + .fc-basicDay-button,
        #calendar .input-group-btn > .fc-basicDay-button + .fc-basicDay-button {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn-color1:hover, .input-group-btn > .btn-color2:hover, .input-group-btn > .btn-color3:hover, .input-group-btn > .btn-color4:hover, .input-group-btn > .reward-activity-progress-item--btn:hover, #calendar .input-group-btn > .fc-today-button:hover,
        #calendar .input-group-btn > .fc-month-button:hover,
        #calendar .input-group-btn > .fc-basicWeek-button:hover,
        #calendar .input-group-btn > .fc-basicDay-button:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn-color1:focus, .input-group-btn > .btn-color2:focus, .input-group-btn > .btn-color3:focus, .input-group-btn > .btn-color4:focus, .input-group-btn > .reward-activity-progress-item--btn:focus, #calendar .input-group-btn > .fc-today-button:focus,
        #calendar .input-group-btn > .fc-month-button:focus,
        #calendar .input-group-btn > .fc-basicWeek-button:focus,
        #calendar .input-group-btn > .fc-basicDay-button:focus, .input-group-btn > .btn:active, .input-group-btn > .btn-color1:active, .input-group-btn > .btn-color2:active, .input-group-btn > .btn-color3:active, .input-group-btn > .btn-color4:active, .input-group-btn > .reward-activity-progress-item--btn:active, #calendar .input-group-btn > .fc-today-button:active,
        #calendar .input-group-btn > .fc-month-button:active,
        #calendar .input-group-btn > .fc-basicWeek-button:active,
        #calendar .input-group-btn > .fc-basicDay-button:active {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-color1, .input-group-btn:first-child > .btn-color2, .input-group-btn:first-child > .btn-color3, .input-group-btn:first-child > .btn-color4, .input-group-btn:first-child > .reward-activity-progress-item--btn, #calendar .input-group-btn:first-child > .fc-today-button,
    #calendar .input-group-btn:first-child > .fc-month-button,
    #calendar .input-group-btn:first-child > .fc-basicWeek-button,
    #calendar .input-group-btn:first-child > .fc-basicDay-button,
    .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-color1, .input-group-btn:last-child > .btn-color2, .input-group-btn:last-child > .btn-color3, .input-group-btn:last-child > .btn-color4, .input-group-btn:last-child > .reward-activity-progress-item--btn, #calendar .input-group-btn:last-child > .fc-today-button,
    #calendar .input-group-btn:last-child > .fc-month-button,
    #calendar .input-group-btn:last-child > .fc-basicWeek-button,
    #calendar .input-group-btn:last-child > .fc-basicDay-button,
    .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }


.input-group.no-date-icon {
    display: block;
}

    .input-group.no-date-icon .form-control {
        display: inline;
        float: none;
    }

    .input-group.no-date-icon .input-group-addon {
        display: none;
    }


.sliding-table label {
    color: inherit;
    font-size: inherit;
}


.input--label-right {
    display: table;
}

    .input--label-right input {
        display: table-cell;
        width: 100%;
    }

    .input--label-right .p-label {
        padding-left: 0.5em;
        display: table-cell;
        vertical-align: bottom;
    }

.p-label {
    margin-bottom: 0;
}


.form-group--tracker {
    padding: 1em;
    background-color: #EEEEEE;
}



.radio--highlighted,
.checkbox--highlighted {
    margin: 10px 0;
}

    .radio--highlighted > label,
    .checkbox--highlighted > label {
        color: #165788;
        padding: 3px 10px 3px 30px;
        margin-bottom: 3px;
        background-color: #c1dce5;
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -ms-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

        .radio--highlighted > label:hover,
        .checkbox--highlighted > label:hover {
            background-color: #9dc8d6;
        }

        .radio--highlighted > label.selected,
        .checkbox--highlighted > label.selected {
            background-color: #f9e3c2;
        }

/* Fonts */
/* Layout */
/* ==|====================
   Layout/Header
   ======================= */
/* ==|====================
   Layout/Nav
   ======================= */

.l-nav {
    float: left;
    width: 24%;
    margin-right: 2%;
}

@media (max-width: 768px) {

    .l-nav {
        display: none;
    }
}

@media print {

    * .l-nav {
        display: none;
    }
}

/* ==|====================
   Layout/Footer
   ======================= */

.l-footer .l-constrained {
    margin-top: 1.42857em;
}

/* ==|====================
   Layout/Constrained
   ======================= */

.l-constrained {
    max-width: 960px;
    padding: 0 0.71429em;
    margin: 0 auto;
}


.l-main > .l-constrained {
    padding-top: 20px;
}

@media (max-width: 768px) {

    .l-main > .l-constrained {
        padding-top: 10px;
    }
}

/* ==|====================
   Layout/Content
   ======================= */

.l-content {
    /*float: left;*/
    width: 74%;
    margin: 0 auto;
}

@media (max-width: 768px) {

    .l-content {
        float: none;
        width: auto;
    }
}

@media print {

    * .l-content {
        width: 100%;
    }
}

.l-content .l-wrapper {
    margin: 0 1em 1em;
}

/* ==|====================
   Layout/Main
   ======================= */

.l-main {
    padding-top: 128px;
}

.lt-ie8 .l-main {
    zoom: 1;
}

.l-main:before, .l-main:after {
    content: "";
    display: table;
}

.l-main:after {
    clear: both;
}

@media print {

    * .l-main {
        padding-top: 0 !important;
    }
}

.prelogin .l-main {
    padding-top: 110px;
}

@media (max-width: 768px) {

    .l-main, .prelogin .l-main {
        padding-top: 70px;
    }
}

/* Modules */
/* ==|====================
   Module/Button
   ======================= */

.btn, .btn-color1, .btn-color2, .btn-color3, .btn-color4, .reward-activity-progress-item--btn, #calendar .fc-today-button,
#calendar .fc-month-button,
#calendar .fc-basicWeek-button,
#calendar .fc-basicDay-button {
    padding: 10px 15px 7px;
    color: white;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #1e8600;
    border: none;
    outline: none;
    font-weight: bold;
    border-bottom: 3px solid #4c7c00;
    border-color: #4c7c00;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.5em;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

@media print {

    * .btn, * .btn-color1, * .btn-color2, * .btn-color3, * .btn-color4, * .reward-activity-progress-item--btn, * #calendar .fc-today-button, #calendar * .fc-today-button,
    * #calendar .fc-month-button,
    #calendar * .fc-month-button,
    * #calendar .fc-basicWeek-button,
    #calendar * .fc-basicWeek-button,
    * #calendar .fc-basicDay-button,
    #calendar * .fc-basicDay-button {
        border-bottom-color: #474647;
    }
}

.btn:hover, .btn-color1:hover, .btn-color2:hover, .btn-color3:hover, .btn-color4:hover, .reward-activity-progress-item--btn:hover, #calendar .fc-today-button:hover,
#calendar .fc-month-button:hover,
#calendar .fc-basicWeek-button:hover,
#calendar .fc-basicDay-button:hover, .btn:active, .btn-color1:active, .btn-color2:active, .btn-color3:active, .btn-color4:active, .reward-activity-progress-item--btn:active, #calendar .fc-today-button:active,
#calendar .fc-month-button:active,
#calendar .fc-basicWeek-button:active,
#calendar .fc-basicDay-button:active {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), #1e8600;
    border-bottom: 3px solid #4c7c00;
    color: white;
}

.btn:focus, .btn-color1:focus, .btn-color2:focus, .btn-color3:focus, .btn-color4:focus, .reward-activity-progress-item--btn:focus, #calendar .fc-today-button:focus,
#calendar .fc-month-button:focus,
#calendar .fc-basicWeek-button:focus,
#calendar .fc-basicDay-button:focus {
    outline: 2px dotted #656565!important;
    outline-offset: 2px;
}


.btn-color1 {
    background-color: #c8202f;
    color: white;
}

    .btn-color1:hover {
        background: #d12131;
    }


.btn-color2 {
    background-color: #165788;
    color: white;
}

    .btn-color2:hover {
        background: #175d91;
    }


.btn-color3 {
    background-color: #67bc47;
    color: white;
}

    .btn-color3:hover {
        background: #6dbf4e;
    }


.btn-color4 {
    background-color: #FF9494;
    color: white;
}

    .btn-color4:hover {
        background: #ff9e9e;
    }


.btn--disabled, #calendar .fc-today-button.fc-state-disabled,
#calendar .fc-month-button.fc-state-disabled,
#calendar .fc-basicWeek-button.fc-state-disabled,
#calendar .fc-basicDay-button.fc-state-disabled,
.btn[disabled],
[disabled].btn-color1,
[disabled].btn-color2,
[disabled].btn-color3,
[disabled].btn-color4,
[disabled].reward-activity-progress-item--btn,
#calendar [disabled].fc-today-button,
#calendar [disabled].fc-month-button,
#calendar [disabled].fc-basicWeek-button,
#calendar [disabled].fc-basicDay-button {
    background-color: #c0c0c0;
    border-bottom: #737373;
    cursor: default;
}

    .btn--disabled:hover, #calendar .fc-today-button.fc-state-disabled:hover,
    #calendar .fc-month-button.fc-state-disabled:hover,
    #calendar .fc-basicWeek-button.fc-state-disabled:hover,
    #calendar .fc-basicDay-button.fc-state-disabled:hover, .btn--disabled:focus, #calendar .fc-today-button.fc-state-disabled:focus,
    #calendar .fc-month-button.fc-state-disabled:focus,
    #calendar .fc-basicWeek-button.fc-state-disabled:focus,
    #calendar .fc-basicDay-button.fc-state-disabled:focus, .btn--disabled:active, #calendar .fc-today-button.fc-state-disabled:active,
    #calendar .fc-month-button.fc-state-disabled:active,
    #calendar .fc-basicWeek-button.fc-state-disabled:active,
    #calendar .fc-basicDay-button.fc-state-disabled:active,
    .btn[disabled]:hover,
    [disabled].btn-color1:hover,
    [disabled].btn-color2:hover,
    [disabled].btn-color3:hover,
    [disabled].btn-color4:hover,
    [disabled].reward-activity-progress-item--btn:hover,
    #calendar [disabled].fc-today-button:hover,
    #calendar [disabled].fc-month-button:hover,
    #calendar [disabled].fc-basicWeek-button:hover,
    #calendar [disabled].fc-basicDay-button:hover,
    .btn[disabled]:focus,
    [disabled].btn-color1:focus,
    [disabled].btn-color2:focus,
    [disabled].btn-color3:focus,
    [disabled].btn-color4:focus,
    [disabled].reward-activity-progress-item--btn:focus,
    #calendar [disabled].fc-today-button:focus,
    #calendar [disabled].fc-month-button:focus,
    #calendar [disabled].fc-basicWeek-button:focus,
    #calendar [disabled].fc-basicDay-button:focus,
    .btn[disabled]:active,
    [disabled].btn-color1:active,
    [disabled].btn-color2:active,
    [disabled].btn-color3:active,
    [disabled].btn-color4:active,
    [disabled].reward-activity-progress-item--btn:active,
    #calendar [disabled].fc-today-button:active,
    #calendar [disabled].fc-month-button:active,
    #calendar [disabled].fc-basicWeek-button:active,
    #calendar [disabled].fc-basicDay-button:active {
        background-color: #c0c0c0;
        border-bottom: #737373;
    }


.btn-no-border, .btn-no-border:hover {
    border-bottom: 0;
}


.btn-link, .sidr-close-button {
    color: #165788;
    font-weight: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    behavior: url(/javascripts/lib/PIE.htc);
}

    .btn-link, .sidr-close-button, .btn-link:active, .sidr-close-button:active, .btn-link.active, .active.sidr-close-button, .btn-link[disabled], [disabled].sidr-close-button, fieldset[disabled] .btn-link, fieldset[disabled] .sidr-close-button {
        background-color: transparent;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .sidr-close-button, .btn-link:hover, .sidr-close-button:hover, .btn-link:focus, .sidr-close-button:focus, .btn-link:active, .sidr-close-button:active {
            border-color: transparent;
        }

            .btn-link:hover, .sidr-close-button:hover, .btn-link:focus, .sidr-close-button:focus {
                color: #0f3b5c;
                text-decoration: none;
                background-color: transparent;
                outline: 2px dotted #656565;
                outline-offset: 2px;
            }


.btn-unstyled {
    color: #474647;
    font-weight: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    behavior: url(/javascripts/lib/PIE.htc);
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0 9px;
    margin: 0 3px;
}
.btn-unstyled:focus {
    outline: 2px dotted #656565!important;
}
    .btn--shorter {
    padding-top: 6px;
    padding-bottom: 3px;
}


#panel {
    background-color: #eeeeee;
}


.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    max-width: 400px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
}


.slideout-panel {
    position: relative;
    z-index: 1;
}


.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}


    .slideout-open .slideout-menu {
        display: block;
    }


.sidr {
    padding-top: 60px;
    background-color: white;
}


.sidr-top {
    padding-top: 30px;
}

.lt-ie8 .sidr-top {
    zoom: 1;
}

.sidr-top:before, .sidr-top:after {
    content: "";
    display: table;
}

.sidr-top:after {
    clear: both;
}


.sidr-account-options {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}

    .sidr-account-options li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .sidr-account-options li {
    display: inline;
    zoom: 1;
}


.sidr-close-button {
    color: #474647;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    padding: 10px 15px;
    line-height: 1;
}

/* ==|=====================
   Module/Table
   ======================== */

.table {
    background: #fff;
    width: 100%;
}

    .table thead th {
        background: #165788;
        color: #fff;
        padding: .7em;
        font-weight: 300;
        text-align: left;
        vertical-align: bottom;
    }

    .table tbody th {
        font-weight: bold;
        text-align: left;
    }

    .table td,
    .table tbody th {
        border-bottom: 1px dashed #e9e9e9;
        padding: .7em;
    }

    .table:last-child td, .table:last-child tbody th {
        border-bottom: none;
    }

@media (max-width: 768px) {

    .table {
        font-size: .8em;
    }
}

.table .col--minwidth-med {
    min-width: 150px;
}

.table .col--minwidth-sm {
    min-width: 100px;
}

.table .col--minwidth-lg {
    min-width: 200px;
}


.table--borders thead th {
    text-align: left;
    border-left: 2px solid #165788;
    border-right: 2px solid #165788;
}

.table--borders td,
.table--borders tbody th {
    border-bottom: 2px solid #dcdcdc;
    border-right: 2px solid #dcdcdc;
    text-align: left;
}

    .table--borders td:first-child,
    .table--borders tbody th:first-child {
        border-left: 2px solid #dcdcdc;
    }

.table--borders table tr,
.table--borders table th,
.table--borders table td,
.table--borders table td:first-child,
.table--borders table tr:first-child {
    border: none;
}


.tracker-table-entry td,
.tracker-table-entry th,
.editable-table-entry td,
.editable-table-entry th {
    vertical-align: top;
}

.tracker-table-entry textarea,
.editable-table-entry textarea {
    height: auto;
    margin-bottom: 0.5em;
}

.tracker-table-entry input,
.tracker-table-entry textarea,
.tracker-table-entry select,
.editable-table-entry input,
.editable-table-entry textarea,
.editable-table-entry select {
    min-width: auto;
}

.tracker-table-entry .input-group,
.editable-table-entry .input-group {
    max-width: 170px;
}

.tracker-table-entry .tracker-table-form,
.editable-table-entry .tracker-table-form {
    display: none;
    margin-bottom: 0;
}


.editable-table-create-template {
    display: none !important;
}


.table .no-records td,
.table-stack .no-records td {
    text-align: center !important;
}

    .table .no-records td h3,
    .table-stack .no-records td h3 {
        margin-top: 10px;
    }

    .table .no-records td span,
    .table-stack .no-records td span {
        max-width: 300px;
        padding: 0 10px;
        display: block;
        margin: 10px auto;
    }

@media (max-width: 39.9375em) {

    body .tablesaw-stack thead td,
    body .tablesaw-stack thead th {
        display: none;
    }

    body .tablesaw-stack tbody td,
    body .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%;
    }

    body .tablesaw-cell-label {
        vertical-align: top;
    }

    body .tablesaw-cell-content {
        max-width: 67%;
        display: inline-block;
    }

    body .tablesaw-stack td:empty,
    body .tablesaw-stack th:empty {
        display: none;
    }
}

@media (min-width: 40em) {

    body {
        /* Show the table header rows */
        /* Hide the labels in each cell */
    }

        body .tablesaw-stack tr {
            display: table-row;
        }

        body .tablesaw-stack td,
        body .tablesaw-stack th,
        body .tablesaw-stack thead td,
        body .tablesaw-stack thead th {
            display: table-cell;
            margin: 0;
        }

            body .tablesaw-stack td .tablesaw-cell-label,
            body .tablesaw-stack th .tablesaw-cell-label {
                display: none !important;
            }
}

@media (max-width: 39.9375em) {

    .tablesaw-stack {
        background-color: transparent;
    }

        .tablesaw-stack .child-row td {
            padding-left: 40px;
        }

        .tablesaw-stack .parent-row {
            border-bottom: none;
        }

            .tablesaw-stack .parent-row td {
                display: none;
            }

                .tablesaw-stack .parent-row td:first-child {
                    display: block;
                }

        .tablesaw-stack tbody tr {
            background-color: white;
            border-bottom: 1px solid #737373;
        }

            .tablesaw-stack tbody tr td,
            .tablesaw-stack tbody tr th {
                padding: 5px;
            }

        .tablesaw-stack .editable-table-status .alert > div {
            padding: 0.5em;
        }


        .tablesaw-stack.table .tablesaw-cell-label {
            background-color: #165788;
            color: white;
            font-weight: normal;
        }


        .tablesaw-stack.table--borders {
            font-size: 12px;
        }

            .tablesaw-stack.table--borders tr {
                padding: 0;
                border-bottom: none;
                margin-bottom: 1em;
                display: block;
            }

                .tablesaw-stack.table--borders tr:last-child {
                    margin-bottom: 0;
                }

            .tablesaw-stack.table--borders th {
                text-align: left;
            }

            .tablesaw-stack.table--borders td,
            .tablesaw-stack.table--borders tbody th {
                border: none;
                text-align: left;
                padding: 0;
                display: table;
                float: none;
            }

            .tablesaw-stack.table--borders thead tr {
                margin-bottom: 0;
            }

            .tablesaw-stack.table--borders .tablesaw-cell-label,
            .tablesaw-stack.table--borders .tablesaw-cell-content {
                float: none;
                display: table-cell;
                padding: 0.5em;
            }

            .tablesaw-stack.table--borders .tablesaw-cell-label {
                width: 40%;
                border-left: 1px solid #165788;
                border-bottom: 1px solid #dcdcdc;
            }

            .tablesaw-stack.table--borders .tablesaw-cell-content {
                width: 60%;
                max-width: none;
                border-right: 1px solid #dcdcdc;
                border-bottom: 1px solid #dcdcdc;
            }

            .tablesaw-stack.table--borders td:first-child .tablesaw-cell-label,
            .tablesaw-stack.table--borders tbody th:first-child .tablesaw-cell-label {
                border-top: 1px solid #165788;
            }

            .tablesaw-stack.table--borders td:first-child .tablesaw-cell-content,
            .tablesaw-stack.table--borders tbody th:first-child .tablesaw-cell-content {
                border-top: 1px solid #dcdcdc;
            }

            .tablesaw-stack.table--borders td:last-child .tablesaw-cell-label,
            .tablesaw-stack.table--borders tbody th:last-child .tablesaw-cell-label {
                border-bottom: 1px solid #165788;
            }
}

.vert-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}


.vert-nav-item {
    display: block;
    margin-bottom: 2px;
    font-size: 18px;
}

    .vert-nav-item.is-active .vert-nav-link {
        background-color: #6baf00;
        color: white;
    }


.vert-nav-link {
    background-color: #165788;
    color: white;
    display: block;
    text-decoration: none;
    padding: 5px 10px;
}

    .vert-nav-link:hover, .vert-nav-link:active, .vert-nav-link:focus {
        background-color: #1d73b4;
        color: white;
    }

    .vert-nav-link:before {
        float: left;
        text-align: center;
        width: 20px;
        padding: 0 5px 0 0;
        font: normal normal normal 20px/1.5 FontAwesome;
    }


.vert-nav-item--home .vert-nav-link:before {
    content: "\f015";
}


.vert-nav-item--rewards .vert-nav-link:before {
    content: "\f091";
}


.vert-nav-item--accordion .vert-nav-link:before {
    content: "\f107";
}

.vert-nav-item--accordion .vert-nav-link.collapsed:before {
    content: "\f105";
}


.sidr .vert-nav {
    padding: 1em 6px;
}


.vert-subnav {
    margin: 0;
    padding: 0;
    list-style: none;
}


.vert-subnav-item {
    display: block;
    border-bottom: 1px solid #c8c8c8;
    padding: 2px 0;
    font-size: 14px;
}

    .vert-subnav-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .vert-subnav-item.is-active .vert-subnav-link {
        background-color: #6baf00;
        color: white;
        font-weight: bold;
    }


.vert-subnav-link {
    text-decoration: none;
    color: #474647;
    display: block;
    padding: 10px 15px;
}

    .vert-subnav-link:hover, .vert-subnav-link:active, .vert-subnav-link:focus {
        background-color: #ffffff;
        color: #474647;
    }


.vert-subnav-link--external:after {
    float: right;
    text-align: right;
    content: "\f08e";
    font-family: "fontawesome";
}


.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }


.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -moz-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}


.accordion-item {
    margin-bottom: 1em;
}


.accordion-heading {
    color: #ffffff;
    display: block;
    background-color: #1e8600;
    padding: 2px 10px;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-size: 22px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}


    .accordion-heading:hover, .accordion-heading:active, .accordion-heading:focus {
        background-color: #71b900;
        color: white;
    }


.accordion-heading-subtitle {
    font-size: 12px;
    display: block;
    font-family: "Lato", "Arial", sans-serif;
}


.accordion-heading-functions {
    float: right;
    font-size: 12px;
    font-family: "Lato", "Arial", sans-serif;
    line-height: 33px;
}

    .accordion-heading-functions .link {
        text-decoration: underline;
    }

@media (max-width: 480px) {

    .accordion-heading-functions {
        float: none;
        display: block;
        line-height: 1.2;
    }
}


.accordion-heading--blue {
    background-color: #165788;
}

    .accordion-heading--blue:hover, .accordion-heading--blue:active, .accordion-heading--blue:focus {
        background-color: #175d91;
    }


.accordion-heading--yellow {
    background-color: #ce8e00;
}

    .accordion-heading--yellow:hover, .accordion-heading--yellow:active, .accordion-heading--yellow:focus {
        background-color: #d89500;
    }


.accordion-toggle {
    text-decoration: none;
    display: block;
    position: relative;
    padding-left: 35px;
}

#recipe-list .accordion-heading h3 {
    font-size: inherit;
    line-height: inherit;
}

.accordion-toggle:before {
    width: 20px;
    text-align: left;
    padding-right: 5px;
    text-align: center;
    content: "\f107";
    font: normal normal normal 22px/1.5 FontAwesome;
    transition: all .35s ease;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    left: 10px;
}

.accordion-toggle.collapsed:before {
    content: "\f105";
}


.accordion-body {
    padding: 10px 15px;
}


.accordion-body--form {
    padding: 0 0 0 35px;
}

    .accordion-body--form p:last-child {
        margin-bottom: 0;
    }


.accordion-toggle--form {
    color: #165788;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

    .accordion-toggle--form:before {
        line-height: 1;
    }


.accordion-toggle--form--green {
    color: #6baf00;
}


.accordion-toggle--form-subtitle {
    color: #474647;
    font-size: 12px;
    padding-left: 10px;
    font-weight: normal;
}


.accordion-item--form--disabled .accordion-toggle {
    color: #737373;
}


.accordion-item--minor {
    margin-bottom: 0;
}


.accordion-toggle--minor {
    color: #474647;
    font-weight: bold;
    padding-left: 0;
}

    .accordion-toggle--minor:hover, .accordion-toggle--minor:active, .accordion-toggle--minor:focus {
        color: #0f3b5c;
    }

    .accordion-toggle--minor:before {
        display: none;
    }


.accordion-body--minor {
    padding: 0 0 0 35px;
}


.accordion-item--disabled .accordion-toggle {
    background-color: #c0c0c0;
    cursor: default;
}


.accordion-toggle--inline {
    display: inline-block;
}


.profile-snapshot {
    font-size: 16px;
}

@media print {

    * .profile-snapshot {
        display: none;
    }
}


.profile-snapshot-l1 {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .profile-snapshot-l1 li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .profile-snapshot-l1 li {
    display: inline;
    zoom: 1;
}


.profile-snapshot-modules {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0.5em 0;
}

    .profile-snapshot-modules li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .profile-snapshot-modules li {
    display: inline;
    zoom: 1;
}

.profile-snapshot-modules .fa {
    font-size: 20px;
}


.profile-snapshot-languages {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

    .profile-snapshot-languages li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .profile-snapshot-languages li {
    display: inline;
    zoom: 1;
}

.profile-snapshot-languages a {
    color: #474647;
}


.profile-snapshot-module a {
    text-decoration: none;
}

.profile-snapshot-module .fa {
    position: relative;
}


.profile-snapshot-module--points,
.profile-snapshot-module--points a {
    color: #df1b4f;
    font-weight: bold;
    font-size: 15px;
}


    .profile-snapshot-module--points a,
    .profile-snapshot-modules .profile-snapshot-module--points a {
        padding-left: 0;
    }


.profile-snapshot-module--messages,
.profile-snapshot-module--messages a {
    color: #165788;
}


.profile-snapshot-module--calendar,
.profile-snapshot-module--calendar a {
    color: #6baf00;
}


.profile-snapshot-module--sweepstakes,
.profile-snapshot-module--sweepstakes a {
    color: #00a9e0;
}

    .profile-snapshot-module--sweepstakes label,
    .profile-snapshot-module--sweepstakes a label {
        cursor: pointer;
    }


.badge-number {
    background-color: #ce8e00;
    color: white;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/javascripts/lib/PIE.htc);
    padding: 0 5px;
    position: absolute;
    bottom: -10px;
    left: 9px;
    font-family: "Lato", "Arial", sans-serif;
    text-align: center;
}

/*=======================================
=            Inside Sidr nav            =
=======================================*/

.sidr .profile-snapshot {
    text-align: center;
    margin-bottom: 1em;
}

    .sidr .profile-snapshot .profile-snapshot-l1 li:first-child:after {
        display: none;
    }

    .sidr .profile-snapshot .profile-snapshot-li--logout {
        display: none;
    }

    .sidr .profile-snapshot .profile-snapshot-module--points a {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
    }

    .sidr .profile-snapshot .profile-snapshot-module--points .points-label {
        font-size: 8px;
        display: block;
    }

    .sidr .profile-snapshot .profile-snapshot-languages {
        display: none;
    }


.breadcrumbs {
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    width: 75%;
}

@media (max-width: 960px) {

    .breadcrumbs {
        width: 60%;
    }
}

@media (max-width: 480px) {

    .breadcrumbs {
        width: 100%;
        padding: 0.35714em 1em 1em 0;
    }
}


.breadcrumb-item {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #474647;
}

    .breadcrumb-item:before {
        content: "  \f105  ";
        font: normal normal normal 14px/1 FontAwesome;
    }

.breadcrumb-item--home:first-child:before {
    content: '';
}


.breadcrumb-item--home {
    color: #165788;
    font-size: 1.42857em;
    line-height: 1;
}


.cards {
    text-align: left;
}

.lt-ie8 .cards {
    zoom: 1;
}

.cards:before, .cards:after {
    content: "";
    display: table;
}

.cards:after {
    clear: both;
}

@media (max-width: 469px) {

    .cards {
        text-align: center;
    }
}

.cards .card {
    width: 32%;
    margin: 0 1% 1em 0;
    min-width: 220px;
    display: inline-block;
    text-align: left;
}


.slick-slider .card {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}


.card {
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/javascripts/lib/PIE.htc);
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: inherit;
    font-size: 12px;
    max-width: 240px;
}


a.card:hover, a.card:active {
    color: inherit;
}

    a.card:hover .card-link, a.card:active .card-link {
        color: #0f3b5c;
    }

a.card .card-title {
    text-decoration: underline;
    word-break: normal;
}


.card-content {
    padding: 15px;
    display: block;
    float: left;
}


.card-image {
    display: block;
    width: 100%;
    height: auto;
}


.card-link {
    text-decoration: none;
    color: #165788;
}

    .card-link:before {
        content: "\f105  ";
        font: normal normal normal 14px/1 FontAwesome;
    }

    .card-link:hover, .card-link:active {
        color: #0f3b5c;
    }


.card-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal;
    font-family: "Lato", "Arial", sans-serif;
    margin: 0;
    margin-bottom: 0.5em;
}

/* For Health action Card Descrption*/
.hacard-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    font-style: Normal;
    color: #165788;
    font-family: "Proxima Nova";
    margin: 0;
    margin-bottom: 0.5em;
}


.hacard-description {
    color: #474647;
    font-family: "Proxima Nova";
    font-size: 14px;
    line-height: 18px;
    font-weight: Normal;
    font-style: Normal;
}


/*.card-description {
    color: #474647;
    font-family: "Proxima Nova";
    font-size: 14px;
    line-height: 18px;
    font-weight: Normal;
    font-style: Normal;
}*/

/*==========  Floated Card  ==========*/

.card--floated {
    width: 32%;
    float: left;
    margin: 0 1% 1em 0;
}


.card--floatedlong {
    width: 45%;
    float: left;
    margin: 0 1em 1em 0;
}


.card--floatedform {
    width: 47%;
    line-height: 20px;
    float: left;
    margin: 0 10px 0 5px;
    padding: 5px 5px 10px 5px;
}

    .card--floatedform label {
        font-size: 14px;
    }

@media (max-width: 950px) {

    .card--floatedlong {
        height: 100px;
        width: 48%;
    }
}

@media (max-width: 600px) {

    .card--floatedform {
        height: 90px;
        margin: 5px 5px 0 5px;
        padding: 5px 5px 0 5px;
        width: 46%;
    }
}
/*==========  Vertical Card  ==========*/

.card--vertical {
    border-top: 10px solid #00a9e0;
    min-height: 300px;
}

@media print {

    * .card--vertical {
        border: solid 1px #474647 !important;
        border-top-color: #474647 !important;
    }
}


.card--short {
    min-height: 240px;
}

/*==========  Horizontal Card  ==========*/

.card--horizontal {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    behavior: url(/javascripts/lib/PIE.htc);
    border-left: 20px solid #00a9e0;
    margin: 0 0 2em 0;
    max-width: none;
}

@media print {

    * .card--horizontal {
        border: solid 1px #474647 !important;
        border-top-color: #474647 !important;
    }
}

.card--horizontal .card-image {
    float: left;
    width: 40%;
    max-width: 40%;
}

@media (max-width: 960px) {

    .card--horizontal .card-image {
        width: 100%;
        max-width: 55%;
    }
}

@media (max-width: 768px) {

    .card--horizontal .card-image {
        display: none;
    }
}

.card--horizontal .card-content {
    width: 60%;
    max-width: 60%;
}

@media (max-width: 960px) {

    .card--horizontal .card-content {
        width: 100%;
        max-width: 45%;
    }
}

@media (max-width: 768px) {

    .card--horizontal .card-content {
        max-width: 100%;
    }
}

.card--horizontal h3 {
    font-family: "Lato", "Arial", sans-serif;
    font-size: 1.28571em;
}

.card--horizontal p {
    margin: 0;
}

/*==========  Card Colors  ==========*/

.card--sky--blue {
    border-color: #C93218;
}

    .card--sky--blue h1, .card--sky--blue h2, .card--sky--blue h3, .card--sky--blue h4, .card--sky--blue h5, .card--sky--blue h6 {
        color: #00a9e0;
    }

    .card--sky--blue a,
    .card--sky--blue .card-link {
        color: #00a9e0;
    }

        .card--sky--blue a:hover, .card--sky--blue a:active,
        .card--sky--blue .card-link:hover,
        .card--sky--blue .card-link:active {
            color: #00b1ea;
        }


.card--sky-blue,
.card--homework {
    border-color: #00a9e0;
}

    .card--sky-blue h1, .card--sky-blue h2, .card--sky-blue h3, .card--sky-blue h4, .card--sky-blue h5, .card--sky-blue h6,
    .card--homework h1,
    .card--homework h2,
    .card--homework h3,
    .card--homework h4,
    .card--homework h5,
    .card--homework h6 {
        color: #00a9e0;
    }

    .card--sky-blue a,
    .card--sky-blue .card-link,
    .card--homework a,
    .card--homework .card-link {
        color: #00a9e0;
    }

        .card--sky-blue a:hover, .card--sky-blue a:active,
        .card--sky-blue .card-link:hover,
        .card--sky-blue .card-link:active,
        .card--homework a:hover,
        .card--homework a:active,
        .card--homework .card-link:hover,
        .card--homework .card-link:active {
            color: #00b1ea;
        }


a.card--sky-blue:hover a,
a.card--sky-blue:hover .card-link, a.card--sky-blue:active a,
a.card--sky-blue:active .card-link,
a.card--homework:hover a,
a.card--homework:hover .card-link,
a.card--homework:active a,
a.card--homework:active .card-link {
    color: #00b1ea;
}


.card--pink,
.card--reward {
    border-color: #df1b4f;
}

    .card--pink h1, .card--pink h2, .card--pink h3, .card--pink h4, .card--pink h5, .card--pink h6,
    .card--reward h1,
    .card--reward h2,
    .card--reward h3,
    .card--reward h4,
    .card--reward h5,
    .card--reward h6 {
        color: #df1b4f;
    }

    .card--pink a,
    .card--pink .card-link,
    .card--reward a,
    .card--reward .card-link {
        color: #df1b4f;
    }

        .card--pink a:hover, .card--pink a:active,
        .card--pink .card-link:hover,
        .card--pink .card-link:active,
        .card--reward a:hover,
        .card--reward a:active,
        .card--reward .card-link:hover,
        .card--reward .card-link:active {
            color: #e42054;
        }


a.card--pink:hover a,
a.card--pink:hover .card-link, a.card--pink:active a,
a.card--pink:active .card-link,
a.card--reward:hover a,
a.card--reward:hover .card-link,
a.card--reward:active a,
a.card--reward:active .card-link {
    color: #e42054;
}


.card--black,
.card--alert {
    border-color: black;
}

    .card--black h1, .card--black h2, .card--black h3, .card--black h4, .card--black h5, .card--black h6,
    .card--alert h1,
    .card--alert h2,
    .card--alert h3,
    .card--alert h4,
    .card--alert h5,
    .card--alert h6 {
        color: black;
    }

    .card--black a,
    .card--black .card-link,
    .card--alert a,
    .card--alert .card-link {
        color: black;
    }

        .card--black a:hover, .card--black a:active,
        .card--black .card-link:hover,
        .card--black .card-link:active,
        .card--alert a:hover,
        .card--alert a:active,
        .card--alert .card-link:hover,
        .card--alert .card-link:active {
            color: #050505;
        }


a.card--black:hover a,
a.card--black:hover .card-link, a.card--black:active a,
a.card--black:active .card-link,
a.card--alert:hover a,
a.card--alert:hover .card-link,
a.card--alert:active a,
a.card--alert:active .card-link {
    color: #050505;
}


.card--gray,
.card--general {
    border-color: gray;
}

    .card--gray h1, .card--gray h2, .card--gray h3, .card--gray h4, .card--gray h5, .card--gray h6,
    .card--general h1,
    .card--general h2,
    .card--general h3,
    .card--general h4,
    .card--general h5,
    .card--general h6 {
        color: gray;
    }

    .card--gray a,
    .card--gray .card-link,
    .card--general a,
    .card--general .card-link {
        color: gray;
    }

        .card--gray a:hover, .card--gray a:active,
        .card--gray .card-link:hover,
        .card--gray .card-link:active,
        .card--general a:hover,
        .card--general a:active,
        .card--general .card-link:hover,
        .card--general .card-link:active {
            color: #858585;
        }


a.card--gray:hover a,
a.card--gray:hover .card-link, a.card--gray:active a,
a.card--gray:active .card-link,
a.card--general:hover a,
a.card--general:hover .card-link,
a.card--general:active a,
a.card--general:active .card-link {
    color: #858585;
}


.card--yellow,
.card--tool {
    border-color: #ce8e00;
}

    .card--yellow h1, .card--yellow h2, .card--yellow h3, .card--yellow h4, .card--yellow h5, .card--yellow h6,
    .card--tool h1,
    .card--tool h2,
    .card--tool h3,
    .card--tool h4,
    .card--tool h5,
    .card--tool h6 {
        color: #165788;
    }

    .card--yellow a,
    .card--yellow .card-link,
    .card--tool a,
    .card--tool .card-link {
        color: #ce8e00;
    }

        .card--yellow a:hover, .card--yellow a:active,
        .card--yellow .card-link:hover,
        .card--yellow .card-link:active,
        .card--tool a:hover,
        .card--tool a:active,
        .card--tool .card-link:hover,
        .card--tool .card-link:active {
            color: #d89500;
        }


a.card--yellow:hover a,
a.card--yellow:hover .card-link, a.card--yellow:active a,
a.card--yellow:active .card-link,
a.card--tool:hover a,
a.card--tool:hover .card-link,
a.card--tool:active a,
a.card--tool:active .card-link {
    color: #d89500;
}


.card--blue {
    border-color: #214289;
}

    .card--blue h1, .card--blue h2, .card--blue h3, .card--blue h4, .card--blue h5, .card--blue h6 {
        color: #165788;
    }

    .card--blue a,
    .card--blue .card-link {
        color: #165788;
    }

        .card--blue a:hover, .card--blue a:active,
        .card--blue .card-link:hover,
        .card--blue .card-link:active {
            color: #175d91;
        }


.card--green {
    border-color: #40772C;
}

    .card--green h1, .card--green h2, .card--green h3, .card--green h4, .card--green h5, .card--green h6 {
        color: #6baf00;
    }

    .card--green a,
    .card--green .card-link {
        color: #6baf00;
    }

        .card--green a:hover, .card--green a:active,
        .card--green .card-link:hover,
        .card--green .card-link:active {
            color: #71b900;
        }


.card--orange {
    border-color: #f94900;
}

    .card--orange h1, .card--orange h2, .card--orange h3, .card--orange h4, .card--orange h5, .card--orange h6 {
        color: #f94900;
    }

    .card--orange a,
    .card--orange .card-link {
        color: #f94900;
    }

        .card--orange a:hover, .card--orange a:active,
        .card--orange .card-link:hover,
        .card--orange .card-link:active {
            color: #ff4e04;
        }


.card--purple {
    border-color: #6659b0;
}

    .card--purple h1, .card--purple h2, .card--purple h3, .card--purple h4, .card--purple h5, .card--purple h6 {
        color: #5d50ab;
    }

    .card--purple a,
    .card--purple .card-link {
        color: #5d50ab;
    }

        .card--purple a:hover, .card--purple a:active,
        .card--purple .card-link:hover,
        .card--purple .card-link:active {
            color: #6255b0;
        }


.card--orange {
    border-color: #A75401;
}

    .card--orange h1, .card--orange h2, .card--orange h3, .card--orange h4, .card--orange h5, .card--orange h6 {
        color: #165788;
    }

    .card--orange a,
    .card--orange .card-link {
        color: #f94900;
    }

        .card--orange a:hover, .card--orange a:active,
        .card--orange .card-link:hover,
        .card--orange .card-link:active {
            color: #ff4e04;
        }

.card-content h2.card-title, .card-content h3.card-title {
    text-decoration: none;
    color: #165788 !important;
    font-family: “Proxima Nova”;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 1.2;
}
/*==========  Resource Card  ==========*/

.card--resource {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    behavior: url(/javascripts/lib/PIE.htc);
    overflow: hidden;
    display: block;
    background: transparent url("../images/bg-o-overlay.png") no-repeat left top;
    padding: 12px 12px 20px 12px;
    color: white;
    min-height: 200px;
    position: relative;
}

@media print {

    * .card--resource {
        min-height: 0;
    }
}

.card--resource a,
.card--resource .card-link {
    color: white;
}

    .card--resource a:hover, .card--resource a:active,
    .card--resource .card-link:hover,
    .card--resource .card-link:active {
        color: white;
    }

.card--resource .card-title {
    font-size: 30px;
    margin-bottom: 0.2em;
    line-height: 1.2;
    font-weight: normal;
    color: white;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
}

@media print {

    * .card--resource .card-title {
        font-size: initial !important;
    }
}

.card--resource .fa-external-link {
    font-size: 16px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}


a.card--resource:hover, a.card--resource:active {
    color: white;
}

a.card--resource .card-title {
    text-decoration: underline;
}


.card--resource--green {
    background-color: #1e8600;
}


.card--resource--red {
    background-color: #c8202f;
}


.card--resource--yellow {
    background-color: #ce8e00;
}


.card--resource--blue {
    background-color: #003150;
}

.card--resource--purple {
    background-color: #793A8B;
}


.card--resource-footer-link {
    position: absolute;
    bottom: 6px;
    font-size: 14px;
}


.card--completed .card-title {
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-size: 16px;
    margin-bottom: 0;
}

.card--completed .card-date {
    margin-left: 20px;
}


.reward-card {
    background-color: white;
    padding: 0 15px;
    position: relative;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    margin-bottom: 1em;
    min-height: 146px;
}

@media (max-width: 600px) {

    .reward-card {
        min-height: 0;
    }
}


.reward-card-image {
    float: right;
    margin-left: 1em;
    margin-right: -15px;
}

@media (max-width: 600px) {

    .reward-card-image {
        display: none;
    }
}


.reward-card-headline {
    border-bottom: 2px solid #6baf00;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0.5em;
    line-height: 1.2;
    padding-bottom: 3px;
}


.reward-card-points {
    display: block;
    font-weight: bold;
}


.reward-card-status {
    display: block;
}


.reward-card-substatus {
    font-size: 12px;
    display: block;
}


.reward-card-actions {
    display: block;
    padding-bottom: 10px;
    margin-top: 0.8em;
    font-size: 16px;
}

    .reward-card-actions .accordion-toggle {
        padding-left: 0;
        text-decoration: underline;
    }

        .reward-card-actions .accordion-toggle:before {
            left: auto;
            vertical-align: middle;
            position: static;
            padding-right: 0;
            font-size: 16px;
            width: 15px;
            position: relative;
            top: -1px;
        }


.reward-card-flag {
    display: block;
    color: white;
    right: 0;
    top: 75px;
    position: absolute;
    font-size: 14px;
    background-color: #00a9e0;
    padding: 10px;
    height: 40px;
}

    .reward-card-flag:before {
        content: "";
        height: 40px;
        width: 9px;
        display: block;
        position: absolute;
        top: 0;
        left: -9px;
        background: transparent url("../images/rewards/reward-card-banner-end.png") no-repeat center top;
    }

@media (max-width: 600px) {

    .reward-card-flag {
        position: static;
        width: auto;
        height: auto;
        padding: 0.5em 0 0;
        margin: 0 0 -0.5em;
        color: #00a9e0;
        background-color: white;
    }

        .reward-card-flag:before {
            display: none;
        }
}


.reward-card-flag--completed {
    background-color: #6baf00;
}

    .reward-card-flag--completed:before {
        background-image: url("../images/rewards/reward-card-banner-end-green.png");
    }

@media (max-width: 600px) {

    .reward-card-flag--completed {
        color: #6baf00;
        background-color: transparent;
    }
}

.reward-card-required--not-completed {
    border-color: #165788;
}

    .reward-card-required--not-completed .reward-card-headline {
        color: #165788;
        border-color: #165788;
    }

    .reward-card-required--not-completed .reward-card-actions a {
        color: #165788;
    }

    .reward-card-required--not-completed .table thead th {
        background-color: #165788;
        border-color: #165788;
    }

    .reward-card-required--not-completed .tablesaw-stack.table--borders td .tablesaw-cell-label,
    .reward-card-required--not-completed .tablesaw-stack.table--borders tbody th .tablesaw-cell-label {
        border-left-color: #165788;
        background-color: #165788;
    }

    .reward-card-required--not-completed .tablesaw-stack.table--borders td:first-child .tablesaw-cell-label,
    .reward-card-required--not-completed .tablesaw-stack.table--borders tbody th:first-child .tablesaw-cell-label {
        border-top-color: #165788;
    }

    .reward-card-required--not-completed .tablesaw-stack.table--borders td:last-child .tablesaw-cell-label,
    .reward-card-required--not-completed .tablesaw-stack.table--borders tbody th:last-child .tablesaw-cell-label {
        border-bottom-color: #165788;
    }

    .reward-card-required--not-completed .sliding-table-header .sliding-table-cell {
        background-color: #165788;
    }

.reward-card-alternative--not-completed {
    border-color: #00a9e0;
}

    .reward-card-alternative--not-completed .reward-card-headline {
        color: #00a9e0;
        border-color: #00a9e0;
    }

    .reward-card-alternative--not-completed .reward-card-actions a {
        color: #00a9e0;
    }

    .reward-card-alternative--not-completed .table thead th {
        background-color: #00a9e0;
        border-color: #00a9e0;
    }

    .reward-card-alternative--not-completed .tablesaw-stack.table--borders td .tablesaw-cell-label,
    .reward-card-alternative--not-completed .tablesaw-stack.table--borders tbody th .tablesaw-cell-label {
        border-left-color: #00a9e0;
        background-color: #00a9e0;
    }

    .reward-card-alternative--not-completed .tablesaw-stack.table--borders td:first-child .tablesaw-cell-label,
    .reward-card-alternative--not-completed .tablesaw-stack.table--borders tbody th:first-child .tablesaw-cell-label {
        border-top-color: #00a9e0;
    }

    .reward-card-alternative--not-completed .tablesaw-stack.table--borders td:last-child .tablesaw-cell-label,
    .reward-card-alternative--not-completed .tablesaw-stack.table--borders tbody th:last-child .tablesaw-cell-label {
        border-bottom-color: #00a9e0;
    }

    .reward-card-alternative--not-completed .sliding-table-header .sliding-table-cell {
        background-color: #00a9e0;
    }


.reward-card--not-completed {
    border-color: #e3a00c;
}

    .reward-card--not-completed .reward-card-headline {
        color: #e3a00c;
        border-color: #e3a00c;
    }

    .reward-card--not-completed .reward-card-actions a {
        color: #e3a00c;
    }

    .reward-card--not-completed .table thead th {
        background-color: #e3a00c;
        border-color: #e3a00c;
    }

    .reward-card--not-completed .tablesaw-stack.table--borders td .tablesaw-cell-label,
    .reward-card--not-completed .tablesaw-stack.table--borders tbody th .tablesaw-cell-label {
        border-left-color: #e3a00c;
        background-color: #e3a00c;
    }

    .reward-card--not-completed .tablesaw-stack.table--borders td:first-child .tablesaw-cell-label,
    .reward-card--not-completed .tablesaw-stack.table--borders tbody th:first-child .tablesaw-cell-label {
        border-top-color: #e3a00c;
    }

    .reward-card--not-completed .tablesaw-stack.table--borders td:last-child .tablesaw-cell-label,
    .reward-card--not-completed .tablesaw-stack.table--borders tbody th:last-child .tablesaw-cell-label {
        border-bottom-color: #e3a00c;
    }

    .reward-card--not-completed .sliding-table-header .sliding-table-cell {
        background-color: #e3a00c;
    }


.reward-card--completed {
    border-color: #6baf00;
    border-color: #96ca51;
}

    .reward-card--completed .reward-card-headline {
        color: #6baf00;
        border-color: #6baf00;
    }

    .reward-card--completed .reward-card-actions a {
        color: #6baf00;
    }

    .reward-card--completed .table thead th {
        background-color: #6baf00;
        border-color: #6baf00;
    }

    .reward-card--completed .tablesaw-stack.table--borders td .tablesaw-cell-label,
    .reward-card--completed .tablesaw-stack.table--borders tbody th .tablesaw-cell-label {
        border-left-color: #6baf00;
        background-color: #6baf00;
    }

    .reward-card--completed .tablesaw-stack.table--borders td:first-child .tablesaw-cell-label,
    .reward-card--completed .tablesaw-stack.table--borders tbody th:first-child .tablesaw-cell-label {
        border-top-color: #6baf00;
    }

    .reward-card--completed .tablesaw-stack.table--borders td:last-child .tablesaw-cell-label,
    .reward-card--completed .tablesaw-stack.table--borders tbody th:last-child .tablesaw-cell-label {
        border-bottom-color: #6baf00;
    }

    .reward-card--completed .sliding-table-header .sliding-table-cell {
        background-color: #6baf00;
    }


.reward-card--past-deadline,
.reward-card--completed-late {
    border-color: #f94900;
}

    .reward-card--past-deadline .reward-card-headline,
    .reward-card--completed-late .reward-card-headline {
        color: #f94900;
        border-color: #f94900;
    }

    .reward-card--past-deadline .reward-card-actions a,
    .reward-card--completed-late .reward-card-actions a {
        color: #f94900;
    }

    .reward-card--past-deadline .table thead th,
    .reward-card--completed-late .table thead th {
        background-color: #f94900;
        border-color: #f94900;
    }

    .reward-card--past-deadline .tablesaw-stack.table--borders td .tablesaw-cell-label,
    .reward-card--past-deadline .tablesaw-stack.table--borders tbody th .tablesaw-cell-label,
    .reward-card--completed-late .tablesaw-stack.table--borders td .tablesaw-cell-label,
    .reward-card--completed-late .tablesaw-stack.table--borders tbody th .tablesaw-cell-label {
        border-left-color: #f94900;
        background-color: #f94900;
    }

    .reward-card--past-deadline .tablesaw-stack.table--borders td:first-child .tablesaw-cell-label,
    .reward-card--past-deadline .tablesaw-stack.table--borders tbody th:first-child .tablesaw-cell-label,
    .reward-card--completed-late .tablesaw-stack.table--borders td:first-child .tablesaw-cell-label,
    .reward-card--completed-late .tablesaw-stack.table--borders tbody th:first-child .tablesaw-cell-label {
        border-top-color: #f94900;
    }

    .reward-card--past-deadline .tablesaw-stack.table--borders td:last-child .tablesaw-cell-label,
    .reward-card--past-deadline .tablesaw-stack.table--borders tbody th:last-child .tablesaw-cell-label,
    .reward-card--completed-late .tablesaw-stack.table--borders td:last-child .tablesaw-cell-label,
    .reward-card--completed-late .tablesaw-stack.table--borders tbody th:last-child .tablesaw-cell-label {
        border-bottom-color: #f94900;
    }

    .reward-card--past-deadline .sliding-table-header .sliding-table-cell,
    .reward-card--completed-late .sliding-table-header .sliding-table-cell {
        background-color: #f94900;
    }

@media (max-width: 600px) {

    .reward-card--required .reward-card-headline,
    .reward-card--reasonable-alternative .reward-card-headline {
        padding-right: 15px;
    }
}


.reward-card-work-on-it,
.reward-card-learn-more {
    font-size: 14px;
    font-family: "Lato", "Arial", sans-serif;
    clear: both;
}

    .reward-card-work-on-it > .accordion-body,
    .reward-card-learn-more > .accordion-body {
        padding-left: 0;
        padding-right: 0;
    }


.progress-circle-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
}


.progress-circle-wrapper--small {
    width: 70px;
    height: 70px;
}


.progress-circle-wrapper--large {
    width: 150px;
    height: 150px;
}

@media print {

    * .progress-circle {
        display: none;
    }
}


.progress-circle-text {
    text-align: center;
    color: #1e8600;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    right: 0;
    margin: 38px auto;
    font-size: 20px;
    line-height: 20px;
    padding-left: 0.5em;
}

.progress-circle-wrapper--large .progress-circle-text {
    font-size: 34px;
    margin-top: 68px;
}

.progress-circle-wrapper--small .progress-circle-text {
    font-size: 14px;
    margin-top: 28px;
    left: -5px;
}

@media print {

    * .progress-circle-text {
        position: static !important;
        margin-top: 0;
    }
}


.heading-wrap {
    padding: 30px;
    margin: 0 auto;
}

@media print {

    * .heading-wrap {
        padding: 0;
    }
}

@media (max-width: 480px) {

    .heading-wrap {
        padding: 10px;
    }
}


.heading-wrap--register {
    width: 90%;
    margin: 0 auto 30px auto;
}

    .heading-wrap--register a {
        color: white;
    }


.img-bg {
    padding: 30px;
    background: transparent url("../images/prelogin/bg-webuser.jpg") no-repeat center top;
    min-height: 497px;
}

#contactus .img-bg {
    background-size: 100% 497px;
    width: 100%;
    height: 322px;
    min-height: 0;
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    .img-bg {
        background-image: url("../images/prelogin/bg-webuser-2x.jpg");
        background-size: 1000px 650px;
    }
}

@media (max-width: 480px) {

    .img-bg {
        background-image: none !important;
        min-height: 0 !important;
        padding: 0;
    }

    #contactus .img-bg {
        height: 0 !important;
    }

    #contactus .white-overlay {
        padding-left: 10px !important;
    }
}


.img-bg--about {
    background-image: url("../images/prelogin/bg-smilingguy.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    .img-bg--about {
        background-image: url("../images/prelogin/bg-smilingguy-2x.jpg");
    }
}


.img-bg--contact {
    background-image: url("../images/prelogin/bg-phoneuser.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    .img-bg--contact {
        background-image: url("../images/prelogin/bg-phoneuser-2x.jpg");
    }
}


.white-overlay {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.8);
    color: #474647;
    padding: 25px 30px;
}

@media (max-width: 480px) {

    .white-overlay {
        max-width: none !important;
        padding: 10px;
        background-color: white;
    }
}


.white-overlay--center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.white-overlay--login {
    max-width: 345px;
    margin-bottom: 1em;
    background-color: #ffffff;
    opacity: 1;
}


.white-overlay--signed-out {
    max-width: 500px;
}


.white-overlay--timed-out {
    max-width: 600px;
}


.white-overlay--forgot-username {
    max-width: 730px;
}


.white-overlay--forgot-password-1 {
    max-width: 730px;
}


.white-overlay--forgot-password-2 {
    max-width: 350px;
}


.white-overlay--forgot-password-3 {
    max-width: 450px;
}


.white-overlay--about {
    max-width: 580px;
}


.page-footer {
    font-size: 0.85714em;
}

    .page-footer .l-constrained {
        padding: 1.42857em;
        border-top: 2px solid #dcdcdc;
    }

@media (max-width: 768px) {

    .page-footer .l-constrained {
        padding-top: 0;
    }
}

@media (max-width: 768px) {

    .postlogin .page-footer nav {
        display: none;
    }
}


.page-footer-copyright {
    float: left;
    line-height: 30px;
}

@media (max-width: 768px) {

    .page-footer-copyright {
        float: none;
    }
}


.page-footer-details {
    margin: 2em 0;
    line-height: 30px;
}

.lt-ie8 .page-footer-details {
    zoom: 1;
}

.page-footer-details:before, .page-footer-details:after {
    content: "";
    display: table;
}

.page-footer-details:after {
    clear: both;
}

@media (max-width: 768px) {

    .page-footer-details {
        margin: 1em 0;
    }
}


.page-footer-logo {
    float: right;
}

@media print {

    * .page-footer-logo a {
        display: block;
        width: 123px;
        height: auto;
        float: right;
    }

        * .page-footer-logo a:after {
            content: url(/images/logo-mah-print.png) !important;
            padding: 0 0 0 1em;
        }
}

.page-footer-logo img {
    vertical-align: bottom;
    position: relative;
    bottom: 3px;
    margin-left: 10px;
}

@media print {

    * .page-footer-logo img {
        display: none;
    }
}

@media (max-width: 768px) {

    .page-footer-logo {
        float: unset;
    }
}

.page-download-logo {
    float: right;
    margin-right: 200px;
}

@media print {

    * .page-download-logo a {
        display: block;
        width: 140px;
        height: auto;
        float: right;
    }

        * .page-download-logo a:after {
            content: url(/images/png2.png) !important;
            padding: 0 0 0 1em;
        }
}

.page-download-logo img {
    vertical-align: bottom;
    position: center;
    border-radius: 1px;
    height: auto;
    width: 140px;
}


@media print {

    * .page-download-logo img {
        display: none;
    }
}

@media (max-width: 768px) {

    .page-download-logo {
        float: none;
    }
}


.page-footer-fineprint {
    line-height: 1.8;
}

@media print {

    * .page-footer-fineprint {
        display: none;
    }
}


.page-header {
    left: 0;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 10;
    -moz-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05);
    background-color: white;
    height: 128px;
}

@media print {

    * .page-header {
        position: relative !important;
        -webkit-transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
}

.prelogin .page-header {
    height: 110px;
}

@media (max-width: 768px) {

    .page-header {
        text-align: center;
    }

    .page-header, .prelogin .page-header {
        height: 70px;
    }
}

.page-header .l-constrained {
    padding: 1.42857em;
}

.lt-ie8 .page-header .l-constrained {
    zoom: 1;
}

.page-header .l-constrained:before, .page-header .l-constrained:after {
    content: "";
    display: table;
}

.page-header .l-constrained:after {
    clear: both;
}

@media (max-width: 768px) {

    .page-header .l-constrained {
        padding: 0.71429em;
    }
}

.page-header .profile-snapshot {
    float: right;
    text-align: right;
}

@media (max-width: 768px) {

    .page-header .profile-snapshot {
        display: none;
    }
}

.page-header .page-title {
    display: none;
    margin: 0;
    color: #165788;
    text-transform: uppercase;
    font-size: 16px;
}

@media (max-width: 768px) {

    .page-header .page-title {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        padding-left: 64px;
        padding-right: 64px;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .postlogin_home .page-header .page-title {
        display: none;
    }
}

.page-header #logo {
    display: block;
    float: left;
    width: auto;
    max-height: 80px;
}

.prelogin .page-header #logo {
    max-height: 70px;
}

@media (max-width: 768px) {

    .page-header #logo {
        display: none;
    }

    .prelogin .page-header #logo, .postlogin_home .page-header #logo {
        max-height: 50px;
        display: block;
        position: absolute;
        float: none;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@media (max-width: 450px) {

    .prelogin .page-header #logo {
        left: 10px;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        position: static;
        float: left;
        left: auto;
        max-width: 70%;
    }
}

@media (max-width: 360px) {

    .postlogin_home .page-header #logo {
        position: static;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        float: left;
    }
}

@media print {

    * #logo-link img {
        display: none !important;
    }
}

@media print {

    * #logo-link {
        display: block;
        width: 200px;
        height: auto;
    }
}


#toggle-menu-button {
    display: none;
    float: right;
    color: #474647;
    position: relative;
    z-index: 2;
}

    #toggle-menu-button:hover, #toggle-menu-button:active {
        color: #0f3b5c;
    }

@media (max-width: 768px) {

    #toggle-menu-button {
        display: inline;
    }
}

@media print {

    * #toggle-menu-button {
        display: none;
    }
}


.page-header-links {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    text-align: right;
    font-size: 12px;
    /*margin-top: 50px;*/
    margin-top: 25px;
}

    .page-header-links li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .page-header-links li {
    display: inline;
    zoom: 1;
}

@media (max-width: 768px) {

    .page-header-links {
        /*margin-top: 0;*/
        margin-top: 15px;
        padding-right: 10px;
    }
}

@media (max-width: 540px) {

    .page-header-links {
        max-width: 25%;
    }
}

@media (max-width: 450px) {

    .page-header-links {
        max-width: 30%;
    }
}

@media print {

    * .page-header-links {
        display: none;
    }
}

@media (max-width: 768px) {

    .page-header-links li {
        display: block;
        padding-right: 0;
    }

        .page-header-links li:before {
            display: none;
        }

        .page-header-links li > a {
            padding: 0;
        }
}

.page-header-links a, .page-header-links span {
    color: #474647;
}

/**
 * Headroom header hiding
 */

.headroom {
    transition: transform 300ms ease;
}

@media screen and (min-height: 500px) {

    .page-header {
        position: fixed;
    }

    body.sidr-open .page-header {
        position: absolute;
    }


    .headroom--pinned {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }


    .headroom--unpinned {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }


    .sidr-open .headroom--unpinned {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.sliding-table-wrapper {
    position: relative;
}

.lt-ie8 .sliding-table-wrapper {
    zoom: 1;
}

.sliding-table-wrapper:before, .sliding-table-wrapper:after {
    content: "";
    display: table;
}

.sliding-table-wrapper:after {
    clear: both;
}

.sliding-table-wrapper .no-records {
    overflow: hidden;
    background: white;
    position: absolute;
    right: 0;
    left: 20%;
    top: 0;
    bottom: 0;
    text-align: center;
}

    .sliding-table-wrapper .no-records .content {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        height: 150px;
        margin-left: -100px;
        margin-top: -75px;
    }


.sliding-table {
    width: 80%;
    float: left;
}


.sliding-table-slide {
    background-color: white;
    border-right: 2px solid #eeeeee;
    font-size: 12px;
    position: relative;
}


.sliding-table-header {
    width: 20%;
    float: left;
    background-color: #165788;
    color: white;
}

    .sliding-table-header .sliding-table-cell {
        word-wrap: break-word;
    }


.sliding-table-slide-content {
    margin: 0;
}


.sliding-table-cell {
    border-bottom: 2px solid #eeeeee;
    padding: 10px;
    transition: opacity 0.4s ease-in-out 0s;
}

    .sliding-table-cell:last-child {
        border-bottom: none;
    }

    .sliding-table-cell .title {
        font-weight: bold;
        display: block;
    }

    .sliding-table-cell .subtitle {
        display: block;
    }


.cellname-controls {
    text-align: center;
    font-size: 18px;
}

    .cellname-controls .phone {
        font-size: 14px;
        text-decoration: none;
    }


.cellname-comments {
    font-weight: bold;
}


.js-cancel-slide,
.js-cancelcreate-slide {
    color: #c8202f;
}


.js-save-slide {
    color: #1e8600;
}

@media (max-width: 600px) {

    .sliding-table-header {
        width: 35%;
    }


    .sliding-table-wrapper .no-records {
        left: 35%;
    }


    .sliding-table {
        width: 65%;
    }
}

@media print {

    .sliding-table-header {
        display: none;
    }


    .sliding-table {
        width: 100%;
    }

        .sliding-table .slick-track {
            width: 100% !important;
            transform: translate3d(0, 0, 0) !important;
        }

        .sliding-table .slick-slide {
            width: 100% !important;
            margin-bottom: 25px;
        }

            .sliding-table .slick-slide .sliding-table-cell {
                border: 2px solid #eeeeee;
            }

            .sliding-table .slick-slide .sliding-table-header {
                margin-right: 10px;
            }

        .sliding-table button {
            display: none;
        }


    .sliding-table-wrapper + .slick-arrow-container {
        display: none;
    }
}

.sliding-table--dark-borders .sliding-table-cell,
.sliding-table--dark-borders .sliding-table-slide {
    border-color: #dcdcdc;
}


.aetna-chart {
    width: 100%;
}


.footer-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .footer-nav li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .footer-nav li {
    display: inline;
    zoom: 1;
}

@media (max-width: 768px) {

    .footer-nav {
        text-align: left;
        margin-bottom: 2em;
    }
}

@media print {

    * .footer-nav {
        display: none;
    }
}

@media (max-width: 768px) {

    .footer-nav li {
        display: block;
    }
}

@media (max-width: 768px) {

    .footer-nav .footer-nav-item {
        padding-left: 0;
    }
}


.footer-nav-item {
    padding: 5px 10px;
}


.footer-nav-link {
    color: #474647;
    text-decoration: none;
}


.sidr .footer-nav {
    text-align: center;
}

    .sidr .footer-nav .footer-nav-item {
        display: block;
    }


.form-message p {
    margin: 0;
}


.alert {
    padding: 0.85714em 2em;
    margin-bottom: 0;
    border: 1px solid transparent;
    word-break: break-word;
}

    .alert .alert-link {
        font-weight: regular;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }


.alert--margin {
    margin-bottom: 1em;
}


.alert-success {
    background-color: #dff0d8;
    border-color: #3c763d;
    color: #3c763d;
}

    .alert-success hr {
        border-top-color: #336534;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }


.alert-info {
    background-color: #d9edf7;
    border-color: #31708f;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #2a617c;
    }

    .alert-info .alert-link {
        color: #245269;
    }


.alert-warning {
    background-color: #f8f3d6;
    border-color: #a1851a;
    color: #5b4518;
}

    .alert-warning hr {
        border-top-color: #8b7316;
    }

    .alert-warning .alert-link {
        color: #756113;
    }

    .alert-warning a,
    .alert-warning h1,
    .alert-warning h2,
    .alert-warning h3,
    .alert-warning h4,
    .alert-warning h5 {
        color: #a1851a;
    }


.alert-danger {
    background-color: #f7dcd9;
    border-color: #b00d03;
    color: #801c19;
}

    .alert-danger hr {
        border-top-color: #970b03;
    }

    .alert-danger .alert-link {
        color: #7e0902;
    }


.alert-normal-text {
    color: #474647;
}

    .alert-normal-text h1,
    .alert-normal-text h2,
    .alert-normal-text h3,
    .alert-normal-text h4,
    .alert-normal-text h5 {
        color: #474647;
    }

    .alert-normal-text a {
        color: #165788;
    }

        .alert-normal-text a:hover {
            color: #0f3b5c;
        }


input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    border: 3px solid #ff9494;
}


.parsley-errors-list {
    color: #b00d03;
    margin: 0.75em 0 0 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.85714em;
    line-height: 0.9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}


    .parsley-errors-list.filled {
        opacity: 1;
    }


.search-info {
    padding: 0 0 0.71429em 0;
    margin-bottom: 1.42857em;
}

.lt-ie8 .search-info {
    zoom: 1;
}

.search-info:before, .search-info:after {
    content: "";
    display: table;
}

.search-info:after {
    clear: both;
}

@media print {

    * .search-info {
        display: none;
    }
}

.search-info .breadcrumbs {
    display: inline-block;
    padding: 0.35714em 1em 0.35714em 0;
}

.search-info #search {
    float: right;
    max-width: 40%;
}

@media (max-width: 480px) {

    .search-info #search {
        max-width: 100%;
        width: 100%;
    }
}

.search-info #search form {
    margin: 0;
}

.search-info #search .form-group {
    margin-bottom: 0;
}


.pane {
    background-color: white;
    padding: 20px;
    overflow: hidden;
    display: block;
}

@media (max-width: 768px) {

    .pane {
        padding: 10px;
    }
}

@media print {

    * .pane {
        padding: 10px 0;
    }
}


.pane-heading {
    display: block;
    background-color: #6baf00;
    color: white;
}


.pane-heading--empty {
    min-height: 20px;
}


.pane-heading--blue {
    background-color: #165788;
}


.pane-title {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 0.2em;
}

@media print {

    * .pane-title {
        font-size: initial;
    }
}


.pane-col--right {
    float: right;
    margin-left: 25px;
}


.pane-col--right-top {
    float: right;
    margin: 0 0 0 25px;
    font-size: 20px;
}

    .pane-col--right-top a {
        color: #a1851a;
    }


.pane--clearfix {
    overflow: visible;
}

.lt-ie8 .pane--clearfix {
    zoom: 1;
}

.pane--clearfix:before, .pane--clearfix:after {
    content: "";
    display: table;
}

.pane--clearfix:after {
    clear: both;
}


.pane--blue, .pane--dark-blue {
    color: #ffffff;
    background-color: #165788;
}

    .pane--blue h1, .pane--dark-blue h1,
    .pane--blue h2,
    .pane--dark-blue h2,
    .pane--blue h3,
    .pane--dark-blue h3,
    .pane--blue h4,
    .pane--dark-blue h4,
    .pane--blue h5,
    .pane--dark-blue h5,
    .pane--blue h6,
    .pane--dark-blue h6,
    .pane--blue a,
    .pane--dark-blue a {
        color: white;
    }


.pane--dark-blue {
    background-color: #003150;
}


.pane--welcome .h1, .pane--welcome .h1--prelogin {
    margin-bottom: 0;
}

.pane--welcome .accordion-toggle {
    padding-left: 25px;
}

    .pane--welcome .accordion-toggle:before {
        left: 0;
    }


.pane--welcome-content {
    padding-left: 25px;
}


.pane--login-instructions {
    max-width: 345px;
}

@media (max-width: 480px) {

    .pane--login-instructions {
        max-width: none !important;
        padding: 10px;
    }
}

.pane--login-instructions .accordion-toggle {
    padding-left: 25px;
}

    .pane--login-instructions .accordion-toggle:before {
        left: 5px;
    }

.pane--login-instructions .accordion-body--instructions {
    margin-top: 1em;
}


.pane--welcome-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pane--welcome-links li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .pane--welcome-links li {
    display: inline;
    zoom: 1;
}

.pane--welcome-links li:before {
    border-color: white;
}

.pane--welcome-links li:first-child a {
    padding-left: 0;
}

@media (max-width: 480px) {

    .pane--welcome-links li {
        display: block;
    }

        .pane--welcome-links li a {
            padding: 0;
        }

        .pane--welcome-links li:before {
            border: none;
        }
}


.pane--welcome-resources .h3, .pane--welcome-resources .legend--h3 {
    margin-bottom: 0.5em;
}

.pane--welcome-resources ul {
    margin-bottom: 1em;
}

.pane--welcome-resources li {
    padding: 0.25em 0;
    border-top: 1px solid white;
}

    .pane--welcome-resources li:first-child {
        border-top: none;
    }

    .pane--welcome-resources li a {
        text-decoration: none;
    }

    .pane--welcome-resources li .fa {
        color: #00a9e0;
    }


.pane--skyblue {
    color: white;
    background-color: #00a9e0;
}


.pane--information input[type=text], .pane--information input[type=number], .pane--information input[type=phone], .pane--information input[type=email], .pane--information input[type=password] {
    width: 100%;
}

.pane--information input.initial-input {
    width: auto;
    width: initial;
}

.pane--information .p {
    margin: 0;
}

.pane--information .p--title {
    font-size: 1.14286em;
    color: #165788;
}

.pane--information .p--small {
    font-size: 0.85714em;
}

.pane--information .h3, .pane--information .legend--h3 {
    color: white;
    background: #165788;
    font-size: 1.57143em;
    padding: 0.125em 1em;
    margin: 0 0 0.5em 0;
}

.pane--information .title--black {
    color: #474647;
}

.pane--information .p--required {
    color: #474647;
    font-size: 1.14286em;
    margin: 0;
}

.pane--information .input-inline {
    display: inline-block;
    margin: 0 0 0 2em;
}

@media (max-width: 480px) {

    .pane--information .input-inline {
        margin: 0;
    }
}


.details-header {
    color: #ffffff;
    background: #474647;
    padding: 0.42857em 0.85714em;
}

    .details-header h2,
    .details-header h3 {
        font-size: 1.57143em;
        margin: 0;
        color: white;
    }

    .details-header p {
        font-size: 0.85714em;
        margin: 0;
    }


.details-header-clear {
    padding: 0.71429em 0.85714em;
}


.details-wrapper {
    padding: 1.78571em 0;
}


.details-wrapper-card {
    padding: 0 5px 20px 0;
}

    .details-wrapper-card h2 {
        font-size: 1.5em;
    }


.details-2 {
    padding: 0 1.78571em;
    float: left;
    width: 50%;
}

@media print {

    * .details-2:first-child {
        border-right: solid 1px #474647 !important;
    }
}

@media (max-width: 768px) {

    .details-2 {
        width: 100%;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }

        .details-2:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }
}


.pane--yellow {
    color: #ffffff;
    background-color: #ce8e00;
}

    .pane--yellow h1, .pane--yellow h2, .pane--yellow h3, .pane--yellow h4, .pane--yellow h5, .pane--yellow h6 {
        color: #ffffff;
    }


.pane--lightgreen {
    color: #467900;
    background-color: #dbf1b6;
}

    .pane--lightgreen h1, .pane--lightgreen h2, .pane--lightgreen h3, .pane--lightgreen h4, .pane--lightgreen h5, .pane--lightgreen h6 {
        color: #467900;
    }

    .pane--lightgreen a {
        color: #467900;
    }

        .pane--lightgreen a.btn, .pane--lightgreen a.btn-color1, .pane--lightgreen a.btn-color2, .pane--lightgreen a.btn-color3, .pane--lightgreen a.btn-color4, .pane--lightgreen a.reward-activity-progress-item--btn, .pane--lightgreen #calendar a.fc-today-button, #calendar .pane--lightgreen a.fc-today-button,
        .pane--lightgreen #calendar a.fc-month-button,
        #calendar .pane--lightgreen a.fc-month-button,
        .pane--lightgreen #calendar a.fc-basicWeek-button,
        #calendar .pane--lightgreen a.fc-basicWeek-button,
        .pane--lightgreen #calendar a.fc-basicDay-button,
        #calendar .pane--lightgreen a.fc-basicDay-button {
            color: white;
        }


.pane--mediumblue {
    color: #ffffff;
    background-color: #009bc4;
}

    .pane--mediumblue h1, .pane--mediumblue h2, .pane--mediumblue h3, .pane--mediumblue h4, .pane--mediumblue h5, .pane--mediumblue h6 {
        color: #ffffff;
        margin-bottom: 0;
    }

    .pane--mediumblue a {
        color: #ffffff;
    }


.pane--softblue {
    color: #474647;
    background-color: #c8eef9;
}

    .pane--softblue h1, .pane--softblue h2, .pane--softblue h3, .pane--softblue h4, .pane--softblue h5, .pane--softblue h6 {
        color: #009bc4;
    }

    .pane--softblue hr {
        border-color: #009bc4;
    }


.pane--border {
    border: 1px solid #474647;
    padding: 10px;
    width: 100%;
    margin-bottom: 1em;
}


.pane--details {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/javascripts/lib/PIE.htc);
    padding: 0;
}

@media print {

    * .pane--details {
        border: solid 1px #474647;
    }
}

.pane--details h4 {
    font-size: 1.14286em;
    margin: 0 0 1.07143em 0;
}

    .pane--details h4.h-nomargin {
        margin-bottom: 0;
    }

.pane--details label {
    font-size: 1em;
}

.pane--details .radio,
.pane--details .checkbox {
    margin: 0 0 2em 0;
}

.pane--details .form-control {
    width: 100%;
}


.details--blue .details-header {
    background: #165788;
}

.details--green .details-header {
    background: #467900;
}

.details--green h4 {
    color: #467900;
}

.details--green .details-2:first-child {
    border-right: solid 1px #467900;
}

@media (max-width: 768px) {

    .details--green .details-2:first-child {
        border-right: none;
    }
}

@media (max-width: 768px) {

    .details--green .details-2 {
        border-bottom: 1px solid #467900;
    }

        .details--green .details-2:last-child {
            border-bottom: none;
        }
}


.details--lightgray .details-header {
    background: #737373;
}

.details--lightgray h4 {
    color: #737373;
}

.details--lightgray .details-2:first-child {
    border-right: solid 1px #737373;
}

@media (max-width: 768px) {

    .details--lightgray .details-2:first-child {
        border-right: none;
    }
}

@media (max-width: 768px) {

    .details--lightgray .details-2 {
        border-bottom: 1px solid #737373;
    }

        .details--lightgray .details-2:last-child {
            border-bottom: none;
        }
}


.details--seagreen .details-header {
    background: #239673;
}

.details--seagreen h4 {
    color: #239673;
}

.details--seagreen .details-2:first-child {
    border-right: solid 1px #239673;
}

@media (max-width: 768px) {

    .details--seagreen .details-2:first-child {
        border-right: none;
    }
}

@media (max-width: 768px) {

    .details--seagreen .details-2 {
        border-bottom: 1px solid #239673;
    }

        .details--seagreen .details-2:last-child {
            border-bottom: none;
        }
}


.signature {
    float: left;
    margin: 0 0 15px 20px;
}

    .signature hr {
        margin: 25px 10px 0 -15px;
        width: 285px;
        border-color: #737373;
    }


.date-card hr {
    margin: 25px 10px 0 -15px;
    width: 150px;
    border-color: #737373;
}


.pane--accordion, .pane--accordion-transparent, .pane--accordion-transparent-pad {
    width: 104.5%;
    background-color: white;
    overflow: visible;
    display: block;
    margin: -10px 0 0 -15px;
    padding: 25px;
    width: calc(100% + 30px);
}

@media (max-width: 768px) {

    .pane--accordion, .pane--accordion-transparent, .pane--accordion-transparent-pad {
        padding: 10px;
    }
}


.pane--accordion-transparent {
    background-color: transparent;
    padding: 0;
}

@media (max-width: 768px) {

    .pane--accordion-transparent {
        padding: 0;
    }
}


.pane--accordion-transparent-pad {
    background-color: transparent;
    padding: 15px;
}

@media (max-width: 768px) {

    .pane--accordion-transparent-pad {
        padding: 0;
    }
}


.right-col-pane {
    text-align: right;
    z-index: 5;
    margin: 15px auto 0 420px;
    position: absolute;
    color: white;
    width: 260px;
}

    .right-col-pane a {
        color: white;
    }

@media (max-width: 600px) {

    .pane--accordion, .pane--accordion-transparent, .pane--accordion-transparent-pad {
        width: 105.5%;
        width: calc(100% + 30px);
    }
}

@media (max-width: 500px) {

    .pane--accordion, .pane--accordion-transparent, .pane--accordion-transparent-pad {
        width: 108%;
        width: calc(100% + 30px);
    }
}

@media (max-width: 970px) {

    .right-col-pane {
        margin: 15px auto 0 370px;
    }
}

@media (max-width: 900px) {

    .right-col-pane {
        margin: 15px auto 0 280px;
    }
}

@media (max-width: 600px) {

    .right-col-pane {
        margin: 15px auto 0 200px;
    }
}

@media (max-width: 500px) {

    .right-col-pane {
        margin: 18px auto 0 90px;
        font-size: 12px;
    }
}

.step-circles, .risk-circles {
    overflow: hidden;
    margin-bottom: 1em;
}


.step-circle, .risk-circle {
    opacity: 0.8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    behavior: url(/javascripts/lib/PIE.htc);
    width: 90px;
    height: 90px;
    text-align: center;
    padding-top: 36px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    float: left;
    margin-left: -10px;
    position: relative;
}

    .step-circle:first-child, .risk-circle:first-child {
        margin-left: 0;
    }


.step-circle--green, .risk-circle--low {
    background-color: #1e8600;
}


.step-circle--blue {
    background-color: #165788;
}


.step-circle--pink {
    background-color: #df1b4f;
}


.step-circle--yellow, .risk-circle--medium {
    background-color: #fde610;
}

    .risk-circle--medium.risk-circle--active .risk-circle-bar {
        background-color: #333333;
        opacity: 0.8;
    }

    .risk-circle--medium.risk-circle--active .risk-circle-text {
        color: #333333;
    }

.step-circle--red, .risk-circle--high {
    background-color: #c8202f;
}


.step-circle--inactive {
    background-color: #dbdbdb;
}


.step-circle--current {
    z-index: 1;
    position: relative;
    color: #ffffff;
}


.risk-circles {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 430px) {

    .risk-circles {
        width: auto;
    }
}


.risk-circle {
    width: 140px;
    height: 140px;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-size: 24px;
    font-weight: normal;
}


.risk-circle-bars {
    width: 40px;
    position: absolute;
    left: 50px;
    bottom: 60px;
}


.risk-circle-bar {
    display: block;
    background-color: #ffffff;
    width: 100%;
    height: 18px;
    margin: 4px auto 0 auto;
}


.risk-circle--inactive {
    background-color: #efefef;
    color: #6b6b6b;
}

    .risk-circle--inactive .risk-circle-bars {
        visibility: hidden;
    }


.risk-circle-text {
    position: absolute;
    bottom: 30px;
    display: block;
    width: 140px;
    left: 0;
    text-align: center;
}


.risk-circles--small {
    width: 270px;
}

    .risk-circles--small .risk-circle {
        width: 100px;
        height: 100px;
        font-size: 16px;
        margin-left: -15px;
    }

        .risk-circles--small .risk-circle:first-child {
            margin-left: 0;
        }

    .risk-circles--small .risk-circle-bars {
        width: 32px;
        left: 32px;
        bottom: 40px;
    }

    .risk-circles--small .risk-circle-bar {
        height: 11px;
        margin-top: 2px;
    }

    .risk-circles--small .risk-circle-text {
        bottom: 18px;
        width: 100px;
    }


.risk-circles--no-opacity .risk-circle {
    opacity: 1;
}

@media (max-width: 500px) {

    .risk-circles {
        width: 246px;
    }


    .risk-circle {
        width: 92px;
        height: 92px;
        font-size: 14px;
        margin-left: -15px;
    }

        .risk-circle:first-child {
            margin-left: 0;
        }


    .risk-circle-bars {
        width: 28px;
        left: 32px;
        bottom: 40px;
    }


    .risk-circle-bar {
        height: 11px;
        margin-top: 2px;
    }


    .risk-circle-text {
        bottom: 20px;
        width: 92px;
    }
}

.mini-tracker {
    background-color: white;
    text-decoration: none;
    display: block;
    padding: 10px;
    color: #474647;
    min-width: 180px;
}

@media (max-width: 600px) {

    .mini-tracker {
        width: 48.4%;
    }
}

@media (max-width: 440px) {

    .mini-tracker {
        width: 98.4%;
    }
}


.mini-tracker-inner {
    display: table;
    width: 100%;
}


.mini-tracker-info {
    display: table-cell;
    vertical-align: top;
}

    .mini-tracker-info .mini-tracker-title {
        line-height: 1;
    }


.mini-tracker-value {
    color: #4196D5;
    font-family: "Proxima Nova";
    font-size: 24px;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

.mini-tracker--normal .mini-tracker-value {
    color: #4196D5;
}

.mini-tracker--high .mini-tracker-value {
    color: #4196D5;
}

.mini-tracker--medium .mini-tracker-value {
    color: #4196D5;
}


.mini-tracker-title {
    font-size: 16px;
    line-height: 1.3;
    display: block;
    margin: 0;
    font-family: "Proxima Nova";
    font-weight: 600;
    color: #165788;
}


.mini-tracker-uom {
    font-size: 14px;
    font-family: "Proxima Nova";
    font-style: Normal;
    color: #474647;
}


.mini-tracker--simple {
    padding: 20px;
    text-decoration: underline;
    color: #00a9e0;
}

    .mini-tracker--simple:hover {
        color: #00a9e0;
    }

/* Icons */
/* Arrows */

.slick-prev,
.slick-next {
    font-size: 1px;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev:focus,
    .slick-next:focus {
        outline: 2px dotted #656565;
        outline-offset: 2px;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "fontawesome";
        font-size: 32px;
        line-height: 44px;
        width: 44px;
        height: 44px;
        text-align: center;
        color: white;
        background-color: #165788;
        display: inline-block;
        margin-left: 5px;
    }
    .slick-prev:focus:before,
    .slick-next:focus:before{
        outline:2px dotted #656565!important;
        outline-offset: 2px;
    }


    .slick-next:before {
        content: "\f105";
    }


    .slick-prev:before {
        content: "\f104";
    }


    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

#SearchResults::after {
    content: "";
    clear: both;
    display: table;
}

.slick-arrow-container {
    margin-bottom: 20px;
    text-align: right;
    margin-top: 1em;
    position: relative;
    padding:0px 15px;
    margin-right: 60px;
}

.slick-arrow-container .slick-prev{
    left:-50px;
}

.slick-arrow-container .slick-next {
    right: -30px;
}

.slick-arrow-container .slick-next:before, .slick-arrow-container .slick-prev:before {
    line-height: 44px;
}



.lt-ie8 .slick-arrow-container {
	zoom: 1;
}

.slick-arrow-container:before, .slick-arrow-container:after {
    content: "";
    display: table;
}

.slick-arrow-container:after {
    clear: both;
}

.slick-arrow-container .btn, .slick-arrow-container .btn-color1, .slick-arrow-container .btn-color2, .slick-arrow-container .btn-color3, .slick-arrow-container .btn-color4, .slick-arrow-container .reward-activity-progress-item--btn, .slick-arrow-container #calendar .fc-today-button, #calendar .slick-arrow-container .fc-today-button,
.slick-arrow-container #calendar .fc-month-button,
#calendar .slick-arrow-container .fc-month-button,
.slick-arrow-container #calendar .fc-basicWeek-button,
#calendar .slick-arrow-container .fc-basicWeek-button,
.slick-arrow-container #calendar .fc-basicDay-button,
#calendar .slick-arrow-container .fc-basicDay-button {
    float: left;
}

@media (max-width: 500px) {

    .slick-arrow-container {
        text-align: left;
    }

        .slick-arrow-container .btn, .slick-arrow-container .btn-color1, .slick-arrow-container .btn-color2, .slick-arrow-container .btn-color3, .slick-arrow-container .btn-color4, .slick-arrow-container .reward-activity-progress-item--btn, .slick-arrow-container #calendar .fc-today-button, #calendar .slick-arrow-container .fc-today-button,
        .slick-arrow-container #calendar .fc-month-button,
        #calendar .slick-arrow-container .fc-month-button,
        .slick-arrow-container #calendar .fc-basicWeek-button,
        #calendar .slick-arrow-container .fc-basicWeek-button,
        .slick-arrow-container #calendar .fc-basicDay-button,
        #calendar .slick-arrow-container .fc-basicDay-button {
            float: none;
            display: block;
        }
}


.slick-position-text {
    font-size: 18px;
    color: #165788;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    margin-top:22px;
}

/* Dots */

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}


    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }


        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }


            .slick-dots li button:hover,
            .slick-dots li button:active,
            .slick-dots li button:focus {
                outline: none;
                background-color: #00a9e0;
                border-color: #00a9e0;
            }


            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }


        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }


.slick-dots {
    margin: 5px 0 0 0;
    position: static;
    text-align: center;
}

    .slick-dots li button {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        behavior: url(/javascripts/lib/PIE.htc);
        border: 1px solid #165788;
        background-color: #ffffff;
        width: 10px;
        height: 10px;
    }

        .slick-dots li button:before {
            color: black;
            font-size: 20px;
            top: 1px;
            content: "";
            font-family: "Lato", "Arial", sans-serif;
        }

    .slick-dots li.slick-active button {
        background-color: #165788;
    }


.loader {
    width: 277px;
    height: 277px;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9);
    color: #724f00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    behavior: url(/javascripts/lib/PIE.htc);
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -138.5px;
    margin-top: -138.5px;
    padding-top: 38px;
    -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    font-weight:normal;
    display: none;
    z-index: 1003;
}


.loader-percent {
    font-size: 32px;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    line-height: 1.2;
}

    .loader-percent sup {
        font-size: 16px;
        top: -0.7em;
    }


.loader-graphic {
    display: block;
    margin: 10px auto 0;
}


.contextual-help {
    display: none;
    position: relative;
}

    .contextual-help .accordion-heading {
        padding-right: 30px;
    }


.contextual-help-close {
    right: 8px;
    top: 8px;
    position: absolute;
    color: white;
    line-height: 1;
}

    .contextual-help-close:hover, .contextual-help-close:active, .contextual-help-close:focus {
        color: white;
        outline: 2px dotted #ffffff;
        outline-offset: 2px;
    }

@media print {

    body {
        font-family: "Georgia", 'Times New Roman', serif;
    }


    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        border-color: #000000 !important;
        border-width: 1px !important;
    }


    a,
    a:visited {
        text-decoration: underline;
    }


    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }


    thead {
        display: table-header-group;
    }


    tr,
    img {
        page-break-inside: avoid;
    }


    img {
        max-width: 100% !important;
    }


    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }


    h2,
    h3 {
        page-break-after: avoid;
    }


    select {
        background: #ffffff !important;
    }


    .navbar {
        display: none;
    }


    .btn, .btn-color1, .btn-color2, .btn-color3, .btn-color4, .reward-activity-progress-item--btn, #calendar .fc-today-button,
    #calendar .fc-month-button,
    #calendar .fc-basicWeek-button,
    #calendar .fc-basicDay-button {
        border: 1px solid #000000;
    }


        .btn > .caret, .btn-color1 > .caret, .btn-color2 > .caret, .btn-color3 > .caret, .btn-color4 > .caret, .reward-activity-progress-item--btn > .caret, #calendar .fc-today-button > .caret,
        #calendar .fc-month-button > .caret,
        #calendar .fc-basicWeek-button > .caret,
        #calendar .fc-basicDay-button > .caret,
        .dropup > .btn > .caret,
        .dropup > .btn-color1 > .caret,
        .dropup > .btn-color2 > .caret,
        .dropup > .btn-color3 > .caret,
        .dropup > .btn-color4 > .caret,
        .dropup > .reward-activity-progress-item--btn > .caret,
        #calendar .dropup > .fc-today-button > .caret,
        #calendar .dropup > .fc-month-button > .caret,
        #calendar .dropup > .fc-basicWeek-button > .caret,
        #calendar .dropup > .fc-basicDay-button > .caret {
            border-top-color: #000000 !important;
        }


    .label {
        border: 1px solid #000000;
    }


    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #ffffff !important;
        }


    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }


    .fa-heart {
        display: none !important;
    }


    .card {
        height: auto !important;
        float: none;
        width: auto !important;
    }

        .card .card-image {
            display: none;
        }


    .collapse {
        display: block !important;
        height: auto !important;
    }


    .has-page-break {
        page-break-before: always;
    }


    .step-circles, .risk-circles {
        display: none;
    }
}

#information--countries {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #information--countries ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #information--countries input {
        width: 100% !important;
    }


.taggle {
    display: inline-block;
    background: #656565;
    color: #ffffff;
    padding: 0.25em 0.5em;
    margin: 0 0.5em 0.5em 0;
    word-wrap: break-word;
    max-width: 100%;
}

    .taggle a {
        margin: 0 0 0 0.25em;
        color: #ffffff;
        text-decoration: none;
    }


.taggle-list {
    list-style: none;
    margin: 0;
    padding: 0;
}


.taggle_sizer {
    display: none;
}

/* ==|====================
   Profile Page
   ======================= */

.l-content .font-1 h3 {
    font-family: "Lato", "Arial", sans-serif;
}

.l-content #accordion-profile .col .col {
    margin-top: 0;
}


.profile-sumoselect-container .SumoSelect {
    margin-bottom: 0;
    width: 100%;
}

    .profile-sumoselect-container .SumoSelect .SlectBox {
        width: 100%;
    }

@media (max-width: 910px) {

    .l-content #accordion-profile .span_1_of_12,
    .l-content #accordion-profile .span_2_of_12,
    .l-content #accordion-profile .span_3_of_12,
    .l-content #accordion-profile .span_4_of_12,
    .l-content #accordion-profile .span_5_of_12,
    .l-content #accordion-profile .span_6_of_12,
    .l-content #accordion-profile .span_7_of_12,
    .l-content #accordion-profile .span_8_of_12,
    .l-content #accordion-profile .span_9_of_12,
    .l-content #accordion-profile .span_10_of_12,
    .l-content #accordion-profile .span_11_of_12 {
        width: 98.4%;
        max-width: 280px;
        float: none;
    }
}

.wallet-card {
    position: relative;
    color: #000000;
    font-size: 16px;
    border: 1px solid #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/javascripts/lib/PIE.htc);
    padding: 15px;
    min-height: 350px;
}

    .wallet-card hr {
        border-color: #000000;
        margin: 10px 0;
    }

    .wallet-card h4, .wallet-card h5 {
        color: #165788;
        margin: 0;
        font-size: 19px;
        font-family: "Lato", "Arial", sans-serif;
    }

    .wallet-card h4 {
        text-decoration: underline;
    }

    .wallet-card h5 {
        display: inline-block;
    }

    .wallet-card .col {
        margin-bottom: 0;
    }

@media (max-width: 480px) {

    .wallet-card .col {
        margin-bottom: 1%;
    }
}

.wallet-card ul,
.wallet-card ol {
    padding-left: 20px;
    margin-top: 0;
}


.wallet-card-header {
    border-bottom: 1px solid #000000;
    font-size: 29px;
    line-height: 1;
    margin-bottom: 15px;
}


.wallet-card-right-col {
    border-left: 1px solid #000000;
    padding-left: 15px;
}

@media (max-width: 480px) {

    .wallet-card-right-col {
        padding-left: 0;
        border-left: none;
    }
}


.wallet-card-form-blank {
    border-bottom: 1px solid #000000;
    display: block;
    height: 22px;
}


.wallet-card-signature-block {
    display: table;
}


.wallet-card-signature-block-section {
    display: table-cell;
}

@media (max-width: 960px) {

    .wallet-card-signature-block-section {
        display: block;
    }
}

/* ==========================================================================
   Tracker Styles
   ========================================================================== */

.collapsed-content {
    padding: 0 20px 20px;
}


    .collapsed-content p {
        color: #888;
        font-size: 12px;
        font-weight: 100;
        margin-bottom: 45px;
    }


.collapse-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
    background: transparent url("../images/bg-collapse-handle.png") no-repeat 0 -20px scroll;
    cursor: pointer;
}


    .collapse-handle:hover {
        opacity: .5;
    }


.closed .collapse-handle {
    background-position: 0 0;
}


.closed .expanded-content,
.closed .tracker-details {
    display: none;
}


.expanded-content,
.tracker-details {
    display: block;
}


.collapsed-content {
    display: none;
}


.closed .collapsed-content {
    display: block;
}


.expanded-content img {
    margin-left: -20px;
}


.last-value {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: right;
}


.value-tracked {
    font-size: 60px;
    font-weight: bold;
    color: #009bc1;
    line-height: .75;
    margin-bottom: 10px;
}


p.label-tracked {
    font-size: 13px;
    font-weight: bold;
    color: #222;
    margin-bottom: 0;
}


.action-line {
    overflow: hidden;
    padding: 20px 20px 10px;
}


.module-carousel {
    position: relative;
    min-height: 365px;
    overflow: hidden;
}


    .module-carousel ul {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        overflow: hidden;
    }


    .module-carousel li {
        width: 379px;
        min-height: 1px;
        float: left;
    }


    .module-carousel img {
        margin-bottom: 25px;
    }


    .module-carousel p {
        margin-bottom: 15px;
    }

/* Bar Graph */

.col-1 {
    width: 7% !important;
    left: 9%;
}


.flyover-1 {
    left: 9%;
    left: calc( (9% * 1) - 3.5% );
}


.col-2 {
    width: 7% !important;
    left: 18%;
}


.flyover-2 {
    left: 18%;
    left: calc( (9% * 2) - 3.5% );
}


.col-3 {
    width: 7% !important;
    left: 27%;
}


.flyover-3 {
    left: 27%;
    left: calc( (9% * 3) - 3.5% );
}


.col-4 {
    width: 7% !important;
    left: 36%;
}


.flyover-4 {
    left: 36%;
    left: calc( (9% * 4) - 3.5% );
}


.col-5 {
    width: 7% !important;
    left: 45%;
}


.flyover-5 {
    left: 45%;
    left: calc( (9% * 5) - 3.5% );
}


.col-6 {
    width: 7% !important;
    left: 54%;
}


.flyover-6 {
    left: 54%;
    left: calc( (9% * 6) - 3.5% );
}


.col-7 {
    width: 7% !important;
    left: 63%;
}


.flyover-7 {
    left: 63%;
    left: calc( (9% * 7) - 3.5% );
}


.col-8 {
    width: 7% !important;
    left: 72%;
}


.flyover-8 {
    left: 72%;
    left: calc( (9% * 8) - 3.5% );
}


.col-9 {
    width: 7% !important;
    left: 81%;
}


.flyover-9 {
    left: 81%;
    left: calc( (9% * 9) - 3.5% );
}


.col-10 {
    width: 7% !important;
    left: 90%;
}


.flyover-10 {
    left: 90%;
    left: calc( (9% * 10) - 3.5% );
}


.col-11 {
    display: none;
}


.flyover-11 {
    display: none;
}


.col-12 {
    display: none;
}


.flyover-12 {
    display: none;
}


.col-13 {
    display: none;
}


.flyover-13 {
    display: none;
}


.col-14 {
    display: none;
}


.flyover-14 {
    display: none;
}


.col-15 {
    display: none;
}


.flyover-15 {
    display: none;
}


.col-16 {
    display: none;
}


.flyover-16 {
    display: none;
}


.col-17 {
    display: none;
}


.flyover-17 {
    display: none;
}


.col-18 {
    display: none;
}


.flyover-18 {
    display: none;
}


.col-19 {
    display: none;
}


.flyover-19 {
    display: none;
}


.col-20 {
    display: none;
}


.flyover-20 {
    display: none;
}


.chart {
    margin: 0 0 1em 0;
}


.custom-graph {
    padding: 10px 0 15px 15px;
    position: relative;
    overflow: hidden;
}


.graph-lines {
    width: 90%;
}


.graph-numbers {
    left: 5%;
}


.bar-graph_legend {
    overflow: hidden;
    margin-bottom: 30px;
    padding-top: 5px;
}


    .bar-graph_legend abbr {
        color: #009bc1;
        font-size: 19px;
        margin-right: 5px;
    }


.self-data,
abbr.self-data {
    color: #009bc1;
}


.clinical-data,
abbr.clinical-data {
    color: #00bbb0;
}


.claims-data,
abbr.claims-data {
    color: #999;
}


.bar-graph_legend li {
    display: block;
    float: left;
    font-size: 12px;
    color: #222;
    margin-right: 12px;
}


.bar-graph_legend div {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-top: 4px;
    display: inline-block;
}


.bar-graph_labels {
    position: absolute;
    width: 40px;
    height: 180px;
    top: 57px;
    left: 20px;
    z-index: 2;
    font-size: 11px;
    font-weight: bold;
}


    .bar-graph_labels div {
        position: absolute;
        width: 30px;
        height: 30px;
    }


    .bar-graph_labels .max-range {
        top: 2px;
    }


    .bar-graph_labels .mid-range {
        top: 79px;
    }


    .bar-graph_labels .range-title {
        font-weight: bold;
        top: 40px;
        left: 0;
        text-align: left;
        margin-left: -105px;
        width: 200px;
        height: 30px;
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    }


.bar-graph_values {
    background: transparent url("../images/bg-graph-bar.jpg") no-repeat 30px top scroll;
    width: 348px;
    height: 156px;
    position: relative;
    border-bottom: 1px solid #888;
}


    .bar-graph_values div {
        width: 30px;
        overflow: visible;
        color: #FFF;
        position: absolute;
        bottom: 0;
        cursor: pointer;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        border-top: 1px solid #00ebf3;
        background-color: #0082b2;
        background-image: -webkit-linear-gradient(top, #00afcd, #0082b2);
        background-image: -moz-linear-gradient(top, #00afcd, #0082b2);
        background-image: -ms-linear-gradient(top, #00afcd, #0082b2);
        background-image: -o-linear-gradient(top, #00afcd, #0082b2);
        z-index: 2;
    }


        .bar-graph_values div.self-data {
            /* default*/
        }


        .bar-graph_values div.clinical-data {
            border-top: 1px solid #00f1ef;
            background-color: #00aa9d;
            background-image: -webkit-linear-gradient(top, #00c9c1, #00aa9d);
            background-image: -moz-linear-gradient(top, #00c9c1, #00aa9d);
            background-image: -ms-linear-gradient(top, #00c9c1, #00aa9d);
            background-image: -o-linear-gradient(top, #00c9c1, #00aa9d);
        }


        .bar-graph_values div.claims-data {
            border-top: 1px solid #e6e6e6;
            background-color: #9a9a9a;
            background-image: -webkit-linear-gradient(top, #9a9a9a, #616161);
            background-image: -moz-linear-gradient(top, #9a9a9a, #616161);
            background-image: -ms-linear-gradient(top, #9a9a9a, #616161);
            background-image: -o-linear-gradient(top, #9a9a9a, #616161);
        }


        .bar-graph_values div.device-data {
            border-top: 1px solid #e6e6e6;
            background-color: #9a9a9a;
            background-image: -webkit-linear-gradient(top, #9a9a9a, #616161);
            background-image: -moz-linear-gradient(top, #9a9a9a, #616161);
            background-image: -ms-linear-gradient(top, #9a9a9a, #616161);
            background-image: -o-linear-gradient(top, #9a9a9a, #616161);
        }


.bar-graph_legend div.self-data {
    background-color: #009bc1;
}


.bar-graph_legend div.claims-data {
    background-color: #9a9a9a;
}


.bar-graph_legend div.clinical-data {
    background-color: #00aa9d;
}


.bar-graph_legend div.normal-range {
    background-color: #A8E2B6;
}


.bar-graph_legend div.high-risk {
    background-color: red;
}


.lt-ie10 .bar-graph_values div {
    border-top: 0;
    background: url("../images/sprite-tracker-bars.png") no-repeat left -1px;
}


    .lt-ie10 .bar-graph_values div.clinical-data {
        background-position: -37px 0;
    }


    .lt-ie10 .bar-graph_values div.claims-data {
        background-position: -75px 0;
    }


.bp-graph .bar-graph_values div {
    width: 8px;
    height: 8px;
    background: transparent url("../images/bg-bpgraph.png") no-repeat left top scroll;
    color: #FFF;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 0;
}


    .bp-graph .bar-graph_values div.clinical-data,
    .bp-graph .bar-graph_values div.clinical-data div {
        background-position: 0 -11px;
    }


    .bp-graph .bar-graph_values div.claims-data,
    .bp-graph .bar-graph_values div.claims-data div {
        background-position: 0 -22px;
    }


.bar-graph_values div span {
    font-size: 8px;
    color: #888;
    position: absolute;
    bottom: -32px;
    text-align: center;
    left: 0;
    margin-left: -12px;
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
}


.bar-graph_rangeControl {
    padding-top: 22px;
    text-align: center;
}


.bar-graph_flyovers {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
}


.flyover p {
    color: #009bc1;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: 0;
}


.flyover.clinical-data p {
    color: #00bbb0;
}


.flyover.claims-data p {
    color: #999;
}


.flyover p.trackeractivityname {
    color: #009bc1;
    font-size: 13px;
}


.flyover.clinical-data p.trackeractivityname {
    color: #00bbb0;
    font-size: 13px;
}


.flyover.claims-data p.trackeractivityname {
    color: #999;
    font-size: 13px;
}


.bar-graph_flyovers div.trackerdivider {
    background-color: #CCC;
    height: 1px;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}


.bar-graph_flyovers div.trackerdivider {
    background-color: #CCC;
    height: 1px;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}


.bar-graph_flyovers div.trackerdivider {
    background-color: #CCC;
    height: 1px;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}


.flyover {
    position: absolute;
    height: 66px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
    text-align: center;
    background: #FFF;
    padding: 10px;
    z-index: 3;
    opacity: .85;
    min-width: 76px;
}


    .flyover span {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        border-width: 5px 5px 0;
        border-style: solid;
        border-color: #FFF transparent;
        display: block;
        width: 0;
        margin-left: -5px;
    }


.lt-ie8 .flyover {
    height: 46px;
}


.lt-ie9 .flyover span {
    width: 11px;
    height: 5px;
    border: 0;
    background: transparent url("../images/bg-flyover.png") no-repeat left top scroll;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -6px;
}


.flyover p:first-child {
    color: #222;
    font-size: 14px;
}


.bp-flyover p {
    color: #222;
    font-size: 14px;
}


    .bp-flyover p:first-child {
        color: #009bc1;
        font-size: 30px;
    }


.bp-flyover.clinical-data p:first-child {
    color: #00bbb0;
}


.bp-flyover.claims-data p:first-child {
    color: #999;
}


.alert-flag {
    position: absolute;
    top: -8px;
    right: 50px;
    width: 51px;
    height: 48px;
    background: transparent url("../images/bg-alert-flag.png") no-repeat left top scroll;
}


.alert-message {
    padding: 0 20px 15px;
    margin-top: -15px;
}


    .alert-message .alert {
        color: #F00;
    }


    .alert-message p {
        padding: 23px 12px 12px;
        background: transparent url("../images/bg-alert-message.png") no-repeat left top scroll;
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.2;
    }


.tracker-details {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}


.tracker-details_actions {
    padding: 20px 15px;
    background: #FFF;
    overflow: hidden;
}


    .tracker-details_actions a {
        float: left;
        margin-top: 9px;
    }


a.track-btn {
    display: block;
    text-indent: -9999px;
    width: 80px;
    height: 31px;
    background: transparent url("../images/bg-btn-track.png") no-repeat left top scroll;
    margin-top: 0;
    margin-right: 15px;
}


.tracker-details_history-wrap {
    display: none;
    background: #f4f4f4;
    box-shadow: inset 0 6px 8px -4px rgba(0, 0, 0, 0.25);
    padding: 15px 15px 10px 20px;
}


    .tracker-details_history-wrap.opened {
        display: block;
    }


    .tracker-details_history-wrap th,
    .tracker-details_history-wrap td {
        text-align: left;
        color: #222;
        font-size: 12px;
        font-weight: normal;
    }


    .tracker-details_history-wrap td {
        padding-bottom: 4px;
    }


    .tracker-details_history-wrap th {
        font-weight: bold;
    }


.scrollable {
    margin-top: 10px;
    height: 60px;
    overflow-x: hidden;
    overflow-y: auto;
}


.th-date-col {
    width: 65px;
}


.th-unit-col {
    width: 75px;
}


.th-comment-col {
    width: 75px;
    text-align: center;
}


.th-delete-col {
    width: 15px;
    text-indent: -9999px;
    padding-right: 10px;
}


    .th-delete-col .btn-close {
        display: block;
        width: 16px;
        height: 16px;
        background: transparent url("../images/sprite-close-btn.png") no-repeat left top scroll;
    }


        .th-delete-col .btn-close:hover {
            background-position: -16px 0;
            text-decoration: none;
        }


.tracker-history-trigger {
    display: block;
    padding-left: 15px;
    right: 16px;
    position: absolute;
    background: transparent url("../images/sprite-tracker-history-arrows.png") no-repeat -1px 1px scroll;
    line-height: 1;
}


    .tracker-history-trigger:hover {
        text-decoration: none;
    }


    .tracker-history-trigger.opened {
        background-position: 0 -10px;
    }


abbr.tracker-header {
    color: #009bc1;
    font-size: 35px;
}


.view-trackers-link {
    display: block;
    padding-right: 0;
    right: 16px;
    top: 55px;
    position: absolute;
}

/* trackers page - bar graph */

.trackerpage-bar-graph_legend {
    overflow: hidden;
    margin: 0 0 2.14286em 0;
    padding: 0;
}


    .trackerpage-bar-graph_legend abbr {
        color: #009bc1;
        font-size: 16px;
        margin-left: 15px;
        margin-right: 5px;
    }


    .trackerpage-bar-graph_legend li {
        display: block;
        float: left;
        font-size: 10px;
        color: #222;
        margin-right: 12px;
        margin-bottom: 5px;
    }


.trackerpage-bar-graph_labels {
    position: absolute;
    width: 40px;
    height: 350px;
    top: 57px;
    left: 20px;
    z-index: 2;
    font-size: 11px;
    font-weight: bold;
}


    .trackerpage-bar-graph_labels div {
        position: absolute;
        width: 30px;
        height: 30px;
        margin-left: -5px;
        text-align: left;
        top: 375px;
    }


    .trackerpage-bar-graph_labels .trackerpage-max-range {
        top: 2px;
    }


    .trackerpage-bar-graph_labels .trackerpage-mid-range {
        top: 79px;
    }


    .trackerpage-bar-graph_labels .trackerpage-range-title {
        position: absolute;
        font-weight: bold;
        top: 150px;
        left: 0;
        text-align: left;
        margin-left: -105px;
        width: 200px;
        height: 30px;
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        z-index: 9999;
    }


.trackerpage-bar-graph_values {
    width: 100%;
    height: 350px;
    position: relative;
    border-bottom: 1px solid #888;
}


    .trackerpage-bar-graph_values div {
        width: 30px;
        overflow: visible;
        color: #FFF;
        position: absolute;
        bottom: 0;
        cursor: pointer;
        background: #00a9e0;
        z-index: 2;
    }


        .trackerpage-bar-graph_values div.trackerpage-self-data {
            /* default*/
        }


        .trackerpage-bar-graph_values div.trackerpage-clinical-data {
            border-top: 1px solid #00f1ef;
            /* background-color: #00aa9d;
  background-image: -webkit-linear-gradient(top, #00c9c1, #00aa9d);
  background-image:    -moz-linear-gradient(top, #00c9c1, #00aa9d);
  background-image:     -ms-linear-gradient(top, #00c9c1, #00aa9d);
  background-image:      -o-linear-gradient(top, #00c9c1, #00aa9d); */
            background: #00a9e0;
        }


        .trackerpage-bar-graph_values div.trackerpage-claims-data {
            border-top: 1px solid #e6e6e6;
            /* background-color: #9a9a9a;
  background-image: -webkit-linear-gradient(top, #9a9a9a, #616161);
  background-image:    -moz-linear-gradient(top, #9a9a9a, #616161);
  background-image:     -ms-linear-gradient(top, #9a9a9a, #616161);
  background-image:      -o-linear-gradient(top, #9a9a9a, #616161); */
            background: #00a9e0;
        }


        .trackerpage-bar-graph_values div.trackerpage-augeo-data {
            border-top: 1px solid #e6e6e6;
            /* background-color: #9a9a9a;
  background-image: -webkit-linear-gradient(top, #9a9a9a, #616161);
  background-image:    -moz-linear-gradient(top, #9a9a9a, #616161);
  background-image:     -ms-linear-gradient(top, #9a9a9a, #616161);
  background-image:      -o-linear-gradient(top, #9a9a9a, #616161); */
            background: #00a9e0;
        }


        .trackerpage-bar-graph_values div.trackerpage-device-data {
            border-top: 1px solid #e6e6e6;
            /* background-color: #9a9a9a;
  background-image: -webkit-linear-gradient(top, #9a9a9a, #616161);
  background-image:    -moz-linear-gradient(top, #9a9a9a, #616161);
  background-image:     -ms-linear-gradient(top, #9a9a9a, #616161);
  background-image:      -o-linear-gradient(top, #9a9a9a, #616161); */
            background: #00a9e0;
        }


.lt-ie10 .trackerpage-bar-graph_values div {
    border-top: 0;
    background: url("../images/sprite-tracker-bars.png") no-repeat left -1px;
}


    .lt-ie10 .trackerpage-bar-graph_values div.trackerpage-clinical-data {
        background-position: -37px 0;
    }


    .lt-ie10 .trackerpage-bar-graph_values div.trackerpage-claims-data {
        background-position: -75px 0;
    }


.bp-graph .trackerpage-bar-graph_values div {
    width: 8px;
    height: 8px;
    background: transparent url("../images/bg-bpgraph.png") no-repeat left top scroll;
    color: #FFF;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 0;
}


    .bp-graph .trackerpage-bar-graph_values div.trackerpage-clinical-data,
    .bp-graph .trackerpage-bar-graph_values div.trackerpage-clinical-data div {
        background-position: 0 -11px;
    }


    .bp-graph .trackerpage-bar-graph_values div.trackerpage-claims-data,
    .bp-graph .trackerpage-bar-graph_values div.trackerpage-claims-data div {
        background-position: 0 -22px;
    }


.trackerpage-bar-graph_values div span {
    font-size: 8px;
    color: #656565;
    position: absolute;
    bottom: -35px;
    text-align: center;
    left: 0;
    margin-left: -10px;
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
}

@media (max-width: 600px) {

    .trackerpage-bar-graph_values div:nth-child(even) span {
        display: none;
    }
}

.trackerpage-bar-graph_rangeControl {
    padding-top: 22px;
    text-align: center;
}


.trackerpage-bar-graph_flyovers {
    position: relative;
    bottom: 70px;
    left: 0;
    width: 100%;
}


.trackerpage-bar-graph_legend div {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    display: inline-block;
}

/* graph line colors */

.graph-lines:hover {
    cursor: pointer;
}

.graph-lines.high-risk {
    background: #df1b4f;
}

.graph-lines.normal-range {
    background: #d9f2fa;
}


.trackerpage-bar-graph_legend div.trackerpage-self-data {
    /*background-color: #00a9e0;
    border: 1px solid #165788; Added as Accessibility Enhancement*/
    background-color: #002B3A;
}


.trackerpage-bar-graph_legend div.trackerpage-claims-data {
    /*background-color: #9a9a9a;*/ /*Changes made for Accessibility Enhancements*/
    background-color: #0086B4;
    background-image: radial-gradient(white 15%, transparent 16%), radial-gradient(white 15%, transparent 16%);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}


.trackerpage-bar-graph_legend div.trackerpage-clinical-data {
    /*background-color: #00aa9d;*/ /*Changes made for Accessibility Enchancements*/
    background-color: #BBEEFF;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, #002B3A 15px, #002B3A 20px);
}


.trackerpage-bar-graph_legend div.trackerpage-normal-range {
    background-color: #d9f2fa;
}


.trackerpage-bar-graph_legend div.trackerpage-high-risk {
    /*background-color: #df1b4f;*/ /*Changes made for Accessibility Enhancements*/
    border: 3px dotted #DF1B4F;
    height: 10px;
    border-style: none none dotted;
}


.trackerpage-bar-graph_flyovers div.trackerpage-clinical-data p.value {
    color: #00aa9d;
}


.trackerpage-bar-graph_flyovers div.trackerpage-self-data p.value {
    color: #009bc1;
}


.trackerpage-bar-graph_flyovers div.trackerpage-claims-data p.value {
    color: #9a9a9a;
}

/*trackeractivityname*/

.trackerpage-bar-graph_flyovers div.trackerpage-clinical-data p.trackeractivityname {
    color: #00aa9d;
    font-size: 13px;
}


.trackerpage-bar-graph_flyovers div.trackerpage-self-data p.trackeractivityname {
    color: #009bc1;
    font-size: 13px;
}


.trackerpage-bar-graph_flyovers div.trackerpage-claims-data p.trackeractivityname {
    color: #9a9a9a;
    font-size: 13px;
}


.trackerpage-bar-graph_flyovers div.trackerpage-clinical-data div.trackerdivider {
    background-color: #CCC;
    height: 1px;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}


.trackerpage-bar-graph_flyovers div.trackerpage-self-data div.trackerdivider {
    background-color: #CCC;
    height: 1px;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}


.trackerpage-bar-graph_flyovers div.trackerpage-claims-data div.trackerdivider {
    background-color: #CCC;
    height: 1px;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}


.ui-tooltip, .arrow:after {
    background: #ffffff;
    border: 1px solid #000000;
}


.ui-tooltip {
    padding: 0;
    color: #000000;
    border-radius: 5px;
    font: 0.85714em "Lato", Arial, sans-serif;
    box-shadow: none;
    text-align: center;
    border: none;
}


.ui-tooltip-content {
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #000000;
}


.tooltip-value {
    font-size: 1.42857em;
    color: #00a9e0;
}


.tooltip-units {
    color: #00a9e0;
}


.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}


    .arrow.top {
        top: -16px;
        bottom: auto;
    }


    .arrow.left {
        left: 50%;
    }


    .arrow:after {
        content: "";
        position: absolute;
        left: 40px;
        top: -20px;
        width: 5px;
        height: 25px;
        box-shadow: none;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }


    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }


.tools-slider {
    text-decoration: underline;
    color: white;
}

    .tools-slider .slick-slide {
        padding: 0 5px;
    }


.tools-slider-tool {
    height: 195px;
    display: block;
    background-color: white;
    position: relative;
    background-size: cover;
    background-position: center center;
}


.tools-slider-tool-title {
    width: 100%;
    background: #ce8e00;
    background: #165788;
    color: white;
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    font-size: 18px;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-weight: normal;
    margin: 0;
    text-align: center;
}


.health-team-preview .pane--accordion, .health-team-preview .pane--accordion-transparent, .health-team-preview .pane--accordion-transparent-pad {
    padding-top: 10px;
}


.health-team-preview-chat-text {
    font-size: 14px;
}


.health-team-preview-chat-details {
    display: block;
}


.accordion-health-team-preview-item {
    border-top: 1px solid #c8c8c8;
    margin-top: 1em;
    margin-bottom: 0;
    padding-top: 1em;
}


.health-team-preview-item-content {
    font-size: 12px;
}


.health-team-preview-contact-info tr td {
    vertical-align: top;
}

    .health-team-preview-contact-info tr td:first-child {
        font-weight: bold;
        padding-right: 10px;
    }


.accordion-health-team-preview-item--homepage {
    border-top: none;
    border-bottom: 1px solid #c8c8c8;
    margin-top: 0;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
}

    .accordion-health-team-preview-item--homepage .accordion-body {
        padding: 5px 15px;
    }


.health-team-manage-button {
    padding: 0.5em 0;
    display: inline-block;
}


.health-team-person-title {
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 0.3em;
    padding-left: 20px;
}


.health-team-preview-chat-container {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 0.4em;
}


.spotlight-slider {
    background-color: white;
}

@media (max-width: 640px) {

    .spotlight-slider-slide-image {
        float: none;
        margin: 0 auto 1em auto;
        display: block;
    }
}


.completion-cert {
    background-color: white;
}

    .completion-cert .h2, .completion-cert legend, .completion-cert .wallet-card h4, .wallet-card .completion-cert h4, .completion-cert .wallet-card h5, .wallet-card .completion-cert h5 {
        margin-bottom: 0.5em;
        line-height: 1.2;
    }


.completion-cert__bg {
    display: block;
}


.completion-cert__content {
    max-width: 70%;
    margin: 4% auto;
    padding: 0 1%;
}


.completion-cert__highlight {
    color: #df1b4f;
}


.completion-cert__logos {
    margin-bottom: 1em;
}

    .completion-cert__logos img {
        max-width: 45%;
        margin-right: 3%;
    }


.completion-cert--on-page {
    -moz-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 1em;
}


.table-filters {
    margin-bottom: 1em;
}

    .table-filters button {
        vertical-align: baseline;
    }


.table-filters--month {
    display: none;
}


.table-filters--clear-button,
.table-filters--apply-button {
    display: none;
}

/* Pages */
@media (max-width: 974px) {

    .homepage-column-with-header {
        margin-bottom: 2em;
        width: 48.4%;
    }

        .homepage-column-with-header:nth-child(3) {
            width: 98.4%;
        }
}

@media (max-width: 500px) {

    .homepage-column-with-header {
        width: 98.4%;
    }
}


.homepage-cta {
    font-size: 12px;
}


.prelogin_register1 form .width-container,
.prelogin_register2 form .width-container,
.prelogin_register3 form .width-container {
    max-width: 700px;
}


.scrollable-box {
    height: 270px;
    border: 1px solid black;
    overflow: auto;
    overflow-y: scroll;
    padding: 1.6%;
    width: 100%;
    margin-bottom: 1em;
}


.prelogin-title--contact {
    margin-bottom: 20px;
}

@media (max-width: 910px) {

    .l-content .contact-form .contact-form-details .span_4_of_12 {
        width: 98.4%;
        max-width: 280px;
        float: none;
    }
}

@media (max-width: 750px) {

    .contact-form .contact-form-details .span_4_of_12 {
        width: 98.4%;
        max-width: 280px;
        float: none;
    }
}

.messages .message-container .alert {
    padding: 0.5em;
}

.messages .message-container .notification-controls {
    float: right;
}

    .messages .message-container .notification-controls .control {
        display: inline-block;
        margin-right: 10px;
        cursor: pointer;
    }

        .messages .message-container .notification-controls .control .label {
            text-decoration: underline;
        }

        .messages .message-container .notification-controls .control.ok {
            color: #67bc47;
        }

        .messages .message-container .notification-controls .control.cancel {
            color: #c8202f;
        }

.messages .new-message-notification {
    border: 2px #FF9494 solid;
}

.messages .page-controls .btn, .messages .page-controls .btn-color1, .messages .page-controls .btn-color2, .messages .page-controls .btn-color3, .messages .page-controls .btn-color4, .messages .page-controls .reward-activity-progress-item--btn, .messages .page-controls #calendar .fc-today-button, #calendar .messages .page-controls .fc-today-button,
.messages .page-controls #calendar .fc-month-button,
#calendar .messages .page-controls .fc-month-button,
.messages .page-controls #calendar .fc-basicWeek-button,
#calendar .messages .page-controls .fc-basicWeek-button,
.messages .page-controls #calendar .fc-basicDay-button,
#calendar .messages .page-controls .fc-basicDay-button {
    float: left;
}


.message-btn-top {
    float: right;
}

@media (max-width: 480px) {

    .message-btn-top {
        float: none;
    }
}


.message-item .controls a {
    margin: 5px;
}

.message-item .controls .btn, .message-item .controls .btn-color1, .message-item .controls .btn-color2, .message-item .controls .btn-color3, .message-item .controls .btn-color4, .message-item .controls .reward-activity-progress-item--btn, .message-item .controls #calendar .fc-today-button, #calendar .message-item .controls .fc-today-button,
.message-item .controls #calendar .fc-month-button,
#calendar .message-item .controls .fc-month-button,
.message-item .controls #calendar .fc-basicWeek-button,
#calendar .message-item .controls .fc-basicWeek-button,
.message-item .controls #calendar .fc-basicDay-button,
#calendar .message-item .controls .fc-basicDay-button {
    margin-right: 1em;
}

.message-item .feedback {
    display: inline-block;
}

    .message-item .feedback select {
        margin: 5px;
    }


.message-conversation {
    overflow: hidden;
    margin: 0 0 10px 0;
}

    .message-conversation:hover, .message-conversation:active {
        border-color: #dedede;
    }


.message-balloon {
    width: 45%;
    clear: both;
    margin-bottom: 10px;
}

    .message-balloon .username {
        padding-left: 10px;
        font-size: 12px;
    }

    .message-balloon .time {
        text-align: right;
        font-size: 12px;
    }

    .message-balloon .message {
        position: relative;
        padding: 10px;
        color: white;
    }

        .message-balloon .message:after {
            content: '';
            position: absolute;
            top: 5px;
            width: 0;
            height: 0;
            border-style: solid;
        }

@media (max-width: 600px) {

    .message-balloon {
        width: 90%;
    }
}


.message-conversation--narrow .message-balloon {
    width: 90%;
    font-size: 12px;
}


.message-balloon--outgoing {
    float: right;
    padding-right: 10px;
}

    .message-balloon--outgoing .message {
        background-color: #6baf00;
    }

        .message-balloon--outgoing .message:after {
            left: 100%;
            border-width: 10px 0 10px 10px;
            border-color: transparent transparent transparent #6baf00;
        }


.message-balloon--incoming {
    float: left;
    padding-left: 10px;
}

    .message-balloon--incoming .message {
        background-color: #165788;
    }

        .message-balloon--incoming .message:after {
            right: 100%;
            border-width: 10px 10px 10px 0;
            border-color: transparent #165788 transparent transparent;
        }


.message-reply-view .date-separator {
    border-bottom: 1px solid #bcbcbc;
    text-align: center;
    margin-bottom: 10px;
    clear: both;
    font-size: 12px;
}

    .message-reply-view .date-separator span {
        padding: 10px;
        position: relative;
        background-color: white;
        bottom: -10px;
    }

.message-reply-view .reply-form {
    margin-bottom: 0;
}


.message-reply-view--scrollable {
    max-height: 360px;
    overflow: auto;
}

    .message-reply-view--scrollable .message-conversation {
        margin-bottom: 0;
    }

@media (max-width: 480px) {

    .message-reply-view--scrollable {
        max-height: 300px;
    }
}


.chat-transcript:hover {
    border-color: #dedede;
}


.health-assessment-table {
    width: 100%;
}

    .health-assessment-table tr > td:first-child {
        color: #4e4e4e;
        width: 65%;
    }

    .health-assessment-table th {
        vertical-align: bottom;
    }

    .health-assessment-table th, .health-assessment-table td {
        text-align: left;
    }

    .health-assessment-table td {
        border: 1px solid #737373;
        padding: 10px;
    }

        .health-assessment-table td:first-child {
            border-left: 0;
            font-weight: bold;
        }

        .health-assessment-table td:last-child {
            border-right: 0;
        }

@media (max-width: 40em) {

    .health-assessment-table td {
        border: none;
    }
}

.health-assessment-table .child-row > td:first-child {
    padding-left: 40px;
}

@media (max-width: 39.9375em) {

    .health-assessment-table.tablesaw-stack tr > td:first-child {
        width: auto;
    }

    .health-assessment-table.tablesaw-stack tbody tr td:first-child .tablesaw-cell-label {
        display: none;
    }

    .health-assessment-table.tablesaw-stack tbody tr td:first-child .tablesaw-cell-content {
        max-width: 100%;
    }
}

.health-assessment-category .accordion-heading-functions .fa {
    font-size: 1.5em;
}

.health-assessment-category .form-group {
    margin-left: -25px;
    margin-right: -25px;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 0;
    padding: 15px 25px;
}

@media (max-width: 768px) {

    .health-assessment-category .form-group {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media print {

    * .health-assessment-category .form-group {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.health-assessment-category hr.divider {
    margin-left: -25px;
    margin-right: -25px;
}


.health-assessment-category--error {
    border: 3px solid #FF9494;
    padding: 3px;
}


.accordion-heading--updated,
.health-assessment-category .form-group--updated,
.updated-example {
    border: 3px #FF9494 solid;
}


.updated-example {
    width: 50px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
}


.form-group--updated + .form-group--updated {
    border-top: none;
}


.completion-status h3 {
    text-align: center;
}

.completion-status .progress-circle-wrapper {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 480px) {

    .completion-status {
        float: none;
        margin-bottom: 1em;
    }
}


.risk-status {
    max-width: 270px;
    text-align: center;
}

@media (max-width: 600px) {

    .risk-status {
        float: none;
        max-width: none;
    }
}


.risk-status-updated-date,
.risk-status-fine-print {
    font-size: 12px;
}


.health-assessment-section-description {
    overflow: hidden;
}


.health-assessment-section-description-functions {
    float: right;
    margin-left: 10px;
}


.homework-detail-page .letters {
    background: white;
}

.homework-detail-page .letter-item {
    padding: 25px;
    border-bottom: 2px solid #eeeeee;
}

.homework-detail-page .letter-title {
    font-size: 18px;
}

.homework-detail-page .letter-date {
    font-size: 12px;
}

.homework-detail-page .letter-options {
    margin-top: 20px;
}


.wellness-center-video {
    max-width: 514px;
    margin: 0 auto 1em;
}


.wellness-center-video-title {
    color: #165788;
    text-align: center;
}


.wellness-center-video-media {
    background-color: black;
    color: white;
    margin-bottom: 0.5em;
    min-height: 200px;
}


.reward-activity-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: left;
    margin-bottom: 1em;
}

    .reward-activity-tabs li {
        display: inline-block;
        vertical-align: middle;
    }

.lt-ie8 .reward-activity-tabs li {
    display: inline;
    zoom: 1;
}

@media (max-width: 480px) {

    .reward-activity-tabs {
        text-align: center;
    }
}


.reward-activity-tab {
    margin-bottom: 1em;
}

    .reward-activity-tab a {
        color: #1e8600;
        padding: 0 32px 0 0;
        font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
        font-size: 16px;
        text-decoration: none;
    }

    .reward-activity-tab.is-active a {
        text-decoration: underline;
    }


.reward-activity-item {
    margin-bottom: 2em;
}

    .reward-activity-item .accordion-body {
        padding-bottom: 0;
    }


.reward-program-info {
    margin-bottom: 2em;
}


.reward-history-header {
    text-align: left;
}

@media (max-width: 480px) {

    .reward-history-header {
        text-align: center;
    }
}


.reward-history-progress {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    margin-bottom: 1em;
}


.reward-history-progress-details {
    color: #1e8600;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


.reward-history-table tr > td:first-child {
    width: auto;
}

.reward-history-table tr > td {
    color: #4e4e4e;
}


.reward-activity-progress {
    text-align: center;
}

    .reward-activity-progress .progress-circle-wrapper {
        margin: 0 auto;
    }


.reward-activity-progress-item {
    font-size: 22px;
    display: block;
    color: #1e8600;
}


.reward-activity-progress-item--small {
    font-size: 16px;
}


.reward-activity-progress-item-number {
    font-weight: bold;
}


.reward-activity-progress-item--btn {
    color: white;
    padding: 10px 25px;
    display: inline-block;
    line-height: 1;
    font-weight: normal;
}

@media (max-width: 480px) {

    .reward-activity-info {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 2em;
    }
}


.reward-activity-steps {
    overflow: hidden;
    padding: 5px 0;
    background-color: white;
}

@media (max-width: 480px) {

    .reward-activity-steps {
        padding: 0 5px;
    }
}


.reward-activity-step {
    display: block;
    float: left;
    width: 33%;
    padding: 10px 20px;
    border-left: 1px solid #6baf00;
}

    .reward-activity-step:first-child {
        border-left: none;
    }

@media (max-width: 480px) {

    .reward-activity-step {
        float: none;
        width: auto;
        border-left: none;
        border-top: 1px solid #6baf00;
    }

        .reward-activity-step:first-child {
            border-top: none;
        }
}


#rewards-pages-menu-selector {
    display: none;
}

@media (max-width: 768px) {

    #rewards-pages-menu-selector {
        display: inline;
    }
}


.reward-activity-legend {
    font-size: 16px;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    text-align: left;
}

    .reward-activity-legend li {
        padding: 0 15px;
        margin-bottom: 1em;
        display: inline-block;
    }


#appointments-recurring-pattern-panel,
#appointments-recurring-range-panel {
    font-size: 12px;
}

    #appointments-recurring-pattern-panel label,
    #appointments-recurring-range-panel label {
        font-style: inherit;
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
    }

    #appointments-recurring-pattern-panel input[type=text], #appointments-recurring-pattern-panel input[type=number], #appointments-recurring-pattern-panel input[type=phone], #appointments-recurring-pattern-panel input[type=email], #appointments-recurring-pattern-panel input[type=password],
    #appointments-recurring-range-panel input[type=text],
    #appointments-recurring-range-panel input[type=number],
    #appointments-recurring-range-panel input[type=phone],
    #appointments-recurring-range-panel input[type=email],
    #appointments-recurring-range-panel input[type=password] {
        width: auto;
    }


#appointments-view,
#appointments-edit {
    display: none;
    margin-bottom: 2em;
}

#oc-appointments-view,
#oc-appointments-edit {
    display: none;
    margin-bottom: 2em;
}


#calendar .fc-prev-button,
#calendar .fc-next-button {
    height: auto;
    background-color: transparent;
    background-image: none;
    border: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    behavior: url(/javascripts/lib/PIE.htc);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin:0 6px;
}
#calendar .fc-prev-button:focus,
#calendar .fc-next-button:focus, #saveAndExit:focus {
    outline: 2px dotted #656565 !important;
    outline-offset: 2px;
}
#calendar .fc-prev-button .fc-icon,
#calendar .fc-next-button .fc-icon {
    font-family: "FontAwesome";
}


#calendar .fc-toolbar h2 {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
}

#calendar .fc-today-button,
#calendar .fc-month-button,
#calendar .fc-basicWeek-button,
#calendar .fc-basicDay-button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    behavior: url(/javascripts/lib/PIE.htc);
    height: auto;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    margin-bottom: 0;
}

    #calendar .fc-today-button.fc-state-disabled,
    #calendar .fc-month-button.fc-state-disabled,
    #calendar .fc-basicWeek-button.fc-state-disabled,
    #calendar .fc-basicDay-button.fc-state-disabled {
        color: rgb(0, 0, 0);
        background: rgba(30, 134, 0, 0.18);
        opacity: 1;
    }

    #calendar .fc-today-button.fc-state-active,
    #calendar .fc-month-button.fc-state-active,
    #calendar .fc-basicWeek-button.fc-state-active,
    #calendar .fc-basicDay-button.fc-state-active {
        /*background-color: #7bc900;*/
        background: rgba(30, 134, 0, 0.18);
        color: #000000;
    }

        #calendar .fc-today-button.fc-state-active::after,
        #calendar .fc-month-button.fc-state-active::after,
        #calendar .fc-basicWeek-button.fc-state-active::after,
        #calendar .fc-basicDay-button.fc-state-active::after {
            content: '\25b2';
            position: absolute;
            bottom: -8px;
            left: 44%;
            color: #1e8600;
            font-size: 15px;
        }

#calendar .fc-view-container {
    background-color: white;
}

#calendar .fc-unthemed .fc-today {
    background-color: #fcf8e2;
}

#calendar .fc-event {
    background-color: #165788;
    border: none;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

    #calendar .fc-event:hover, #calendar .fc-event:active {
        background-color: #0f3b5c;
    }

#calendar .fc-event--private {
    background-color: #6baf00;
    color: white;
}

    #calendar .fc-event--private:hover, #calendar .fc-event--private:active {
        background-color: #71b900;
    }

#calendar .fc-event--conflict {
    color: white;
    background-color: #b00d03;
}

    #calendar .fc-event--conflict:hover, #calendar .fc-event--conflict:active {
        background-color: #ba0e03;
    }


.event-tooltip__title {
    display: block;
    color: #6baf00;
    text-decoration: underline;
}


.event-tooltip__title--blue {
    color: #165788;
}


.event-tooltip__type {
    display: block;
}


.event-tooltip__time {
    display: block;
}


.ui-tooltip-content {
    text-align: left;
    font-size: 12px;
    border-radius: 10px;
    border: 1px solid #b9b9b9;
    padding: 10px;
}

@media (max-width: 480px) {

    #appointments-view-actions-container .p--title {
        display: block;
    }

    #appointments-view-actions-container .divider {
        display: none;
    }
}

.preference {
    font-size: 11px;
    color: red;
}

.printCloseButton {
    color: white;
    position: relative;
    float: right;
}

.breadcrumb-ul {
    list-style-type: none;
    padding-left: 0;
}

    .breadcrumb-ul li {
        margin-right: 4px;
        display: inline-block;
    }

.health-programs-title {
    color: #165788;
    font-family: "Roboto Condensed";
    font-size: 34px;
}

.health-programs-subtext {
    color: #656565;
    font-family: "Lato";
    font-size: 18px;
}

.view-all-btn {
    text-align: center;
    padding: 10px 0 20px 0;
}

    .view-all-btn button {
        border-radius: 100px;
        background-color: #6BAF00;
        color: #fff;
        font-weight: bold;
        border-color: #6BAF00;
        text-align: center;
        padding: 10px 40px;
        border: none;
    }

.gray-bottom-line {
    border-bottom: 1px solid #656565;
}

.title-line {
    border-bottom: 2px solid #656565 !important;
}

.health-program-title, .program-desktop-status {
    color: #656565;
    font-family: "Lato";
    font-size: 18px;
    text-decoration: none;
}

.health-program {
    padding: 10px 0;
}

.health-table-title {
    color: #656565;
    font-family: "Lato";
    font-size: 18px;
    font-weight: bold;
    width: 63%;
    display: inline-block;
}

    .health-table-title i {
        margin: 0 0 5px;
    }

.title-status {
    width: 29%;
}

.white-bg {
    background-color: #fff;
    padding: 20px 60px;
}

.redirect-icon {
    text-align: right;
}

.mobile-status {
    display: none;
    font-size: 12px;
}

.program-play-icon, .program-name, .redirect-icon {
    display: inline-block;
    vertical-align: middle;
}

.program-play-icon, .redirect-icon {
    position: relative;
    top: 4px;
}

.program-name {
    padding-left: 15px;
    width: 55% !important;
}

.program-desktop-status {
    display: inline-block;
    vertical-align: middle;
    width: 28% !important;
}


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

    .white-bg {
        padding: 0;
    }

    .title-content {
        background-color: #165788;
        padding: 10px 30px 10px 30px;
    }

    .health-programs-title, .health-programs-subtext {
        color: #ffffff;
    }

    .mobile-status {
        display: block;
    }

    .program-name {
        width: 75% !important;
    }

    .program-desktop-status {
        display: none;
    }

    .health-program {
        display: inline-block;
        width: 100% !important;
        padding: 5px 0;
    }

    .redirect-icon {
        display: inline-block;
        width: 10% !important;
    }

    .health-table-title {
        width: 100%;
    }

    .programs-content {
        padding: 5px 10px 5px 10px;
    }

    .notification-alert {
        margin-top: 70px !important;
    }

    .sys-dias-separator {
        display: none;
    }
}
/*.sr-read {
        opacity: 0;
        height: 100%;
    }*/

.notification-alert {
    background-color: #007d82;
    padding: 1.5em;
    z-index: 0;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 110px;
}

.notification-alert-close {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    float: right;
    padding: 0;
    background: transparent;
    border: none;
}

    .notification-alert-close.rounded::before, .notification-alert-close.rounded::after {
        border-radius: 5px;
    }

    .notification-alert-close::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .notification-alert-close::before, .notification-alert-close::after {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px;
        background: #fff;
    }


    .notification-alert-close::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


.notification-alert-title {
    color: #ffffff !important;
    margin-bottom: 15px;
}

.notfication-alert-btn-wrapper {
    margin-top: 30px;
}

.notification-alert-body {
    color: #ffffff !important;
    font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
    font-size: 1.28571em;
    font-weight: normal;
    max-width: 960px;
    padding: 0 0.71429em;
    margin: 0 auto;
}

.downloadnow-btn {
    text-decoration: none;
    background-color: #ffffff;
    padding: 10px 15px;
    color: #4d4d4d !important;
}

    .downloadnow-btn:hover {
        color: #4d4d4d !important;
    }

.display-inline-block {
    display: inline-block;
}

.additional-label {
    font-style: italic;
    color: #474647;
    font-size: 16px;
    font-weight: normal;
    font-family: "Lato", "Arial", sans-serif;
}

#divBMI, #divBMI, #divOthers {
    color: #656565;
    margin: 0;
    font-size: inherit;
}

    #divBMI legend, #divBMI label[for='weight'] {
        font-size: 14px;
        font-weight: bold;
        color: #656565;
    }

    #divBMI fieldset {
        margin-bottom: 15px;
    }

.form-inline {
    display: inline-block;
}

.italize-units {
    font-style: italic;
    color: #474647;
    font-weight: normal;
    font-size: 14px;
}

.remaining-chars {
    color: #656565;
    font-weight: normal;
    margin-bottom: 0;
}

label[for='weight'] > span.required::after {
    content: '*';
    color: #c8202f;
    font-style: normal;
}

span.required-field::after {
    content: '*';
    color: #c8202f;
    font-style: normal;
}

#updateTrackerContainer {
    width: 100%;
}

    #updateTrackerContainer .form-control {
        width: 100%;
    }

    #updateTrackerContainer label {
        line-height: 1.2;
        margin-bottom: 5px;
    }

        #updateTrackerContainer label span.required-field {
            display: inline-block;
        }

.inherit-color-font {
    color: inherit;
    font-size: inherit;
}

.margin-zero {
    margin: 0;
}

.gray-label {
    font-size: 14px !important;
    color: #474647 !important;
}

.sys-dias-separator {
    border: 1px solid #474647;
    transform: translateY(35px) translateX(1px) rotate(120deg);
}

.within-normal-range {
    color: #1e8600 !important;
}

.outside-normal-range {
    color: #474647 !important;
}

.high-risk-range {
    color: #810c19 !important;
}

.non-high-risk {
    color: #4196d5 !important;
}

/******************************US51582 ticket************************************/
.reward-card--completed {
    border-color: #474647 !important;
}

    .reward-card--completed .reward-card-headline {
        color: #474647 !important;
        border-color: #474647 !important;
        font-weight: bold;
    }

    .reward-card--completed .reward-card-headline-completed-not-rewarded {
        border-bottom: 2px solid #656565;
        font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
        font-size: 16px;
        padding-top: 10px;
        margin-bottom: 0.5em;
        line-height: 1.2;
        padding-bottom: 3px;
        color: #656565 !important;
        font-weight: bold;
    }

    .reward-card--completed .reward-card-headline-completed-and-rewarded {
        border-bottom: 2px solid #474647 !important;
        font-family: "Roboto Condensed", "Arial Condensed", "Arial", sans-serif;
        font-size: 16px;
        padding-top: 10px;
        margin-bottom: 0.5em;
        line-height: 1.2;
        padding-bottom: 3px;
        color: #474647 !important;
        font-weight: bold;
    }

.reward-card--not-completed, .reward-card-required--not-completed {
    border-color: #1e8600 !important;
}

    .reward-card--not-completed .reward-card-headline, .reward-card-required--not-completed .reward-card-headline {
        color: #1e8600 !important;
        border-color: #1e8600 !important;
    }

.reward-card--past-deadline, .reward-card--completed-late {
    border-color: #656565 !important;
}

    .reward-card--past-deadline .reward-card-headline,
    .reward-card--completed-late .reward-card-headline {
        color: #656565 !important;
        border-color: #656565 !important;
        font-weight: bold;
    }

.reward-card-actions a {
    color: #165788 !important;
    font-weight: bold;
}

.reward-activity-progress-item-earned, .reward-activity-progress-item {
    color: #1E8600 !important;
}

.tablesaw-cell-content-completed {
    display: inline-block;
    color: #4e4e4e !important;
}

.tablesaw-cell-content-notCompleted, .tablesaw-cell-content-notCompleted a {
    display: inline-block;
    color: #165788 !important;
}

tablesaw-cell-content-completed, .tablesaw-cell-content-completed a {
    color: #4e4e4e !important;
    text-decoration: none;
}

.reward-currency h3, .reward-activity-step, .pane--accordion-transparent-pad, .reward-card-headline-earned,
.reward-activity-progress-item-goal, .reward-card-headline, .reward-currency, .reward-card-status, .reward-card-points {
    color: #4e4e4e !important;
}


.reward-card--not-completed .table thead th, .reward-card--completed .table thead th {
    background-color: #165788 !important;
    border-color: #165788 !important;
}

/******************************END OF US51582 ticket***********************************/
.downloadContainer {
    width: 88%!important;
    padding-top: 40px;
    margin-bottom: 40px;
}
.rewardCenterYourProgressImage {
    width: 6%;
    vertical-align: text-top;
}
.rewardCenterMultipleTabHeader {
    width: 8.5%;
    vertical-align: text-top;
}
.rewardCenterProgressBarMinImage {
    width: 35%;
    vertical-align: sub;
}
.rewardCenterProgressBarMaxImage {
    width: 21%;
    vertical-align: sub;
}
.rcRegularActivitesTitleMsgImage {
    width: 2.5%;
    vertical-align: text-top;
}
.rewardCenterEarnCircle {
    margin-bottom: 3px;
    vertical-align: middle;
}
.pastRewardCenterYourProgressImage {
    width: 3%;
    vertical-align: text-bottom;
}
.rewardHeartsMinValueSpan {
    position: absolute;
    bottom: -2rem;
    left: -0.9rem;
}
.rewardHeartsMaxValueSpan {
    position: absolute;
    bottom: -2rem;
    right: -0.9rem;
}
.rewardHeartsMinMaxValueSpan .rewardCenterProgressBarMinImage{
    width:7%;
    vertical-align: middle;
}
/*Styling for BCF goal selection */

.bcf-white-bg, .level-white-bg {
    background: #fff;
    padding-bottom: 20px;
}

.bcf-header-title {
    background-color: #165788;
    font-size: 23px;
    color: #FFFFFF;
    padding: 8px;
    width: 100%;
    margin: 0;
}

.bcf-goal-ah-logo {
    text-align: center;
}

.goal-option input[type="radio"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -4px;
    opacity: 0;
}

    .goal-option input[type="radio"]:focus + label {
        outline: 2px dotted #656565;
        outline-offset: 2px;
    }

    .goal-option input[type="radio"]:not(:disabled) ~ label {
        cursor: pointer;
    }

.goal-option label {
    display: block;
    padding: 10px;
    background: white;
    border: 1px solid #165788;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}

.goal-option input[type="radio"]:checked + label {
    background: #165788;
    color: white;
}

.bcf-survey-selected {
    background-color: #165788 !important;
    color: white;
}

.bcf-goal-question {
    border-radius: 14px;
    background-color: #DDE7F2;
    position: relative;
    height: 50px;
    color: #003150;
    font-size: 16px;
    line-height: 18px;
    display: table-cell;
    vertical-align: middle;
    padding: 16px;
    border: 1px solid #165788;
}

    .bcf-goal-question::after {
        content: url("../images/BCF/bubble_corner_blue.png");
        position: absolute;
        bottom: 0;
        left: -14px;
    }



.bcf-chat-tail-padding-right {
    padding-right: 15px;
}

.bcf-chat-tail-padding-left {
    padding-left: 15px;
}

.bcf-chat-selectbox {
    background: #fff;
    color: #165788;
    border: 1px solid #165788;
    border-radius: 14px !important;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    min-width: 100px;
    height: 50px;
    white-space: nowrap;
    float: right;
    font-weight: normal !important;
}

    .bcf-chat-selectbox select {
        background: #fff;
        border: #fff;
        border-radius: 14px;
        color: #165788;
        box-shadow: none;
        background-image: url('../images/BCF/selectbox_arrow_icon.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 95%;
        height: 30px;
        padding-right: 30px;
        padding-left: 10px;
    }

        .bcf-chat-selectbox select::-ms-expand {
            display: none;
        }

        .bcf-chat-selectbox select option {
            padding: 5px;
        }

    .bcf-chat-selectbox::after {
        content: url("../images/BCF/bubble_corner_white.png");
        position: absolute;
        right: -14px;
        bottom: 0;
    }

.goal-option {
    margin-bottom: 20px;
    position: relative;
}

.bcf-answer-offset {
    margin-left: 0.1%;
}

@media (max-width: 480px) {
    .bcf-goal-question::before {
        display: none;
    }
}


/*Styling for BCF banner for member is not engaged */

.bcf-banner {
    border-radius: 8px;
    background-color: #FFFFFF;
    font-style: inherit;
    display: table;
    width: 100%;
    height: 100%;
    min-height: 89px;
    float: left;
}

.bcf-banner-logo {
    width: 90px;
    display: table-cell;
    /*height: 90px;*/
    position: relative;
    margin: 0;
    float: none !important;
    vertical-align: middle;
}


.bcf-banner-title {
    display: table-cell;
    color: #165788;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    font-size: 22px;
    line-height: 24px;
    padding: 0 10px;
}

.bcf-start-btn {
    position: relative;
    display: table-cell;
    height: 100%;
    margin: 0;
    vertical-align: middle;
}

.bcf-banner .col {
    float: none !important;
}

#bcf-start-btn {
    display: block;
    margin: auto;
}

#bcf-goal-details {
    background: #fff;
}

    #bcf-goal-details .assessment-name{
        background-color: #165788;
        font-size: 23px;
        color: #FFFFFF;
        padding: 8px;
        width: 100%;
        margin: 0;
    }
    #bcf-goal-details .assessment-name h2 {
        font-size: 23px;
        color: #FFFFFF;
        margin: 0;
        float:left;
    }

@media (max-width: 480px) {
    .bcf-banner {
        display: block;
        margin-top: -2em;
        border-radius: inherit;
    }

    .bcf-banner-logo {
        padding: 10px 0;
    }

        .bcf-banner-logo img {
            display: block;
            margin: auto;
        }

    .bcf-banner-title, .bcf-start-btn {
        padding: 10px;
    }

    .bcf-continue-btn-wraper {
        padding: 10px 0;
    }

    .bcf-banner .col {
        float: left !important;
    }

    .bcf-continue-btn-wraper {
        padding: 20px 0;
    }

    .bcf-progress-wrapper {
        margin: 10px auto !important;
    }
}


/*Styling for BCF banner for member is engaged */
.bcf-continue-btn-wraper {
    position: relative;
    display: table-cell;
    height: 100%;
    margin: 0;
    vertical-align: middle;
}

#bcf-continue-btn {
    display: block;
    margin: auto;
}

.bcf-banner-progress {
    display: table-cell;
    vertical-align: middle;
}

.bcf-progress-wrapper {
    position: relative;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.bcf-progressbar-content {
    position: absolute;
    top: 27px;
    width: 100%;
}

.bcf-progress-completion-value {
    display: inline-block;
    color: #165788;
    font-size: 23px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
}

.bcf-progress-completion-percentage {
    display: inline-block;
    position: relative;
    color: #165788;
    font-size: 15.31px;
    font-weight: bold;
    line-height: 18px;
    vertical-align: super;
}

.bcf-continue-btn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #6BAF00;
    color: #FFFFFF;
    border: none;
}

    .bcf-continue-btn:before {
        content: "\f105";
        font-family: 'fontawesome';
        font-size: 30px;
        line-height: 1;
        color: white;
    }

.bcf-btn {
    border: 1px solid #1e8600 !important;
    border-radius: 78px;
    background-color: #1e8600;
    color: #fff;
    font-weight: bold;
    border-color: #1e8600;
    text-align: center;
    padding: 10px 40px;
    border: none;
}

.bcf-backbtn {
    border: 2px solid white !important;
    background-color: #165788;
    font-size: smaller;
    padding: 2px 25px;
    border-radius: 78px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.bcf-btn:hover, .bcf-btn:focus {
    outline: 2px dotted #656565 !important;
    outline-offset: 2px;
}

.bcf-backbtn:hover, .bcf-backbtn:focus {
    outline: 2px dotted #ffffff !important;
    outline-offset: 3px;
}

#ParentRevealCard .sliderWidgetJourney .slick-prev {
    border-radius: 78px;
    background-color: #6BAF00;
    color: #fff;
    font-weight: bold;
    border-color: #6BAF00;
    text-align: center;
    padding: 10px 40px;
    border: none;
}

/* Goal details */
.goal-wrapper-disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

.bcf-switch-icon {
    display: table;
    float: right;
}

    .bcf-switch-icon > a {
        display: block;
    }
        .bcf-switch-icon > a:hover, .bcf-switch-icon > a:focus {
            outline: 2px dotted #ffffff;
            outline-offset: 3px;
        }

    .bcf-switch-icon img {
        display: table-cell;
    }

.bcf-goal-icon-header {
    border-bottom: 1px solid #DDE7F2;
    width: 100%;
    margin-left: 0;
    padding: 5px 15px;
}

.bcf-chatbot-icon {
    display: none;
}

.bcf-bookmark-icon {
    display: inline-block;
    float: left;
}

.bookmark-txt {
    vertical-align: super;
    color: #165788;
    padding-left: 8px;
}

.bcf-hearts-earned {
    display: inline-block;
    float: right;
    margin-top: -7px;
}

.hearts-earned-txt {
    font-size: 18px;
    font-weight: bold;
    color: #165788;
    padding-left: 3px;
}

.overall-hearts-earned-txt {
    font-size: 25px;
    font-weight: bold;
    color: #165788;
    padding-left: 3px;
}

.goal-details-progressbar-wrapper {
    position: relative;
    width: 250px;
    height: 250px;
    margin: auto;
}

.goal-details-progressbar-content {
    /*display: table;*/
    width: 180px;
    height: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    /*right: 0;
    bottom: 0;*/
    left: 50%;
    margin: auto;
    vertical-align: middle;
    word-break: break-word;
    transform: translate(-50%, -50%);
}

.icon-wrapper {
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
}

.goal-details-missing-image {
    width: 20px;
    height: 20px;
}

.goal-details-greeting-txt {
    color: #165788;
    font-size: 18px;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    padding: 6px 0;
}

.goal-details-progress-txt {
    color: #165788;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding: 0 0 6px 0;
}

.percentage-circle {
    text-align: center;
}

.goal-percentage-txt {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    color: #1e8600;
    font-size: 18px;
    font-weight: bold;
    line-height: 14px;
    padding: 15px 0;
    border: 2px solid #1e8600;
}

.goal-icon-wrapper {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDE7F2;
    margin-right: 10px;
    margin-top: 10px;
    width: 96%;
}

    .goal-icon-wrapper a {
        display: inline-block;
    }


        .goal-icon-wrapper a:hover, active {
            background-color: #DDE7F2;
        }

.goal-icon {
    display: table-cell;
    vertical-align: middle;
}

    .goal-icon img {
        width: 64px;
        height: 64px;
        max-width: none;
    }

.goal-hearts-earned {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.goal-txt {
    color: #003150;
    font-size: 18px;
    line-height: 21px;
}

.bookmark-goal {
    display: inline-block;
    vertical-align: middle;
}

.goal-bookmarked {
    background-image: url('../images/BCF/bookmark_outline.png');
    background-repeat: no-repeat;
    background-position: 100% 48%;
}

@media (min-width: 768px) and (max-width: 900px) {
    .goal-details-white-area .span_5_of_12 {
        width: 98.4% !important;
    }

    .goal-details-white-area .span_7_of_12 {
        width: 98.4% !important;
    }
}

@media (max-width: 668px) {
    .goal-details-white-area .span_5_of_12 {
        width: 98.4% !important;
    }

    .goal-details-white-area .span_7_of_12 {
        width: 98.4% !important;
    }
}

.goal-history {
    text-align: center;
    font-size: 16px;
    color: #165788;
}


.goal-history-downarrow {
    background-image: url('../images/BCF/history_down-arrow.png');
    background-repeat: no-repeat;
    background-size: 32px 32px;
    display: inline-block;
    vertical-align: middle;
    height: 70px;
    background-position: 0;
    padding: 22px 0;
    padding-left: 40px;
    text-decoration: none;
}

.history-day-txt {
    font-size: 16px;
    color: #165788;
    border-top: 3px solid #DDE7F2;
    border-bottom: 1px solid #DDE7F2;
    padding: 10px 0;
}

.bcf-gotit-display {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    color: #165788;
    border: 1px solid #165788;
    border-radius: 6px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0 16px;
    min-width: 125px;
    height: 50px;
    white-space: nowrap;
    float: right;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

/*.bcf-white-bg * :focus {
    outline: none;
}*/
/*  HTML (Article) and Recipie Activity Details Screen */


.recepie-content, .survey-content {
    color: #003150;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 5px 10px 0;
}

.activity-header {
    border-top: 1px solid #DDE7F2;
    border-bottom: 1px solid #DDE7F2;
    padding: 6px 5px 0 5px;
}

.activity-title {
    color: #165788;
    font-size: 21px;
    font-weight: bold;
    line-height: 29px;
    text-align: center;
}

.recepie-title, .survey-title {
    color: #165788;
    font-size: 21px;
    font-weight: bold;
    line-height: 29px;
    text-align: center;
}

.article-icon {
    color: #165788;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
}

.recipie-img, .survey-img {
    text-align: center;
    padding: 15px 0;
}

.article-txt {
    display: inline-block;
    position: relative;
    top: -8px;
    padding: 0 5px;
}

/*BCF Congratulations page */

.bcf-white-bg {
    background: #fff;
    padding-bottom: 20px;
}

.bcf-txt {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 26px;
    line-height: 30px;
    text-align: center;
}

.top-bottom-margin {
    margin: 10px 0 20px 0;
}

.bcf-congrats-wrapper {
    min-width: 100px;
    margin: auto;
}

.bcf-congrats-txt {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 35px;
    font-weight: bold;
    line-height: 41px;
    text-align: center;
    padding-bottom: 10px;
}

.bcf-center-text {
    text-align: center;
}

.green-heart {
    color: #6baf00;
    font-size: 50px;
}

.congrats-hearts-earned {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 49px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    padding: 0 5px;
}

#gift-animation {
    width: 220px;
    height: 220px;
    margin: auto;
}

.bcf-bookmark-cw-selected {
    display: inline-block;
    float: left;
    background-image: url('../images/BCF/bookmark_blue.png');
    background-repeat: repeat-x;
    width: 14px;
    height: 25px; /* Change to the height you need */
    top: 0;
    left: 0;
    cursor: pointer;
}

.bcf-bookmark-cw-selected-disabled {
    display: inline-block;
    float: left;
    background-image: url('../images/BCF/bookmark_blue.png');
    background-repeat: repeat-x;
    width: 14px;
    height: 25px; /* Change to the height you need */
    top: 0;
    left: 0;
}

.bcf-bookmark-cw-unselected {
    display: inline-block;
    float: left;
    background-image: url('../images/BCF/bookmark_white.png');
    background-repeat: repeat-x;
    width: 14px;
    height: 25px;
    top: 0;
    left: 0;
    cursor: pointer;
}

.bcf-bookmark-cw-unselected-disabled {
    display: inline-block;
    float: left;
    background-image: url('../images/BCF/bookmark_white.png');
    background-repeat: repeat-x;
    width: 14px;
    height: 25px;
    top: 0;
    left: 0;
}

.inprogress-hearts {
    padding-bottom: 5px;
    margin-top: 0;
}

.bcf-fixed-width-btn {
    width: 135px !important;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.bcf-prev-btn {
    border: 1px solid #165788 !important;
    background: #fff;
    color: #165788;
    margin-right: 5%;
}

.bcf-disabled-btn {
    opacity: 0.6;
    cursor: not-allowed !important;
    pointer-events: none;
    background: #c0c0c0;
    color: #444444;
    border: 1px solid #c0c0c0 !important;
}

.bcf-check-image {
    float: left;
    vertical-align: middle;
    padding: 10px;
}

.bcf-correct-answer {
    background-color: #1e8600 !important;
    color: white;
    border: none !important;
}

.bcf-wrong-answer {
    background-color: white !important;
    color: #165788 !important;
}

    .bcf-correct-answer img, .bcf-wrong-answer img {
        position: relative;
        bottom: -4px;
        left: -2px;
        padding-right: 5px;
    }

.video-wrapper {
    text-align: center;
}

/*Revelcard*/

.revealcard-header {
    border-bottom: 1px solid #DDE7F2;
    margin-left: 0;
    padding: 0 10px;
    width: 100%;
}

.revealcard-img {
    text-align: center;
}

#revealBox-activity-details .slick-arrow-container {
    text-align: center;
    padding-top: 40px;
    margin-right: 0;
}

#revealBox-activity-details .revealcards-container .flipper {
    margin: auto;
}

    #revealBox-activity-details .revealcards-container .flipper .front, #revealBox-activity-details .revealcards-container .flipper .back {
        border: 2px solid #165788;
        border-radius: 10px;
        margin: auto;
    }

#revealBox-activity-details .slick-arrow-container .slick-position-text {
    display: none;
}

.revealcard-title {
    text-align: center;
    padding: 30px 0;
    color: #165788;
    font-size: 21px;
    font-weight: bold;
    line-height: 29px;
}

.bcf-challenge-signature {
    border-color: transparent;
    border-bottom: solid;
    border-bottom-color: #165788;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    width: 50%;
}

#ParentRevealCard .flipper {
    cursor: pointer !important;
}

.imgRevealcard {
    border-radius: 10px !important;
}


.slick-arrow.bcf-btn {
    width: 130px !important;
}

.Flag-Banner {
    padding-top: 5px;
}

/* BCF Congratulations Level Up Page */
.ui-dialog.levelUp-dialog {
    height: 394px !important;
    top: 28% !important;
    left: 50% !important;
    margin-left: -205px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
    background-color: #FFFFFF;
}

#congratulationPopUp {
    height: 100% !important;
}

#gift-animation {
    height: 190px;
    width: 190px;
    margin-top: 15px;
}

.bcf-congrats-level-up-txt {
    height: 40px;
    width: 258px;
    position: absolute;
    bottom: 147px;
    left: 76px;
    color: #165788;
    font-family: "Roboto Condensed";
    font-size: 28px;
    line-height: 40px;
    text-align: center;
}

.bcf-unlock-txt {
    height: 20px;
    width: 235px;
    position: absolute;
    bottom: 117px;
    left: 88px;
    color: #003150;
    font-family: 'Lato';
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.bcf-learn-more-btn {
    height: 42px;
    width: 150px;
    border: 1px solid #C0C0C0;
    border-radius: 100px;
    position: absolute;
    bottom: 42px;
    left: 42px;
    background-color: white;
    color: #656565;
    font-family: 'Lato' !important;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    padding-bottom: 5px;
}

.bcf-close-btn {
    height: 42px;
    width: 150px;
    border-radius: 100px;
    border: 1px;
    position: absolute;
    bottom: 42px;
    right: 42px;
    background-color: #165788;
    color: white;
    font-size: 16px !important;
    font-family: 'Lato' !important;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    padding-bottom: 5px;
}

@media (max-width: 480px) {
    .ui-dialog.levelUp-dialog {
        height: 432px !important;
        max-width: 292px;
        top: 87px !important;
        border-radius: 10px;
        margin-left: -146px;
    }

    #gift-animation {
        height: 170px;
        width: 170px;
        margin-top: 18px;
    }

    .bcf-congrats-level-up-txt {
        max-width: 258px;
        top: 185px;
        left: 17px;
    }

    .bcf-unlock-txt {
        max-width: 235px;
        top: 236px;
        left: 27px;
    }

    .bcf-learn-more-btn {
        display: block;
        max-width: 150px;
        top: 285px;
        left: 50%;
        margin-left: -26%;
    }

    .bcf-close-btn {
        display: block;
        max-width: 150px;
        top: 348px;
        left: 50%;
        margin-left: -26%;
    }
}

/* BCF-Level */
#bcf-level-details {
    min-width: 320px;
    padding: 35px 14% 30px 14%;
}

.you-re-on-level {
    color: #165788;
    font-family: "Roboto Condensed";
    font-size: 28px;
    line-height: 25px;
}

.level-intro-text {
    color: #003150;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 20px;
}

.bcf-level-title {
    padding: 5px 0 5px 0;
    border-radius: 6px;
}

    .bcf-level-title.unlocked-title {
        background-color: #4599D8;
    }

    .bcf-level-title > span {
        height: 18px;
        color: #FFFFFF;
        font-size: 19px;
        font-weight: bold;
        padding-top: 6px;
        padding-bottom: 7px;
        padding-left: 10px;
    }

.bcf-level-unlocked-wrapper {
    border-radius: 6px;
    background-color: #DDE7F2;
    margin-top: 11px;
    display: block;
    height: auto;
    overflow: visible;
}

.level-wrapper-first-row {
    width: 100%;
    height: 60px;
    position: relative;
    overflow: visible;
}

.bcf-level-cycle {
    box-sizing: border-box;
    height: 33px;
    width: 33px;
    border-radius: 50%;
    position: absolute;
    left: 2%;
    top: 10.5px;
    display: inline-block;
    background: transparent;
    font-family: 'Lato';
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    padding: 2.5px 6px 4.5px 6px;
}

.level-gt-100 {
    width: 37px !important;
    height: 37px !important;
    padding: 6px 2px !important;
}

.bcf-level-cycle.unlocked-cycle {
    border: 1px solid #003150;
    color: #003150;
}

.bcf-level-cycle.locked-cycle {
    border: 1px solid #165788;
    color: #165788;
}

.bcf-level-cycle.current-cycle {
    background-color: #003150;
    color: #FFFFFF;
}

.level-wrapper-first-row > span {
    position: absolute;
    left: 57px;
    height: 60px;
    width: calc(100% - 185px);
    color: #003150;
    font-family: "Roboto Condensed";
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    padding-top: 14px;
    padding-bottom: 1%;
}

.heart-start-range {
    display: inline-block;
    position: absolute;
    width: 65px;
    right: 10px;
    top: 15px;
}

.heart-start-range-icon {
    height: 14px;
    width: 16px;
    display: inline-block;
    vertical-align: -2px;
}

.heart-start-range-number-unlocked {
    height: 23px;
    display: inline-block;
    color: #003150;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}

.heart-start-range-number-locked {
    color: #165788;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    display: inline-block;
    padding-left: 2px;
}

.level-arrow {
    position: absolute;
    right: 3%;
    top: 19px;
}

.bcf-level-unlocked-wrapper.current-wrapper {
    border: 1px solid #165788;
    margin-bottom: 31px;
}

.bcf-level-title.locked-title {
    background-color: #165788;
}

.bcf-level-locked-wrapper {
    height: 53px;
    border: 1px solid #165788;
    border-radius: 6px;
    background-color: white;
    margin-top: 10px;
    position: relative;
}

    .bcf-level-locked-wrapper > span {
        display: inline-block;
        position: absolute;
        left: 59px;
        top: 15px;
        height: 23px;
        color: #165788;
        font-family: "Roboto Condensed";
        font-size: 18px;
        font-weight: bold;
        line-height: 22px;
    }

.hearts-info {
    font-family: "Roboto Condensed";
}

.hearts-info-icon-menu {
    width: 100%;
    height: 100%;
}

    .hearts-info-icon-menu > li {
        display: inline-block;
        vertical-align: middle;
    }

.current-level-cycle {
    height: 28px;
    width: 28px;
    float: left;
    border-radius: 50%;
    background-color: #003150;
    display: inline-block;
    position: absolute;
    color: #FFFFFF;
    font-size: 19px;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
    padding: 3px 4px 5px 3px;
}

#current-level-submenu-text {
    text-align: left;
    position: absolute;
    /*margin-left: 40px;*/
}

#annual-submenu-text {
    text-align: left;
    position: absolute;
    margin-left: 40px;
}

#lifetime-submenu-text {
    text-align: left;
    position: absolute;
    margin-left: 3px;
    display: inline-block;
}

.level-submenu-text > .title {
    color: #165788;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
}

.level-submenu-text > .text {
    color: #165788;
    font-size: 13px;
    line-height: 15px;
}

.annual-heart-icon {
    height: 24px;
    width: 26.46px;
    position: absolute;
    margin-left: 10px;
}

.lifetime-heart-icon {
    height: 22.12px;
    width: 25.93px;
    /*position: absolute;*/
    margin-left: 60px;
}

.dotted-line {
    border-bottom: 5px dotted #DDE7F2;
    color: #fff;
    background-color: #fff;
    padding-bottom: 31px;
}

.level-footer-wrapper {
    padding: 40px 0 40px 0;
    text-align: center;
    width: 300px;
    margin: 0 auto;
}

.level-footer-heart {
    height: 35.68px;
    width: 42.38px;
}

.how-earn-heart-title {
    margin-top: 14px;
    color: #165788;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
}

.how-earn-heart-text {
    margin-top: 13.5px;
    color: #003150;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.level-buttons {
    margin-top: 46px;
    text-align: center;
}

    .level-buttons > button, .level-buttons > a {
        border-radius: 100px;
        font-family: 'Lato';
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }

#health-goal-button, .level-blue-button {
    background-color: #165788;
    color: #FFFFFF !important;
    padding: 12px 48px 12px 48px;
    border: none;
}

#health-education-button {
    margin-top: 13px;
    border: 1px solid #C0C0C0;
    color: #656565;
    padding: 10px 30px 10px 30px;
    background-color: #fff;
}

/*@media screen and (max-width: 410px) {
    .redeem{
        margin-top: 35px;
    }
}

@media screen and (max-width: 340px){

    .redeem{
        margin-top: 50px !important;
    }
}*/

.menu-item {
    display: inline-block;
    padding: 40px 0 0 0;
}

.redeem {
    width: 75%;
    margin-left: 32px;
    margin-top: -11.5px;
}

@media screen and (max-width: 480px) {
    #bcf-level-details {
        padding: 24px 14px 20px 12px;
    }

    .level-wrapper-first-row > span {
        left: 52px;
        right: 102px;
        width: 51%;
    }

    .heart-start-range {
        left: 69%;
        top: 15px;
    }


    .redeem {
        margin-left: 27px !important;
    }
}

@media screen and (max-width: 568px) {

    .lifetime-heart-icon {
        margin-left: 0 !important;
    }

    #lifetime-submenu-text {
        margin-right: 0 !important;
        position: absolute;
    }

    .annual-heart-icon {
        margin-left: 0 !important;
    }

    #annual-submenu-text {
        margin-left: 32px !important;
    }

    #current-level-submenu-text {
        position: absolute;
    }

    .hearts-info-icon-menu > .span_4_of_12 {
        width: 98.4% !important;
    }

    .level-wrapper-first-row {
        height: 76px;
    }

        .level-wrapper-first-row > span {
            padding-top: 14px;
        }
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 0.7;
    font-size: 1.2vw;
}

::-moz-placeholder { /* Firefox 19+ */
    opacity: 0.3;
    font-size: 1.2vw;
}

:-ms-input-placeholder { /* IE 10+ */
    opacity: 0.3;
    font-size: 1.2vw;
}

:-moz-placeholder { /* Firefox 18- */
    opacity: 0.3;
    font-size: 1.2vw;
}

@media (max-width:480px) {

    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 1.5vh !important;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        font-size: 1.5vh !important;
    }

    :-ms-input-placeholder { /* IE 10+ */
        font-size: 1.5vh !important;
    }

    :-moz-placeholder { /* Firefox 18- */
        font-size: 1.5vh !important;
    }
}

.survey-notification.wmp {
    background-color: #007D82;
    font-family: 'Proxima Nova';
}

.survey-notification.wmp .checkbox  {
    color: #fff;
}

.survey-notification.wmp  button {
    background-color: #fff;
    color: #434343;
    border-bottom: none;
}

.wmp-parent-wrapper {    
    margin: 0 auto;
    background: #fff;
    font-family: 'Proxima Nova';
}
.wmp-body-wrapper {
    padding: 40px 80px;
}

.wmp-img-heading-wrapper {
    line-height: 0;
}

.wmp-heading {
    text-align: center;
    color: #fff;
    font-size: 21px;
    background: #165788;
    padding: 5px 10px;
    line-height: 1.5;
}

.wmp-body-wrapper > div ul {
    list-style-position: inside;
    padding-left: 0;
}

.wmp-body-wrapper p {
    margin-bottom: 8px;
    font-size: 16px;
}
.wmp-body-wrapper.reminder-section p,
.wmp-body-wrapper.reminder-section h3 {
    font-family: 'Proxima Nova' !important;
}
.wmp-body-wrapper.reminder-section .wmp-body-title {
    font-size: 24px !important;
}


.wmp-body-title {
    font-size: 24px;
    color: #165788;
    margin-bottom: 10px !important;
}

.wmp-description-txt {
    font-size: 14px;
    	color: #474647;
}

.wmp-second-level-heading {
    color: #165788;
    font-weight: 600;
    font-size: 14px;
    margin-top: 30px;
}

.wmp-signup-list {
    padding-left: 15px !important;
    margin-top: 0;
}
.wmp-label {
    font-size: 14px;
    margin-bottom: 5px;
}

input#WmpEmail {
    min-width: 330px;
}

input#WMPPhone {
    min-width: 224px;
}

.wmp-label span {
    color: #9B9B9B;
}

.wmp-second-heading {
    color: #165788;
    font-weight: bold;    
}

.wmp-tab {
    display: inline-block;
     width: 19.2%;
     background: #DDE7F2;
     text-align: center;
     font-size: 15px;
     font-weight: 600;
     color: #165788;
     padding: 11px 0;
     position: relative;
     -webkit-appearance: none;
     border: none;
}
.wmp-tab > label {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;    
    width: 100%;
    height: 100%;   
    padding: 12px 0;
    color: #165788;
    font-size: 15px;
    font-weight: 600;
}

.aditional-label-info {
    color: #9B9B9B;
}
.wmp-tab > input.wmpinput[type=radio] {
  padding: 0.5em;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin:0;
  width: 100%;
  height: 100%;
}

.wmp-tab > input[type=radio]:checked {   
    border-top: 8px solid #6baf00;
}

.wmp-table {
    width: 100%;
}

table.wmp-table th, table.wmp-table td {
    width: 33.3%;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    color: #474647;
    
}

table.wmp-table tr {
    border-bottom: 1px solid #C0C0C0;
}

table.wmp-table tr td:nth-child(2) {
    font-weight: 600;
    font-family: 'Proxima Nova';
}

.wmp-select-btn {
    -webkit-appearance: none;
    float: right;
    background: none;
    border: 2px solid #165788;
    border-radius: 90px;
    padding: 6px 0;
    font-size: 13px;
    color: #165788;
    font-weight: bold; 
    text-align: center;
    width: 92px;
}

.wmp-select-btn.selected, .wmp-signup-btn-normal.selected {
    background-color: #165788;
    color: #fff;
    border: 2px solid #165788;
}

.wmp-footer {
    margin-top: 20px;
}

.wmp-signup-btn-normal {
    -webkit-appearance: none;
    border: 2px solid #C0C0C0;
    border-radius: 100px;
    background: none;
    color: #656565;
    font-family: 'Proxima Nova';
    font-size: 13px;
    font-weight: bold;
    padding: 6px 26px;
}

.wmp-select-btn > label{
    
    border: 2px solid #165788;
    border-radius: 90px;
     padding: 6px 26px;
      font-size: 13px;
    font-weight: bold;
   
}

.wmp-select-btn > input {
     -webkit-appearance: none;
     position: absolute;
     width: 100%;
     height: 100%;  
     top: 0;
     left:0;
     margin:0;
     border-radius: 90px;
}

.wmp-select-btn > input:checked {
    
    color: #fff;
}

.wmp-select-btn > input:checked + label {
    color: #fff;
    background: #165788;
}

.wmp-blue-bold-txt {
    color: #165788;
    font-size: 16px;
    font-weight: 600;    
}

.wmp-schedule-card {
    border-radius: 8px;
    background-color: rgba(216,216,216,0.4);
    max-width: 350px;
    padding: 10px 15px;
    margin: auto;    
    margin-top: 15px;
}
.wmp-schedule-date {
    font-family: "Proxima Nova";
    color: #165788;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;    
    left: -10px;
    line-height: 2;    
}
.wmp-schedule-card-top {
    display: table
}
.wmp-contact-icon-wrapper {
    display: table-cell;
}
.wmp-contact-icon-wrapper img{
    position: relative;
    left: -30px;
}

.ahm-app-download-wrapper {
    text-align: center;
}

.ahm-app-download-wrapper a {
    margin-left: 15px;
}

.wmp-contactus-txt {
    color: #165788;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px !important;
}

.wmp-contact-num {
    color: #474647;
    font-size: 18px;
}

.wmp-contat-info > p {
    margin: 0
}

.wmp-dotted-border {
    	border-top: 5px dotted #DDE7F2;
        margin-top: 30px;       
        margin-bottom: 25px !important; 
}

.wmp-learn-mor-btn {
    font-size: 13px;
    font-weight: bold;
    color: #434343;
    text-decoration: none;
    background-color: #ffffff;
    padding: 11px 21px;
}

#wmpNotification {
    font-family: 'Proxima Nova';
}
#wmpNotification .notification-alert-title {
    font-family: 'Proxima Nova';
    font-size: 20px;
    font-weight: bold;
}

#wmpNotification .notification-alert-body {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Proxima Nova' !important;
}

[role="tab"][aria-selected="true"]::before {
    border-top: 8px solid #DDE7F2;
}

[role="tab"]:focus::before, [role="tab"][aria-selected="true"]::before {
    position: absolute;
    top: 0;
    right: -1px;
    left: -1px;    
    border-top: 8px solid #6baf00;
    content: '';
}

.dont-show-txt {
    font-family: 'Proxima Nova';
    color: #fff;
    display: inline-block;
    padding-left: 8px;
}

[role="tab"][aria-selected="true"]::after {
           position: absolute;
    z-index: 3;
    bottom: -1px;
    right: 0;
    left: 0;    
    background: hsl(220, 43%, 99%);
    box-shadow: none;
    content: '';
}

[role="tab"][aria-selected="true"] {
    background: #fff;
    color: #474647;
}

.wmp-select-day {
    display: none;
}

@media only screen and (max-width: 420px) {
    .wmp-body-title {
        text-align: center;
    }
    .wmp-parent-wrapper {
        width: 100%;
    }

    .wmp-body-wrapper {
        padding: 25px;
    }
    .wmp-select-day {
        display: block;
        width: 100%;
        height: 40px;
        color: #003150;
        font-size: 18px;
        padding-left: 15px;
    }

    /*
        [role="tab"] {
        display: none;
    }
    */

    input#WmpEmail, input#WMPPhone {
        width: 100% !important;
        min-width: initial;
    }
}

@media only screen and (max-width:768px) {
    .wmp-parent-wrapper {
        width: auto;
    }

    .wmp-body-wrapper {
        padding: 15px;
    }
}


.wmp-home-widget {
    display: table;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}

    .wmp-home-widget .col {
        display: table-cell;
        vertical-align: middle;
        float: none;
        text-align: center;
    }

    .wmp-home-widget p {
        margin-bottom: 5px;
    }

.wmp-greeting-txt {
    color: #165788;
    font-size: 22px;
    font-weight: 600;
}

.wmp-widget-txt {
    color: #474647;
    font-size: 14px;
    text-align: center;
    font-family: 'Proxima Nova';
    font-weight: normal;
}

.wmp-widget-txt-background {
    background-color: rgba(216,216,216,0.4);
    border-radius: 8px;
    padding: 9px 18px;
    margin: 0 13px;
    color: #165788;
}

p.wmp-widget-txt {
    font-size: 14px;
    color: #165788;
}


.wmp-schedule-txt {
    color: #165788;
    font-weight: 600;
    font-size: 16px;
}

.wmp-more-btn {
    text-decoration: none;
    color: #fff;
    background-color: #165788;
    border-radius: 100px;
    padding: 9px 26px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

    .wmp-more-btn:hover {
        color: #fff;
    }

.wmp-coach-icon {
    display: table-cell;
    vertical-align: top
}


@media only screen and (max-width:768px) {
    .wmp-home-widget .col {
        margin-top: 15px;
        display: block;
        width: 100%;
    }

    .wmp-more-btn {
        min-width: 125px;
    }
}


p.label {
    font-size: 14px;
    color: #165788;
    margin-bottom: 0 !important;
}

p.label-value {
    font-size: 16px;
    font-family: "Proxima Nova";
    color: #474647;
}

.wmp-edit-btn {
    border: 2px solid #165788;
    border-radius: 90px;
    min-width: 66px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    font-size: 13px;
}

.wmp-contact-details {
    margin-bottom: 30px;
}

.wmp-cancel-btn {
    font-size: 13px;
    font-weight: bold;
    color: #165788;
    text-decoration: none;
    margin-left: 45px;
}

.margin-left-zero {
    margin-left: 0;
}

.wmp-registration-footertxt span {
    display: block;
    margin-top: 12px;
}
.wmp-timeslot-align {
    margin-bottom: 32px !important;
}
.wmp-email-webex {
    margin-bottom: 30px !important;
}
.wmp-myprofile-link {
    margin-bottom: 20px !important;
}
.wmp-contact-btnalign {
    margin-bottom: 25px !important;
}
.wmp-body-wrapper .wmp-widget-txt {
    margin-bottom: 20px !important;
}

#wmpConfirmation .wmp-body-wrapper .wmp-description-txt {
    text-align: left !important;
}
.res-container {
    max-width: 696px;
    background-color: #ffffff;
    margin: auto;
}

    .res-container .wmp-body-wrapper {
        padding: 40px 20px;
    }

.gc-container .wmp-body-wrapper {
    max-width: 400px;
    margin: 0 auto;
    padding: 40px 0;
}

.res-container .venue-details > div {
    background-color: rgba(216,216,216,0.4);
    max-width: 320px;
    margin: 25px auto;
    padding: 15px;
    border-radius: 8px;
}

.res-container .venue-details img {
    display: inline-block;
    vertical-align: middle;
}

.res-container .venue-details h3 {
    width: 220px;
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
}

.res-container .heading-4 {
    color: #165788;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: "Proxima Nova";
    font-weight: 600;
}

.res-container .res-row {
    display: flex;
}

.res-container .res-col-50 {
    flex: 0 50%;
}

.res-container .reschedule-col {
    padding: 0 60px 0 20px
}

    .res-container .reschedule-col p:not(.wmp-body-title) {
        line-height: 20px;
    }

.res-container .wmp-body-title {
    margin-bottom: 22px !important;
    font-size: 22px;
}

.res-container .venue-col {
    position: relative;
}

    .res-container .venue-col:before {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        background: #979797;
        bottom: 30px;
        left: -45px;
    }

.res-container .reschedule-col .contact-info,
.res-container .resCancel-btn-section {
    margin-top: 40px;
}

.res-container .res-contact,
.res-container .resCancel-btn-section {
    padding: 0 20px;
}

    .res-container .res-contact p {
        margin: 0 0 30px 0;
    }

    .res-container .resCancel-btn-section .btn-wrapper {
        text-align: center;
        margin-top: 30px;
    }

        .res-container .resCancel-btn-section .btn-wrapper button {
            margin: 0 10px;
        }

    .res-container .resCancel-btn-section .wmp-body-title {
        margin-bottom: 10px !important;
    }

.res-container .mep-button {
    border: 2px solid #165788;
    border-radius: 90px;
    font-size: 14px;
    color: #165788;
    background: #ffffff;
    padding: 7px 30px;
    font-weight: 600;
    outline: none;
}

    .res-container .mep-button:hover,
    .res-container .mep-button.bg-fill,
    .res-container .mep-button.active,
    .res-container .mep-button:focus,
    .res-container .wmp-select-btn:hover,
    .res-container .btn-active,
    .res-container .wmp-signup-btn-normal.btn-active:hover,
    .res-container .wmp-signup-btn-normal.btn-active:focus {
        background: #165788;
        color: #ffffff;
        border-color: #165788;
    }

.res-container .wmp-signup-btn-normal {
    font-family: inherit;
    font-size: 14px;
}

    .res-container .wmp-signup-btn-normal.btn-active {
        color: #165788;
        background: #ffffff;
    }

.res-container [role=tab]:focus::before,
.res-container [role=tab][aria-selected=true]::before {
    border-top: 8px solid #6baf00 !important;
}

.res-container .tabs {
    padding: 0 0 0 20px;
}

.heading-1 {
    font-size: 22px;
    line-height: 26px;
    font-family: "Proxima Nova";
}

.heading-2 {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 24px;
    line-height: 29px;
}

.heading-3 {
    font-size: 16px;
    font-family: "Proxima Nova";
    font-weight: 600;
    margin: 0;
    color: #165788;
}

.heading-4 {
    color: #165788;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: "Proxima Nova";
    font-weight: 600;
}

.mep-title {
    background: #165788;
    color: #ffffff;
    padding: 10px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    font-family: "Proxima Nova";
}

.mep-button {
    border: 2px solid #165788;
    border-radius: 90px;
    font-size: 14px;
    color: #165788;
    background: #ffffff;
    padding: 7px 30px;
    text-decoration: none;
}

    .mep-button:hover, .mep-button.bg-fill, .mep-button.active, .mep-button:focus {
        background: #165788;
        color: #ffffff;
    }

.wmp-cancel__section {
    max-width: 696px;
    background-color: #fff;
    margin: auto;
}

    .wmp-cancel__section p {
        color: #474647;
        font-family: "Proxima Nova";
        font-size: 14px;
        line-height: 18px;
    }

    .wmp-cancel__section .content-inner {
        max-width: 500px;
        padding: 10px;
        margin: 0 auto;
    }

    .wmp-cancel__section .res-title {
        margin: 40px 0;
        text-align: center;
    }

    .wmp-cancel__section .contact-info {
        margin: 20px 0;
    }

        .wmp-cancel__section .contact-info p {
            color: #0C0C0C;
            margin: 0;
        }

    .wmp-cancel__section .contact-dateTime span {
        text-transform: uppercase;
    }

    .wmp-cancel__section .venue-details div {
        background-color: rgba(216,216,216,0.4);
        max-width: 320px;
        margin: auto;
        padding: 15px;
        border-radius: 8px;
    }

    .wmp-cancel__section .venue-details h3 {
        width: 220px;
        display: inline-block;
        line-height: 28px;
        vertical-align: middle;
    }

        .wmp-cancel__section .venue-details h3 .time-extension {
            text-transform: uppercase;
        }

    .wmp-cancel__section .venue-details img {
        display: inline-block;
        vertical-align: middle;
    }

    .wmp-cancel__section .venue-details p {
        margin: 20px 0;
    }

    .wmp-cancel__section .btn-section {
        padding: 40px 0;
    }

        .wmp-cancel__section .btn-section .btn-wrapper {
            text-align: center;
            margin-top: 50px;
        }

    .wmp-cancel__section .mep-button {
        margin: 0 10px;
        font-weight: 600;
    }
.gc-contact-align {
    padding: 60px 20px 0 20px;
}
    .gc-contact-align .wmp-contactus-txt {
        font-size: 24px;
        font-weight: 100;
    }
.gc-contactus-subtxt {
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.wmp-contactus-desc-txt {
    margin-bottom: 0;
}

.gc-noschedules-align {
    width: 50%;
    margin: auto;
    padding: 40px 0 50px 0;
}
.wmp-table td.gc-noschedules-align {
    width: 100%;
}

.gc-noschedules-align .gc-noschedules-style {
    color: #165788;
    line-height: 32px;
    font-family: "Proxima Nova";
    font-size: 24px;
    font-weight: 100;
    text-align: center;
    max-width: 400px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 80px;
    padding: 0 30px;
}

/* GC Start*/
.ErrorMessage {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2%;
    margin-bottom: 3%;
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
    box-shadow: 0 0 3px rgba(0,0,0,.5);
    position: relative;
    min-height: 350px;
    padding-bottom: 30px;
}

.ErrorMessageInner {
    background: #FFF;
    padding-top: 3%;
    margin-left: 5%;
    margin-right: 5%;
    height: 100%;
}

    .ErrorMessageInner div {
        margin-top: 10px;
    }

.resultLoading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

    .resultLoading .bg {
        background: #000000;
        opacity: 0.7;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .resultLoading > div:first-child {
        width: 250px;
        height: 75px;
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        font-size: 16px;
        z-index: 10;
        color: #ffffff;
    }

.hidden {
    display: none;
}

.pagemessage {
    /*padding-left: 34px;*/
    /*padding-bottom: 10px;*/
    clear: both;
    margin-bottom: 12px;
}

.error {
    border: 1px solid #FF0000;
    color: #FF0000;
    background-color: #ffecec;
}

.success {
    background: #e0f4cc url('../images/success.png') no-repeat 10px 50%;
    border: 1px solid #009900;
    color: #009900;
}

.warning {
    background: #fff8c4 url('../images/warning.png') no-repeat 10px 50%;
    border: 1px solid #f2c779;
    color: #f2c779;
}

.information {
    background: #fff2b0 url('../images/notice.png') no-repeat 10px 50%;
    border: 1px solid #969200;
    color: #969200;
}

.session {
    background: #f9d1af url('../images/warning.png') no-repeat 10px 50%;
    border: 1px solid #614126;
    color: #614126;
}

.error_symbol {
    background-image: url('../images/error.png');
    margin: 10px;
}

.success_symbol {
    background-image: url('../images/success.png');
    margin: 10px;
}

.warning_symbol {
    background-image: url('../images/warning.png');
    margin: 10px;
}

.information_symbol {
    background-image: url('../images/notice.png');
    margin: 10px;
}

.session_symbol {
    background-image: url('../images/warning.png');
    margin: 10px;
}

.errorpage {
    color: #FF0000;
}

.margin-10px {
    margin: 10px;
}

.margin-right-2px {
    margin-right: 2px;
}

.vertical-align {
    vertical-align: top;
}

.coursor-pointer {
    cursor: pointer;
}

.text-decoration-none {
    text-decoration: none;
}

.width-100-percent {
    width: 100%;
}

.width-95-percent {
    width: 95%;
}

.width-17px {
    width: 17px;
}

.section-heading {
    text-decoration: none;
    display: block;
    position: relative;
    padding-left: 35px;
    color: white;
    display: block;
    background-color: #00A9E0;
    padding: 2px 10px;
    font-family: "Roboto Condensed", "Arial Condensed", Arial, sans-serif;
    font-size: 22px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.section-body {
    padding: 10px 15px;
    background-color: #EEEEEE;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*Styles for Jumping-Jack-LoadingIcon - START*/
.jumping-jack-loader {
    width: 277px;
    height: 277px;
    color: #ce8e00;
    border-radius: 50%;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -138.5px;
    margin-top: -138.5px;
    padding-top: 38px;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    background-color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    z-index: 9999;
}

.loader-graphic {
    margin: 10px auto 0;
    height: 200px;
    width: 200px;
}

div#sweepStakesWrapper, div#timeout-notification, div#divMemberSatisfactionSurvey {
    position: relative;
    z-index: 1005 !important;
    float: left;
    width: 100%;
}

#screen-mask {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1006;
    opacity: 0.5;
    background-color: #dcdcdc;
    border: 1px solid #808080;
}

#screen-mask-for-popups {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0.5;
    background-color: #dcdcdc;
    border: 1px solid #808080;
}

/*Styles for Jumping-Jack-LoadingIcon - END*/

/* GC End*/
/* Adding code for Augeo used images */
.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff url("../images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
    color: #444;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #ddd url("../images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;
    color: #444;
    font-weight: bold;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #ddd;
        background: #f6f6f6 url("../images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #0073ea;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #0073ea;
        background: #0073ea url("../images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #fff;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background-color: #1d73b4;
        color: #fff;
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #ccc;
        background: #fff url("../images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
        color: #444;
    }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #ff0084;
        background: #fff url("../images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
        color: #222;
    }

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_ff0084_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_0073ea_256x240.png");
}

.ui-state-default .ui-icon {
    background-image: url("../images/ui-icons_666666_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("../images/ui-icons_ffffff_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("../images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("../images/ui-icons_0073ea_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("../images/ui-icons_ff0084_256x240.png");
}
/**/


.input-validation-error {
    color: #B94A48;
    border: 2px solid #C21E34;
}

.field-validation-error {
    color: #C21E34;
}

.breadcrumb-item {
    cursor: pointer;
}

.page-message-error {
    color: #B00D03 !important;
}

.page-message-warning {
    color: #A1851A !important;
}

.page-message-success {
    color: #3C763D !important;
}

.page-message-information {
    color: #0A5E6E !important;
}

.form-group-question-error {
    border: 3px #FF9494 solid !important;
}

.signup-instruction a:hover {
    color: #FFFFFF !important;
}

#search-result .result {
    height: 700px;
    width: 73%;
    border: none;
}


/* Override styles defined in all.css file */
.parsley-errors-list {
    line-height: 1.2em;
}

select.form-control {
    padding-top: 3px;
}

@media (max-width: 768px) {
    #search-result .result {
        width: 100%;
    }
}

/*OVERRIDE: Update correct URL*/
@media print {
    * #logo-link {
        display: block;
    }

    * .prelogin #printlogo {
        float: left;
        display: block !important;
    }

    * .postlogin #printlogo {
        margin-top: -50px;
        float: left;
        display: block !important;
    }
}

/*.page-footer-logo {
    float: left;
}*/




@media print {
    * .prelogin .l-constrained {
        margin-top: 0px;
    }

    * .l-constrained {
        margin-top: -70px;
    }
}

@media print {
    * .postlogin .page-title {
        padding-bottom: 100px;
    }
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

/* Home page style overrides */
.mini-tracker--none .mini-tracker-value {
    color: #4196D5;
    font-size: 24px;
    font-family: "Proxima Nova";
}

/* Social communities page */
#community {
    width: 100%;
}

    #community iframe {
        width: 100%;
        border: 0px;
        overflow: scroll;
    }

/* Trackers */
.tracker-error {
    display: none;
    font-size: 0.85714em;
    line-height: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tracker-slick-arrow {
    text-align: right;
    margin-top: 1em;
}

.tracker-slick-position-text {
    font-size: 18px;
    color: #165788;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
}

.tracker-slick-prev:before {
    content: "\f104";
}

.tracker-slick-next:before {
    content: "\f105";
}

.tracker-slick-prev.slick-disabled:before,
.tracker-slick-next.slick-disabled:before {
    opacity: .25;
}

.tracker-slick-prev:before,
.tracker-slick-next:before {
    font-family: fontawesome;
    font-size: 32px;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    color: white;
    background-color: #165788;
    display: inline-block;
    margin-left: 5px;
}

.tracker-slick-prev,
.tracker-slick-next {
    font-size: 1px;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.tracker-slick-arrow.slick-hidden {
    display: none;
}

.trackerTitle {
    font-size: 16px;
    line-height: 1.2;
    font-family: "Proxima Nova";
    margin: 0;
    color: #165788;
    font-weight: 600;
}

.trackerpage-bar-graph_values div.trackerpage-self-data {
    /*border-top: 1px solid #00f1ef;*/ /*Changes made for Accessibility Enhancements*/
    /*background: #00a9e0;
    border: 1px solid #165788;*/
    background-color: #002B3A;
}

.trackerpage-bar-graph_values div.trackerpage-clinical-data,
.trackerpage-bar-graph_values div.trackerpage-augeo-data,
.trackerpage-bar-graph_values div.trackerpage-device-data {
    /*background: #00aa9d;*/ /*Changes made for Accessibility Enhancements*/
    background-color: #BBEEFF;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, #002B3A 15px, #002B3A 20px);
}



.trackerpage-bar-graph_values div.trackerpage-claims-data {
    /*background: #9a9a9a;*/ /*Changes made for Accessibility Enhancements*/
    background-color: #0086B4;
    background-image: radial-gradient(white 15%, transparent 16%), radial-gradient(white 15%, transparent 16%);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}

.trackerpage-bar-graph_legend div.trackerpage-normal-range {
    /*background-color: #A8E2B6;*/ /*Changes made for Accessibility Enhancements*/
    background: repeating-linear-gradient(45deg,#BEECC7,#BEECC7 3px,#5FB173 3px,#5FB173 6px);
}

/* Reward center related style */
.history-message {
    max-width: 200px;
    font-family: "Lato", Arial, sans-serif;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.5;
    color: #474647;
    margin-right: 5px;
}

#reward-history td.value {
    min-width: 65px;
}

@media (min-width:480px) {
    div.col div.section#altAddressWrapper {
        width: 105% !important;
    }

    div.col div.section div#altStateWrapper {
        width: 27.5% !important;
    }

    div.col div.section div#altZipWrapper {
        width: 69% !important;
    }
}

#videoDetailIFrame {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width:960px) {
    /* styles for browsers larger than 960px; */
    #videoDetailWrapper {
        width: 100%;
        height: 500px;
    }
}

@media only screen and (max-device-width:480px) {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    #videoDetailWrapper {
        width: 100%;
        height: 800px;
    }
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    #videoDetailWrapper {
        width: 100%;
        height: 800px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    #videoDetailWrapper {
        width: 100%;
        height: 600px;
    }
}

.disabled {
    color: #898989 !important;
    cursor: default !important;
}

.tablesaw-cell-content a {
    cursor: pointer;
}


#HealthActionCoachContainer .SumoSelect {
    margin-bottom: 0 !important;
}

#HealthActionCoachContainer .field-validation-error {
    margin-bottom: 18px;
    display: block;
}

select:disabled {
    background-color: #ddd;
}

/* Appointment style overrides */
#appointments-edit .reminder-dropdown {
    margin-top: 25px;
}

@media (max-width:480px) {
    #appointments-edit .reminder-dropdown {
        margin-top: 0;
    }
}

.communication-widget .communication-appointment a {
    color: #6baf00;
}

.communication-widget .disp-initial {
    display: initial;
}

.mini-trackers a.selected-tracker-none {
    background-color: white;
}

    .mini-trackers a.selected-tracker-none h4,
    .mini-trackers a.selected-tracker-none span {
        color: #00a9e0;
    }

.mini-trackers a.selected-tracker-normal {
    background-color: #67bc47;
}

    .mini-trackers a.selected-tracker-normal h4,
    .mini-trackers a.selected-tracker-normal span,
    .mini-trackers a.selected-tracker-medium h4,
    .mini-trackers a.selected-tracker-medium span,
    .mini-trackers a.selected-tracker-high h4,
    .mini-trackers a.selected-tracker-high span {
        color: white;
    }

.mini-trackers a.selected-tracker-medium {
    background-color: #ce8e00;
}

.mini-trackers a.selected-tracker-high {
    background-color: #df1b4f;
}


.tracker-entry-widget {
}

    .tracker-entry-widget .details-header {
        background-color: #00a9e0;
    }

    .tracker-entry-widget .latest-container .latest-header {
        background-color: #00A9E0;
        text-align: center;
        padding: 10px;
        font-size: 1.2em;
        font-weight: bold;
        color: white !important;
    }

@media (max-width: 420px) {
    .tracker-entry-widget .latest-container .latest-header {
        padding: 5px 5px;
    }
}

.tracker-entry-widget .latest-container .latest-value {
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #00A9E0;
    background-color: white;
    text-align: center;
}

    .tracker-entry-widget .latest-container .latest-value .title {
        border-bottom: 1px solid #00A9E0;
        padding-bottom: 3px;
        margin-bottom: 3px;
        display: block;
        color: #00A9E0;
        font-size: 14px;
    }

    .tracker-entry-widget .latest-container .latest-value .value {
        font-size: 1.5em;
    }

    .tracker-entry-widget .latest-container .latest-value .unit {
        font-size: 0.9em;
    }

@media (min-width: 421px) {
    .tracker-entry-widget #add-tracker {
        margin-top: 20px;
    }
}

.tracker-entry-widget #tracker-entry-widget-close {
    float: right;
    color: white;
}

.tracker-entry-widget .btn-default, .tracker-entry-widget .btn-default:hover {
    background-color: #00a9e0;
    border-bottom: 3px solid #0087B3;
}

.tracker-child-widgets {
}

    .tracker-child-widgets .accordion-heading,
    .tracker-child-widgets .section-header,
    .tracker-child-widgets h2 {
        background-color: transparent;
        text-decoration: none;
        color: #00A9E0;
        font-family: "Roboto Condensed", "Arial Condensed", Arial, sans-serif;
        font-size: 50px;
        line-height: 1.1;
        font-weight: normal;
        border-bottom: none;
        margin-bottom: 0;
        padding: 0px;
    }

@media (max-width: 420px) {
    .tracker-entry-widget #add-tracker {
        margin-top: 0px;
    }
}

@media (min-width: 420px) {
    .tracker-entry-widget .measurement-date {
        margin-top: 24px;
    }
}

.tracker-entry-widget .multi-entry-field {
    margin-right: 10px;
}

.tracker-entry-widget #common-error {
    clear: both;
}

.pane-col--right-top-event {
    float: right;
    margin: 0 0 0 25px;
    font-size: 20px;
}

    .pane-col--right-top-event a {
        color: white;
    }

.healthjourney-upcoming-appointment {
    font-family: 'Lato Regular','Lato';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}

.health-journey-landing {
}

    .health-journey-landing .new-journey {
        float: right;
        margin-bottom: -10%;
        margin-top: -12.5%;
        position: relative;
    }

    .health-journey-landing .card {
        overflow: visible;
        vertical-align: top;
        margin-top: 0.2%;
    }

.HealthEventMessageForm {
    height: 300px;
}

.HealthJourney-UpcomingAppointment {
    font-family: 'Lato Regular','Lato';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}

/* Reveal Box*/
.revealcards-container {
    display: block;
    padding: 10px;
}

    .revealcards-container .flipper {
        height: 300px;
        width: 300px;
    }

        .revealcards-container .flipper .back {
            border-bottom: 1px solid #c8c8c8;
            line-height: 1.5;
            margin-bottom: 0.1em;
            font-family: "Roboto Condensed", "Arial Condensed", Arial, sans-serif;
            Padding: 20px;
            color: #474647;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .revealcards-container .flipper .card-title {
            font-size: 1.37143em;
            font-family: "Roboto Condensed", "Arial Condensed", Arial, sans-serif;
            font-weight: normal;
        }

        .revealcards-container .flipper .card-innercontent {
            font-size: 0.9em;
            font-family: "Lato", Arial, sans-serif;
            font-weight: lighter;
        }

/* Reveal Box*/

/* Content Widget - Start */

@media screen and (max-width:480px) {
    img.right {
        border: 1px solid #ccc;
        margin-left: 15px;
        padding: 5px;
    }
}

@media screen and (min-width:480px) {
    img.right {
        border: 1px solid #ccc;
        float: right;
        margin-left: 15px;
        padding: 5px;
    }
}
/* Content Widget - End */

/*Interactive Images - Start*/
.interactiveImageWidgetWrapper {
}

.image-annotate-area {
    border-radius: 1em;
    border: 3px solid #02AAA4;
    position: absolute;
    width: auto;
}

.image-annotate-canvas {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

/*@media screen and (min-width:480px) {*/
.image-annotate-note {
    position: absolute;
    background-color: #02AAA4;
    color: white;
    border-radius: 0.5em;
    word-wrap: break-word;
}

    .image-annotate-note span {
        border-radius: 0.5em;
        padding: 0.5em;
        display: block;
    }


    .image-annotate-note .arrow_box {
        position: relative;
        background: #02AAA4;
        border: 4px solid #02aaB0;
    }

        .image-annotate-note .arrow_box:after, .image-annotate-note .arrow_box:before {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .image-annotate-note .arrow_box:after {
            border-color: rgba(2, 170, 164, 0);
            border-bottom-color: #02AAA4;
            border-width: 10px;
            margin-left: -10px;
        }

        .image-annotate-note .arrow_box:before {
            border-color: rgba(2, 170, 176, 0);
            border-bottom-color: #02aaB0;
            border-width: 16px;
            margin-left: -16px;
        }



@media screen and (max-width:480px) {
    .image-annotate-note[style] {
        width: 50% !important;
    }
}

.interactiveImageWidgetWrapper .text-container {
    display: flex;
    justify-content: center;
}

.interactiveImageWidgetWrapper .callout-icon {
    display: inline-block;
    align-self: center;
    border: solid 0px red;
    width: 16%;
    margin-right: 15px;
}

    .interactiveImageWidgetWrapper .callout-icon img {
        max-width: 30px;
        margin-right: 10px;
    }

.interactiveImageWidgetWrapper .callout-text {
    display: inline-block;
    border: solid 0px red;
    width: 75%;
}

/*Interactive Images - End*/


/*Content Widgets */

a.contentwidget-no-accordion {
    text-decoration: none;
}

.contentWidgetWrapper {
    padding: 1.5em;
}

.cards div.contentWidgetWrapper p {
    text-align: left;
}

/*Content Widgets */

/*Video Widgets */
.videoWidgetWrapper {
    padding: 1.5em;
}

/*Video Widgets */

/* THRA - Starts */

.outerContainer {
    border: 2px solid black;
    padding: 0.5em 1em 1em 0.5em;
}

.innerContainer {
    padding: 0.5em;
}

    .innerContainer.first {
        padding-top: 0.2em;
        font-weight: bold;
    }

    .innerContainer.last {
        padding-bottom: 0.1em;
    }

.linkfont {
    font-size: 1.2em;
    color: #2084CA;
}


/* THRA - Ends */

.new-journey-notification {
    background-color: rgba(2, 170, 164, 1);
    padding: 2em;
    z-index: 1005;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .new-journey-notification h2, .new-journey-notification h3, .new-journey-notification .checkbox-inline {
        color: white;
    }

    .new-journey-notification h3 {
        margin-bottom: 0em;
    }

    .new-journey-notification .btn.btn-default {
        margin-top: 1em;
        background-color: rgba(1, 97, 95, 1);
    }

    .new-journey-notification .pane-col--right-top a {
        color: white;
    }

.disabledCancelSurvey {
    float: right;
    text-decoration: underline;
    color: gray;
    margin-left: 5px;
    margin-top: 7px;
}

.widgetcollapsible-nopadding {
    padding: 0px;
}

.widgetcollapsible-fullwidth {
    width: 100%;
}

div.section-header.section-header--with-icons.no-underline {
    border-bottom: 0px;
    /*color:rgba(71, 70, 71, 0.74);*/
}

a.accordion-heading--blue.no-underline:hover,
a.accordion-heading--blue.no-underline:active,
a.accordion-heading--blue.no-underline:focus,
a.accordion-heading--blue.no-underline:visited {
    text-decoration: none !important;
}

@media (min-width: 480px) {
    .u61 {
        margin-top: 30px;
        margin-left: -2% !important;
    }
}


.survey-notification {
    background-color: rgba(21, 125, 171, 1);
    padding: 2em;
    z-index: 1005;
    position: relative;
}

    .survey-notification h2, .survey-notification h3, .survey-notification .checkbox-inline {
        color: white;
    }

    .survey-notification h3 {
        margin-bottom: 0em;
    }

    .survey-notification .btn.btn-default {
        margin-top: 1em;
        background-color: #42B3DC;
        border-bottom: 3px solid #64D6FF;
    }

    .survey-notification .pane-col--right-top a {
        color: white;
    }

    .survey-notification .divLink {
        display: inline-block;
        margin-left: 20px;
    }

        .survey-notification .divLink a {
            color: #EEEEEE;
            font-size: 1.1em;
        }

    .survey-notification form {
        display: inline-block;
    }

#divMemberSatisfactionSurvey {
    margin-top: -13px;
}

.cust-health-event-card {
    padding: 15px;
    display: block;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
    height: 100%;
    width: 100%;
}


/* IFRAME - EMMI CSS for Responsive START */

.iframe-video-container {
    position: relative;
    padding-bottom: 53.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.iframe-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* IFRAME - EMMI CSS for Responsive END */
.cust-health-event-card {
    padding: 15px;
    display: block;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
    height: 100%;
    width: 100%;
}

.interactive_widget_desc {
    font-size: 18px;
    position: relative;
    font-family: "Roboto Condensed", "Arial Condensed", Arial, sans-serif;
}

.dpp-bg-image {
    background: transparent no-repeat center top;
    min-height: 300px;
    background-size: cover;
    position: relative;
}

.dpp-white-overlay {
    font-size: 24px;
    font-family: "Roboto Condensed";
    color: #165788;
    text-align: center;
    width: 100%;
    padding-top: 22px;
}

.dpp-left-right-padding {
    padding-left: 78px;
    padding-right: 77px;
    background-color: #FFFFFF;
}

.dpp-blue-overlay {
    background-color: #165788;
    color: #ffffff;
    font-size: 22px;
    font-family: Helvetica;
    text-align: center;
    width: 100%;
}


.dpp-text-color {
    color: #165788;
    font-family: Lato;
    font-size: 17px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    padding-top: 15px;
}

.dpp-mailAddress-color {
    color: #165788;
    font-family: "Lato", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.dpp-description {
    padding-left: 102px;
    padding-right: 102px;
}

.dpp-bg-color {
    background-color: #FFFFFF;
}

.dpp-body {
    padding-left: 99.5px;
    padding-right: 108px;
}

.dpp-position {
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media screen and (min-width: 500px) {
    .dpp-email-msg {
        width: 46%;
        padding-top: 15px;
    }
}

.dpp-join-now {
    text-align: center;
    color: #FFFFFF !important;
}

.dpp-join-blue-btn {
    border-radius: 78px;
    background-color: #165788;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-color: #6BAF00;
    text-align: center;
    padding: 10px 30px;
    border: none;
    border-bottom: none !important;
}

@media screen and (max-width: 400px) {
    .dpp-linkbutton {
        margin: 17% !important;
    }
}

.dpp-linkbutton {
    color: #0f3b5c;
    padding: 0 32px 0 0;
    font-family: "Roboto Condensed", "Arial Condensed", Arial, sans-serif;
    font-size: 18px;
    margin: 6%;
    text-decoration: none;
}

.dpp-label-color {
    color: #2f6c88;
    font-size: 15px;
    font-weight: bold;
}

.dpp-link {
    padding-bottom: 100px;
    padding-top: 15px;
}

.dpp-link-color {
    color: #4A4A4A;
}

.gina-information {
    background: #fff2b0;
    border: 1px solid #969200;
    color: #969200;
}

.gina-scrollable-box {
    height: 270px;
    border: 1px solid black;
    overflow-y: auto;
    padding: 1.6%;
    width: 100%;
    margin-bottom: 1em;
}

.last-service-date {
    width: 94%;
}

#add-service-date {
    float: right;
}

.emailPhoneWrapper:after {
    content: '';
    display: block;
    clear: both;
}


.descriptionWrapper li {
    padding-left: 10px;
    padding-top: 8px;
}

.dpp-clear-both {
    clear: both;
}

.dpp-address {
    margin-left: 0px;
    margin-right: 5px;
}

.cust-livechat-center {
    /*margin-bottom: -28px;*/
}

@media (max-width: 768px) {
    .cust-livechat-center {
        display: none;
    }
}

#contactus .customer-service-title {
    font-size: 1.5em;
    font-weight: bold;
    color: #006baf;
}

#contactus .healthplan-title {
    font-size: 1.5em;
    font-weight: bold;
    color: #006baf;
    margin-top: 30px;
}


#contactus .phone-number {
    background-image: url('../images/phone_icon.png');
    background-repeat: no-repeat;
    background-position: 0%;
    width: 100%;
    height: auto;
    font-size: 2.3em;
    color: #006baf;
    padding-left: 65px;
    margin-top: 30px;
}

#contactus .contact-email {
    background-image: url('../images/envelope_icon.png');
    background-repeat: no-repeat;
    background-position: 0%;
    width: 100%;
    height: auto;
    font-size: 2.3em;
    color: #006baf;
    padding-left: 65px;
    margin-top: 30px;
}

#contactus .phone-email {
    width: 158.05px;
    color: #165788;
    font-family: "Roboto Condensed", "Arial Condensed", Arial, sans-serif;
    font-size: 28.75px;
    padding-left: 65px;
    margin-top: 30px;
}

#contactus .white-overlay {
    padding-left: 13%;
}

#contactus .telephone-number {
    font-size: 2.7em;
    color: #006baf;
    text-decoration: none;
}

#contactus .contactus-livechat {
    margin-top: 30px;
}

#contactus .contactus-content {
    font-size: 1.2em;
}

#contactus .contactus-hyperlink {
    color: #006baf;
}

}

#labCategorycustom {
    padding-top: 10px;
}

}

.procedure-no-comments {
    font-weight: lighter;
    color: #ccc1c1;
}

.procedure-search-result {
    margin-bottom: 0em !important;
}

#last-service-date-list {
    margin-top: 30px !important;
}

.add-new-message-container {
    width: 150px;
}

.address-non-editable {
    pointer-events: none;
    margin-left: -1.6%;
    padding-top: 15px;
}

.textbox-grey {
    color: #474647;
    background-color: #E0E0E0;
}

.descriptionWrapper ul {
    padding-left: 132px;
    padding-right: 108px;
}

.welcomepanel {
    border-radius: 5px;
}

.welcome-header {
    color: #FFFFFF;
    font-family: "Proxima Nova";
    font-size: 27px;
    font-weight: 600;
}

.welcome-description {
    color: #FFFFFF;
    font-family: "Proxima Nova";
    font-size: 14px;
    line-height: 20px;
}

.pane--welcome-links {
    color: #FFFFFF;
    font-family: "Proxima Nova";
    font-size: 14px;
    line-height: 20px;
}

.resource-header {
    color: #FFFFFF;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

.resource-list {
    color: #FFFFFF;
    font-family: "Proxima Nova";
    font-size: 14px;
    line-height: 16px;
}


/* Pre Registrations Screen*/
.ohio-back {
    padding: 0px 10px 10px 10px;
    min-height: 497px;
}

.ohio-required-span {
    padding-top: 1em;
}

.ohio-caution {
    color: #737373;
}

.ohio-error-msg {
    color: #990000;
}

.prereg-overlay-parent {
    position: relative;
}

.prereg-submit-popup {
    position: fixed;
    background-color: white;
    border: solid 1px grey;
    z-index: 101;
}

.prereg-overlay {
    z-index: 100;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(204, 204, 204, 0.247058823529412);
}

@media screen and (min-width:300px) {
    .prereg-submit-popup.position {
        top: 20%;
        left: 10%;
        width: 80%;
    }
}

@media screen and (min-width:768px) {
    .prereg-submit-popup.position {
        top: 30%;
        left: 25%;
        width: 50%;
    }
}

@media screen and (min-width:992px) {
    .prereg-submit-popup.position {
        top: 30%;
        left: 38%;
        width: 30%;
    }
}
/* Pre Registrations Screen*/

/*  Redesign Framework
    Date: 4th Aug 2017
    Description: This style sheet or framework is created for Redesign myactivehealth.com 
    Parent style sheet is all.css
    This framework grid column concept and naming convention is different from all.css
    Grid concept is same as bootstrap
*/

/* 12 column grid styles*/
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    /*padding-right: 15px;
  padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

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

.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-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

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

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 769px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

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

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

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

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

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

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

/*Floating label css*/
.floating-label-wrapper {
    /* display: flex;
	height: 55px;
     padding: 20px 0;*/
}

    .floating-label-wrapper .floating-label {
        font-size: 16px;
        font-weight: 400;
        opacity: 0.4;
        pointer-events: none;
        position: absolute;
        transform: translate3d(6px, 10px, 0) scale(1);
        transform-origin: 30px 15px;
        transition: 240ms;
        z-index: 1;
        color: #666;
    }

    .floating-label-wrapper.focused .floating-label {
        opacity: 1;
        transform: scale(0.75);
        color: #666;
    }

    .floating-label-wrapper .floating-label-input, .floating-label-input {
        /*align-self: flex-end;*/
        height: 45px !important;
        padding-top: 20px;
        border: 1px solid #165788;
        border-radius: 5px;
        width: 100%;
        color: #165788;
        -webkit-text-fill-color: #165788 !important;
        font-weight: bold;
        /*box-shadow:none !important;
    flex-shrink: 0;*/
    }

        .floating-label-wrapper .floating-label-input::-webkit-input-placeholder {
            color: transparent;
            transition: 240ms;
        }

        .floating-label-wrapper .floating-label-input:focus::-webkit-input-placeholder {
            transition: none;
        }

    .floating-label-wrapper .focused .form-control::-webkit-input-placeholder {
        color: #bbb;
    }

.floating-label-input:focus {
    outline: none;
    border: 2px solid #00a9e0;
}

/*.floating-label-wrapper ul {
    flex: 0 0 100%;
}*/

/*Chrome Autofill CSS*/

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff !important;
    background-image: none;
    color: #165788 !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

/*Button Style*/
.mah-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: 100px;
    min-width: 150px;
    height: 45px;
}

    .mah-btn:focus,
    .mah-btn:active:focus,
    .mah-btn.active:focus,
    .mah-btn.focus,
    .mah-btn:active.focus,
    .mah-btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .mah-btn:hover,
    .mah-btn:focus,
    .mah-btn.focus {
        color: #333;
        text-decoration: none;
    }

    .mah-btn:active,
    .mah-btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

    .mah-btn.disabled,
    .mah-btn[disabled],
    fieldset[disabled] .mah-btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

a.mah-btn.disabled,
fieldset[disabled] a.mah-btn {
    pointer-events: none;
}

.mah-btn-default {
    color: #fff !important;
    background-color: #165788 !important;
    border-color: #165788 !important;
}

    .mah-btn-default:focus,
    .mah-btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .mah-btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .mah-btn-default:active,
    .mah-btn-default.active,
    .open > .dropdown-toggle.mah-btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .mah-btn-default:active:hover,
        .mah-btn-default.active:hover,
        .open > .dropdown-toggle.mah-btn-default:hover,
        .mah-btn-default:active:focus,
        .mah-btn-default.active:focus,
        .open > .dropdown-toggle.mah-btn-default:focus,
        .mah-btn-default:active.focus,
        .mah-btn-default.active.focus,
        .open > .dropdown-toggle.mah-btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .mah-btn-default:active,
    .mah-btn-default.active,
    .open > .dropdown-toggle.mah-btn-default {
        background-image: none;
    }

    .mah-btn-default.disabled:hover,
    .mah-btn-default[disabled]:hover,
    fieldset[disabled] .mah-btn-default:hover,
    .mah-btn-default.disabled:focus,
    .mah-btn-default[disabled]:focus,
    fieldset[disabled] .mah-btn-default:focus,
    .mah-btn-default.disabled.focus,
    .mah-btn-default[disabled].focus,
    fieldset[disabled] .mah-btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .mah-btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.mah-btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .mah-btn-primary:focus,
    .mah-btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .mah-btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .mah-btn-primary:active,
    .mah-btn-primary.active,
    .open > .dropdown-toggle.mah-btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .mah-btn-primary:active:hover,
        .mah-btn-primary.active:hover,
        .open > .dropdown-toggle.mah-btn-primary:hover,
        .mah-btn-primary:active:focus,
        .mah-btn-primary.active:focus,
        .open > .dropdown-toggle.mah-btn-primary:focus,
        .mah-btn-primary:active.focus,
        .mah-btn-primary.active.focus,
        .open > .dropdown-toggle.mah-btn-primary.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .mah-btn-primary:active,
    .mah-btn-primary.active,
    .open > .dropdown-toggle.mah-btn-primary {
        background-image: none;
    }

    .mah-btn-primary.disabled:hover,
    .mah-btn-primary[disabled]:hover,
    fieldset[disabled] .mah-btn-primary:hover,
    .mah-btn-primary.disabled:focus,
    .mah-btn-primary[disabled]:focus,
    fieldset[disabled] .mah-btn-primary:focus,
    .mah-btn-primary.disabled.focus,
    .mah-btn-primary[disabled].focus,
    fieldset[disabled] .mah-btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .mah-btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.mah-btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .mah-btn-success:focus,
    .mah-btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .mah-btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .mah-btn-success:active,
    .mah-btn-success.active,
    .open > .dropdown-toggle.mah-btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .mah-btn-success:active:hover,
        .mah-btn-success.active:hover,
        .open > .dropdown-toggle.mah-btn-success:hover,
        .mah-btn-success:active:focus,
        .mah-btn-success.active:focus,
        .open > .dropdown-toggle.mah-btn-success:focus,
        .mah-btn-success:active.focus,
        .mah-btn-success.active.focus,
        .open > .dropdown-toggle.mah-btn-success.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .mah-btn-success:active,
    .mah-btn-success.active,
    .open > .dropdown-toggle.mah-btn-success {
        background-image: none;
    }

    .mah-btn-success.disabled:hover,
    .mah-btn-success[disabled]:hover,
    fieldset[disabled] .mah-btn-success:hover,
    .mah-btn-success.disabled:focus,
    .mah-btn-success[disabled]:focus,
    fieldset[disabled] .mah-btn-success:focus,
    .mah-btn-success.disabled.focus,
    .mah-btn-success[disabled].focus,
    fieldset[disabled] .mah-btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .mah-btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.mah-btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .mah-btn-info:focus,
    .mah-btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .mah-btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .mah-btn-info:active,
    .mah-btn-info.active,
    .open > .dropdown-toggle.mah-btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .mah-btn-info:active:hover,
        .mah-btn-info.active:hover,
        .open > .dropdown-toggle.mah-btn-info:hover,
        .mah-btn-info:active:focus,
        .mah-btn-info.active:focus,
        .open > .dropdown-toggle.mah-btn-info:focus,
        .mah-btn-info:active.focus,
        .mah-btn-info.active.focus,
        .open > .dropdown-toggle.mah-btn-info.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .mah-btn-info:active,
    .mah-btn-info.active,
    .open > .dropdown-toggle.mah-btn-info {
        background-image: none;
    }

    .mah-btn-info.disabled:hover,
    .mah-btn-info[disabled]:hover,
    fieldset[disabled] .mah-btn-info:hover,
    .mah-btn-info.disabled:focus,
    .mah-btn-info[disabled]:focus,
    fieldset[disabled] .mah-btn-info:focus,
    .mah-btn-info.disabled.focus,
    .mah-btn-info[disabled].focus,
    fieldset[disabled] .mah-btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .mah-btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.mah-btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .mah-btn-warning:focus,
    .mah-btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .mah-btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .mah-btn-warning:active,
    .mah-btn-warning.active,
    .open > .dropdown-toggle.mah-btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .mah-btn-warning:active:hover,
        .mah-btn-warning.active:hover,
        .open > .dropdown-toggle.mah-btn-warning:hover,
        .mah-btn-warning:active:focus,
        .mah-btn-warning.active:focus,
        .open > .dropdown-toggle.mah-btn-warning:focus,
        .mah-btn-warning:active.focus,
        .mah-btn-warning.active.focus,
        .open > .dropdown-toggle.mah-btn-warning.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .mah-btn-warning:active,
    .mah-btn-warning.active,
    .open > .dropdown-toggle.mah-btn-warning {
        background-image: none;
    }

    .mah-btn-warning.disabled:hover,
    .mah-btn-warning[disabled]:hover,
    fieldset[disabled] .mah-btn-warning:hover,
    .mah-btn-warning.disabled:focus,
    .mah-btn-warning[disabled]:focus,
    fieldset[disabled] .mah-btn-warning:focus,
    .mah-btn-warning.disabled.focus,
    .mah-btn-warning[disabled].focus,
    fieldset[disabled] .mah-btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .mah-btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.mah-btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .mah-btn-danger:focus,
    .mah-btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .mah-btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .mah-btn-danger:active,
    .mah-btn-danger.active,
    .open > .dropdown-toggle.mah-btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .mah-btn-danger:active:hover,
        .mah-btn-danger.active:hover,
        .open > .dropdown-toggle.mah-btn-danger:hover,
        .mah-btn-danger:active:focus,
        .mah-btn-danger.active:focus,
        .open > .dropdown-toggle.mah-btn-danger:focus,
        .mah-btn-danger:active.focus,
        .mah-btn-danger.active.focus,
        .open > .dropdown-toggle.mah-btn-danger.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .mah-btn-danger:active,
    .mah-btn-danger.active,
    .open > .dropdown-toggle.mah-btn-danger {
        background-image: none;
    }

    .mah-btn-danger.disabled:hover,
    .mah-btn-danger[disabled]:hover,
    fieldset[disabled] .mah-btn-danger:hover,
    .mah-btn-danger.disabled:focus,
    .mah-btn-danger[disabled]:focus,
    fieldset[disabled] .mah-btn-danger:focus,
    .mah-btn-danger.disabled.focus,
    .mah-btn-danger[disabled].focus,
    fieldset[disabled] .mah-btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .mah-btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.mah-btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
}

    .mah-btn-link,
    .mah-btn-link:active,
    .mah-btn-link.active,
    .mah-btn-link[disabled],
    fieldset[disabled] .mah-btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .mah-btn-link,
        .mah-btn-link:hover,
        .mah-btn-link:focus,
        .mah-btn-link:active {
            border-color: transparent;
        }

            .mah-btn-link:hover,
            .mah-btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .mah-btn-link[disabled]:hover,
            fieldset[disabled] .mah-btn-link:hover,
            .mah-btn-link[disabled]:focus,
            fieldset[disabled] .mah-btn-link:focus {
                color: #777;
                text-decoration: none;
            }

.mah-btn-lg,
.mah-btn-group-lg > .mah-btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.mah-btn-sm,
.mah-btn-group-sm > .mah-btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.mah-btn-xs,
.mah-btn-group-xs > .mah-btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.mah-btn-block {
    display: block;
    width: 100%;
}

    .mah-btn-block + .mah-btn-block {
        margin-top: 5px;
    }

input[type="submit"].mah-btn-block,
input[type="reset"].mah-btn-block,
input[type="button"].mah-btn-block {
    width: 100%;
}

/*Glyphicons*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*Color for different tags style*/
.bg-blue {
    background-color: #165788;
    color: #ffffff;
}

.btn-blue-outline {
    border: 2px solid #00a9e0 !important;
}

/*heading style*/
.heading-h2 {
    margin-bottom: 0;
}

/*Text style*/
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-white {
    color: #ffffff;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

/*icon in input*/
.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

    .icon-addon:after,
    .icon-addon:before {
        display: table;
        content: " ";
    }

    .icon-addon:after {
        clear: both;
    }

    .icon-addon.addon-md .glyphicon,
    .icon-addon .glyphicon,
    .icon-addon.addon-md .fa,
    .icon-addon .fa {
        position: absolute;
        z-index: 2;
        left: 10px;
        width: 20px;
        margin-left: -2.5px;
        text-align: center;
        padding: 15px 0;
        top: 1px;
    }

    .icon-addon.addon-lg .form-control {
        line-height: 1.33;
        height: 46px;
        padding: 10px 16px 10px 35px;
    }

    .icon-addon .form-control:focus + .glyphicon,
    .icon-addon:hover .glyphicon,
    .icon-addon .form-control:focus + .fa,
    .icon-addon:hover .fa {
        color: #2580db;
    }


/* mah Responsive Menu
----------------------------------------*/

@font-face {
    font-family: 'Proxima Nova';
    src: url('../Fonts/ProximaNova/ProximaNova-Regular.eot');
    src: url('../Fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/ProximaNova/ProximaNova-Regular.woff2') format('woff2'), url('../Fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'), url('../Fonts/ProximaNova/ProximaNova-Reg.ttf') format('truetype'), url('../Fonts/ProximaNova/ProximaNova-Reg.otf') format('opentype');
}

header.top-header {
    font-family: 'Proxima Nova' !important;
    height: auto !important;
}

.postlogin .page-header {
    height: auto !important;
}

.postlogin .l-main > .l-constrained {
    padding-top: 40px !important;
}

.show-footerlinks {
    display: block !important;
}

.l-main.padding-top {
    padding-top: 20px !important;
}

/*.menu-active > #menu-message {
    outline: 2px solid #00a9e0;
}*/

.position-menu {
    position: relative !important;
    border-top: 1px solid #ffffff;
}

nav li {
    list-style-type: none;
}

.skip-to-main {
    color: #222222 !important;
    padding-right: 10px;
    text-decoration: none !important;
}

.sr-only-focusable.skip-to-main {
    position: absolute !important;
    left: 260px;
}

.myprofile-wrapper {
    background: #165788;
    color: #FFFFFF;
    height: 40px;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    padding: 0 50px;
}

.icons-globe {
    padding-right: 8px;
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: middle;
    display: inline-block;
}

.switch-language-logout-decktop {
    height: 20px;
    width: 56px;
    color: #005DA6;
    text-decoration: none;
    font-family: "Proxima Nova";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    vertical-align: bottom;
}

.switch-language {
    color: #ffffff;
    text-decoration: none;
    /*display: table-cell;*/
    height: 40px;
    vertical-align: middle;
    font-family: "Proxima Nova";
    font-weight: bold;
}

    .switch-language:hover {
        color: #ffffff;
    }

nav ul {
    margin: 0;
    padding: 0;
}

.mah-responsive-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Proxima Nova';
    background: #fff;
    display: inline-block;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
}

    .mah-responsive-menu li {
        list-style: none;
    }
    /*.mah-responsive-menu li ul {
    display:none;
}*/
    .mah-responsive-menu > li, .mah-responsive-menu > li > ul > li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        display: inline-block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-family: 'Proxima Nova';
        /*position: relative;*/
    }

        .mah-responsive-menu > li > a > span, .mah-responsive-menu > li > ul > li > a > span, .menu-txt > span.title {
            color: #165788;
            font-family: "Proxima Nova";
            font-size: 17px;
            font-weight: bold;
        }


.rewards-center-align {
    display: table-cell;
    vertical-align: middle;
    height: 32px;
}

.mah-responsive-menu > li > a > .arrow {
    display: none;
}


.mah-responsive-menu > li > a, .mah-responsive-menu > li > ul > li > a, a.menu-txt {
    position: relative;
    margin: 0;
    border: 0;
    text-decoration: none;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 14px;
    box-sizing: border-box;
}

.mah-responsive-menu > li > ul > li > a {
    padding: 0 10px !important;
}

.menu-hover > a > .title, .menu-hover > .rewards-anchor-tag > .submenu-rewards-txt > .submenu-txt-color {
    color: #4196D5 !important;
}


nav ul li a.menu-active.menu-txt::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /*background-color: white;*/
    border-top: 10px solid #6BAF00;
}


.menu-active.submenu-blue-bg-link::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 10px solid #6BAF00;
    border-left: none !important;
    border-top: none !important;
}

nav ul li.menu-hover .submenu-arrow::before, nav ul a.menu-active > .submenu-arrow::before {
    content: '';
    display: block;
    width: 25px;
    height: 14px;
    /*border-top: 1px solid #4196D5;
    border-right: 1px solid #4196D5;
    border-bottom: none;
    border-left: none;
    background: #ffffff;*/
    background-image: url('../Images/HeaderMenu/Desktop_Menu_Up_Arrow.png');
    background-repeat: no-repeat;
    left: 35%;
    position: absolute;
    z-index: 1000;
    bottom: -1px;
    /*-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
}


.mah-responsive-menu > li > a > .arrow:before {
    margin-left: 15px;
    display: inline;
    font-size: 16px;
    font-family: 'FontAwesome';
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
    width: 10px;
    display: inline-block;
}

.mah-responsive-menu li div.sub-menu li > a > .arrow:before {
    content: "\f105" !important;
}

.mah-responsive-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
    position: absolute;
}

.mah-responsive-menu li div.sub-menu, .submenu-blue-bg {
    display: none;
    position: absolute;
    background: #fff;
    color: #003150;
    border-top: 1px solid #4196D5;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    width: 100%;
    left: 0;
    z-index: 999;
}



    .mah-responsive-menu li div.sub-menu > li {
        width: 185px;
    }

.sub-menu .submenu-links {
    font-family: "Proxima Nova";
    font-size: 14px;
    color: #165788;
    text-decoration: none;
    display: block;
}

.mah-responsive-menu .sub-menu li {
    padding: 3px 0;
}

.mah-responsive-menu .sub-menu .submenu-column {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100%;
}

.dotted-border {
    border-right: 5px dotted #DDE7F2;
    padding: 0 30px;
    padding-left: 15px;
}

.mah-responsive-menu .sub-menu .submenu-column .submenu-category {
    display: block;
    text-decoration: none;
}

.mah-responsive-menu .sub-menu .submenu-column .submenu-title {
    font-family: "Proxima Nova";
    font-size: 15px;
    font-weight: bold;
    color: #003150;
    padding-bottom: 5px;
    border-bottom: 2px solid #DDE7F2;
}

.sub-menu {
    box-sizing: border-box;
}

.submenu-icon {
    background: #4196D5;
    height: 100%;
    display: table;
}

.submenu-icon-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.submenu-icon-txt {
    font-family: "Proxima Nova";
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    width: 65%;
    margin: auto;
}

.logo-wrapper {
    max-width: 250px;
    /*height: 100px;*/
    display: inline-block !important;
    margin-right: 26px !important;
}

    .logo-wrapper > a {
        max-width: 250px;
    }

.logo-link {
    padding: 0 !important;
    display: table-cell !important;
    vertical-align: middle;
    text-align: left;
}

.submenu-category-description {
    padding-bottom: 10px;
    padding-top: 5px;
    color: #165788;
}

.has-new-msg {
    display: inline-block !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    position: relative;
    top: -12px;
    background-color: #D0021B;
    border-radius: 3px;
    padding: 0 6px;
    height: 17px;
}

.level-circle {
    border-radius: 15px;
    background: #4196D5;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    height: 26px;
    min-width: 26px;
    max-width: 50px;
    padding: 0 5px;
    border: 1px solid #4196D5;
}

.float-right {
    float: right;
}




.submenu-txt-color {
    color: #165788;
}

.submenu-rewards-txt {
    display: inline-block;
    text-align: left;
    position: relative;
    top: 5px;
    color: #165788;
    font-size: 12px;
    font-weight: 600;
}

.rewards-anchor-tag {
    padding-top: 30px !important;
    padding-bottom: 21px !important;
}

.submenu-blue-bg {
    display: none;
    width: 100%;
    height: 50px !important;
    text-align: center !important;
    box-sizing: content-box;
    background: #165788 !important;
}

.rewards-anchor-tag .submenu-arrow {
    display: none !important;
}

.menu-active + .submenu-blue-bg {
    display: block !important;
    border: none;
    overflow: hidden;
}

.submenu-blue-bg > ul > li {
    display: inline-block;
    padding: 0 !important;
    position: relative;
}

    .submenu-blue-bg > ul > li > a {
        display: table-cell;
        height: 50px !important;
        vertical-align: middle;
        padding: 0 6px !important;
        font-family: "Proxima Nova";
        text-decoration: none;
        color: #ffffff !important;
        font-size: 16px;
        font-weight: bold;
    }
/*.menu-active .rewards-anchor-tag  {
    padding-top: 20px !important;
}*/
.l-main.padding-top {
    padding-top: 0 !important;
}

.menu-active .logo-link {
    border-top: none !important;
}

.submenu-heart-icon {
    color: #6BAF00 !important;
    font-size: 25px !important;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.rewards-icon {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 25px;
}

    .rewards-icon::before {
        content: ' ';
        background-image: url(../Images/HeaderMenu/Rewards_Icon.svg);
        background-repeat: no-repeat;
        position: absolute;
        width: 22px;
        height: 25px;
        left: 0;
    }

.visible-on-mobile {
    display: none;
}

.menu-hover .rewards-icon::before {
    content: ' ';
    background-image: url('../Images/HeaderMenu/Rewards_hover.svg');
    background-repeat: no-repeat;
    position: absolute;
    width: 22px;
    height: 25px;
}

.menu-hover .level-circle {
    border: 1px solid #4196D5;
    background: transparent;
    color: #4196D5;
}

.menu-hover .submenu-heart-icon:before {
    content: "\f08a";
}

.menu-hover .bookmark-icon, .menu-hover.bookmark-icon {
    background-image: url('../Images/HeaderMenu/Bookmark_menu_outline_icon.svg');
}

.bookmark-icon {
    width: 15px;
    background-image: url('../Images/HeaderMenu/Bookmark_icon.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 15px 25px;
    width: 30px;
}

.visible-device, .logo-visible-device, .messages-visible-device {
    display: none !important;
}
/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
    float: left;
    width: 100%;
}


    .menu-toggle .icon-bar {
        display: block !important;
        width: 24px;
        height: 2px;
        background-color: #165788 !important;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        /*-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/
        margin: 5px;
    }

    /*.menu-toggle .icon-bar:hover {
            background-color: #F5F5F5 !important;
        }*/

    .menu-toggle #menu-btn {
        float: left;
        background: transparent;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        padding: 8px;
    }

.hide-menu {
    display: none;
}

.external-site-icon {
    padding-left: 10px;
}

ul.iconstype-menu-wrapper li a span.title {
    font-size: 12px !important;
    font-weight: 600;
    color: #165788;
}

.heart-icon.menu-txt span.title {
    position: relative;
    top: -2px;
}

.menu-active #HomeSVG, .menu-active #CoachSVG, .menu-active #ActionSVG, .menu-active #RecordsSVG, .menu-active #LibrarySVG, .menu-active #MessageSVG {
    stroke: #6BAF00;
}

.menu-active .icon-color {
    stroke: #6BAF00;
}

.menu-active path.HeaderMessageSVG {
    stroke: #4196D5;
    fill: #ffffff;
}

.menu-active path.HeaderMessageLine1, .menu-active path.HeaderMessageLine2 {
    stroke: #4196D5;
}

.has-submenu .menu-active #HomeSVG, .has-submenu .menu-active #CoachSVG, .has-submenu .menu-active #ActionSVG, .has-submenu .menu-active #RecordsSVG, .has-submenu .menu-active #LibrarySVG, .has-submenu .menu-active #MessageSVG {
    stroke: #FFFFFF;
}

.has-submenu .menu-active .icon-color {
    stroke: #FFFFFF;
}

.disable-div {
    opacity: 0.2;
    pointer-events: none;
}
/* Responsive Menu Styles
----------------------------------------*/
/*Note: change the max-width asper your requirment and change the same in mahResponsiveMenu({resizeWidth: "768" }) function*/


@media screen and (min-width: 1080px) {

    .mah-responsive-menu, .myprofile-wrapper, .mah-responsive-menu li div.sub-menu, .submenu-blue-bg {
        padding: 0 10px !important;
    }

    .submenu-blue-bg {
        z-index: 998 !important;
    }

    .mah-responsive-menu > li > a, .mah-responsive-menu > li > ul > li > a, a.menu-txt {
        padding: 0 7px;
    }

    .mah-responsive-menu > li > ul > li > a {
        padding: 0 5px !important;
    }

    .logo-wrapper {
        max-width: 200px;
        margin-right: 10px !important;
    }

    .switchuser-panel {
        padding: 0 50px !important;
    }

    .menu-logo-wrap {
        display: flex;
    }
}

@media screen and (min-width: 1280px) {

    .mah-responsive-menu, .myprofile-wrapper, .mah-responsive-menu li div.sub-menu, .submenu-blue-bg {
        padding: 0 20px !important;
    }

    .logo-wrapper {
        max-width: 250px;
        margin-right: 26px !important;
    }

    .mah-responsive-menu > li > a, .mah-responsive-menu > li > ul > li > a, a.menu-txt {
        padding: 0 14px;
    }

    .mah-responsive-menu > li > ul > li > a {
        padding: 0 10px !important;
    }

    .logo-wrapper > .logo-link {
        max-width: 250px;
    }
}

@media screen and (max-width: 1079px) {
    /*nav ul li a.menu-active.menu-txt::before {
        display: none;
    }*/

    .postlogin .l-main > .l-constrained {
        padding-top: 15px !important;
    }

    .menu-toggle a {
        height: 70px !important;
    }

    .msg-icon {
        display: table-cell;
    }

    a.logo-visible-device img#logo {
        max-height: 50px !important;
        display: inline-block !important;
        position: static !important;
        float: none;
        left: 50%;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }

    .menu-toggle > div {
        display: table !important;
        width: 100%;
        background: #ffffff;
        -webkit-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05);
        position: relative;
    }

    .bugermenuicon-wrapper, .logo-visible-device, .messages-visible-device {
        display: table-cell !important;
        vertical-align: middle;
        text-align: center;
    }

    .messages-visible-device {
        padding-top: 10px !important;
    }

    .has-submenu > div.sub-menu.submenu-blue-bg {
        z-index: 0 !important;
        position: absolute !important;
        height: 50px !important;
        overflow: hidden;
    }

    .mah-responsive-menu li div.sub-menu {
        padding: 20px;
        position: relative !important;
    }

    .sub-menu.submenu-blue-bg {
        padding: 0 !important;
        height: 50px !important;
        overflow: hidden !important;
    }

    .level-circle {
        padding: 2px 5px !important;
    }

    .menu-close {
        background-image: url('../Images/HeaderMenu/Menu_Close_X.svg') !important;
        background-repeat: no-repeat !important;
        background-position: 50% 50% !important;
        color: transparent !important;
    }

        .menu-close > .icon-bar {
            background-color: transparent !important;
        }

    .bugermenuicon-wrapper.up-arrow::after {
        content: '';
        display: block;
        width: 25px;
        height: 14px;
        background-image: url('../Images/HeaderMenu/Desktop_Menu_Up_Arrow.png');
        background-repeat: no-repeat;
        left: 2%;
        position: absolute;
        z-index: 1000;
        bottom: -2px;
    }

    .visible-device {
        display: inline-block !important;
        position: relative;
        top: 3px;
        padding-left: 20px;
        padding-right: 10px;
    }

    svg.visible-device {
        padding-right: 30px;
    }

    .logo-visible-device {
        display: inline-block;
    }

    /*.messages-visible-device {
        display: inline-block;
        padding: 15px;
        float: right;
        position: relative;
    }*/

    .messages-visible-device .has-new-msg {
        top: -25px !important;
        color: #D0021B !important;
        padding: 0 !important;
        height: 8px !important;
        border-radius: 50% !important;
        left: -4px;
        font-size: 8px !important;
        width: 8px !important;
    }

    .hide-device {
        display: none;
    }

    .sub-menu {
        height: auto !important;
        box-shadow: none !important;
    }

    .mah-responsive-menu > li > a {
        display: block !important;
        height: auto !important;
        padding: 10px 0;
        text-align: left;
    }

    .mah-responsive-menu > li > ul > li > a {
        height: 60px !important;
    }

    .submenu-arrow {
        position: absolute;
        right: 30px;
        top: 40%;
    }

    nav ul li a .submenu-arrow::before {
        /*content: "\f077";*/
        content: ' ';
        border: none;
        top: 46%;
        position: absolute;
        z-index: 1000;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        background-image: url('../Images/HeaderMenu/Mobile_Menu Down_Arrow.png');
        background-repeat: no-repeat;
        width: 17px;
        height: 10px;
    }

    .menu-active .rewards-icon::before {
        content: ' ';
        background-image: url('../Images/HeaderMenu/Rewards_hover.svg');
        background-repeat: no-repeat;
        position: absolute;
        width: 22px;
        height: 25px;
    }

    .menu-active .level-circle {
        border: 1px solid #4196D5;
        background: transparent;
        color: #4196D5;
    }

    .menu-active .submenu-heart-icon:before {
        content: "\f08a";
    }

    .menu-active .bookmark-icon, .menu-active.bookmark-icon {
        background-image: url('../Images/HeaderMenu/Bookmark_menu_outline_icon.svg');
    }

    .bookmark-icon {
        width: 15px;
        background-image: url('../Images/HeaderMenu/Bookmark_icon.svg');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 15px 25px;
        width: 30px;
    }

    nav ul li a.menu-active .submenu-arrow::before {
        /*content: "\f078";*/
        content: ' ';
        border: none;
        top: 46%;
        position: absolute;
        z-index: 1000;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        background-image: url('../Images/HeaderMenu/Mobile_Menu_Up_Arrow.png');
        background-repeat: no-repeat;
        width: 17px;
        height: 10px;
        background-color: transparent !important;
    }

    .has-submenu > a.menu-active {
        background: #4196D5 !important;
        border-left: none !important;
    }

        .has-submenu > a.menu-active::before {
            display: none;
        }

        .has-submenu > a.menu-active .title {
            color: #ffffff !important;
        }

    .mah-responsive-menu .sub-menu a.menu-active::before {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -20px;
        border-left: 10px solid #6BAF00;
        border-top: none;
    }

    .myprofile-and-others a.menu-active::before {
        display: none;
    }

    .mah-responsive-menu .sub-menu li a {
        padding: 5px 0;
        position: relative;
    }

    .mah-responsive-menu .sub-menu .submenu-column .submenu-category {
        position: relative;
    }

    .mah-responsive-menu .sub-menu .submenu-column {
        text-align: left;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        width: 100% !important;
    }

    .dotted-border {
        border-right: none !important;
        border-bottom: 5px dotted #DDE7F2;
        padding: 0 !important;
        padding-bottom: 10px !important;
        margin-bottom: 10px !important;
    }

    nav ul li a.menu-active::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        border-left: 10px solid #6BAF00 !important;
        border-top: none !important;
    }

    nav ul.iconstype-menu-wrapper > li.menu-items > a.menu-active::before, ul.iconstype-menu-wrapper > li > a.rewards-anchor-tag.menu-active::before, ul.tablet-icon-navs > li.menu-items > a.menu-active::before {
        display: block;
        border-top: 10px solid #6BAF00 !important;
        border-left: none !important;
        background-color: transparent !important;
        right: 0;
        left: 0;
    }

    .submenu-blue-bg-link.menu-active::before {
        border-top: none !important;
    }

    a.rewards-anchor-tag.menu-active {
        background-color: transparent !important;
    }

    ul.iconstype-menu-wrapper > li:nth-child(1) > a {
        position: relative;
        left: 5px;
    }

        ul.iconstype-menu-wrapper > li:nth-child(1) > a::after {
            content: ' ';
            position: absolute;
            height: 35px;
            width: 1px;
            background-color: #DDE7F2;
            left: -3px;
            top: 17px;
        }

    .mah-responsive-menu > li > a > span.title, .mah-responsive-menu > li > ul > li > a > span.title {
        position: relative;
    }


    .iconstype-menu-wrapper {
        display: table;
        line-height: normal;
        margin: 0 auto !important;
    }

        .iconstype-menu-wrapper > li {
            display: table-cell;
            vertical-align: middle;
        }

    .mah-responsive-menu {
        position: relative !important;
        float: left;
        width: 100%;
        border-top: 1px solid #4196D5;
    }

        .mah-responsive-menu > li {
            border-bottom: 1px solid #DDE7F2;
            display: inline-block;
        }

    .float-right-menu > li {
        display: inline-block !important;
        border-bottom: none;
    }

    .mah-responsive-menu li a:hover {
    }

    .logo-wrapper {
        display: none !important;
    }

    ul.tablet-icon-navs > li.float-right {
        float: none !important;
    }

    .mah-responsive-menu li ul.sub-menu > li {
        width: 100%;
    }

    .mah-responsive-menu > li.menu-items {
        width: 66.66% !important;
        float: left;
    }

    .myprofile-and-others {
        position: absolute;
        float: right !important;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #165788;
        width: 33.33%;
        padding: 20px !important;
    }

        .myprofile-and-others > a {
            font-family: "Proxima Nova";
            color: #ffffff !important;
            font-size: 14px !important;
            font-weight: bold !important;
            width: 100%;
        }

    .float-right {
        display: table-cell !important;
        vertical-align: middle;
    }

    .visible-tablet {
        display: block;
    }

    .username {
        font-family: "Proxima Nova";
        color: #DDE7F2;
        font-size: 14px;
        margin-bottom: 0 !important;
        padding-bottom: 20px;
        border-bottom: 1px solid #003150;
    }

    .mah-responsive-menu .sub-menu .submenu-column .submenu-title {
        border-bottom: none !important;
    }

    .rewards-anchor-tag {
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }

    .tablet-icon-navs {
        float: right;
        margin-right: 10px;
    }

    ul.tablet-icon-navs > li {
        display: table-cell;
        vertical-align: middle;
    }

    .iconstype-menu-wrapper > li > a.menu-txt {
        padding: 0 10px !important;
    }

    #respMenu {
        width: 100% !important;
    }
}

@media screen and (max-width: 755px) {
    .postlogin .l-main > .l-constrained {
        padding-top: 15px !important;
    }

    .rewards-anchor-tag + .submenu-blue-bg, .rewards-anchor-tag.menu-active + .submenu-blue-bg {
        display: none !important;
    }

    .submenu-blue-bg-link.menu-active::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 10px solid #6BAF00;
        border-left: none !important;
    }

    ul.iconstype-menu-wrapper > li:nth-child(1) > a::after {
        display: none !important;
    }

    .visible-on-mobile {
        display: block;
    }

    .visible-on-desktop {
        display: none;
    }

    div.sub-menu.submenu-blue-bg {
        position: relative !important;
    }

    .myprofile-and-others {
        background-color: #165788;
        width: 100%;
        position: relative !important;
        top: 0 !important;
        padding: 10px 20px !important;
    }

        .myprofile-and-others > a {
            font-family: "Proxima Nova";
            color: #ffffff !important;
            font-size: 14px !important;
            font-weight: bold !important;
            width: 50%;
            float: left;
        }

    .iconstype-menu-wrapper > li > a.menu-txt {
        padding: 0 15px !important;
    }

    .visible-tablet {
        display: none;
    }

    .mah-responsive-menu > li.menu-items {
        width: 100% !important;
    }

    .mah-responsive-menu > .float-right {
        display: block !important;
        float: none !important;
    }

    .mah-responsive-menu > li > ul > li > a {
        height: 60px !important;
    }

    .tablet-icon-navs {
        float: right;
        display: table-cell;
        vertical-align: middle;
    }

        .tablet-icon-navs > li:first-child a {
            padding: 0;
            padding-top: 10px;
            border-right: none;
        }

    .messages-visible-device::after {
        display: none;
    }

    ul.tablet-icon-navs > li > a.messages-visible-device.menu-active::before {
        display: none !important;
    }
}


@media screen and (max-width: 350px) {
    .iconstype-menu-wrapper > li > a.menu-txt {
        padding: 0 5px !important;
    }

    .logo-visible-device {
        max-width: 150px !important;
    }
}

/*Header*/

.myprofile-wrapper {
    padding-top: 11px !important;
}

.header-language a {
    color: #ffffff;
    text-decoration: none;
    width: 20%;
    float: left;
}

.header-profile {
    float: right;
    margin-right: 30px;
}

    .header-profile a {
        text-decoration: none;
        color: #fff;
    }

.profile-icon {
    margin-top: -5px;
    position: absolute;
    height: 23px;
    width: 16px;
    margin-left: 4px;
}

.header-options {
    border: 1px solid #4196d5;
    background: #fff;
    color: #4f80a5;
}

    .header-options ul {
        padding: 4px 0 4px 0;
        margin: 0;
        list-style: none;
    }

        .header-options ul li {
            padding: 14px 19px 0 19px;
        }

            .header-options ul li:last-child {
                padding-bottom: 15px;
            }

            .header-options ul li a {
                text-decoration: none;
                color: #165788;
                font-weight: 500;
            }

.header-arrow-btn {
    display: inline-block;
    margin-right: 10px;
    margin-left: 5px;
}

    .header-arrow-btn::before {
        margin: -7px 23px 0;
        position: absolute;
        content: '';
        background-image: url(../Images/HeaderMenu/User_Menu_Down_Arrow.svg);
        background-repeat: no-repeat;
        height: 7px;
        width: 10px;
        -webkit-font-smoothing: antialiased;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .header-arrow-btn.active::before {
        margin: -7px 23px 0;
        position: absolute;
        font-size: 12px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

.header-options {
    position: absolute;
    display: block;
    z-index: 1;
    top: 45px;
    right: 57px;
}

.options-pointer {
    position: absolute;
    width: 23px;
    height: 12px;
    top: -12px;
    right: 14px;
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-image: url('../Images/HeaderMenu/Desktop_Menu_Up_Arrow.png');
}

.header-welcome.clicked {
    color: #d8e3ef !important;
    text-decoration: underline !important;
}

/*SwitchUser*/

.switchuser-panel {
    background-color: white;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: bold;
}

.switchuser-icon-wrapper {
    background-color: #4196D5;
    width: 298px;
    padding: 34px 0 43px 0;
    display: inline-block;
}

    .switchuser-icon-wrapper img {
        height: 68px;
        width: 68px;
        margin-left: 108px;
    }

.switchuser-icon-txt {
    text-align: center;
    font-size: 25px;
    color: white;
    font-weight: bold;
    margin: 0;
    line-height: 30px;
}

.selectuser-wrapper {
    padding-left: 40px;
    /*position: absolute;
    top: -70px;
    left: 57px;*/
}

#dependent-validation {
    max-width: 260px;
}

.switchuser-btns-wrapper, .selectuser-wrapper {
    display: inline-block;
    vertical-align: top;
    padding-top: 30px;
}

.switchuser-selectbox {
    background: #fff;
    color: #4196D5;
    border: 1px solid #C0C0C0;
    border-radius: 10px;
    padding: 12px 10px 12px 10px;
    width: 260px;
    margin: 0 30px 0 0;
}

    .switchuser-selectbox select {
        border-color: #fff;
        font-weight: normal;
        line-height: 21px;
        color: #165788;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.switch-arrow {
    background-image: url("../Images/HeaderMenu/Switch_User_Arrow_Down.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.switch-arrow-up {
    background-image: url("../Images/HeaderMenu/Switch_User_Arrow.svg") !important;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.switchuser-panel button {
    border-radius: 100px;
    line-height: 20px;
    margin: 0 16px 0 0;
    display: inline-block;
}

.switchuser-continue {
    background-color: #165788;
    color: #fff;
    border: none;
    padding: 15px 42px 15px 42px;
}

.switchuser-cancel {
    background-color: #fff;
    color: #656565;
    border: 1px solid #656565;
    padding: 15px 42px 15px 42px;
    border-radius: 100px;
    text-decoration: none;
    line-height: 18px;
}

/*#notification-switch-user-2,*/

.switchuser-close {
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 28px;
    background-image: url("../Images/HeaderMenu/Switch_User_Close_Icon.svg") !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

@media screen and (max-width: 1080px) {

    .switchuser-icon-wrapper {
        width: 100% !important;
        padding: 28px 0 28px 0 !important;
    }

    .switchuser-btns-wrapper {
        padding-top: 0 !important;
        padding-bottom: 30px;
        width: 325px;
        display: block !important;
        margin: 0 auto !important;
    }

    .selectuser-wrapper {
        width: 325px;
        display: block !important;
        margin: 0 auto !important;
        top: 0 !important;
        left: 0 !important;
        padding: 30px 0 30px 0;
    }


    .switchuser-selectbox {
        width: 320px;
    }

    .switchuser-icon-wrapper img {
        display: none !important;
    }

    /*.switchuser-cancel, .switchuser-continue{
        padding: 10px 48px 10px 48px !important;
        margin: 26px 12px 0 0 !important;
    }*/

    .switchuser-cancel {
        margin-right: 0 !important;
        float: right !important;
    }

    .switchuser-content > .switchuser-close {
        background-image: url("../Images/HeaderMenu/Switch_User_Close_Icon(White).svg") !important;
        position: absolute;
        top: 26px;
        right: 20px;
    }

    .popup-content-wrapper > .switchuser-close {
        position: absolute;
        top: 26px;
        right: 20px;
    }

    #dependent-validation {
        max-width: 320px;
    }
}


@media screen and (max-width: 368px) {

    /*.switchuser-selectbox {
        width: 295px !important;
    }

   .switchuser-cancel, .switchuser-continue {
        padding: 9px 42px 9px 42px !important;
        margin: 26px 10px 0 0 !important;
    }

    .switchuser-cancel {
        margin-right: 20px !important;
    }
         .switchuser-close{
        margin-top: -195px !important;
    }     
    .selectuser-wrapper{
        padding: 10px 6px 20px 6px !important;
    }*/


}



.switchuser-popup-wrapper {
    text-align: center;
}

.switchuser-popup {
    font-family: 'Lato';
    font-size: 16px;
    line-height: 20px;
    background: white;
}

.popup-content, .popup-options {
    display: inline-block;
    width: 46%;
    padding: 32px 0 38px 0;
}


.popup-options {
    position: relative;
    left: 72px;
    top: -42px;
}

.popup-title {
    color: #03243F;
    font-size: 28px !important;
    font-family: "Roboto Condensed" !important;
    line-height: 33px !important;
    font-weight: bold;
    text-align: left;
}

.popup-subtext {
    color: #003150;
    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
    line-height: 20px;
    text-align: left;
}

.switchuser-checkbox {
    position: relative;
    top: 35px;
    padding-left: 23px;
    color: #003150;
    font-weight: 400;
}

    .switchuser-checkbox input {
        box-sizing: border-box;
        height: 19.32px;
        width: 19.7px;
        border: 1px solid #C0C0C0;
        position: absolute;
        margin: -1px 0 0 -23px;
    }

.switchuser-popup button {
    border-radius: 100px;
    font-weight: bold;
}

.switchuser-popup-cancel {
    background-color: white;
    border: 1px solid #656565;
    color: #656565;
    padding: 14px 47px 14px 47px;
}

.switchuser-popup-switch {
    background-color: #165788;
    color: #fff;
    border: none;
    margin-right: 30px;
    padding: 14px 45px 14px 45px;
}

.switchuser-popup-close {
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 28px;
    background-image: url("../Images/HeaderMenu/Switch_User_Close_Icon.svg");
    background-repeat: no-repeat;
}

.popup-content-wrapper {
}

@media screen and (max-width: 1110px) {
    .popup-content-wrapper {
        text-align: center;
    }

    .popup-content, .popup-options {
        width: 400px;
    }

    .popup-content-wrapper {
        width: 410px;
        text-align: center;
        margin: 0 auto;
    }

    .popup-options {
        left: 0 !important;
    }

    .switchuser-popup-close {
        margin-top: -197px;
    }

    .switchuser-popup-cancel, .switchuser-popup-switch {
        padding: 9px 42px 9px 42px !important;
        margin: 26px 10px 0 0 !important;
    }
}


@media screen and (max-width: 468px) {

    .switchuser-close {
        right: 5px !important;
    }

    .popup-content, .popup-options {
        width: 300px;
    }

    .popup-content-wrapper {
        width: 300px;
    }
}


.notifypopup_wrapper {
    background-color: #165788;
    background-color: #FFFFFF;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    z-index: 1007;
}

.notificationPopupcontent {
    display: none;
}

/*webtour popup css*/

.popup_wrapper {
    background-color: #165788;
    background-color: #FFFFFF;
    min-width: 294px;
    max-width: 560px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    text-align: center;
    z-index: 1007;
}

.popup_controls {
    padding: 12px 18px;
    background-color: #165788;
    border-radius: 0 0 10px 10px;
}

.popup_subtext {
    padding: 16px 56px;
    font-family: "Proxima Nova";
    font-size: 16px;
    line-height: 20px;
    color: #03243F;
    min-height: 112px;
}

.popup_image {
    margin: 0 auto;
    height: 240px;
    width: 320px;
    /*height: 194px;	width: 258px;*/
}

.popup_controls {
    font-family: "Proxima Nova";
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}

    .popup_controls button {
        color: #FFFFFF;
        background-color: transparent;
        border: none;
    }

.webtour-nextprev-wrapper {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: right;
}

.skip_tour_btn {
}

.previous_btn, .next_btn {
    font-weight: bold;
}

.previous_btn {
    margin-right: 18px;
}

.popup_title {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 26px;
    font-weight: bold;
    line-height: 32px;
    padding: 24px 0 16px 0;
}

.popup_pagination {
    margin: 0 auto;
}

    .popup_pagination a {
        color: black;
        float: left;
        padding: 3px 3px;
        text-decoration: none;
        border: 1px solid #165788;
        border-radius: 100px;
        margin-right: 7px;
        cursor: pointer;
    }

        .popup_pagination a.active {
            background-color: #165788;
            border: 1px solid #165788;
        }

.pagination_content {
    /*width: 35px;
    margin: 0 auto;*/
    padding: 0 0 16px 0;
    display: inline-block;
}

.webtourcontent {
    display: none;
}

.previous_btn_disabled {
    color: rgba(255,255,255,0.5) !important;
    cursor: default !important;
    pointer-events: none !important;
}

@media screen and (max-width: 640px) {

    .popup_image {
        height: 194px !important;
        width: 258px !important;
    }

    .popup_subtext {
        padding: 16px 16px !important;
        min-height: 156px !important;
    }
}


@media screen and (max-width: 720px) {

    .popup_title {
        padding: 26px 20px 16px 20px !important;
    }
}

#respMenu a[aria-disabled="true"] {
    pointer-events: none;
    text-decoration: none;
}

.menu-logo-wrap .logo-wrap {
    float: left;
    padding-left: 10px;
}

#respMenu {
    float: left;
    box-shadow: none;
}

.menu-wrap.span {
    position: static !important;
}

@media print {
    #LogoHomeLinkHeader img, .top-links, .navbar, #menu-open, .QSIInfoBar, .mep-footer-logo-row img, .mep-footer-menu-other-links, .mep-footer-image-links, footer div.copyrightinfo > p {
        display: none !important;
    }

    #printlogo {
        margin-top: auto !important;
    }

    #panel.slideout-panel {
        margin-top: 5% !important;
    }

    footer div.mep-footer {
        float: left !important;
    }

    footer div.copyrightinfo {
        border: 0 !important;
        padding: 0 !important;
    }

        footer div.copyrightinfo > h2 {
            font-weight: normal !important;
        }
}

section.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: none;
}

section.overlay.open {
    display: block;
}

section.overlay .overlay-container {
    width: 370px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 28%;
    margin: auto;
    padding: 20px 10px;
    border-radius: 8px;
    z-index: 999999;
    transition: 0.5s all ease;
    transform: scale(0);
    opacity: 0;
}

    section .overlay.open .overlay-container {
    transition: 0.5s all ease;
    transform: scale(1);
    opacity: 1;
}

.overlay-title {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 36px;
    line-height: 34px;
    padding: 0 10px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 30px 0;
}

.overlay-content p {
    color: #474647;
    font-family: "Proxima Nova";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

    .gc-cancel .overlay-content p a {
        font-weight: bold;
    }

.overlay-button {
    text-align: center;
    margin: 20px 0;
}

    .overlay-button a {
        text-decoration: none;
    }

    .overlay-button .mep-button {
        font-family: "Proxima Nova";
        font-size: 13px;
        font-weight: bold;
        line-height: 16px;
        padding: 7px 20px;
        margin: 0 10px;
    }

    
    .overlay-button .mep-button {
    font-weight: 600;
}

section.overlay.open:after {
    content: "";
    background: rgba(14, 14, 14, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 99999;
}

.overlay-active {
    position: relative;
}
.coach-vieww-wrapper {
    background: #FFF;
}

/* The container */
.checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-left: 8px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Proxima Nova";
    line-height: 25px;
    color: #003150;
}

    /* Hide the browser's default checkbox */
    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
    .checkbox-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
        border: 1px solid #165788;
        border-radius: 6px;
    }

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #165788;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bg-blue {
    background-color: #165788;
    padding: 9px 10px;
}

    .bg-blue h1 {
        margin-bottom: 0;
        font-size: 21px;
        color: #FFFFFF;
        font-family: "Proxima Nova";
        text-align:center;
    }

.filter-wrapper {
    padding: 20px 38px 10px 38px;
    background-color: #ffffff;
}

.txt-white {
    color: #FFFFFF;
}

.meeting-day {
    color: #474647;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0 !important;
}

.meeting-time {
    color: #474647;
    font-size: 14px;
}

.filter-legend-txt {
    font-size: 16px;
    font-weight: 600;
    color: #165788;
    margin-bottom: 18px;
}

.show-more-results {
    font-size: 14px;
    font-weight: bold;
    color: #165788;
    float: right;
    clear: right;
}

.reset-filter {
    color: #165788;
    font-weight: 600;
    text-decoration: none;
    margin-left: 20px;
}

.session-table-wrapper {
    background-color: #ffffff;
    padding: 1px 18px 18px 18px;
}

.session-table-wrapper table tr {
    border-bottom: 1px solid #C0C0C0;
}

    .session-table-wrapper table th {
        text-align: left;
        padding-bottom: 10px;
        color: #474647;
        font-size: 14px;
        font-weight: 600;
    }

.need-coach-help {
    background-color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* The container */
.radio-input-container {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #165788;
    border-radius: 90px;   
    text-align: center;
    min-width: 92px;
    height: 34px;
    padding-top: 4px;
}

    /* Hide the browser's default radio button */
    .radio-input-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
    .radio-input-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: transparent;
        border-radius: 90px;
        padding: 5px 0;
    }


/* On mouse-over, add a grey background color */
/*.radio-input-container:hover input ~ .checkmark {
    
}*/

/* When the radio button is checked, add a blue background */
    .radio-input-container input:checked ~ .checkmark {
        background-color: #165788;
        color: #fff;
    }

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-input-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
/*.radio-input-container input:checked ~ .checkmark:after {
    
}*/

/* Style the indicator (dot/circle) */
/*.radio-input-container .checkmark:after {
   
}*/

.filter-results-count {
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: 600;
    color: #165788;
}

.time-zone {
    font-family: "Proxima Nova";
    color: #474647;
    font-size: 16px;
    margin-bottom: 0;
}

.coach-view-wrapper {
    padding: 30px 80px 10px 80px
}

.bold-txt {
    color: #003150;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.wmp-signup-btn-normal.enabled {
    border: 2px solid #165788;
    color:#ffffff;
    background-color: #165788;
}

.wmp-session-table {
    width:100%;
}

.session-sortby {
    text-decoration: none;
    font-size: 16px;
}

.coach-view-h2 {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 24px;
}

.coach-view-h3 {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.signup-list {
    list-style-position: inside;
    padding-left: 0;
    margin-top: 0;
}

.see-profile-txt {
    color: #474647;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-weight: 600;
}

.mtop-zero {
    margin-top: 0;
}
.hidden {
    display: none;
}

#sorttable_sortfwdind, #sorttable_sortrevind {
    color: #4196D5 !important;
}

#loadMore {
    cursor: pointer;
}

.wmp-apply-btn {
    background: #165788;
    border: 2px solid #165788;
    border-radius: 90px;
    padding: 6px 0;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    width: 92px;
}

a[disabled="disabled"] {
    pointer-events: none;
    color: grey;
}

a.reset-filter:not([disabled]):hover{
    cursor:pointer;
}

table.wmp-session-table th:not(.sort_unsortable):hover {
    cursor: pointer;
}
#sorttable_notsort_3, #sorttable_notsort_5, #sorttable_notsort_7 {
    color: #CCCCCC;
}

.coach-wmp-view-h3 {
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 60px;
}

.wmp-engaged {
    height: 86px;
    width: 321px;
    border-radius: 8px;
    margin: auto;
    background-color: rgba(216,216,216,0.4);
}

.gc-container {
    max-width: 696px;
    background-color: #ffffff;
    margin: auto;
}

    .gc-container .wmp-body-title {
        font-size: 22px;
        text-align: center;
    }

    .gc-container .wmp-body-wrapper {
        max-width: 400px;
        margin: 0 auto;
        padding: 40px 0;
    }

    .gc-container .venue-details > div {
        background-color: rgba(216,216,216,0.4);
        max-width: 300px;
        margin: 30px auto 35px;
        padding: 15px;
        border-radius: 8px;
    }

    .gc-container .venue-details img {
        display: inline-block;
        vertical-align: middle;
    }

    .gc-container .venue-details h3 {
        width: 190px;
        display: inline-block;
        line-height: 20px;
        vertical-align: middle;
    }

    .gc-container .heading-4 {
        color: #165788;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
        font-family: "Proxima Nova";
        font-weight: 600;
    }    

        .gc-container .pgm-row label {
            font-size: 14px;
            font-family: "Proxima Nova";
        }

        .gc-container .pgm-row span {
            color: #474647;
            font-family: "Proxima Nova";
            font-size: 16px;
            line-height: 22px;
        }

        .gc-container .pgm-row .email-info {
            margin: 20px 0;
        }

        .gc-container .pgm-row .phone-info {
            display: inline-block;
            width: 67%;
            vertical-align: top;
        }

        .gc-container .pgm-row .time-info {
            display: inline-block;
            width: 32%;
        }

            .gc-container .pgm-row .time-info a {
                display: inline-block;
                text-decoration: none;
                font-family: "Proxima Nova";
            }

                .gc-container .pgm-row .time-info a img {
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    margin-left: 4px;
                }

    .gc-container .gc-cancel-section {
        padding-bottom: 40px;
    }

        .gc-container .gc-cancel-section .wmp-body-title {
            padding: 40px 0 20px 0;
            margin-bottom: 0 !important;
        }

    .gc-container .mep-button {
        margin: 20px 0 0 0;
    }

    .gc-container .mep-button {
        border: 2px solid #165788;
        border-radius: 90px;
        font-size: 14px;
        color: #165788;
        background: #ffffff;
        padding: 7px 30px;
        font-weight: 600;
    }

        .gc-container .mep-button:hover,
        .gc-container .mep-button.bg-fill,
        .gc-container .mep-button.active,
        .gc-container .mep-button:focus {
            background: #165788;
            color: #ffffff;
        }

.headding-4 {
    color: #165788 !important;
    font-size: 14px;
    line-height: 18px;
    font-family: "Proxima Nova";
    font-weight: 600;
    margin-bottom:30px;
}

.margin-left-auto{
    margin-left: auto;
}

.gc-menopause-a {
    text-decoration: none;
    color: #005DA6;
    font-weight: bold;
}

.margin-zero {
    margin: 0%;
}

.margin-right-two-percentage {
    margin: 0% 0% 0% 2%;
}
/*@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');*/

.click-on-the-tracker {
    height: 21px;
    width: 448px;
    color: #165788;
    font-family: Roboto;
    font-size: 17.5px;
    font-weight: 600;
    line-height: 21px;
    display: inline;
    margin-bottom: 9px;
}

.wellness-trackers, .condition-trackers {
    height: 16px;
    width: 300px;
    color: #474647;
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.grid {
    display: grid;
    grid-template-columns: 40px 1fr;
}

.oval {
    height: 32.18px;
    width: 32.5px;
    background-color: #6BAF00;
    border-radius: 20px;
}

.connect-devices-ap {
    height: 21px;
    width: 198px;
    color: #165788;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    display: inline-block;
    display: inline;
}

.track-your-health-au {
    height: 43px;
    width: 609px;
    color: #474647;
    font-family: Roboto;
    font-size: 14px;
    line-height: 22px;
}

.get-connected {
    height: 18.77px;
    width: 174.13px;
    color: #165788;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
}

.get-connected-arrow {
    height: 14.5px;
    width: 8.52px;
    margin-left: 8px;
    margin-bottom: -1.5px;
}

.enter-name-of-device {
    color: #474647;
    font-family: Roboto;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    height: 44px;
}

.back-to-trackers {
    height: 16px;
    width: 115px;
    color: #003150;
    font-family: Roboto;
    font-size: 14px;
    line-height: 16px;
}

.connectedTrackers {
    padding-top: 20px;
}

form.index-search-form {
    position: relative;
    display: inline-flex;
}

#btnReset {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5px;
    margin-right: 5px;
}

.connected-tracker-tile, .all-tracker-tile {
    height: 188px;
    width: 200px;
    border: 1px solid #C0C0C0;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 6px 0 #C0C0C0;
    display: inline-block;
    margin: 5px 5px;
    padding: 10px 0;
}

.tracker-logo {
    height: 100px;
    max-width: 100px;
    min-width: 100px;
    min-height: 100px;
    max-height: 100px;
}

.tracker-display-name, .all-tracker-display-name {
    height: 16px;
    color: #474647;
    font-family: Roboto;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}

.tracker-connect-url-box {
    margin: 10px auto 0 auto;
}

.tracker-disconnect-url-box {
    margin: 8px auto 0px auto;
    vertical-align: bottom;
}

.tracker-connect-url {
    border: 1px solid #165788;
    border-radius: 100px;
    background-color: #FFFFFF;
    height: 22px;
    color: rgba(22,87,136,0.9);
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    padding: 8px 26px 8px 26px;
}

.tracker-disconnect-url {
    color: #165788;
    border: 3px solid #165788;
    font-family: Roboto;
    font-size: 16px;
    border: none;
    text-decoration: none;
    padding: 4px 1px;
    width: 100%;
    text-decoration: underline;
    font-weight: bold;
}

.tracker-connected {
    color: green;
    margin: 0 8px 0 0;
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    vertical-align: central;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 2; /* Firefox */
    font-size: 12pt;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: 2;
    font-size: 12pt;
}

::-ms-input-placeholder { /* Microsoft Edge */
    opacity: 2;
    font-size: 12pt;
}

.tracker-Connect-Description {
    height: 38px;
    color: #165788;
    font-family: "Proxima Nova";
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}

.section-TitleColor {
    color: #003150;
}

.section-Connect-Today {
    height: 21px;
    color: #165788;
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
}

.section-Connect-Today-Detail {
    height: 38px;
    color: #165788;
    font-family: Roboto;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin-bottom: 10px;
}

.section-Connect-Search-Label {
    height: 19px;
    color: #444444;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-left: 2px;
    text-align: left;
}

.connectedTickMark {
    border: none;
    background-color: #FFF;
    height: 21.02px;
    background-color: #6BAF00;
}

.trackerVisible {
    visibility: hidden;
}

#notConnectedTrackers ul {
    list-style-type: none;
    padding-left: 0px;
}

#connectedTrackers ul {
    list-style-type: none;
    padding-left: 0px;
}