/* Fonts - need to import these properly, see http://stackoverflow.com/questions/10905905/using-fonts-with-rails-asset-pipeline */
@font-face {
  font-family: 'oswaldbold';
  src: url(/assets/oswald-bold-webfont-610e366b195eb61d020fbd4c86cad765c86630fcb44c8838a342994f64e08097.eot);
  src: url(/assets/oswald-bold-webfont-610e366b195eb61d020fbd4c86cad765c86630fcb44c8838a342994f64e08097.eot?#iefix) format("embedded-opentype"), url(/assets/oswald-bold-webfont-6e672ec520d94e4c076fc79ee37dfa3eb2e73d0fcd4af15adb9b57b782961af0.woff2) format("woff2"), url(/assets/oswald-bold-webfont-dbd11807ea1f33734099bde2f187a26fdfad1fc22548f1b8ecc6a27fac706a5d.woff) format("woff"), url(/assets/oswald-bold-webfont-c1b897d5724ff65ffa60fade03ed6cdf241dd778136ca08e533c47c686aa3042.ttf) format("truetype"), url(/assets/oswald-bold-webfont-38bdfba81dc47f73fae1b1f213e1d4b207757ad18b323a6e58b2129c0ea9e93e.svg#oswaldbold) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansbold';
  src: url(/assets/opensans-bold-webfont-d467a5c4b0cddf9531bbe10f9e3459bf3fcc341871e26f9138ee2f18f8af533b.eot);
  src: url(/assets/opensans-bold-webfont-d467a5c4b0cddf9531bbe10f9e3459bf3fcc341871e26f9138ee2f18f8af533b.eot?#iefix) format("embedded-opentype"), url(/assets/opensans-bold-webfont-9722021b0720d3b19a416c170c8f38a41f21d4559841aaedd6360017a6b58af1.woff) format("woff"), url(/assets/opensans-bold-webfont-2b219ee932675b900ad50cb611a38a05328b0420d55da13cceeedcd64e338c53.ttf) format("truetype"), url(/assets/opensans-bold-webfont-7af4852147a19d700486aebbca6e7cb6b049061889d9d3a213582b059e958f72.svg#open_sansbold) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  src: url(/assets/opensans-regular-webfont-686ca4553bd9ef65d2c0f338099be8450b755fd5c270b09168d09ee2db9290e9.eot);
  src: url(/assets/opensans-regular-webfont-686ca4553bd9ef65d2c0f338099be8450b755fd5c270b09168d09ee2db9290e9.eot?#iefix) format("embedded-opentype"), url(/assets/opensans-regular-webfont-4d59f07fb04921334ceceebb9f05ba944be0b5e890d6397c1c145f3ffad65dfd.woff) format("woff"), url(/assets/opensans-regular-webfont-04a7f40ae76e4469ccace5537811ac70a828d493bc133134c76a31202993d309.ttf) format("truetype"), url(/assets/opensans-regular-webfont-93fa7780884435f619650c7990c5cdbecf138af0db73bf99b0e2f425a5e3ec90.svg#open_sansregular) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanslight';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/opensans-light-4192583beaa2b345753a90530ff48544f7e36639d2d9a7a9fb983582364cd2a3.ttf) format("truetype");
}

/* General element styles */
/* line 45, app/assets/stylesheets/base/general.scss */
noscript div {
  position: absolute;
  left: 30%;
  top: 30%;
  background-color: red;
  color: white;
  padding: 20px;
}

/* line 47, app/assets/stylesheets/base/general.scss */
a {
  color: #2aa5dd;
}

/* line 47, app/assets/stylesheets/base/general.scss */
a:hover {
  color: #bbbbbb;
}

/* line 48, app/assets/stylesheets/base/general.scss */
a.help {
  color: #f1f1f1;
  background-color: #d3d3d3;
  font-weight: 600;
  border-radius: 14px;
  margin-left: 2px;
  padding: 0px 9px 0px 9px;
  text-decoration: none;
}

/* line 49, app/assets/stylesheets/base/general.scss */
a.help:hover {
  background-color: #e4e4e4;
}

/* line 52, app/assets/stylesheets/base/general.scss */
body {
  color: #444444;
  font-size: 0.9em;
  font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
}

/* line 53, app/assets/stylesheets/base/general.scss */
p {
  margin: 4px 0px 4px 0px;
}

/* line 54, app/assets/stylesheets/base/general.scss */
p.clean {
  color: #444444;
}

/* line 54, app/assets/stylesheets/base/general.scss */
p.clean:hover {
  color: #444444;
}

/* line 56, app/assets/stylesheets/base/general.scss */
h1 {
  color: #10466f;
  font-size: 2em;
  font-weight: 600;
  line-height: normal;
  margin: 10px 0px 15px 0px;
}

/* line 57, app/assets/stylesheets/base/general.scss */
h2 {
  color: #10466f;
  line-height: normal;
  margin: 10px 0px 15px 0px;
}

/* line 58, app/assets/stylesheets/base/general.scss */
h3 {
  color: #10466f;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  line-height: normal;
  margin: 10px 0px 10px 0px;
}

/* line 59, app/assets/stylesheets/base/general.scss */
h4 {
  color: #747474;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  line-height: normal;
  margin: 5px 0px 5px 0px;
}

/* line 60, app/assets/stylesheets/base/general.scss */
h5 {
  color: #444444;
  font-size: 1em;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  line-height: normal;
  margin: 3px 0px 3px 0px;
}

/* line 62, app/assets/stylesheets/base/general.scss */
hr {
  border: 0;
  height: 1px;
  background: #e4e4e4;
}

/* Tables styles */
/* line 65, app/assets/stylesheets/base/general.scss */
table {
  width: 100%;
  margin: 4px 0px 4px 0px;
}

/* line 66, app/assets/stylesheets/base/general.scss */
table, th, td {
  border-collapse: collapse;
  padding: 10px;
  border: 1px solid #cecece;
}

/* line 67, app/assets/stylesheets/base/general.scss */
table th {
  background-color: 33a6db;
  text-align: left;
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
}

/* Form and control styles */
/* line 70, app/assets/stylesheets/base/general.scss */
p .form-button {
  margin: 2px;
  display: inline-block;
}

/* line 71, app/assets/stylesheets/base/general.scss */
p .button {
  margin: 2px;
  display: inline-block;
}

/* line 73, app/assets/stylesheets/base/general.scss */
button, .button {
  border: none;
  background-color: #33a6db;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
  font-size: 13px;
}

/* line 75, app/assets/stylesheets/base/general.scss */
button:hover, .button:hover {
  background-color: #eeeeee;
  color: #33a6db;
}

/* line 78, app/assets/stylesheets/base/general.scss */
.upgrade {
  background-color: #38baa4;
}

/* line 80, app/assets/stylesheets/base/general.scss */
.help {
  color: #ffffff;
  font-size: 1.5em;
  background-color: #a8a8a8;
  border-radius: 15px;
  font-weight: bold;
  padding: 0px 10px 2px 10px;
  top: 2px;
  position: relative;
  margin-right: 3px;
  display: inline-block;
}

/* line 81, app/assets/stylesheets/base/general.scss */
.help:hover {
  background-color: #d3d3d3;
}

/* line 84, app/assets/stylesheets/base/general.scss */
.form-group {
  margin-bottom: 10px;
}

/* line 85, app/assets/stylesheets/base/general.scss */
.form-control {
  width: 100%;
}

/* line 86, app/assets/stylesheets/base/general.scss */
.form-button {
  padding: 7px;
  background: #dbdbdb;
  border: none;
  text-decoration: none;
  color: #000;
}

/* line 87, app/assets/stylesheets/base/general.scss */
.search-button {
  text-align: center;
  display: block;
  width: 48.5%;
  padding: 7px;
  background: #dbdbdb;
  border: none;
  text-decoration: none;
  color: #000;
  float: right;
}

/* line 88, app/assets/stylesheets/base/general.scss */
.clean-button {
  background: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 7px;
  text-decoration: none;
  color: #545454;
  margin: 0;
}

/* line 89, app/assets/stylesheets/base/general.scss */
.active_page {
  background: #33a6db;
  color: #ffffff;
  border: 1px solid #33a6db;
}

/* line 90, app/assets/stylesheets/base/general.scss */
.active_page:hover {
  color: #ffffff;
}

/* line 93, app/assets/stylesheets/base/general.scss */
label {
  display: block;
  height: 35px;
  line-height: 35px;
}

/* line 94, app/assets/stylesheets/base/general.scss */
input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 7px;
  background: #dbdbdb;
}

/* line 95, app/assets/stylesheets/base/general.scss */
input[type=submit]:hover {
  color: #fff;
}

/* line 96, app/assets/stylesheets/base/general.scss */
input, select, textarea {
  font-size: 1em;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 7px;
  border: 1px solid #e4e4e4;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  margin: 0px;
}

/* line 111, app/assets/stylesheets/base/general.scss */
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #51cbee;
}

/* line 112, app/assets/stylesheets/base/general.scss */
input[type=checkbox] {
  display: none;
}

/* line 113, app/assets/stylesheets/base/general.scss */
input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 8px;
  border: 2px solid #e4e4e4;
}

