/* ============================================================
/*
 * WellBPremium website v1.0 by id3 (http://www.id3.co.th)
 * You may learn from and adapt elements of our CSS and markup in your own projects,
 * but the unique combination of images,colours,sizes,typography,and positioning ("the design") is copyright 2013 manythink
 * and may not be reproduced.
 *
 * Based on HTML5 Boilerplate, 320 and Up and Twitter Bootstrap.
 * Read humans.txt for more details (team, components, apps, ...)
 *
 * Last updated: 13/09/2013
 */
/* ============================================================  */
/* Reset =================================================== */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Variables =================================================== */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 22, 2013 */
@font-face {
  font-family: 'Dosis';
  src: url('../fonts/dosis-medium-webfont.eot');
  src: url('../fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dosis-medium-webfont.woff') format('woff'), url('../fonts/dosis-medium-webfont.ttf') format('truetype'), url('../fonts/dosis-medium-webfont.svg#dosismedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/opensans-regular-webfont.eot');
  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/opensans-bold-webfont.eot');
  src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
/* secondary buttons */
/* Mixins =================================================== */
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
.ir {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -999em;
  direction: ltr;
}
.irnew {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.debug {
  border: 1px solid red;
}
/* Site =================================================== */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
html {
  background: #ffffff;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  font-family: 'Open Sans', Helvetica, Arial, serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6em;
  color: #333333;
}
.title {
  color: #f3712e;
  text-transform: uppercase;
}
.lined {
  border-bottom: 1px solid #e0e0e2;
}
.underlined {
  border-bottom: 1px solid #e0e0e2;
  padding-bottom: 5px;
}
.separated {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e2;
  *zoom: 1;
}
.separated:before,
.separated:after {
  display: table;
  content: "";
}
.separated:after {
  clear: both;
}
.smaller,
.smaller p,
.smaller ul {
  font-size: 12px;
  font-size: 1.2rem;
}
.smaller li {
  margin-bottom: 0.4em;
}
.larger,
.larger p,
.larger li {
  font-size: 1.25em;
}
.fitme {
  display: block;
  width: 100%;
}
.center,
.centered {
  text-align: center;
}
.centerme {
  margin-left: auto;
  margin-right: auto;
}
.case-standard {
  text-transform: none;
}
.align-left {
  text-align: left;
}
.align-center,
.centerme {
  text-align: center;
}
.align-right {
  text-align: right;
}
.space-left {
  margin-left: 10px;
}
.space-right {
  margin-right: 10px;
}
.space-bottom {
  margin-bottom: 10px !important;
}
.space-bottom-more {
  margin-bottom: 20px !important;
}
.space-top {
  margin-top: 10px !important;
}
.space-top-more {
  margin-top: 20px !important;
}
.space-both {
  margin: 10px 0;
}
.space-both-more {
  margin: 20px 0;
}
.space-both-extra {
  margin: 40px 0;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block !important;
}
.list-nobullet {
  list-style-type: none;
}
.hide-xxs,
.xsmall,
.small,
.medium,
.large,
.show-large {
  display: none;
}
.xxsmall {
  display: block;
}
.right-xxs {
  float: right;
}
.space-top-bottom-xxs {
  margin: 20px 0;
}
.space-bottom-xxs {
  margin-bottom: 20px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
  float: none;
}
.nopadding {
  padding: 0 !important;
}
.padding {
  padding: 10px !important;
}
.nomargin {
  margin: 0 !important;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.border {
  border: 1px solid #e0e0e2;
}
.noborder {
  border: none !important;
}
/* box (white with border) */
.box {
  border: 1px solid #e0e0e2;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden /* required to avoid cutting off the rounded corners of the border */;
}
/* add extra padding at bottom if you need a "more" button */
.box.more-padding {
  padding-bottom: 40px;
  position: relative;
}
.box .more {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
/* textured box (grey bg) */
.box-textured {
  padding: 20px;
  background-color: #ebecef;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.box-textured h2 {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: none;
}
.loader {
  background: #ffffff url(../p/loader-wellb.gif) no-repeat center center;
}
/* star rating */
.rating-input span {
  cursor: pointer;
}
.rating-input .icon-star-empty {
  color: #e0e0e2;
}
.rating-input .icon-star {
  color: #f3712e;
}
/* Typography =================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #646466;
  text-rendering: optimizelegibility;
  text-transform: uppercase;
}
h1,
.h1 {
  margin-bottom: 0.8em;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.2;
}
h2,
.h2 {
  margin-bottom: 0.8em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
}
h3,
.h3 {
  margin-bottom: 1.0666666666666667em;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.3;
}
h4,
.h4 {
  margin-bottom: 1.6em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
}
h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.6em;
}
h6,
.h6 {
  margin-bottom: 1.6em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: uppercase;
}
p,
ol,
ul,
dl,
address {
  margin-bottom: 1.6em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6em;
  font-weight: 300;
}
address {
  font-style: normal;
}
address h1 {
  font-size: 1em;
  margin-bottom: 0.4em;
}
small {
  font-size: 14px;
  font-size: 1.4rem;
}
ul,
ol {
  margin: 0 0 1.6em 0;
  padding: 0 0 0 20px;
}
li ul,
li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
blockquote {
  margin: 0 0 1.6em 0;
  font-style: italic;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl,
dd {
  margin-bottom: 1.6em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
/*abbr[title] { 
border-bottom : 1px dotted @bordercolor; 
cursor : help; }*/
b,
strong {
  font-weight: bold;
}
/*sub, 
sup { 
position : relative;
.font-size(12);
line-height : 0; 
vertical-align : baselineheight; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }*/
em {
  font-style: normal;
  font-weight: 700;
}
/* Colour =================================================== */
a {
  text-decoration: none;
  color: #f3712e;
}
a:visited {
  color: #f3712e;
}
a:hover {
  text-decoration: underline;
  color: #c94c0c;
}
a:focus {
  outline: thin dotted;
  color: #993a09;
}
a:hover,
a:active {
  outline: 0;
}
::-moz-selection {
  background-color: #f3712e;
  color: #fff;
  text-shadow: none;
}
::selection {
  background-color: #f3712e;
  color: #fff;
  text-shadow: none;
}
/* Texture =================================================== */
.basegrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4851e), to(#fd6408));
  background-image: -webkit-linear-gradient(top, #f4851e, #fd6408);
  background-color: #fd6408;
  background-image: -moz-linear-gradient(top, #f4851e, #fd6408);
  background-image: -ms-linear-gradient(top, #f4851e, #fd6408);
  background-image: -o-linear-gradient(top, #f4851e, #fd6408);
  background-image: linear-gradient(top, #f4851e, #fd6408);
  background-repeat: repeat-x;
}
.basegradhover {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd6408), to(#fd6408));
  background-image: -webkit-linear-gradient(top, #fd6408, #fd6408);
  background-color: #fd6408;
  background-image: -moz-linear-gradient(top, #fd6408, #fd6408);
  background-image: -ms-linear-gradient(top, #fd6408, #fd6408);
  background-image: -o-linear-gradient(top, #fd6408, #fd6408);
  background-image: linear-gradient(top, #fd6408, #fd6408);
  background-repeat: repeat-x;
}
.secondarygrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
}
.secondarygradhover {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#cfcfcf));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-color: #cfcfcf;
  background-image: -moz-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: -ms-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: -o-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: linear-gradient(top, #e5e5e5, #cfcfcf);
  background-repeat: repeat-x;
}
.basegradmuted {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f69f4f), to(#fd843b));
  background-image: -webkit-linear-gradient(top, #f69f4f, #fd843b);
  background-color: #fd843b;
  background-image: -moz-linear-gradient(top, #f69f4f, #fd843b);
  background-image: -ms-linear-gradient(top, #f69f4f, #fd843b);
  background-image: -o-linear-gradient(top, #f69f4f, #fd843b);
  background-image: linear-gradient(top, #f69f4f, #fd843b);
  background-repeat: repeat-x;
}
.disabledgrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: -ms-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: -o-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: linear-gradient(top, #d3d3d3, #e5e5e5);
  background-repeat: repeat-x;
}
/*.errorgrad {
.vertical(@basecolor, darken(@errorcolor, 10%)); }

.greygrad {
.vertical(@white, darken(@lightergrey, 5%)); }

.infograd {
.vertical(@infocolor, darken(@infocolor, 10%)); }

.inversegrad {
.vertical(@inversecolor, darken(@inversecolor, 10%)); }

.inversegradhover {
.vertical(darken(@inversecolor,5%), darken(#333,5%)); }

.successgrad {
.vertical(@successcolor, darken(@successcolor, 10%)); }

.warninggrad {
.vertical(@warningcolor, darken(@warningcolor, 10%)); }*/
@font-face {
  font-family: 'wellb';
  src: url('../fonts/wellb.eot');
  src: url('../fonts/wellb.eot?#iefix') format('embedded-opentype'), url('../fonts/wellb.ttf') format('truetype'), url('../fonts/wellb.woff') format('woff'), url('../fonts/wellb.svg#wellb') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'wellb';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-stabilisation:before {
  content: "\e605";
}
.icon-muscu:before {
  content: "\e60a";
}
.icon-habitudes:before {
  content: "\e60c";
}
.icon-cardio:before {
  content: "\e60d";
}
.icon-cardio2:before {
  content: "\e01b";
}
.icon-flower:before {
  content: "\e601";
}
.icon-trash:before {
  content: "\f014";
}
.icon-book:before {
  content: "\e608";
}
.icon-signal:before {
  content: "\f012";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-heart:before {
  content: "\f004";
}
.icon-search:before {
  content: "\f002";
}
.icon-music:before {
  content: "\f001";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-phone:before {
  content: "\f095";
}
.icon-comment:before {
  content: "\f075";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-arrow-left:before {
  content: "\e000";
}
.icon-arrow-down:before {
  content: "\e001";
}
.icon-arrow-up:before {
  content: "\e002";
}
.icon-arrow-right:before {
  content: "\e003";
}
.icon-arrow-left:before {
  content: "\e004";
}
.icon-arrow-down-2:before {
  content: "\e005";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-user:before {
  content: "\f007";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-thumbs-up:before {
  content: "\e00e";
}
.icon-thumbs-down:before {
  content: "\e00f";
}
.icon-trophy:before {
  content: "\e010";
}
.icon-lifebuoy:before {
  content: "\e011";
}
.icon-calendar-2:before {
  content: "\e012";
}
.icon-music-2:before {
  content: "\e013";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-edit:before {
  content: "\f044";
}
.icon-check:before {
  content: "\f046";
}
.icon-plus:before {
  content: "\f067";
}
.icon-arrow-right-2:before {
  content: "\e007";
}
.icon-minus:before {
  content: "\f068";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-arrow-up-2:before {
  content: "\e006";
}
.icon-twitter:before {
  content: "\e008";
}
.icon-facebook:before {
  content: "\e009";
}
.icon-googleplus:before {
  content: "\e00a";
}
.icon-play:before {
  content: "\e00c";
}
.icon-pause:before {
  content: "\e00d";
}
.icon-logo:before {
  content: "\e018";
}
.icon-stopwatch:before {
  content: "\e017";
}
.icon-stats:before {
  content: "\e016";
}
.icon-accessibility:before {
  content: "\e015";
}
.icon-new:before {
  content: "\e014";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-info:before {
  content: "\e021";
}
.icon-article:before {
  content: "\e020";
}
.icon-stretching:before {
  content: "\e00b";
}
.icon-video:before {
  content: "\e01f";
}
.icon-log:before {
  content: "\e01e";
}
.icon-duration:before {
  content: "\e01d";
}
.icon-close:before {
  content: "\e01c";
}
/*.icon-cardio:before {
	content: "\e01b";
}*/
.icon-cog:before {
  content: "\e01a";
}
.icon-broadcast:before {
  content: "\e019";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-frown:before {
  content: "\f119";
}
.icon-smile:before {
  content: "\f118";
}
.icon-abdominals:before {
  content: "\e600";
}
.icon-walking:before {
  content: "\e602";
}
.icon-swissball:before {
  content: "\e603";
}
.icon-stretching-2:before {
  content: "\e604";
}
/*.icon-stabilisation:before {
	content: "\e605";
}*/
.icon-running:before {
  content: "\e606";
}
.icon-relaxation:before {
  content: "\e607";
}
.icon-favorite:before {
  content: "\e609";
}
.icon-icon-movement:before {
  content: "\e60b";
}
/* Elements =================================================== */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #e0e0e2;
  border-bottom: 1px solid #ffffff;
}
img {
  /*width:inherit;*/
  max-width: 100%;
  border-width: 0;
  height: auto;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
/*svg:not(:root) {
overflow : hidden; }*/
figure {
  /*margin-bottom : @baselineheight;*/
  /*img {
	margin-bottom : @baselineheight / 4; }*/
}
figure figcaption {
  display: block;
  font-weight: normal;
  /*.font-size(14);*/
}
.list-bordered {
  list-style-type: none;
  margin: 0 0 1.6em 0;
  padding: 0;
}
.list-bordered li {
  margin-bottom: 0.4em;
  padding-bottom: 0.4em;
  border-bottom: 1px dashed #e0e0e2;
}
.list-bordered li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
/* Forms =================================================== */
form {
  margin: 0 0 1.6em 0;
}
form fieldset {
  margin-bottom: 1.6em;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 1.6em;
  *margin-left: -7px;
  padding: 0;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e0e0e2;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #bfbfbf;
}
form p {
  margin-bottom: 0.8em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.6em 0;
  padding: 0;
}
form br {
  display: none;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: baseline;
  /* *vertical-align : middle;*/
}
input,
button,
select,
textarea {
  font-family: 'Open Sans', Helvetica, Arial, serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  display: block;
  margin-bottom: 0.2em;
  font-weight: bold;
  color: #333333;
  cursor: pointer;
}
label input,
label textarea,
label select {
  display: block;
}
label.muted {
  font-weight: normal;
}
input,
textarea {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  max-width: 100% /* required for dropdowns where options are too long for the screen */;
  padding: 4px;
  margin-bottom: 0.4em;
  background-color: #f7f7f9;
  border: 1px solid #e0e0e2;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*&:hover {
border-color : @inputhover; }*/
}
/* prepend or append something to an input (eg: "kg" or "cm") as on Edit Profile */
.input-prepend,
.input-append {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
}
.input-prepend {
  margin: 0 0 0 .5em;
}
.input-append {
  margin: 0 .5em 0 0;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  /* *width : 13px; 
*height : 13px;*/
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  background-color: #f3712e;
  color: #fff;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  /* *overflow : visible;*/
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #c94c0c;
}
select,
input[type="file"] {
  height: 28px;
  /* *margin-top : 4px;*/
  line-height: 28px;
}
select {
  width: auto;
  background-color: #f7f7f9;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #646466, 40%;
  outline: 0;
  outline: thin dotted \9;
  background-color: #fcfbf9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
/* validation errors */
input.error,
select.error,
textarea.error {
  border-color: #f00;
}
label.error {
  color: #f00;
}
/*.help-block,
.help-inline {
color : @grey; }

.help-block {
display : block; 
margin-bottom : @baselineheight / 2; }

.help-inline {
display : inline-block;
vertical-align : middle;
padding-left : 5px; }*/
.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  margin-bottom: 0;
}
.form-inline label {
  display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
/* Buttons ================================================== */
.btn {
  display: inline-block;
  padding: 2.5px 5px;
  margin-bottom: 0;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: #f3712e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4851e), to(#fd6408));
  background-image: -webkit-linear-gradient(top, #f4851e, #fd6408);
  background-color: #fd6408;
  background-image: -moz-linear-gradient(top, #f4851e, #fd6408);
  background-image: -ms-linear-gradient(top, #f4851e, #fd6408);
  background-image: -o-linear-gradient(top, #f4851e, #fd6408);
  background-image: linear-gradient(top, #f4851e, #fd6408);
  background-repeat: repeat-x;
  border: 1px solid #e0e0e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.btn:visited {
  color: #fff !important;
}
.btn:hover {
  color: #fff !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd6408), to(#fd6408));
  background-image: -webkit-linear-gradient(top, #fd6408, #fd6408);
  background-color: #fd6408;
  background-image: -moz-linear-gradient(top, #fd6408, #fd6408);
  background-image: -ms-linear-gradient(top, #fd6408, #fd6408);
  background-image: -o-linear-gradient(top, #fd6408, #fd6408);
  background-image: linear-gradient(top, #fd6408, #fd6408);
  background-repeat: repeat-x;
  text-decoration: none;
}
input[type="submit"].btn:hover {
  border-color: #e1550d;
}
.btn-disabled {
  color: #a0a0a0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
  /*.opacity(.8);*/
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: -ms-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: -o-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: linear-gradient(top, #d3d3d3, #e5e5e5);
  background-repeat: repeat-x;
  cursor: default;
}
.btn-disabled:visited,
.btn-disabled:hover {
  color: #a0a0a0;
}
.btn-disabled:hover {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d3d3), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: -ms-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: -o-linear-gradient(top, #d3d3d3, #e5e5e5);
  background-image: linear-gradient(top, #d3d3d3, #e5e5e5);
  background-repeat: repeat-x;
  cursor: default;
}
.btn-secondary {
  color: #f3712e !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
}
.btn-secondary:visited {
  color: #f3712e !important;
}
.btn-secondary:hover {
  color: #f3712e !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#cfcfcf));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-color: #cfcfcf;
  background-image: -moz-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: -ms-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: -o-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: linear-gradient(top, #e5e5e5, #cfcfcf);
  background-repeat: repeat-x;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 20;
  line-height: 1.33;
  border-radius: 6px;
  font-size: 16px;
  font-size: 1.6rem;
}
.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 14;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
}
/* Tables =================================================== */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.6em;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
table th,
table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #e0e0e2;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6em;
  text-align: left;
}
table thead th {
  vertical-align: bottom;
  background-color: #f3712e;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  text-align: center;
  border-top: none;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #e0e0e2;
}
table tbody tr td,
table tbody tr th {
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
table tbody tr:hover td,
table tbody tr:hover th {
  background-color: #fcfbf9;
}
tfoot th,
tfoot td,
tfoot p {
  font-size: 12px;
  font-size: 1.2rem;
}
tfoot p {
  margin-bottom: 0.8em;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #e0e0e2;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #e0e0e2;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f0f0f0;
}
/* 60 */
/* 20 */
/* first and last column fix */
.col-first {
  margin-left: 0 !important;
}
.col-last {
  margin-right: 0 !important;
}
/* PURE CSS TABS (no JS required) */
/* Inspired by http://cssdeck.com/labs/css-responsive-tabs */
/* Note: JS required for IE<9 */
/* TABS HEADERS */
/* hide the checkbox */
.tab-trigger {
  display: none;
}
/* style the headings (labels) */
.tab-header {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #e0e0e2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #666;
  padding: 5px 10px;
  margin-bottom: -1px;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none;
}
/* tab header:hover effect */
.tab-header:hover {
  background: #e0e0e2;
}
/* tab header:highlight active */
.tab-trigger:checked + label,
.tab-header.active {
  /*background:@linkcolor;color:#fff;*/
  color: #f3712e;
}
/* TABS CONTENT WRAPPER */
.tab-content-wrapper,
.tab-content-wrapper2 {
  border-top: #e0e0e2 1px solid;
  padding: 20px 0;
}
/* TAB CONTENT */
/* hide tabs (default sate) */
.tab-content {
  display: none;
  opacity: 0;
  /* make headings slightsly smaller to maintain content hierarchy */
}
.tab-content h1 {
  font-size: 22px;
  font-size: 2.2rem;
}
/* show corresponding tab when heading is clicked (active state) */
#tab1:checked ~ .tab-content-wrapper #tab1-content,
#tab2:checked ~ .tab-content-wrapper #tab2-content,
#tab3:checked ~ .tab-content-wrapper #tab3-content,
#tab4:checked ~ .tab-content-wrapper #tab4-content,
#tab5:checked ~ .tab-content-wrapper #tab5-content,
#tab6:checked ~ .tab-content-wrapper #tab6-content,
#tab7:checked ~ .tab-content-wrapper #tab7-content,
#tab8:checked ~ .tab-content-wrapper #tab8-content,
#tab2-1:checked ~ .tab-content-wrapper2 #tab2-1-content,
#tab2-2:checked ~ .tab-content-wrapper2 #tab2-2-content,
#tab2-3:checked ~ .tab-content-wrapper2 #tab2-3-content,
#tab2-4:checked ~ .tab-content-wrapper2 #tab2-4-content,
#tab2-5:checked ~ .tab-content-wrapper2 #tab2-5-content,
#tab2-6:checked ~ .tab-content-wrapper2 #tab2-6-content,
#tab2-7:checked ~ .tab-content-wrapper2 #tab2-7-content,
#tab2-8:checked ~ .tab-content-wrapper2 #tab2-8-content,
.tab-content.open {
  display: block;
  opacity: 1;
  -webkit-animation-duration: .8s;
  -webkit-animation-name: show;
  -moz-animation-duration: .8s;
  -moz-animation-name: show;
  -o-animation-duration: .8s;
  -o-animation-name: show;
  animation-duration: .8s;
  animation-name: show;
}
/* tab switch animation */
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 37.5em) {
  .tab-header {
    display: block;
    border-bottom: 1px solid #e0e0e2;
    border-radius: 0;
  }
  .tab-content-wrapper,
  .tab-content-wrapper2 {
    border: none;
  }
  /* tab header:highlight active */
  .tab-trigger:checked + label {
    background: #d3d3d6;
    color: #646466;
  }
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * https://github.com/eternicode/bootstrap-datepicker
 */
.datepicker {
  padding: 0px;
  border: 1px solid #e0e0e2;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 100%;
  max-width: 260px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #e0e0e2;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker thead th {
  background-color: transparent;
  color: #646466;
  text-transform: uppercase;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover {
  background: #e6e6e6;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #bfbfbf;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #bfbfbf;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3712e), to(#f3b32e));
  background-image: -webkit-linear-gradient(top, #f3712e, #f3b32e);
  background-color: #f3b32e;
  background-image: -moz-linear-gradient(top, #f3712e, #f3b32e);
  background-image: -ms-linear-gradient(top, #f3712e, #f3b32e);
  background-image: -o-linear-gradient(top, #f3712e, #f3b32e);
  background-image: linear-gradient(top, #f3712e, #f3b32e);
  background-repeat: repeat-x;
  border-color: #f3b32e #f3b32e #c98b0c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f3b32e;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #f3b32e;
  *background-color: #f2aa16;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #e19c0d \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #e6e6e6;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ecab8a), to(#eccc8a));
  background-image: -webkit-linear-gradient(top, #ecab8a, #eccc8a);
  background-color: #eccc8a;
  background-image: -moz-linear-gradient(top, #ecab8a, #eccc8a);
  background-image: -ms-linear-gradient(top, #ecab8a, #eccc8a);
  background-image: -o-linear-gradient(top, #ecab8a, #eccc8a);
  background-image: linear-gradient(top, #ecab8a, #eccc8a);
  background-repeat: repeat-x;
  border-color: #eccc8a #eccc8a #e2af48;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #eccc8a;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #eccc8a;
  *background-color: #e9c374;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #e5b95e \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#a6a6a6));
  background-image: -webkit-linear-gradient(top, #d9d9d9, #a6a6a6);
  background-color: #a6a6a6;
  background-image: -moz-linear-gradient(top, #d9d9d9, #a6a6a6);
  background-image: -ms-linear-gradient(top, #d9d9d9, #a6a6a6);
  background-image: -o-linear-gradient(top, #d9d9d9, #a6a6a6);
  background-image: linear-gradient(top, #d9d9d9, #a6a6a6);
  background-repeat: repeat-x;
  border-color: #a6a6a6 #a6a6a6 #808080;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #a6a6a6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  color: #ffffff;
  background-color: #a6a6a6;
  *background-color: #999999;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #8c8c8c \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #fff;
  background-color: #4ac0ea !important;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker table tr td span:hover {
  background: #e6e6e6;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #bfbfbf;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  /*.buttonBackground(@buttonbackground, spin(@buttonbackground, 20));*/
  /*color: #fff;*/
  /*text-shadow: 0 -1px 0 rgba(0,0,0,.25);*/
  color: #f3712e;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #bfbfbf;
}
.datepicker th.datepicker-switch {
  width: 145px;
  color: #f3712e;
  font-weight: bold;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #e6e6e6;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
/* Datepicker appended/prepended to input field */
/* Uncomment if required*/
/*.input-append,
.input-prepend {
	&.date {
		.add-on i {
			display: block;
			cursor: pointer;
			width: 16px;
			height: 16px;
		}
	}
}
.input-daterange {
	input {
		text-align:center;
	}
	input:first-child {
		.border-radius(3px 0 0 3px);
	}
	input:last-child {
		.border-radius(0 3px 3px 0);
	}
	.add-on {
		display: inline-block;
		width: auto;
		min-width: 16px;
		height: @baselineheight;
		padding: 4px 5px;
		font-weight: normal;
		line-height: @baselineheight;
		text-align: center;
		text-shadow: 0 1px 0 @white;
		vertical-align: middle;
		background-color: @lightergrey;
		border: 1px solid #ccc;
		margin-left:-5px;
		margin-right:-5px;
	}
}
*/
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -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);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: default;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}
.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */
/* clearfix */
.owl-carousel .owl-wrapper {
  *zoom: 1;
}
.owl-carousel .owl-wrapper:before,
.owl-carousel .owl-wrapper:after {
  display: table;
  content: "";
}
.owl-carousel .owl-wrapper:after {
  clear: both;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/* SLIDES */
.owl-carousel .owl-item {
  float: left;
}
/* CONTROLS */
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
  cursor: url(../p/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
/* CSS3 Transitions */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
/*.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}*/
/* goDown */
/*.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}*/
/* scaleUp */
/*.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}*/
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
*/
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #f3712e;
  display: inline-block;
  margin: 5px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #e0e0e2;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#cfcfcf));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-color: #cfcfcf;
  background-image: -moz-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: -ms-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: -o-linear-gradient(top, #e5e5e5, #cfcfcf);
  background-image: linear-gradient(top, #e5e5e5, #cfcfcf);
  background-repeat: repeat-x;
}
.owl-buttons {
  *zoom: 1;
  margin-top: -41.25px;
  /* move previous/next up and around bullets */
}
.owl-buttons:before,
.owl-buttons:after {
  display: table;
  content: "";
}
.owl-buttons:after {
  clear: both;
}
.owl-prev {
  float: left;
}
.owl-prev:before {
  content: "\e000";
  font-family: wellb;
  margin-right: .25em;
}
.owl-next {
  float: right;
}
.owl-next:after {
  content: "\e003";
  font-family: wellb;
  margin-left: .25em;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #869791;
}
/* hover */
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #788b85;
}
/* active */
.owl-theme .owl-controls .owl-page.active span {
  background: #f3712e;
}
/* If PaginationNumbers is true */
/*.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	.circle(30px);
}*/
/* preloading images */
/*.owl-item.loading{
	min-height: 150px;
	background: url(../p/ajaxLoader.gif) no-repeat center center
}*/
/* BACKDROP */
/* modal backdrop covers all screen */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #333333;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.7;
}
/* MODAL */
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  display: none /* mobile fix */;
}
.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in {
  top: 10%;
}
/* MODAL HEADER */
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #e0e0e2;
  background-color: #f5f5f5;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}
/* "close" button */
.modal-header .close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  margin: 0;
  background-color: #f3712e;
  color: #fff;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  cursor: pointer;
}
.modal-header .close:hover {
  background-color: #c94c0c;
  text-decoration: none;
}
.modal-header h3 {
  margin: 0;
}
/* MODAL BODY */
.modal-body {
  position: relative;
  max-height: 400px;
  padding: 10px;
  overflow-y: auto;
}
.modal-form,
.modal form legend {
  margin-bottom: 0;
}
/* MODAL FOOTER */
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e2;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
/* page body when modal is displayed */
.modal-open {
  overflow: hidden;
}
/* add a scroll bar to stop page from jerking around */
/*.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
	overflow-y: scroll;
}*/
/* modal */
.modal-scrollable {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.modal {
  outline: none;
  position: absolute;
  margin-top: 0;
  top: 50%;
  overflow: visible;
  /* allow content to popup out (i.e tooltips) */
}
.modal.fade {
  top: -100%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}
.modal.fade.in {
  top: 50%;
}
/* modal body */
.modal-body {
  max-height: none;
  overflow: visible;
}
.modal.modal-absolute {
  position: absolute;
  z-index: 950;
}
.modal .loading-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.modal-backdrop.modal-absolute {
  position: absolute;
  z-index: 940;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.7;
  background: #333333;
}
.modal.container {
  width: 940px;
  margin-left: -470px;
}
/* Modal Overflow */
.modal-overflow.modal {
  top: 1%;
}
.modal-overflow.modal.fade {
  top: -100%;
}
.modal-overflow.modal.fade.in {
  top: 1%;
}
.modal-overflow .modal-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
}
/* Responsive */
@media (max-width: 979px) {
  .modal-open.page-overflow .page-container .navbar-fixed-top,
  .modal-open.page-overflow .page-container .navbar-fixed-bottom {
    overflow-y: visible;
  }
  .modal,
  .modal.container,
  .modal.modal-overflow {
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: auto;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .modal.fade.in,
  .modal.container.fade.in,
  .modal.modal-overflow.fade.in {
    top: 10px;
    bottom: auto;
  }
  .modal-body,
  .modal-overflow .modal-body {
    position: static;
    margin: 0;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .modal-footer,
  .modal-overflow .modal-footer {
    position: static;
  }
}
@media (min-width: 1200px) {
  .modal.container {
    width: 1170px;
    margin-left: -585px;
  }
}
/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
*/
/*!
 * Slider (input range) for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  /*&.slider-vertical {
		height: 210px;
		width: @baselineheight;
		.slider-track {
			width: @baselineheight/2;
			height: 100%;
			margin-left: -@baselineheight/4;
			left: 50%;
			top: 0;
		}
		.slider-selection {
			width: 100%;
			left: 0;
			top: 0;
			bottom: 0;
		}
		.slider-handle {
			margin-left: -@baselineheight/4;
			margin-top: -@baselineheight/2;
			&.triangle {
				border-width: @baselineheight/2 0 @baselineheight/2 @baselineheight/2;
				width: 1px;
				height: 1px;
				border-left-color: #0480be;
				margin-left: 0;
			}
		}
	}*/
}
.slider.slider-horizontal {
  width: 210px;
  height: 1.6em;
}
.slider.slider-horizontal .slider-track {
  height: 0.8em;
  width: 100%;
  margin-top: -0.4em;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -0.8em;
  margin-top: -0.4em;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 0.8em 0.8em 0.8em;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f69f4f), to(#fd843b));
  background-image: -webkit-linear-gradient(top, #f69f4f, #fd843b);
  background-color: #fd843b;
  background-image: -moz-linear-gradient(top, #f69f4f, #fd843b);
  background-image: -ms-linear-gradient(top, #f69f4f, #fd843b);
  background-image: -o-linear-gradient(top, #f69f4f, #fd843b);
  background-image: linear-gradient(top, #f69f4f, #fd843b);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 1.6em;
  height: 1.6em;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4851e), to(#fd6408));
  background-image: -webkit-linear-gradient(top, #f4851e, #fd6408);
  background-color: #fd6408;
  background-image: -moz-linear-gradient(top, #f4851e, #fd6408);
  background-image: -ms-linear-gradient(top, #f4851e, #fd6408);
  background-image: -o-linear-gradient(top, #f4851e, #fd6408);
  background-image: linear-gradient(top, #f4851e, #fd6408);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  border: 0 solid transparent;
}
.slider-handle.round {
  -webkit-border-radius: 1.6em;
  -moz-border-radius: 1.6em;
  border-radius: 1.6em;
}
.slider-handle.triangle {
  background: transparent none;
}
/* TOOLTIPS */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  visibility: visible;
}
.tooltip.in {
  opacity: 0.8;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
/*!
 * Bootstrap v2.3.2 Progress Bars
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progress .bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #f3712e, #e1550d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3712e), to(#e1550d));
  background-image: -webkit-linear-gradient(top, #f3712e, #e1550d);
  background-image: -o-linear-gradient(top, #f3712e, #e1550d);
  background-image: linear-gradient(to bottom, #f3712e, #e1550d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.progress-striped .bar {
  background-color: #f3712e;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* HEADER */
#header {
  padding: 10px 0;
  color: #fff;
  position: relative;
  margin-bottom: 20px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4851e), to(#fd6408));
  background-image: -webkit-linear-gradient(top, #f4851e, #fd6408);
  background-color: #fd6408;
  background-image: -moz-linear-gradient(top, #f4851e, #fd6408);
  background-image: -ms-linear-gradient(top, #f4851e, #fd6408);
  background-image: -o-linear-gradient(top, #f4851e, #fd6408);
  background-image: linear-gradient(top, #f4851e, #fd6408);
  background-repeat: repeat-x;
  *zoom: 1;
}
#header:before,
#header:after {
  display: table;
  content: "";
}
#header:after {
  clear: both;
}
#header a:link,
#header a:visited {
  color: #fff;
}
#header a:hover {
  color: #333;
  text-decoration: none;
}
#logo {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0;
  margin: 0;
}
.saved-content {
  padding: 70px 0px;
}
.saved-content h1 {
  margin: 15px 0px;
}
.saved-content p {
  margin: 15px 50px;
}
#mini-break-slider .owl-buttons {
  min-width: 70px;
}
/* nav (using responsive-nav.js) */
.nav-collapse {
  display: block;
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0 10px;
}
.nav-collapse li {
  width: 100%;
  display: block;
  text-align: right;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  border-bottom: 1px solid #f58b55;
  padding: 5px 0;
  background: transparent !important;
}
.nav-collapse li a {
  background: transparent !important;
}
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}
.nav-collapse.opened {
  max-height: 9999px;
}
.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  top: 6.666666666666667px;
  right: 10px;
}
.nav-toggle:after {
  content: "\f0c9";
  font-family: wellb;
  margin: 0;
}
.nav-toggle.cross:after {
  content: "\f00d";
  color: #000;
}
.nav-toggle:hover {
  color: #666;
}
.nav-collapse li a {
  font-weight: 300;
  display: block;
}
/* highlight current section/page */
/*#dashboard .nav-dashboard a:link, #dashboard .nav-dashboard a:visited,
#workout .nav-workout a:link, #workout .nav-workout a:visited,
#topics .nav-topics a:link, #topics .nav-topics a:visited,
#tests .nav-tests a:link, #tests .nav-tests a:visited,
#corporate .nav-corporate a:link, #corporate .nav-corporate a:visited,*/
#nav li.active a:link,
#nav li.active a:visited {
  color: #333;
}
/* language switcher */
#nav #nav-language {
  padding-top: 10px;
  border-bottom: none;
  display: block;
}
#nav-language li {
  display: inline;
  font-size: 13px;
  font-size: 1.3rem;
  border-bottom: none;
}
#nav-language li + li {
  margin-left: 20px;
}
#nav-language li a:link,
#nav-language li a:visited {
  color: #f5f5f5;
  font-weight: 300;
  display: inline-block;
}
#nav-language li a:hover {
  color: #fff;
}
#nav-language li.current a:link,
#nav-language li.current a:visited {
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
}
/* profile switcher */
#nav-profile {
  position: absolute;
  top: 6.666666666666667px;
  left: 10px;
}
/* keep user thumbnail small so that it fits within the navbar (and looks crisp on retina displays) */
#user-thumb {
  width: 30px;
  height: 30px;
  background: #f5f5f5 url(../p/user_default.png) no-repeat center bottom;
  background-size: cover;
}
#nav-profile span {
  display: none;
  /* do not display the user's name in the header */
}
.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav li {
  display: inline-block;
}
/* LOGO WRAPPER (appears only on login and home page for mobile, all pages on medium and larger) */
#logo-wrapper {
  display: none;
  background-color: #f4f4f4;
  padding: 20px;
  margin: -20px 0 20px 0 /* remove margin below header */;
  overflow: hidden;
}
#logo-wrapper h1 {
  margin: 0px 0px;
  width: 40%;
  float: left;
}
#logo-wrapper .company-logo {
  float: right;
  display: inline-block;
  text-align: center;
  padding: 4px;
  background-color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#logo-wrapper .company-logo > img {
  width: 55%;
}
#logo-hero {
  background: url(../p/logo_150.png) no-repeat center center;
  width: 150px;
  height: 47px;
  padding: 0;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -999em;
  direction: ltr;
}
/* MAIN */
#container {
  padding: 0 10px;
  margin-bottom: 40px;
}
.title {
  color: #f3712e;
}
.title-large {
  font-size: 28px;
  font-size: 2.8rem;
}
.breadcrumbs {
  display: none;
}
/* FOOTER */
#footer {
  background-color: #292929;
  color: #ababab;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 10px;
}
#nav-footer {
  display: none;
}
#property-switcher {
  margin: 0 auto 20px auto;
  width: auto;
  text-align: center;
}
#property-switcher li {
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
}
#property-switcher li a:hover {
  text-decoration: none;
  color: #ccc;
}
#property-switcher li.current a:link,
#property-switcher li.current a:visited {
  display: none;
  /* hide the link, display logo instead */
}
/* well-b premium logo (icon font) */
#property-switcher li.current:before {
  content: "\e018";
  font-family: wellb;
  color: #fff;
  margin-right: 20px;
  padding-right: 30px;
  border-right: 1px solid #878787;
  font-size: 18px;
  font-size: 1.8rem;
}
.terms {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}
.legal {
  line-height: 44px;
}
.signature {
  display: block;
  line-height: 44px;
}
#logo-well-b {
  background: url(../p/logo_well-b.png) no-repeat center center;
  width: 37px;
  height: 44px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#logo-well-b:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* DASHBOARD */
.hidden {
  display: none !important;
}
#workout-log {
  text-align: center;
}
/* Add a Workout Modal (popup) */
/* "It felt..." (3 radio buttons with smileys) */
.mood legend {
  border: none;
  padding: 10px 0;
  display: block;
}
.mood .slider-range {
  position: relative;
}
.mood .slider-horizontal {
  width: 90%;
}
/*.mood input {display:none;}
.mood label {display:inline;.font-size(28);.secondarygrad;border:2px solid @bordercolor;padding:@gutterwidth/5;}
.mood label:hover {border-color:@linkcolor;}
.mood input:checked + label {color:@linkcolor;border-color:@linkcolor;}*/
.rating-difficulty span.icon-star-empty:before {
  content: "\e609";
}
.rating-difficulty span.icon-star:before {
  content: "\e609";
}
.rating-relaxation span.icon-star-empty:before {
  content: "\e601";
}
.rating-relaxation span.icon-star:before {
  content: "\e601";
}
.rating-reading span {
  margin: 0px 1px;
}
.rating-reading span.icon-star-empty:before {
  content: "\e608";
}
.rating-reading span.icon-star:before {
  content: "\e608";
}
/* CALENDAR (datepicker) */
#calendar .datepicker-inline,
#calendar-popup .datepicker-inline {
  margin: 0 auto 20px auto;
}
/* log legend (calendar categories) */
.cat-workout-web:before,
.cat-workout-gym:before,
.cat-workout-free:before,
.cat-workout-multiple:before {
  content: "-";
  width: 1em;
  height: 1em;
  line-height: 1em;
  display: inline-block;
  margin-right: .5em;
  background-color: #f3712e;
  color: #f3712e;
}
.cat-workout-gym:before {
  background-color: #d6dadc;
  color: #d6dadc;
}
.cat-workout-free:before {
  background-color: #fdf5a9;
  color: #fdf5a9;
}
.cat-workout-multiple:before {
  background-color: #ffcc00;
  color: #ffcc00;
}
/* highlight categories in calendar (datepicker) */
td.day.cat-workout-web {
  background-color: #f3712e;
  color: #fff;
}
td.day.cat-workout-gym {
  background-color: #d6dadc;
}
td.day.cat-workout-free {
  background-color: #fdf5a9;
}
td.day.cat-workout-multiple {
  background-color: #ffcc00;
}
td.day.cat-workout-web:before,
td.day.cat-workout-gym:before,
td.day.cat-workout-free:before,
td.day.cat-workout-multiple:before {
  display: none;
}
/* display dates in white for previous and past months with a workout */
td.old.day.cat-workout-gym,
td.old.day.cat-workout-web,
td.old.day.cat-workout-free,
td.old.day.cat-workout-multiple,
td.new.day.cat-workout-gym,
td.new.day.cat-workout-web,
td.new.day.cat-workout-free,
td.new.day.cat-workout-multiple {
  color: #fff;
}
/* summary above log details/table */
.log-summary {
  background-color: #f5f5f5;
  padding: 5px;
  margin: 0;
  float: none;
}
.workout-categories .list-category a,
.events.list-category a,
.workout-categories .list-category a:visited,
.events.list-category a:visited,
.workout-categories .list-category a:link,
.events.list-category a:link {
  color: #f3712e;
}
.workout-categories .list-category li.active a,
.events.list-category li.active a {
  color: #FFF;
}
.gallery {
  margin: 15px 0px 20px;
}
.gallery img {
  margin-top: 5px;
}
.video-cta {
  display: block;
  position: relative;
}
.video-cta .cta-container {
  position: absolute;
  top: 40%;
  left: 0px;
  width: 100%;
  display: block;
}
/* log summary table */
.log-table {
  margin-bottom: 0px;
}
.log-table th,
.log-table td {
  font-size: 12px;
  font-size: 1.2rem;
}
.log-table tfoot ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.log-table tfoot li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 5px;
}
.log-table tfoot li + li {
  padding-left: 10px;
  border-left: 1px solid #e0e0e2;
}
.log-footer {
  font-size: 11px;
  padding: 5px;
  border-top: 1px solid #e0e0e2;
  font-weight: bold;
}
.log-footer.no_border {
  border-width: 0px;
}
.stat-carousel .stat-line {
  margin: 8px 0px 5px;
  overflow: hidden;
}
.stat-carousel .owl-pagination .owl-page span {
  width: 12px;
  height: 12px;
}
#workout-log-details-close {
  font-size: 11px;
  color: #f3712e;
}
/* log details */
.row.cl {
  overflow: hidden;
}
.log-details {
  padding: 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #e0e0e2;
}
.log-details .row {
  overflow: hidden;
}
.log-details .row > span {
  line-height: 14px;
}
.log-details > p {
  margin: 5px 3px 0px;
}
.log-details h1 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.log-details p {
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
#user-stats {
  overflow: hidden;
  margin: 3px 0px 10px;
}
/* "close" link to go back to log summary */
#workout-log-details-close:link,
#workout-log-details-close:visited {
  color: #f3712e;
}
#workout-log-details-close:hover {
  text-decoration: none;
  color: #f3712e;
}
#user-stats label.tab-header {
  font-size: 12px;
  padding: 1px 10px;
  text-transform: none;
}
/* Banners with mobile fallback (text-based) */
.banner {
  background-color: #f9f9f9;
  border: 1px solid #e0e0e2;
  padding: 10px;
}
.banner .mobile-fallback p {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 10px;
}
.banner .mobile-fallback em {
  color: #f3712e;
}
.banner .mobile-fallback a:hover {
  text-decoration: none;
}
.banner .mobile-fallback .btn {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 2.5px 20px;
}
/* Change the mini banner background images here */
.banner-mini-break {
  background: #f9f9f9 url(../p/icon-timer.png) no-repeat right 10px;
  padding-right: 80px;
}
.banner-tests {
  background: #f9f9f9 url(../p/icon-checklist.png) no-repeat right center;
  padding-right: 80px;
}
#mini-break-slider .owl-controls {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#mini-break-slider .owl-controls .owl-prev,
#mini-break-slider .owl-controls .owl-next {
  padding: 0 !important;
}
/* Sliders: Space between items */
.owl-carousel .item {
  margin: 0 10px /* margin between slides */;
}
/* WORKOUT PAGE */
/* intro (large title,intro text floated right on wide screens) */
.intro {
  *zoom: 1;
}
.intro:before,
.intro:after {
  display: table;
  content: "";
}
.intro:after {
  clear: both;
}
.intro blockquote {
  float: right;
  font-style: normal;
  font-weight: bold;
  color: #666;
}
.intro blockquote p {
  font-weight: bold;
}
/* WORKOUT & TOPICS LISTING */
/* workout/topics list */
.item-list .row {
  margin-bottom: 20px;
  *zoom: 1;
}
.item-list .row:before,
.item-list .row:after {
  display: table;
  content: "";
}
.item-list .row:after {
  clear: both;
}
/* workout/topic: item */
.item {
  border: 1px solid #e0e0e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 20px !important;
  overflow: hidden /* required to avoid cutting off the rounded corners of the border */;
  /* /figcaption */
}
.item img {
  background: #fff;
}
.item figcaption {
  background-color: #f9f9f9;
  padding: 10px 10px 40px 10px /* padding bottom high enough for meta and "view" more button */;
  font-size: 13px;
  font-size: 1.3rem;
  /*min-height:10em;*/
  *zoom: 1;
  /* favorite (star) positioning */
}
.item figcaption:before,
.item figcaption:after {
  display: table;
  content: "";
}
.item figcaption:after {
  clear: both;
}
.item figcaption h1 {
  text-transform: none;
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 10px;
  /*height:3em;*/
}
.item figcaption p {
  font-size: 13px;
  font-size: 1.3rem;
}
.item figcaption .meta {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.item figcaption .more {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 2.5px 10px;
}
.item figcaption .trigger-favorite,
.item figcaption .trigger-favorite:visited,
.item figcaption .trigger-favorite:link {
  position: absolute;
  top: 10px;
  right: 10px;
}
.item figcaption .trigger-favorite i,
.item figcaption .trigger-favorite:visited i,
.item figcaption .trigger-favorite:link i {
  color: #FFF;
}
.item figcaption .trigger-favorite:hover,
.item figcaption .trigger-favorite:visited:hover,
.item figcaption .trigger-favorite:link:hover {
  background-color: #a6a3a3;
}
/* /.item */
/* favorite (star) */
.trigger-favorite {
  background-color: #cccaca !important;
  text-decoration: none;
  color: #fff;
  padding: 0 4px;
}
.trigger-favorite i.icon-star {
  color: #fff;
}
.trigger-favorite:visited {
  color: #fff;
}
.trigger-favorite:hover {
  background-color: #a6a3a3;
  text-decoration: none;
}
/* favorited (highlighted star) "favorited" class is toggled via JS */
.trigger-favorite.favorited {
  color: #fff;
  background-color: #f3712e !important;
  /*&:hover {background-color:lighten(@linkcolor,25);}*/
}
/* "I did it" button's "ididit" class is toggled via JS */
.trigger-didit.ididit {
  color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4851e), to(#fd6408));
  background-image: -webkit-linear-gradient(top, #f4851e, #fd6408);
  background-color: #fd6408;
  background-image: -moz-linear-gradient(top, #f4851e, #fd6408);
  background-image: -ms-linear-gradient(top, #f4851e, #fd6408);
  background-image: -o-linear-gradient(top, #f4851e, #fd6408);
  background-image: linear-gradient(top, #f4851e, #fd6408);
  background-repeat: repeat-x;
}
/* meta info about workout items (cardio/stretching, done x times) */
.meta {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.meta li {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0;
}
.meta li:first-child {
  border-bottom: 1px solid #e0e0e2;
}
.meta li span {
  color: #f3712e;
  font-weight: bold;
}
/* tags list (appear below or in sidebar) */
.list-category {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.list-category li {
  border-bottom: 1px solid #e0e0e2;
}
.list-category .count {
  float: right;
  color: #646466;
}
.list-category a:link,
a:visited {
  display: block;
  padding: 4px;
  background: transparent;
}
.list-category a:hover {
  text-decoration: none;
}
.list-category li.active a:link,
a:visited {
  background-color: #f3712e;
  color: #fff;
}
.list-category li.active .count {
  color: #fff;
}
/* WORKOUT DETAILS PAGE */
/* tag labels */
.tag-labels {
  margin: 20px 0;
}
.tag-labels .heading {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin-right: 14px;
}
.tag-labels ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline;
}
.tag-labels li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #ebecef;
  padding: 0 5px;
  position: relative;
  margin-right: 12px;
  z-index: 2;
}
.tag-labels li:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 12px solid #ebecef;
  position: absolute;
  top: 0;
  margin-left: -12px;
  left: 0;
  z-index: 1;
}
.tag-labels li a:link,
.tag-labels li a:visited {
  color: #646466;
}
/* actions (I did it, download PDF, favorite) */
.actions {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.actions li {
  display: inline-block;
}
.actions li .trigger-favorite {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  padding: 2px 6px;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.actions li .trigger-favorite:hover {
  color: #fff;
}
.meta-workout {
  margin: 20px 0;
  width: auto;
  display: inline-block;
}
.meta-workout li {
  text-align: left;
}
.meta-workout li:first-child {
  border: none;
}
.vimeo-cta {
  /*text-align: center;*/
  margin-bottom: 20px;
  display: block;
  background: url(../slides/workout.jpg) no-repeat center top;
  /* replace with whatever banner image is required */
  background-size: cover;
  padding: 40px 20px;
  text-align: center;
}
/* workout sheet */
.workout-sheet .row {
  border: 1px solid #e0e0e2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative;
  *zoom: 1;
}
.workout-sheet .row:before,
.workout-sheet .row:after {
  display: table;
  content: "";
}
.workout-sheet .row:after {
  clear: both;
}
.workout-sheet .label {
  background-color: #f3712e;
  color: #fff;
  line-height: 1;
  padding: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.workout-sheet .border {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}
.workout-sheet .noborder {
  width: 100%;
  padding: 0;
}
/* workout sheet: nested columns */
.nested-half {
  position: relative ;
  /* used to position absolutely "A", "B", "C", ... labels */
  *zoom: 1;
  /* required to position label of second column */
}
.nested-half:before,
.nested-half:after {
  display: table;
  content: "";
}
.nested-half:after {
  clear: both;
}
/* workout sheet: steps */
.step figcaption {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}
.step figcaption p {
  font-size: 12px;
  font-size: 1.2rem;
}
.step figcaption h2 {
  /* label within step (eg: D1, D2, D3, ...) */
  background-color: #e9e5d5;
  color: #f3712e;
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  margin: 0 5px 10px 10px;
}
.step-standard {
  text-align: center;
  padding: 10px;
}
/* TOPIC DETAILS (article page) */
.article {
  margin-bottom: 20px;
}
.article h1 {
  text-transform: none;
}
.article h2 {
  text-transform: none;
  color: #f3712e;
}
.article .hero {
  margin-bottom: 40px;
}
.content p a,
a:link,
a:visited {
  color: #f3712e;
}
.article .text-right {
  text-align: right;
}
.article .text-left {
  text-align: left;
}
.article .text-center {
  text-align: right;
}
.article .left {
  float: left;
}
.article .right {
  float: right;
}
/* related items in article footer */
footer .list-category li {
  padding: 5px 0;
}
footer .list-category i {
  color: #f3712e /* orange icons */;
  margin-right: .5em;
}
.article footer h1,
.workout footer h1 {
  margin-bottom: 0;
}
footer .list-category li a:link,
footer .list-category li a:visited {
  color: #646466;
  display: inline;
}
footer .list-category li a:hover {
  text-decoration: underline;
}
/* TESTS PAGE */
/* background image (not full screen) */
.bg-tests {
  background: url(../p/bg-tests.jpg) no-repeat left bottom;
  background-size: contain;
  padding-bottom: 220px;
}
#tests .box h1 {
  text-align: center;
  padding-top: 0;
  margin-top: 0;
}
/* LOGIN PAGE */
.login #language-switcher {
  text-align: center;
}
/* background image (not full screen) */
.bg-login {
  background: url(../p/bg-login.jpg) no-repeat center bottom;
  background-size: 70%;
  padding-bottom: 200px;
}
/* display the logo above content on small screens */
#login #logo-wrapper,
#dashboard #logo-wrapper {
  display: block;
}
.bg-login .title-large .title {
  white-space: nowrap;
  /* no linebreak within "Well-B Premium"*/
}
/* PROFILE PAGE */
/* Number of checkins since last visit */
.profile-checkins {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 50px;
}
.profile-checkins em {
  font-style: normal;
  font-weight: 700;
  color: #f3712e;
}
/* large profile picture */
.profile-pic-large {
  margin-bottom: 20px;
  position: relative;
  max-width: 190px /* picture width */;
  /* "edit" link */
}
.profile-pic-large img {
  border: 1px solid #e0e0e2;
}
.profile-pic-large .btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
/* profile table */
.profile-table th {
  background-color: #f5f5f5;
  color: #f3712e;
}
.profile-table .help {
  float: right;
}
.profile-table .help:after {
  content: "\e021";
  font-family: wellb;
  background-color: #f3712e;
  color: #fff;
  margin-left: .5em;
  padding: 2px;
  line-height: 1;
}
/* INTERESTS PAGE */
/* background image (not full screen) */
.bg-interests {
  padding-bottom: 280px;
  background: url(../p/bg-interests.jpg) no-repeat left bottom;
}
/* list of interests to choose from (checkboxes) */
.interests {
  list-style-type: none;
  padding: 0 20px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.interests input {
  display: inline;
}
.interests label {
  font-weight: normal;
}
.interests li {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e2;
  position: relative;
  *zoom: 1;
}
.interests li:before,
.interests li:after {
  display: table;
  content: "";
}
.interests li:after {
  clear: both;
}
.mt-20 {
  margin-top: 20px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-120 {
  margin-top: 120px;
}
.mt-140 {
  margin-top: 140px;
}
.mt-160 {
  margin-top: 160px;
}
.mt-180 {
  margin-top: 180px;
}
.mt-200 {
  margin-top: 200px;
}
.mt-220 {
  margin-top: 220px;
}
.mt-240 {
  margin-top: 240px;
}
.mt-260 {
  margin-top: 260px;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.mb-140 {
  margin-bottom: 140px !important;
}
.mb-160 {
  margin-bottom: 160px !important;
}
.mb-180 {
  margin-bottom: 180px !important;
}
.mb-200 {
  margin-bottom: 200px !important;
}
.mb-220 {
  margin-bottom: 220px !important;
}
.mb-240 {
  margin-bottom: 240px !important;
}
.mb-260 {
  margin-bottom: 260px !important;
}
/* range slider (to specify intensity of interest) */
/* most rules are in slider.less, rules below are page-specific overrides */
.slider-range {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
.slider-input {
  border: none;
  background: transparent;
  color: #ffffff /* hides the value */;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /* required to remove inset shadow */
}
.slider-handle.hide {
  display: none;
}
@media only screen and (min-width: 600px) {
  .list-category .l-hidden {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  #workout .tab-content-wrapper h1,
  #topics .tab-content-wrapper h1,
  #workout .tag-mobile,
  #topics .tag-mobile {
    display: inline-block;
  }
  #workout .tag-mobile,
  #topics .tag-mobile {
    float: right;
    margin: 0px 0px;
  }
  #workout .list-category .l-hidden,
  #topics .list-category .l-hidden {
    display: none;
    filter: alpha(opacity=50);
    opacity: 0.4;
  }
  #workout .tab-content-wrapper,
  #topics .tab-content-wrapper {
    overflow: hidden;
    position: relative;
  }
  #workout .tab-content-wrapper .workout-categories,
  #topics .tab-content-wrapper .workout-categories {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    display: none;
    background-color: #fff0e3;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #workout .tab-content-wrapper .workout-categories h1,
  #topics .tab-content-wrapper .workout-categories h1 {
    display: none;
  }
  #workout .tab-content-wrapper .workout-categories.visible,
  #topics .tab-content-wrapper .workout-categories.visible {
    display: block;
  }
  #workout .tab-content-wrapper .workout-categories .list-category,
  #topics .tab-content-wrapper .workout-categories .list-category {
    overflow: hidden;
    padding: 5px 0px;
  }
  #workout .tab-content-wrapper .workout-categories .list-category li,
  #topics .tab-content-wrapper .workout-categories .list-category li {
    display: inline-block;
    float: left;
    padding: 1px;
    line-height: 15px;
    margin: 3px 3px;
    border-radius: 4px;
    background-color: #FFF;
  }
  #workout .tab-content-wrapper .workout-categories .list-category li.active,
  #topics .tab-content-wrapper .workout-categories .list-category li.active {
    background-color: #f3712e;
  }
  #workout .tab-content-wrapper .workout-categories .list-category li.active a,
  #topics .tab-content-wrapper .workout-categories .list-category li.active a,
  #workout .tab-content-wrapper .workout-categories .list-category li.active a .count,
  #topics .tab-content-wrapper .workout-categories .list-category li.active a .count {
    color: #FFF;
  }
  #workout .tab-content-wrapper .workout-categories .list-category li a,
  #topics .tab-content-wrapper .workout-categories .list-category li a {
    display: inline-block;
    font-size: 0.8em;
    color: #000;
  }
  #workout .tab-content-wrapper .workout-categories .list-category li a .count,
  #topics .tab-content-wrapper .workout-categories .list-category li a .count {
    margin-left: 6px;
    color: #000;
  }
}
@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  @page {
    margin: 1cm;
  }
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
  /* elements which shouldn't be printed (UI, not content) */
  .no-print,
  #nav,
  .nav-toggle,
  #logo-wrapper,
  #calendar,
  .more,
  #trigger-add-workout,
  .banner,
  .owl-controls,
  .btn-secondary.space-left,
  .btn.right,
  #media,
  .actions,
  .video,
  .tag-labels li:before,
  .trigger-favorite,
  .workout-categories,
  .hero,
  .signature {
    display: none !important;
  }
  .tag-labels li,
  .meta-workout,
  .meta,
  .bg-tests,
  .bg-login,
  .bg-interests,
  #workout-overview,
  #topics-overview,
  .space-bottom-more {
    padding: 0 !important;
    margin: 0 !important;
  }
  .more-padding {
    padding-bottom: 0 !important;
  }
  .separated {
    border: none;
    padding: 0;
  }
  /* branding (print-friendly logo) */
  #header h1 {
    display: none;
  }
  /* logo as icon font */
  #header:before {
    content: "\e018";
    font-family: 'wellb';
    font-size: 48px;
    color: #000;
    padding: .25cm;
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
  }
  /* tabs */
  .tab-content-wrapper,
  .tab-content {
    padding: 0 !important;
    margin: 0 !important;
    border: none;
  }
  .tab-trigger,
  .tab-header {
    display: none !important;
  }
  /* workout and topics sliders as lists */
  #workout-overview .owl-item,
  #topics-overview .owl-item {
    width: 100% !important;
    float: none;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }
  #workout-overview .owl-item .item,
  #topics-overview .owl-item .item {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: none !important;
    height: auto !important;
    width: 100% !important;
  }
  .item figcaption {
    min-height: none !important;
    height: auto !important;
  }
  #workout-overview .item img,
  #topics .item img,
  #topics-overview .item img {
    display: none;
  }
  /* workout sheets */
  .unit-6-s,
  .unit-4-s {
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-3-m {
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-4-m {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tab-content-wrapper {
    *zoom: 1;
  }
  .tab-content-wrapper:before,
  .tab-content-wrapper:after {
    display: table;
    content: "";
  }
  .tab-content-wrapper:after {
    clear: both;
  }
}
@media only screen and (min-width: 30em) {
  /* 480 =================================================== */
  .xxsmall {
    display: none;
  }
  .xsmall {
    display: block;
  }
  .hide-xxs {
    display: inline;
  }
  .space-top-bottom-xxs {
    margin: 0;
  }
  .space-bottom-xxs {
    margin-bottom: 0;
  }
  .space-bottom-xs {
    margin-bottom: 20px;
  }
  .unit1-xs {
    display: inline;
    float: left;
    width: 6.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-2-xs {
    display: inline;
    float: left;
    width: 14.583333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-3-xs {
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-4-xs {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-5-xs {
    display: inline;
    float: left;
    width: 39.58333333333333%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-6-xs {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-7-xs {
    display: inline;
    float: left;
    width: 56.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-8-xs {
    display: inline;
    float: left;
    width: 64.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-9-xs {
    display: inline;
    float: left;
    width: 72.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-10-xs {
    display: inline;
    float: left;
    width: 81.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-11-xs {
    display: inline;
    float: left;
    width: 89.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-12-xs {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* DASHBOARD */
  #workout-log {
    text-align: left;
  }
  /* WORKOUT/TOPICS */
  .item figcaption {
    min-height: 11em;
  }
  .workout-categories {
    clear: both;
    /* keep tags list below the workout list */
  }
  /* make sure single slides don't take the whole slider width (max half width)*/
  #workout-overview .owl-carousel .owl-item,
  #topics-overview .owl-carousel .owl-item {
    max-width: 238px !important;
  }
  /* TESTS PAGE */
  /* leave space below intro text for background picture */
  .bg-tests {
    padding-bottom: 260px;
  }
}
@media only screen and (max-width: 48em) {
  .hide-small {
    display: none !important;
  }
}
@media only screen and (min-width: 37.5em) {
  /* 37.5em (600px) =================================================== */
  /* reduce font size*/
  p,
  ol,
  ul,
  dl,
  address {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .xsmall {
    display: none;
  }
  .small {
    display: block;
  }
  .hide-s {
    display: none;
  }
  .right-xxs {
    float: none;
  }
  .space-bottom-s {
    margin-bottom: 20px;
  }
  .unit1-s {
    display: inline;
    float: left;
    width: 6.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-2-s {
    display: inline;
    float: left;
    width: 14.583333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-3-s {
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-4-s {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-5-s {
    display: inline;
    float: left;
    width: 39.58333333333333%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-6-s,
  .step-standard,
  .nested-half .step-standard,
  .step-wider,
  .nested-narrow .step {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-7-s {
    display: inline;
    float: left;
    width: 56.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-8-s {
    display: inline;
    float: left;
    width: 64.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-9-s {
    display: inline;
    float: left;
    width: 72.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-10-s {
    display: inline;
    float: left;
    width: 81.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-11-s {
    display: inline;
    float: left;
    width: 89.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-12-s {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* MAIN */
  .tag-mobile {
    display: inline-block;
    float: right;
  }
  #container {
    padding: 20px;
    max-width: 960px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  /* multi-column layout */
  .content {
    display: block;
    width: 102.08333333333333%;
    margin: 0 -1.0416666666666665%;
    *zoom: 1;
  }
  .content:before,
  .content:after {
    display: table;
    content: "";
  }
  .content:after {
    clear: both;
  }
  #main {
    display: inline;
    float: left;
    width: 64.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #sidebar {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #main.wide {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 260px;
  }
  #logo-wrapper .company-logo > img {
    width: 85%;
  }
  /* FOOTER */
  #footer {
    margin-top: 60px;
  }
  /* DASHBOARD */
  .cat-item-list {
    margin: 0 0 40px 0;
  }
  /* WORKOUT */
  /* increase minimum height of items so that they are all of the same height */
  .item figcaption {
    min-height: 15em;
  }
  .workout-sheet .step {
    min-height: 14em;
  }
  /* label within step (eg: D1, D2, D3, ...) */
  .step figcaption h2 {
    margin-left: 0;
  }
  /* TESTS */
  .bg-tests {
    background-size: auto;
  }
}
@media only screen and (min-width: 48em) {
  /* 768 =================================================== */
  .small,
  .mobile-fallback {
    display: none;
  }
  .medium {
    display: block;
  }
  .hide-s {
    display: inline;
  }
  .padding-mobile {
    padding: 0;
  }
  .padding-medium {
    padding: 10px;
  }
  .align-right-m {
    text-align: right;
  }
  .moveup-m {
    margin-top: -40px;
  }
  /* Grid for medium screens, also includes rules for Workout Sheet (step-standard, step-wider, step-double) */
  .unit1-m {
    display: inline;
    float: left;
    width: 6.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-2-m {
    display: inline;
    float: left;
    width: 14.583333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-3-m,
  .step-standard {
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-4-m,
  .step-wider {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-5-m {
    display: inline;
    float: left;
    width: 39.58333333333333%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-6-m,
  .step,
  .step-double {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-7-m {
    display: inline;
    float: left;
    width: 56.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-8-m {
    display: inline;
    float: left;
    width: 64.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-9-m {
    display: inline;
    float: left;
    width: 72.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-10-m {
    display: inline;
    float: left;
    width: 81.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-11-m {
    display: inline;
    float: left;
    width: 89.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-12-m {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* push columns (see grid.less for more details) */
  .push-4-m {
    margin-left: 34.37499999999999%;
  }
  .push-6-m {
    margin-left: 51.041666666666664%;
  }
  /* modals: move close button halfway out of the modal */
  .modal-header .close {
    top: -10px;
    right: -10px;
  }
  /* fixed-width, centered layout */
  .wrapper {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
  }
  /* HEADER */
  #header {
    padding: 0;
  }
  /* top bar (wraps property and language switcher) */
  #top-bar {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4c4c4c), to(#626262));
    background-image: -webkit-linear-gradient(top, #4c4c4c, #626262);
    background-color: #626262;
    background-image: -moz-linear-gradient(top, #4c4c4c, #626262);
    background-image: -ms-linear-gradient(top, #4c4c4c, #626262);
    background-image: -o-linear-gradient(top, #4c4c4c, #626262);
    background-image: linear-gradient(top, #4c4c4c, #626262);
    background-repeat: repeat-x;
    padding: 10px;
    position: relative;
    *zoom: 1;
  }
  #top-bar:before,
  #top-bar:after {
    display: table;
    content: "";
  }
  #top-bar:after {
    clear: both;
  }
  /* property switcher */
  #property-switcher-wrapper {
    float: left;
  }
  #property-switcher {
    margin-bottom: 0;
  }
  #property-switcher a:link,
  #property-switcher a:visited {
    color: #fff;
    padding: 20px 10px;
  }
  #property-switcher li + li {
    margin-left: 0;
  }
  #property-switcher li.current a:link,
  #property-switcher li.current a:visited {
    background-color: #f4851e;
    display: inline;
  }
  #property-switcher li.current:before {
    content: "";
    display: none;
    /* hide the logo (icon font) */
  }
  /* language switcher */
  #language-switcher-wrapper {
    float: right;
    padding: 0;
    margin: 0;
  }
  #language-switcher {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  #language-switcher li {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #language-switcher li + li {
    margin-left: 20px;
  }
  #language-switcher li a:link,
  #language-switcher li a:visited {
    color: #878787;
    background-color: transparent;
  }
  #language-switcher li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
  }
  #language-switcher li.current a:link,
  #language-switcher li.current a:visited {
    color: #fff;
    background-color: transparent;
  }
  /* NAV */
  #nav {
    padding: 0;
  }
  /* no more responsiveness required (responsive-nav.js) */
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
  .nav-collapse {
    padding: 0;
    margin-top: 0;
  }
  .nav-collapse li,
  .js .nav-collapse li {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
  }
  .nav-collapse li a {
    font-weight: 500;
    padding: 10px 0;
  }
  #nav #nav-language {
    display: none;
    /* language switcher is used outside of #nav, no need for #nav-language */
  }
  /* nav profile */
  #nav-profile {
    padding-left: 20px;
    /* border-left: 1px solid #ffa454; */
    left: inherit;
    right: 10px;
    top: 0;
    line-height: 2.9 /* make the border as high as the nav */;
  }
  /* increase size of user thumbnail (should be 134x134px to remain crisp on retina displays) */
  #user-thumb {
    width: 67px;
    height: 67px;
    position: absolute;
    top: -10px;
    left: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  }
  /* username */
  #nav-profile span {
    display: inline-block /* display the user's name */;
    margin-left: 67px /* leave space for user thumbnail on the left */;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: 'Dosis', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: right;
  }
  /* LOGO WRAPPER (appears on all pages) */
  #logo-wrapper {
    padding: 40px 40px 20px 40px;
    margin: 0 auto;
    max-width: 960px;
    background-color: transparent;
    display: block;
  }
  #logo-hero {
    background: url(../p/logo_color.png) no-repeat left center;
    width: 220px;
    height: 73px;
    margin: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  /* MAIN */
  #container {
    max-width: 960px;
    background-color: #fff;
    margin-bottom: 20px;
  }
  /* breadcrumbs */
  .breadcrumbs {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e0e0e2;
    padding-bottom: 8px;
    margin-bottom: 20px;
  }
  .breadcrumbs li {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    color: #929294;
  }
  .breadcrumbs li a:link,
  .breadcrumbs li a:visited {
    color: #929294;
    text-decoration: underline;
    background: transparent;
  }
  .breadcrumbs li a:hover {
    text-decoration: none;
  }
  .breadcrumbs li + li:before {
    content: ">";
    margin-right: .5em;
  }
  /* FOOTER */
  #footer {
    padding-top: 20px;
  }
  /* footer nav */
  #nav-footer {
    display: block /* show footer nav */;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #3f3f3f;
  }
  #nav-footer li {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Dosis', Helvetica, Arial, sans-serif;
  }
  #nav-footer li + li {
    margin-left: 20px;
  }
  #nav-footer li a:link,
  #nav-footer li a:visited {
    color: #fff !important;
    background: none !important;
  }
  /* highlight current section/page */
  #dashboard #nav-footer .nav-dashboard a:link,
  #dashboard #nav-footer .nav-dashboard a:visited,
  #workout #nav-footer .nav-workout a:link,
  #workout #nav-footer .nav-workout a:visited,
  #topics #nav-footer .nav-topics a:link,
  #topics #nav-footer .nav-topics a:visited,
  #tests #nav-footer .nav-tests a:link,
  #tests #nav-footer .nav-tests a:visited,
  #corporate #nav-footer .nav-corporate a:link,
  #corporate #nav-footer .nav-corporate a:visited {
    color: #f3712e;
  }
  /* change colour on hover */
  #nav-footer li a:hover {
    color: #ccc;
    text-decoration: none;
  }
  /* terms (legal, signature) */
  .terms {
    *zoom: 1;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .terms:before,
  .terms:after {
    display: table;
    content: "";
  }
  .terms:after {
    clear: both;
  }
  .legal {
    float: left;
  }
  .legal a {
    font-weight: 700;
  }
  .signature {
    float: right;
  }
  /* FULL SCREEN BACKGROUND IMAGE */
  .workout,
  .topics,
  .tests,
  .profile,
  .corporate {
    background: #dadadc url(../slides/workout.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  /* DASHBOARD */
  /* full screen background image */
  .dashboard,
  .login {
    background: #dadadc url(../slides/login.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .log-table tfoot li {
    font-size: 11px;
    font-size: 1.1rem;
  }
  /* WORKOUT */
  /* reduce minimum height of items so that they are all of the same height */
  .item figcaption {
    min-height: 12em;
    /* minimum for 2 lines heading and 3 lines caption */
  }
  /* workout summary icons (duration, speed of movement) */
  .meta-workout {
    padding-left: 20px;
    border-left: 1px solid #e0e0e2;
  }
  /* TESTS PAGE */
  /* background picture */
  .bg-tests {
    background: url(../p/bg-tests.jpg) no-repeat left bottom;
    background-size: 50% auto;
  }
  #tests .box {
    background-color: #fff;
  }
  /* LOGIN */
  /* background picture (not full screen) */
  .bg-login {
    background: url(../p/bg-login.jpg) no-repeat left bottom;
    background-size: 50%;
    padding-bottom: 0;
  }
  /* INTERESTS PAGE */
  .interests label {
    padding-right: 220px;
  }
  .slider-range {
    position: absolute;
    right: 5px;
    top: 0;
    width: 200px;
  }
  .slider-range .slider {
    width: 200px;
  }
  /* background picture (not full screen) */
  .bg-interests {
    background: url(../p/bg-interests.jpg) no-repeat left center;
    background-size: 30% auto;
  }
}
@media only screen and (min-width: 62em) {
  /* 62em (992px) =================================================== */
  .title-large {
    font-size: 42px;
    font-size: 4.2rem;
  }
  .medium {
    display: none;
  }
  .large {
    display: block;
  }
  .show-large {
    display: inline;
  }
  .lower-l {
    margin-top: 10px;
  }
  .unit-1-l {
    display: inline;
    float: left;
    width: 6.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-2-l {
    display: inline;
    float: left;
    width: 14.583333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-3-l {
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-4-l {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-5-l {
    display: inline;
    float: left;
    width: 39.58333333333333%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-6-l {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-7-l {
    display: inline;
    float: left;
    width: 56.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-8-l {
    display: inline;
    float: left;
    width: 64.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-9-l {
    display: inline;
    float: left;
    width: 72.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-10-l {
    display: inline;
    float: left;
    width: 81.25%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-11-l {
    display: inline;
    float: left;
    width: 89.58333333333334%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .unit-12-l {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* increase spacing between nav items (there's enough space for username on the right) */
  .nav-collapse li,
  .js .nav-collapse li {
    padding: 0 20px;
  }
  /* align the user's name to the right with logout/language switcher block above */
  #nav-profile {
    margin-right: -10px;
  }
  .workout-categories {
    clear: none;
  }
  .meta-workout {
    margin-top: 50px;
  }
  /* WORKOUT: Workout Sheet */
  /* Help: */
  /* 2 steps per row: just use 'step' or add 'step-double' */
  /* 3 steps per row: add 'step-wider' */
  /* 4 steps per row: add 'step-standard' */
  /* Uncomment this rule to debug */
  /*.workout-sheet .row,.workout-sheet .step {.debug;}*/
  .workout-sheet .row,
  .workout-sheet .row-parent,
  .workout-sheet .row-parent-border {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
  }
  .workout-sheet .row-parent {
    border: none;
  }
  .workout-sheet .step,
  .workout-sheet .step-standard {
    width: 215px;
    margin: 0;
    text-align: center;
    /* center images */
    margin: 0 10px;
  }
  .workout-sheet .step.step-five,
  .workout-sheet .step-standard.step-five {
    width: 172px;
  }
  .workout-sheet .step.step-five > img,
  .workout-sheet .step-standard.step-five > img {
    max-width: 172px;
  }
  .workout-sheet .step.step-right-title,
  .workout-sheet .step-standard.step-right-title {
    width: 344px;
    overflow: hidden;
  }
  .workout-sheet .step.step-right-title > *,
  .workout-sheet .step-standard.step-right-title > * {
    float: left;
  }
  .workout-sheet .step.step-right-title > img,
  .workout-sheet .step-standard.step-right-title > img {
    max-width: 172px;
  }
  .workout-sheet .step.step-right-title > figcaption,
  .workout-sheet .step-standard.step-right-title > figcaption {
    max-width: 132px;
  }
  .workout-sheet .step.step-right-title .content,
  .workout-sheet .step-standard.step-right-title .content {
    max-width: 172px;
    padding: 5px 15px;
  }
  .workout-sheet .step figcaption {
    padding-left: 10px;
    padding-right: 10px;
  }
  .workout-sheet .step + .step + .step {
    margin-left: 25px;
  }
  .workout-sheet .step + .step + .step + .step {
    margin-left: 10px;
  }
  /* keep all images at the same size */
  .workout-sheet .step img {
    max-width: 215px;
    /* based on width of an image when 4 are in a row */
  }
  /* nested columns: 1/2 - 1/2 */
  .workout-sheet .nested-half {
    width: 470px;
    border: 1px solid #e0e0e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    float: left;
    background: url(../p/bg-workout-sheet-border.png);
  }
  .workout-sheet .nested-half.column-last {
    float: right;
  }
  .workout-sheet .nested-half .step + .step + .step {
    margin-left: 10px;
  }
  /* nested columns: 2/3 - 1/3 */
  .nested-wide {
    width: 710px;
    float: left;
  }
  .nested-narrow {
    width: 235px;
    float: right;
  }
  .nested-narrow.column-last {
    float: right;
  }
  /* 3 steps per row */
  .workout-sheet .step-wider {
    width: 299px;
    margin-left: 10px !important;
  }
  /* 2 steps per row */
  .workout-sheet .step-double {
    width: 339px;
    margin-left: 10px !important;
  }
  .workout-sheet .step-double + .step-double {
    float: right;
    margin: 0;
  }
  .step-push-down {
    padding-top: 12em;
  }
  /* borders on steps */
  /* add border between steps (for rows with 4 or 2x2 steps) */
  /* image is base64 encoded, if you need to modify it: /p/bg-workout-sheet-border.png */
  .row-border {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA78AAAAKAQMAAABGwXuCAAAABlBMVEXg4OL////nP8ozAAAAAnRSTlP/AOW3MEoAAAAnSURBVHgBY/iPD/z+jxfUwxj3scl+x6f1H3Us/j8SLR61eNTiUYsB/Fyl619/7gsAAAAASUVORK5CYII=');
    background-position: left top repeat;
  }
  /* add border between steps (for rows with 3 steps) */
  /* image is base64 encoded, if you need to modify it: /p/bg-workout-sheet-border-3.png */
  .row-border-3 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA78AAAAKAQMAAABGwXuCAAAABlBMVEX////g4OLsWnNmAAAAAXRSTlMAQObYZgAAAB1JREFUeAFjIBIwEqmOhYFiMGoxATBq8ajFoxYDAHilADO1V8BmAAAAAElFTkSuQmCC');
    background-position: left top repeat;
  }
  /* add border between steps (for rows/columns with 2 steps) */
  /* image is base64 encoded, if you need to modify it: /p/bg-workout-sheet-border-2.png */
  .row-border-2 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAIAAADU9YKPAAAABnRSTlMA/wD/AP83WBt9AAAAGElEQVR4AWP4jxc8ePAIvwJK9I/qH9UPACsgcBteEljpAAAAAElFTkSuQmCC');
    background-position: center top;
    background-repeat: repeat-y;
  }
  /* add border between column with 2 steps and column with 1 step */
  /* image is base64 encoded, if you need to modify it: /p/bg-workout-sheet-border-2-1.png */
  .row-border-2-1 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAAKAQMAAABBg6WXAAAABlBMVEX////g4OLsWnNmAAAAAXRSTlMAQObYZgAAABxJREFUeAFjIAk0kKKYhSSjRy0etZhoMGrxqMUAeLIFKfcnxQIAAAAASUVORK5CYII=');
    background-position: center top;
    background-repeat: repeat-y;
  }
  /* need a border? add one of these rules */
  .step.border-top {
    border-top: 1px solid #e0e0e2;
  }
  .step.border-right {
    border-right: 1px solid #e0e0e2;
  }
  .step.border-bottom {
    border-bottom: 1px solid #e0e0e2;
  }
  .step.border-left {
    border-left: 1px solid #e0e0e2;
  }
  /* min-height to keep all steps at the same height */
  .workout-sheet .step {
    min-height: 12em;
  }
}
@media only screen and (min-width: 86.375em) {
  /* 1382 =================================================== */
  .xlarge {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
  #logo-hero {
    background: url(../p/logo_150@2x.png) no-repeat center center;
    background-size: 150px 47px;
  }
  #logo-well-b {
    background: url(../p/logo_well-b@2x.png) no-repeat center center;
    background-size: 37px 44px;
  }
}

.brand-icon-wrapper {
  min-width: 33%;
  min-height: 1px;
  float: left;
  /* margin: auto; */
}

.top-right-icon {
  float: right;
}
.top-center-icon {
  margin-left: auto;
  margin-right: auto;

}
.top-left-icon {
  float: left;
}

/* flex divisions */
.flex-left {
	display: flex;
	justify-content: left;
}
.flex-center {
	display: flex;
	justify-content: center;
}

/* privacy policy */
.privacy-field {
	display: flex;
	justify-content: center;
}

.privacy-policy-checkbox-text, .privacy-policy-after-form {
	font-size: 1.3rem;
}

/* profile table */
.profile-table {
	margin-bottom: 1em;
}



/*
|--------------------------------------------------------------------------
| Style adaptation for mobile app
|--------------------------------------------------------------------------
*/

body.is_mobile_app {
  padding-top: 20px;
}
body.is_mobile_app #header {
  display: none;
}
body#dashboard.is_notification #logo-wrapper,
body#dashboard.is_notification .title:not(.notification-title),
body#dashboard.is_notification > #container > .content > .row:not(.notification-row),
body#dashboard.is_notification #workout-overview .unit-3-m,
body#dashboard.is_notification .workout-row-title,
body#dashboard.is_notification .topics-row-title {
  display: none;
}
body#dashboard.is_notification .separated {
  border: none;
  margin-top: 0;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
  width: 48%;
  text-align: center;
  padding: 0 2px;
}
.nav-link {
  display: block;
  padding: .5rem 1rem;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  background: whitesmoke;
  border-bottom: 1px solid #dee2e6;
  text-decoration: none;
  padding: 10px 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .active .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
#notification-tabs-content {
  display: block;
  opacity: 1;
}#notification-tabs-content > .tab-pane {
  display: none;
  visibility: hidden;
}
#notification-tabs-content > .active {
  display: block;
  visibility: visible;
}
#workout-overview .tab-content figure img,
#topics-overview .tab-content figure img,
#main .tab-content figure img {
  width: 100%;
}
body.is_mobile_app .link-pdf {
  display: none !important;
}
body.is_mobile_app .vimeo-link {
  /*text-align: center;*/
  margin-bottom: 20px;
  display: block;
  background: url(../slides/workout.jpg) no-repeat center top;
  /* replace with whatever banner image is required */
  background-size: cover;
  padding: 40px 20px;
  text-align: center;
}

/*
|--------------------------------------------------------------------------
| END - Style adaptation for mobile app
|--------------------------------------------------------------------------
*/