/* line 124, app/assets/stylesheets/base/general.scss */
input[type=checkbox]:checked + label:before {
  content: "\2714";
  color: black;
  text-align: center;
  line-height: 15px;
}

/* line 130, app/assets/stylesheets/base/general.scss */
input[type=radio] + label {
  display: inline-block;
}

/* line 134, app/assets/stylesheets/base/general.scss */
#article-tags .form-group input[type=checkbox], #search-tags .form-group input[type=checkbox] {
  opacity: 0;
}

/* line 135, app/assets/stylesheets/base/general.scss */
#article-tags .form-group input[type=checkbox] + label:before, #search-tags .form-group input[type=checkbox] + label:before {
  content: none;
}

/* line 136, app/assets/stylesheets/base/general.scss */
#article-tags .form-group input[type=checkbox] + label, #search-tags .form-group input[type=checkbox] + label {
  display: inline-block;
  text-decoration: none;
  color: #666666;
  padding: 3px 24px 3px 12px;
  margin: 2px;
  line-height: 29px;
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-position: center right;
  background-repeat: no-repeat;
}

/* line 151, app/assets/stylesheets/base/general.scss */
#article-tags .form-group input[type="checkbox"]:checked + label, #search-tags .form-group input[type="checkbox"]:checked + label {
  background-color: #666666;
  color: #f1f1f1;
  background-position: center right;
  background-repeat: no-repeat;
}

/* line 158, app/assets/stylesheets/base/general.scss */
#article-tags .form-group input[type="checkbox"] + label:hover, #search-tags .form-group input[type="checkbox"] + label:hover {
  background-color: #666666;
  color: #f1f1f1;
  background-position: center right;
  background-repeat: no-repeat;
}

/* line 170, app/assets/stylesheets/base/general.scss */
#article-tags .form-group input[type=checkbox] + label {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-up.png);
}

/* line 173, app/assets/stylesheets/base/general.scss */
#article-tags .form-group input[type="checkbox"]:checked + label {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-hover-white.png);
}

/* line 176, app/assets/stylesheets/base/general.scss */
#article-tags .form-group input[type="checkbox"] + label:hover {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-hover-white.png);
}

/* line 184, app/assets/stylesheets/base/general.scss */
#search-tags .form-group input[type=checkbox] + label {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-up-search.png);
  background-color: f1f1f1;
}

/* line 188, app/assets/stylesheets/base/general.scss */
#search-tags .form-group input[type="checkbox"]:checked + label {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-hover-search.png);
}

/* line 191, app/assets/stylesheets/base/general.scss */
#search-tags .form-group input[type="checkbox"] + label:hover {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-hover-search.png);
}

/* Responsive elements */
/* line 3, app/assets/stylesheets/base/layout.scss */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* line 5, app/assets/stylesheets/base/layout.scss */
* {
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/base/layout.scss */
.col-1 {
  width: 8.33%;
}

/* line 8, app/assets/stylesheets/base/layout.scss */
.col-2 {
  width: 16.66%;
}

/* line 9, app/assets/stylesheets/base/layout.scss */
.col-3 {
  width: 25%;
}

/* line 10, app/assets/stylesheets/base/layout.scss */
.col-4 {
  width: 33.33%;
}

/* line 11, app/assets/stylesheets/base/layout.scss */
.col-5 {
  width: 41.66%;
}

/* line 12, app/assets/stylesheets/base/layout.scss */
.col-6 {
  width: 50%;
}

/* line 13, app/assets/stylesheets/base/layout.scss */
.col-7 {
  width: 58.33%;
}

/* line 14, app/assets/stylesheets/base/layout.scss */
.col-8 {
  width: 66.66%;
}

/* line 15, app/assets/stylesheets/base/layout.scss */
.col-9 {
  width: 75%;
}

/* line 16, app/assets/stylesheets/base/layout.scss */
.col-10 {
  width: 83.33%;
}

/* line 17, app/assets/stylesheets/base/layout.scss */
.col-11 {
  width: 91.66%;
}

/* line 18, app/assets/stylesheets/base/layout.scss */
.col-12 {
  width: 100%;
}

/* line 20, app/assets/stylesheets/base/layout.scss */
[class*="col-"] {
  float: left;
  padding: 0px 10px 0px 10px;
}

/* line 22, app/assets/stylesheets/base/layout.scss */
.offset-1 {
  margin-left: 8.33%;
}

/* line 23, app/assets/stylesheets/base/layout.scss */
.offset-2 {
  margin-left: 16.66%;
}

/* line 24, app/assets/stylesheets/base/layout.scss */
.offset-3 {
  margin-left: 25%;
}

/* line 25, app/assets/stylesheets/base/layout.scss */
.offset-4 {
  margin-left: 33.33%;
}

/* line 26, app/assets/stylesheets/base/layout.scss */
.offset-5 {
  margin-left: 41.66%;
}

/* line 27, app/assets/stylesheets/base/layout.scss */
.offset-6 {
  margin-left: 50%;
}

/* line 28, app/assets/stylesheets/base/layout.scss */
.offset-7 {
  margin-left: 58.33%;
}

/* line 29, app/assets/stylesheets/base/layout.scss */
.offset-8 {
  margin-left: 66.66%;
}

/* line 30, app/assets/stylesheets/base/layout.scss */
.offset-9 {
  margin-left: 75%;
}

/* line 31, app/assets/stylesheets/base/layout.scss */
.offset-10 {
  margin-left: 83.33%;
}

/* line 32, app/assets/stylesheets/base/layout.scss */
.offset-11 {
  margin-left: 91.66%;
}

/* line 33, app/assets/stylesheets/base/layout.scss */
.offset-12 {
  margin-left: 100%;
}

/* line 35, app/assets/stylesheets/base/layout.scss */
.row:after {
  content: "";
  clear: both;
  display: block;
}

/* Page template and layout */
/* line 39, app/assets/stylesheets/base/layout.scss */
html, body {
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}

/* line 41, app/assets/stylesheets/base/layout.scss */
#wrapper {
  min-height: 100%;
  position: relative;
}

/* line 42, app/assets/stylesheets/base/layout.scss */
#container {
  max-width: 80%;
  padding-top: 60px;
  margin: 0 auto;
  padding-bottom: 230px;
  /* Height of the footer element plus a little bit */
  z-index: -1;
  min-height: 100%;
  /* Was 963px */
}

/* Boxes etc. */
/* line 53, app/assets/stylesheets/base/layout.scss */
article {
  padding: 0px 5px 5px 5px;
  margin: 0 auto;
}

/* line 54, app/assets/stylesheets/base/layout.scss */
.well {
  padding: 10px 10px 10px 10px;
  border: 1px solid #e4e4e4;
  margin-bottom: 5px;
  margin-top: 5px;
}

/* line 59, app/assets/stylesheets/base/layout.scss */
.well h2, .well h3, .well h4 {
  margin-top: 0px;
}

/* line 61, app/assets/stylesheets/base/layout.scss */
.solid {
  background: #e4e4e4;
}

/* line 62, app/assets/stylesheets/base/layout.scss */
.dark {
  background: #d3d3d3;
}

/* line 63, app/assets/stylesheets/base/layout.scss */
.blue {
  background: #14476e;
  color: #ffffff;
}

/* line 63, app/assets/stylesheets/base/layout.scss */
.blue h2, .blue h3, .blue h4 {
  padding-top: 10px;
  color: #ffffff;
}

/* line 64, app/assets/stylesheets/base/layout.scss */
.bright {
  background: #33a6db;
  color: #ffffff;
}

/* line 64, app/assets/stylesheets/base/layout.scss */
.bright h4 {
  padding-top: 10px;
  color: #ffffff;
}

/* line 65, app/assets/stylesheets/base/layout.scss */
.icon {
  text-align: center;
  background: #33a6db;
  color: #ffffff;
  min-height: 220px;
}

/* line 68, app/assets/stylesheets/base/layout.scss */
.icon img {
  max-height: 80px;
  height: 80px;
}

/* line 69, app/assets/stylesheets/base/layout.scss */
.icon h3 {
  padding-top: 10px;
  color: #ffffff;
  padding-top: 0px;
}

/* line 72, app/assets/stylesheets/base/layout.scss */
.subs-box {
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  /*
  p { font-size: 1em; 
    strong { font-weight: normal; font-family: "open_sansbold" }
  }
  ul {
    font-size: 0.9em; list-style: none; padding: 0px; 
    li { border-bottom:1px solid #000; padding:5px; margin:2px; }
  } */
}

/* Navigation styles */
/* line 2, app/assets/stylesheets/base/components.scss */
#menubar {
  background: #14476e;
  height: 60px;
  width: 100%;
  position: fixed;
  display: block;
  color: #ffffff;
  z-index: 1;
}

/* line 4, app/assets/stylesheets/base/components.scss */
#mobilemenubutton {
  display: none;
  float: right;
}

/* line 5, app/assets/stylesheets/base/components.scss */
#mobilemenubutton a img {
  height: 60px;
  max-height: 60px;
  max-width: 50px;
}

/* line 6, app/assets/stylesheets/base/components.scss */
#mobilemenubutton a img.selected {
  background: #33a6db;
}

/* line 7, app/assets/stylesheets/base/components.scss */
#mobilemenubutton a img:hover {
  background: #A9A9A9;
}

/* line 10, app/assets/stylesheets/base/components.scss */
#mainmenubutton {
  float: left;
}

/* line 11, app/assets/stylesheets/base/components.scss */
#mainmenubutton a img {
  height: 60px;
  max-height: 60px;
  max-width: 50px;
}

/* line 14, app/assets/stylesheets/base/components.scss */
#mainmenu {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #303030;
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.2s;
}

/* line 15, app/assets/stylesheets/base/components.scss */
#mainmenu a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1.1em;
  color: #818181;
  display: block;
}

/* line 16, app/assets/stylesheets/base/components.scss */
#mainmenu a:hover {
  color: #ffffff;
}

/* line 17, app/assets/stylesheets/base/components.scss */
#mainmenu .closebtn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 36px;
  margin-left: 50px;
}

/* line 18, app/assets/stylesheets/base/components.scss */
#mainmenu ul {
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
}

/* line 19, app/assets/stylesheets/base/components.scss */
#mainmenu ul li {
  border-bottom: 1px dotted #a9a9a9;
  padding: 5px 0;
}

/* line 20, app/assets/stylesheets/base/components.scss */
#mainmenu ul li:hover {
  background: #e4e4e4;
}

/* line 21, app/assets/stylesheets/base/components.scss */
#mainmenu ul li:hover a {
  color: #ffffff;
  display: block;
}

/* line 24, app/assets/stylesheets/base/components.scss */
#mainmenu ul ul {
  padding-left: 0%;
  margin-left: 0;
  border-bottom: 1px dotted #a9a9a9;
}

/* line 25, app/assets/stylesheets/base/components.scss */
#mainmenu ul ul li {
  padding-left: 5%;
  font-size: 0.8em;
  border-bottom: none;
}

/* line 26, app/assets/stylesheets/base/components.scss */
#mainmenu {
  -ms-overflow-style: none;
  /* overflow: -moz-scrollbars-none; */
  overflow: -moz-scrollbars-vertical;
}

/* line 27, app/assets/stylesheets/base/components.scss */
#mainmenu::-webkit-scrollbar {
  display: none;
}

/* line 29, app/assets/stylesheets/base/components.scss */
#signinmenu {
  padding: 20px;
  min-width: 320px;
  display: none;
  position: fixed;
  top: 60px;
  right: 0px;
  background: #2aa5dd;
  color: #ffffff;
  z-index: 1;
}

/* line 30, app/assets/stylesheets/base/components.scss */
#signinmenu p {
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
}

/* line 31, app/assets/stylesheets/base/components.scss */
#signinmenu a:link, #signinmenu a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* line 32, app/assets/stylesheets/base/components.scss */
#signinmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

/* line 35, app/assets/stylesheets/base/components.scss */
#signinmenu ul li {
  border-bottom: 1px dotted #96ddfe;
  padding: 5px 0;
}

/* line 36, app/assets/stylesheets/base/components.scss */
#signinmenu ul li a:link {
  display: block;
  padding: 0px 10px 0px 10px;
}

/* line 38, app/assets/stylesheets/base/components.scss */
#signinmenu ul li.subitem {
  padding-left: 20px;
}

/* line 39, app/assets/stylesheets/base/components.scss */
#signinmenu ul li.subitem a:link {
  font-weight: lighter;
}

/* line 41, app/assets/stylesheets/base/components.scss */
#signinmenu ul li:hover {
  background-color: #58b2dc;
}

/* line 45, app/assets/stylesheets/base/components.scss */
#mobilemenu {
  padding: 20px;
  min-width: 320px;
  display: none;
  position: fixed;
  top: 60px;
  right: 0px;
  background: #2aa5dd;
  color: #ffffff;
  z-index: 1;
}

/* line 46, app/assets/stylesheets/base/components.scss */
#mobilemenu p {
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
}

/* line 47, app/assets/stylesheets/base/components.scss */
#mobilemenu a:link, #mobilemenu a:visited {
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  display: block;
}

/* line 50, app/assets/stylesheets/base/components.scss */
#usermenubuttons, #menubuttons {
  float: right;
  padding: 16px 12px 12px 0px;
}

/* line 51, app/assets/stylesheets/base/components.scss */
#usermenubuttons a.menubutton, #menubuttons a.menubutton {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 15px;
  color: #fff;
  font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  margin-left: 20px;
}

/* line 54, app/assets/stylesheets/base/components.scss */
#usermenubuttons a.menubutton:hover, #menubuttons a.menubutton:hover {
  border-bottom: 5px solid #fff;
}

/* line 56, app/assets/stylesheets/base/components.scss */
#usermenubuttons a.last, #menubuttons a.last {
  margin-right: 20px;
}

/* line 59, app/assets/stylesheets/base/components.scss */
#signinbutton.selected {
  background-color: #eeeeee;
  color: #33a6db;
}

/* line 60, app/assets/stylesheets/base/components.scss */
#signinbutton.selected:hover {
  background-color: #d8d8d8;
  color: #fff;
}

/* line 63, app/assets/stylesheets/base/components.scss */
.selected {
  background: #2aa5dd;
}

/* line 64, app/assets/stylesheets/base/components.scss */
.selected a {
  color: #ffffff;
}

/* line 64, app/assets/stylesheets/base/components.scss */
.selected a:hover {
  color: #bbbbbb;
}

/* line 67, app/assets/stylesheets/base/components.scss */
.logo {
  font-size: 25px;
  display: inline;
  text-transform: uppercase;
  line-height: 2em;
  margin-left: 10px;
  font-family: 'oswaldbold', Arial, Helvetica, sans-serif;
}

/* line 68, app/assets/stylesheets/base/components.scss */
.logo a:link, .logo a:visited, .logo a:hover {
  text-decoration: none;
  color: #ffffff;
}

/* line 69, app/assets/stylesheets/base/components.scss */
.logo a img {
  padding-top: 9px;
}

/* line 71, app/assets/stylesheets/base/components.scss */
.beta {
  display: inline;
  position: absolute;
  top: 2px;
  padding-left: 2px;
  font-size: smaller;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}

/* Footer styles */
/* line 74, app/assets/stylesheets/base/components.scss */
footer {
  width: 100%;
  background: #282a2b;
  height: 228px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}

/* line 75, app/assets/stylesheets/base/components.scss */
footer .footer-content {
  max-width: 80%;
  margin: auto;
  color: #8b8888;
  /* div.col-4:not(:first-child) { padding: 10px; border-left: 1px solid #747474; } */
}

/* line 76, app/assets/stylesheets/base/components.scss */
footer .footer-content p {
  text-align: center;
}

/* line 78, app/assets/stylesheets/base/components.scss */
footer .footer-content hr {
  background: #8b8888;
}

/* line 79, app/assets/stylesheets/base/components.scss */
footer .footer-content .row {
  padding-bottom: 20px;
}

/* line 80, app/assets/stylesheets/base/components.scss */
footer .footer-content a:link, footer .footer-content a:visited {
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  color: #8b8888;
  line-height: 2em;
}

/* line 81, app/assets/stylesheets/base/components.scss */
footer .footer-content a:hover {
  color: #bebebe;
}

/* line 82, app/assets/stylesheets/base/components.scss */
footer .footer-content .copyright {
  font-size: 0.8em;
}

/* Breadcrumb styling */
/* line 87, app/assets/stylesheets/base/components.scss */
#breadcrumbs {
  color: #cecece;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
}

/* line 88, app/assets/stylesheets/base/components.scss */
#breadcrumbs ul {
  list-style: none;
  padding: 8px 0 8px 10px;
  margin: 0;
}

/* line 89, app/assets/stylesheets/base/components.scss */
#breadcrumbs ul li {
  display: inline;
}

/* line 91, app/assets/stylesheets/base/components.scss */
#breadcrumbs a:link, #breadcrumbs a:visited {
  color: #cecece;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
}

/* line 92, app/assets/stylesheets/base/components.scss */
#breadcrumbs a:hover {
  color: #888888;
}

/* Warnings and messages */
/* line 96, app/assets/stylesheets/base/components.scss */
.alert {
  width: 100%;
  color: #ffffff;
  padding: 10px;
  margin-bottom: 10px;
  background: red;
}

/* line 97, app/assets/stylesheets/base/components.scss */
.alert h2 {
  color: #ffffff;
  font-size: 16px;
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
  line-height: normal;
}

/* line 98, app/assets/stylesheets/base/components.scss */
.alert a {
  color: #ffffff;
}

/* line 99, app/assets/stylesheets/base/components.scss */
.alert a:hover {
  color: #000;
}

/* line 101, app/assets/stylesheets/base/components.scss */
#card-errors {
  margin-top: 7px;
}

/* line 102, app/assets/stylesheets/base/components.scss */
.alert-danger {
  background: red;
}

/* line 103, app/assets/stylesheets/base/components.scss */
.alert-error {
  background: red;
}

/* line 104, app/assets/stylesheets/base/components.scss */
.alert-success {
  background: #2aa5dd;
}

/* line 105, app/assets/stylesheets/base/components.scss */
.alert-notice {
  background: gray;
}

/* line 106, app/assets/stylesheets/base/components.scss */
.field_with_errors {
  display: inline;
}

/* line 107, app/assets/stylesheets/base/components.scss */
.field_with_errors label {
  color: red;
}

/* line 109, app/assets/stylesheets/base/components.scss */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* line 110, app/assets/stylesheets/base/components.scss */
.closebtn:hover {
  color: black;
}

/* Modal styling */
/* line 113, app/assets/stylesheets/base/components.scss */
.modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3000px;
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  z-index: 1000;
}

/* line 120, app/assets/stylesheets/base/components.scss */
.modal-content {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  max-height: 90%;
  overflow-y: auto;
  position: fixed;
  top: 20px;
  display: none;
  height: auto;
  max-width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 20px;
  width: 80%;
}

/* line 130, app/assets/stylesheets/base/components.scss */
.modal.active, .modal-content.active {
  display: block;
}

/* line 131, app/assets/stylesheets/base/components.scss */
.modal.active button, .modal-content.active button {
  display: block;
  margin: 0 auto;
}

/* line 134, app/assets/stylesheets/base/components.scss */
.modal-open {
  overflow: hidden;
}

/* The Close Button & modal links */
/* line 137, app/assets/stylesheets/base/components.scss */
.close {
  color: #aaa;
  float: right;
  font-size: 36px;
  font-weight: bold;
  cursor: pointer;
}

/* line 138, app/assets/stylesheets/base/components.scss */
.close:hover, .close:focus {
  color: black;
  text-decoration: none;
}

/* line 139, app/assets/stylesheets/base/components.scss */
.modal-link {
  cursor: pointer;
}

/* Tabs */
/* line 142, app/assets/stylesheets/base/components.scss */
#pagecontent ul.tabs {
  margin: 0 5px 0 0;
  padding: 10px 0 10px 0;
  list-style: none;
}

/* line 143, app/assets/stylesheets/base/components.scss */
ul.tabs li {
  background: #ededed;
  color: #222;
  display: inline;
  padding: 10px 15px;
  cursor: pointer;
  border: solid #e4e4e4;
  border-width: 1px 1px 0 1px;
  position: relative;
  top: 1px;
}

/* line 144, app/assets/stylesheets/base/components.scss */
ul.tabs li.current {
  background: #ffffff;
  color: #222;
  border-width: 1px 1px 0 1px;
}

/* line 145, app/assets/stylesheets/base/components.scss */
.tab-content {
  display: none;
  padding: 5px;
  border: 1px solid #e4e4e4;
}

/* line 146, app/assets/stylesheets/base/components.scss */
.tab-content.current {
  display: inherit;
}

/* Sliders & tiles */
/* line 149, app/assets/stylesheets/base/components.scss */
.tiles {
  padding: 0px 8px 0px 8px;
  width: 96%;
  margin: 0 auto;
}

/* line 150, app/assets/stylesheets/base/components.scss */
.tiles h2 {
  font-size: 1.1em;
  margin: 3px 0px 3px 0px;
}

/* line 151, app/assets/stylesheets/base/components.scss */
.tiles h3 {
  font-size: 1em;
  margin: 3px 0px 3px 0px;
}

/* line 152, app/assets/stylesheets/base/components.scss */
.tiles h2 a, .tiles h3 a {
  text-decoration: none;
  color: #10466f;
}

/* line 153, app/assets/stylesheets/base/components.scss */
.tiles h2 a:hover, .tiles h3 a:hover {
  color: #10466f;
}

/* line 156, app/assets/stylesheets/base/components.scss */
.tile {
  padding: 10px;
}

/* line 158, app/assets/stylesheets/base/components.scss */
.result {
  padding-left: 5px;
  padding-right: 5px;
}

/* line 159, app/assets/stylesheets/base/components.scss */
.result h2 {
  font-size: 1.1em;
  margin: 3px 0px 3px 0px;
}

/* line 160, app/assets/stylesheets/base/components.scss */
.result h3 {
  font-size: 1em;
  margin: 3px 0px 3px 0px;
}

/* line 161, app/assets/stylesheets/base/components.scss */
.result h2 a, .result h3 a {
  text-decoration: none;
  color: #10466f;
}

/* line 162, app/assets/stylesheets/base/components.scss */
.result h2 a:hover, .result h3 a:hover {
  color: #10466f;
}

/* line 166, app/assets/stylesheets/base/components.scss */
a.tag:link {
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  color: #666666;
  padding: 5px 24px 5px 12px;
  margin: 2px;
  background-color: #f1f1f1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-up.png);
  background-position: center right;
  background-repeat: no-repeat;
}

/* line 170, app/assets/stylesheets/base/components.scss */
a.tag:link:hover {
  background-color: #666666;
  color: #f1f1f1;
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-hover-white.png);
}

/* Widgets */
/* line 174, app/assets/stylesheets/base/components.scss */
.widget {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 175, app/assets/stylesheets/base/components.scss */
.widget-title {
  margin: 0;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 176, app/assets/stylesheets/base/components.scss */
.widget-title h4, .widget-title h3 {
  margin-bottom: 0;
}

/* line 177, app/assets/stylesheets/base/components.scss */
.widget-title h4 div.exp, .widget-title h3 div.exp {
  float: right;
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/bttn-expand.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 22px;
  width: 32px;
}

/* line 181, app/assets/stylesheets/base/components.scss */
.widget .widget-content {
  display: none;
}

/* line 182, app/assets/stylesheets/base/components.scss */
.widget.active .widget-content {
  display: block;
  padding-top: 10px;
}

/* line 183, app/assets/stylesheets/base/components.scss */
.widget.active .widget-title {
  border-bottom: 1px solid #e4e4e4;
}

/* line 184, app/assets/stylesheets/base/components.scss */
.widget.active .widget-title h4 div.exp {
  background-image: url(https://s3-eu-west-1.amazonaws.com/erudition-digital/dfp-graphics/bttn-collapse.png);
}

/* Stripe card styles 
.card-field { font-size: 1em; box-sizing: border-box; -webkit-transition: all 0.30s ease-in-out;  -moz-transition: all 0.30s ease-in-out;  -ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; padding: 7px; border:1px solid #e4e4e4; font-family:'open_sansregular', Arial, Helvetica, sans-serif; margin: 0px;
}

.card-field.focus, 
.card-field:focus { border: 1px solid #ff0000; outline: 0 none; } */
/* Tablets and slightly smaller screens */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 4, app/assets/stylesheets/base/responsive.scss */
  label.col-4 {
    width: 50%;
  }
  /* line 5, app/assets/stylesheets/base/responsive.scss */
  label.col-8 {
    width: 50%;
  }
  /* line 6, app/assets/stylesheets/base/responsive.scss */
  #container {
    max-width: 90%;
  }
  /* line 7, app/assets/stylesheets/base/responsive.scss */
  .prev-button, .next-button {
    width: 100%;
  }
  /* line 8, app/assets/stylesheets/base/responsive.scss */
  .modal-content [class*="col-"] {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  /* line 12, app/assets/stylesheets/base/responsive.scss */
  [class*="col-"] {
    width: 100%;
  }
  /* Override responsive behaviour for subs table */
  /* line 17, app/assets/stylesheets/base/responsive.scss */
  .subs-box .col-3 {
    width: 25%;
    font-size: 0.8em;
  }
  /* line 19, app/assets/stylesheets/base/responsive.scss */
  [class*="offset-"] {
    margin-left: auto;
  }
  /* line 23, app/assets/stylesheets/base/responsive.scss */
  #container {
    max-width: 100%;
    min-width: 320px;
    /* General industry standard for min mopbile browser width */
    padding-top: 60px;
    padding-bottom: 0px;
  }
  /* line 29, app/assets/stylesheets/base/responsive.scss */
  #wrapper {
    padding-bottom: 200px;
  }
  /* line 30, app/assets/stylesheets/base/responsive.scss */
  #menubar .logo, .beta {
    display: none;
  }
  /* line 31, app/assets/stylesheets/base/responsive.scss */
  #menubuttons {
    display: none;
  }
  /* line 32, app/assets/stylesheets/base/responsive.scss */
  #usermenubuttons {
    display: none;
  }
  /* #menubuttons { min-width:400px; float:none; padding-right: 8px; padding-left: 8px;
		a { margin-left: 5px; }
		a.menubutton { margin-left: 5px; padding-left: 4px; padding-right: 4px; font-size: 1em; }
		a.last { margin-right: 5px; }
	} */
  /* #mainmenu { position: fixed; width: 100%; height: 100%; } */
  /* line 40, app/assets/stylesheets/base/responsive.scss */
  footer {
    padding-bottom: 50px;
    height: auto;
    /* Needs to be set manually to handle in CSS along with padding-bottom for main below */
  }
  /* line 42, app/assets/stylesheets/base/responsive.scss */
  footer .footer-content .col-4 {
    padding: 10px;
  }
  /* line 43, app/assets/stylesheets/base/responsive.scss */
  footer .footer-content div.col-4:not(:first-child) {
    border-left: none;
  }
  /* line 45, app/assets/stylesheets/base/responsive.scss */
  .prev-button, .next-button {
    display: none;
  }
  /* line 46, app/assets/stylesheets/base/responsive.scss */
  .item.list-group-item .pub-details {
    float: left;
  }
  /* line 47, app/assets/stylesheets/base/responsive.scss */
  .modal {
    position: fixed;
  }
  /* line 48, app/assets/stylesheets/base/responsive.scss */
  .modal-content {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    top: 0px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 52, app/assets/stylesheets/base/responsive.scss */
  #pagecontent ul.tabs {
    margin: 0 3px 0 0;
    padding: 5px 0 5px 0;
  }
  /* line 53, app/assets/stylesheets/base/responsive.scss */
  ul.tabs li {
    padding: 5px 8px;
    font-size: 0.9em;
  }
}

/* line 1, app/assets/stylesheets/base/pages.scss */
.article-nav {
  padding: 10px;
  border-top: 1px dotted #cecece;
  margin-top: 25px;
}

/* line 2, app/assets/stylesheets/base/pages.scss */
.article-nav h3 {
  color: #33a6db;
  font-size: 14px;
}

/* line 5, app/assets/stylesheets/base/pages.scss */
.prev-button {
  float: left;
  width: 50%;
  cursor: pointer;
}

/* line 6, app/assets/stylesheets/base/pages.scss */
.next-button {
  float: right;
  text-align: right;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/base/pages.scss */
.prev-button a:link, .prev-button a:visited, .next-button a:link, .next-button a:visited {
  color: #666666;
  font-weight: normal;
  text-decoration: none;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/* line 17, app/assets/stylesheets/base/pages.scss */
#article-tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 18, app/assets/stylesheets/base/pages.scss */
#article-tags ul li {
  float: left;
  display: inline;
  font-size: 14px;
}

/* line 19, app/assets/stylesheets/base/pages.scss */
#article-tags ul li a:link, #article-tags ul li a:visited {
  text-decoration: none;
  display: block;
  color: #666666;
  padding: 5px 24px 5px 12px;
  margin: 2px;
  background-color: #f1f1f1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-up.png);
  background-position: center right;
  background-repeat: no-repeat;
}

/* line 28, app/assets/stylesheets/base/pages.scss */
#article-tags ul li a:hover, #article-tags ul li a.current {
  background-color: #666666;
  color: #f1f1f1;
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-hover-white.png);
}

/* line 31, app/assets/stylesheets/base/pages.scss */
#article-tags ul li.tag {
  text-decoration: none;
  display: block;
  color: #666666;
  padding: 5px 24px 5px 12px;
  margin: 2px;
  background-color: #f1f1f1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/tag-up-search.png);
  background-position: center right;
  background-repeat: no-repeat;
}

/* line 44, app/assets/stylesheets/base/pages.scss */
#related-links {
  clear: both;
  padding-top: 10px;
}

/* line 47, app/assets/stylesheets/base/pages.scss */
#related-links a:link, #related-links a:visited {
  display: block;
  text-decoration: none;
  padding-left: 8px;
}

/* line 52, app/assets/stylesheets/base/pages.scss */
#related-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 53, app/assets/stylesheets/base/pages.scss */
#related-links ul li {
  border-bottom: 1px dotted #cecece;
  padding: 5px 0;
}

/* line 54, app/assets/stylesheets/base/pages.scss */
#related-links ul ul li {
  padding-left: 8px;
}

/* line 55, app/assets/stylesheets/base/pages.scss */
#related-links ul ul li .active {
  color: #cecece;
}

/* line 58, app/assets/stylesheets/base/pages.scss */
#related-links a.active {
  color: #b3b3b3;
}

/* line 61, app/assets/stylesheets/base/pages.scss */
.resultslink {
  color: #10466f;
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
  line-height: normal;
  margin: 10px 0px 10px 0px;
}

/* line 62, app/assets/stylesheets/base/pages.scss */
.free {
  color: #f1f1f1;
  background-color: #33a6db;
  border-radius: 10px;
  font-size: smaller;
  padding: 0px 10px 0px 10px;
}

/* line 63, app/assets/stylesheets/base/pages.scss */
#page_navigation {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Tool bar */
/* line 67, app/assets/stylesheets/base/pages.scss */
.progressbar {
  position: fixed;
  top: 60px;
  color: #000000;
  width: 100%;
  height: 50px;
  background: #e4e4e4;
  display: block;
}

/* line 68, app/assets/stylesheets/base/pages.scss */
.indicator {
  position: absolute;
  bottom: 0;
  height: 10%;
  width: 0%;
  /* Start with no display at all! */
  max-width: 100%;
  background: #33a6db;
}

/* line 70, app/assets/stylesheets/base/pages.scss */
ul.share-buttons {
  float: left;
  margin: 0;
  list-style: none;
  text-align: center;
  padding: 10px 0 0 10px;
}

/* line 71, app/assets/stylesheets/base/pages.scss */
ul.share-buttons li, ul.tool-buttons li {
  display: inline;
}

/* line 72, app/assets/stylesheets/base/pages.scss */
ul.tool-buttons {
  float: right;
  margin: 0;
  list-style: none;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
}

/* line 73, app/assets/stylesheets/base/pages.scss */
ul.tool-buttons a, ul.tool-buttons a:visited {
  color: #666666;
  text-decoration: none;
  line-height: 4em;
  margin-left: 12px;
}

/* line 75, app/assets/stylesheets/base/pages.scss */
.tool-buttons a {
  background-position: center left;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 30px;
}

/* line 79, app/assets/stylesheets/base/pages.scss */
.tool-buttons a#iconBookmark:link {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/Bookmark.png);
}

/* line 80, app/assets/stylesheets/base/pages.scss */
.tool-buttons a#iconBookmarked:link {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/Bookmarked.png);
}

/* line 81, app/assets/stylesheets/base/pages.scss */
.tool-buttons a#iconNotes:link {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/Notes.png);
}

/* line 82, app/assets/stylesheets/base/pages.scss */
.tool-buttons a#iconPrint:link {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/Print.png);
}

/* line 83, app/assets/stylesheets/base/pages.scss */
.tool-buttons a#increasefont:link {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/Increase.png);
}

/* line 84, app/assets/stylesheets/base/pages.scss */
.tool-buttons a#decreasefont:link {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/Decrease.png);
}

/* Content element styling */
/* line 89, app/assets/stylesheets/base/pages.scss */
.video {
  z-index: -1;
  margin: auto;
}

/* line 90, app/assets/stylesheets/base/pages.scss */
.video embed, .video object, .video iframe {
  width: 100%;
  max-width: 640px;
  height: auto;
  min-height: 400px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

/* line 93, app/assets/stylesheets/base/pages.scss */
#pagecontent .body {
  padding: 0;
}

/* line 94, app/assets/stylesheets/base/pages.scss */
#pagecontent img {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
  height: auto;
}

/* line 95, app/assets/stylesheets/base/pages.scss */
#pagecontent .inline-img {
  margin: 0px;
  display: inline;
}

/* line 96, app/assets/stylesheets/base/pages.scss */
#pagecontent p {
  margin: 8px 0px 8px 0px;
}

/* line 97, app/assets/stylesheets/base/pages.scss */
#pagecontent ul {
  margin: 8px 0px 8px 0px;
}

/* line 98, app/assets/stylesheets/base/pages.scss */
#pagecontent .center {
  text-align: center;
}

/* line 99, app/assets/stylesheets/base/pages.scss */
#pagecontent .caption {
  text-align: center;
  margin: 0px 0px 8px 0px;
}

/* line 100, app/assets/stylesheets/base/pages.scss */
#pagecontent p.caption {
  font-style: italic;
}

/* line 104, app/assets/stylesheets/base/pages.scss */
#pagecontent table.box {
  background: #f1f1f1;
  width: 100%;
  border: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

/* line 106, app/assets/stylesheets/base/pages.scss */
#pagecontent table.box td {
  border-left: 4px solid #33a6db;
  background: #f1f1f1;
  width: 100%;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

/* line 108, app/assets/stylesheets/base/pages.scss */
#pagecontent table.steps {
  background: #f1f1f1;
  width: 100%;
  margin-bottom: 10px;
}

/* line 109, app/assets/stylesheets/base/pages.scss */
#pagecontent table.steps td:first-child {
  width: 10%;
  background: #e4e4e4;
  text-align: center;
}

/* line 110, app/assets/stylesheets/base/pages.scss */
#pagecontent table.steps td {
  width: 90%;
  background: #ffffff;
}

/* line 112, app/assets/stylesheets/base/pages.scss */
#pagecontent table.quote {
  border: none;
  background-color: #ffffff;
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/quote-left.png), url(https://s3-eu-west-1.amazonaws.com/informance-content/general/quote-right.png);
  background-position: top left, bottom right;
  background-repeat: no-repeat;
  text-align: center;
  color: #33a6db;
  width: 100%;
}

/* line 116, app/assets/stylesheets/base/pages.scss */
#pagecontent table.quote td {
  padding: 35px;
  border: none;
}

/* line 118, app/assets/stylesheets/base/pages.scss */
#pagecontent table.tip {
  border: none;
  background-color: #33a6db;
  color: #ffffff;
  width: 100%;
}

/* line 119, app/assets/stylesheets/base/pages.scss */
#pagecontent table.tip td {
  background-image: url(https://s3-eu-west-1.amazonaws.com/informance-content/general/icon-tip.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 20px 20px 30px 75px;
  border: none;
}

/* line 122, app/assets/stylesheets/base/pages.scss */
#pagecontent .video-note {
  display: none;
}

/* line 123, app/assets/stylesheets/base/pages.scss */
#pagecontent .chapter-heading {
  display: none;
}

/* line 124, app/assets/stylesheets/base/pages.scss */
#pagecontent .active {
  display: block;
}

@media screen and (max-width: 768px) {
  /* line 129, app/assets/stylesheets/base/pages.scss */
  #container {
    padding-top: 60px !important;
  }
  /* Content elements which need responsive styling e.g. video */
  /* line 132, app/assets/stylesheets/base/pages.scss */
  audio {
    z-index: -100;
  }
  /* line 133, app/assets/stylesheets/base/pages.scss */
  .video embed, .video object, .video iframe {
    width: 80%;
    height: auto;
    min-height: 300px;
  }
  /* line 134, app/assets/stylesheets/base/pages.scss */
  footer {
    display: none;
  }
  /* line 136, app/assets/stylesheets/base/pages.scss */
  #toolbar {
    position: fixed;
    top: auto;
    bottom: 0;
    color: #000000;
    width: 100%;
    height: 50px;
    background: #e4e4e4;
    display: block;
    z-index: 9999;
  }
  /* line 137, app/assets/stylesheets/base/pages.scss */
  #toolbar .sharebuttons {
    width: 100%;
    margin-left: 10px;
    padding-top: 12px;
  }
}

@media print {
  /* line 2, app/assets/stylesheets/base/print.scss */
  [class*="col-"] {
    width: 100%;
  }
  /* line 6, app/assets/stylesheets/base/print.scss */
  #menubar {
    display: none;
  }
  /* line 8, app/assets/stylesheets/base/print.scss */
  p {
    page-break-inside: avoid;
  }
  /* line 10, app/assets/stylesheets/base/print.scss */
  #container {
    max-width: 90%;
    padding-top: 50px;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  /* line 17, app/assets/stylesheets/base/print.scss */
  div.video {
    display: none;
  }
  /* line 19, app/assets/stylesheets/base/print.scss */
  #article-tags, #related-links, #toolbar {
    display: none;
  }
  /* line 23, app/assets/stylesheets/base/print.scss */
  .prev-button, .next-button {
    display: none;
  }
  /* line 25, app/assets/stylesheets/base/print.scss */
  .bottom-share-buttons {
    display: none;
  }
  /* line 27, app/assets/stylesheets/base/print.scss */
  footer {
    display: none;
  }
}

/* Stripe card styles */
/* line 2, app/assets/stylesheets/base/transactions.scss */
.card-field {
  font-size: 1em;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 7px;
  border: 1px solid #e4e4e4;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  margin: 0px;
}

/* line 17, app/assets/stylesheets/base/transactions.scss */
.card-field.focus, .card-field:focus {
  box-shadow: 0 0 5px #51cbee;
  border: 1px solid #e4e4e4;
}

/* line 22, app/assets/stylesheets/base/transactions.scss */
.pay-button {
  font-size: 1em;
  padding: 7px;
  bbackground-color: #33a6db;
  color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/base/transactions.scss */
.transaction-buttons {
  padding-top: 7px;
}

/* line 2, app/assets/stylesheets/ebooks/publications.scss */
.glyphicon {
  margin-right: 5px;
}

/* line 3, app/assets/stylesheets/ebooks/publications.scss */
.thumbnail {
  margin-bottom: 20px;
  padding: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* line 4, app/assets/stylesheets/ebooks/publications.scss */
.thumbnail img {
  border: 1px solid #e4e4e4;
  display: block;
  margin: auto;
}

/* line 6, app/assets/stylesheets/ebooks/publications.scss */
.list-group-image {
  max-width: 100%;
}

/* line 7, app/assets/stylesheets/ebooks/publications.scss */
.item.list-group-item {
  float: none;
  width: 100%;
  background-color: #fff;
  margin-bottom: 10px;
}

/* line 10, app/assets/stylesheets/ebooks/publications.scss */
.item.list-group-item .list-group-image {
  margin-right: 10px;
}

/* line 11, app/assets/stylesheets/ebooks/publications.scss */
.item.list-group-item .thumbnail {
  margin-bottom: 0px;
}

/* line 12, app/assets/stylesheets/ebooks/publications.scss */
.item.list-group-item .thumbnail img {
  margin-right: 20px !important;
}

/* line 14, app/assets/stylesheets/ebooks/publications.scss */
.item.list-group-item .pub-details {
  padding: 9px 9px 0px 9px;
  text-align: left;
}

/* line 16, app/assets/stylesheets/ebooks/publications.scss */
.item.list-group-item:before, .item.list-group-item:after {
  display: table;
  content: " ";
}

/* line 17, app/assets/stylesheets/ebooks/publications.scss */
.item.list-group-item img {
  float: left;
}

/* line 18, app/assets/stylesheets/ebooks/publications.scss */
.item.list-group-item:after {
  clear: both;
}

/* line 19, app/assets/stylesheets/ebooks/publications.scss */
.list-group-item-text {
  margin: 0 0 11px;
}

/* line 22, app/assets/stylesheets/ebooks/publications.scss */
.price {
  color: #f1f1f1;
  background-color: #33a6db;
  border-radius: 10px;
  font-weight: bold;
  padding: 3px 15px 3px 15px;
  margin-right: 3px;
}

/* Last three letters
.obi { background-color: red; }
.pub { background-color: blue; }
.pdf { background-color: green; } */
/* @import 'base/slick-theme' */
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.


 */