@charset "UTF-8";
/* ============================================================

Project:
    Title: FASS 2.0 Mobile Web
    URL: m.fass.se
    Theme: Public;
    Revision: 1;
    Created: 2013-05-08
    Repo:

File:
    Filename: theme-public.scss
    Location: skin/sass/
    Created: 2013-04-18

Developers:
  - Name: Gustav Béen
  	Contact: gustav.been@tactel.se
    Last_Edit: 2013-05-08

Contents:
  - Main is the default stylesheet and will always be included. It initializes import of partial files.

============================================================ */
/* ============================================================

Project:
    Title: FASS 2.0 Mobile Web
    URL: m.fass.se
    Theme: All;
    Revision: 1;
    Created: 2013-05-08
    Repo:

File:
    Filename: _utilities.scss
    Location: skin/sass/
    Created: 2013-04-18

Developers:
  - Name: Gustav Béen
    Contact: gustav.been@tactel.se
    Last_Edit: 2013-06-12

Contents:
  - Custom mixins, compass functions and utility classes used in this project.

============================================================ */
.hidden {
  visibility: hidden; }

.center {
  margin: 0 auto; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

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

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default; }

.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.clear-both {
  clear: both; }

.hide {
  display: none !important; }

.annotation_news_container {
  display: none !important; }

.show {
  display: block; }

.inline {
  display: inline;
  vertical-align: middle; }

.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

.hide-text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left; }

.vertical-wrapper-outer {
  display: table;
  height: 100%;
  width: 100%; }

.vertical-wrapper-inner {
  display: table-cell;
  vertical-align: middle; }

.container {
  position: relative; }

/* Portrait */
@media screen and (orientation: portrait) {
  .landscape-visible {
    display: none !important; }
  .portrait-visible {
    display: inherit; } }

/* Landscape */
@media screen and (orientation: landscape) {
  .portrait-visible {
    display: none !important; }
  .landscape-visible {
    display: inherit; } }

/* ============================================================

Project:
    Title: FASS 2.0 Mobile Web
    URL: m.fass.se
    Revision: 1;
    Created: 2013-05-08
    Repo:

File:
    Filename: _normalize.scss
    Location: skin/sass/
    Created: 2013-04-18

Developers:
  - Name: Gustav Béen
    Contact: gustav.been@tactel.se
    Last_Edit: 2013-06-12

Contribs:
  - Inspired normalize.css 2012-03-11 - http://goo.gl/z4snR
  - and by the implementation by the Zen theme for Drupal 7.x-5.1 2012-05-18 - http://goo.gl/neRfA

Contents:
  - Combination of reset, normalize and initialization of base styles.

  */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 640px; } }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
#hgroup,
menu,
nav,
section,
summary {
  display: block; }

/*
 * 1: Prevents iOS and Windows RT text size adjust after orientation change, without disabling user zoom - http://goo.gl/7Ixpr
 *
 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block; }

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 */
[hidden] {
  display: none; }

/* Thematic break */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #FFFFFF; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap; }

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
strong {
  font-weight: bold; }

underlined {
  text-decoration: underline; }

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 75%; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  /* vertical-align: bottom; */
  /* Suppress the space beneath the baseline */ }

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border-color: #c0c0c0;
  margin: 0 2px; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */ }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */ }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */ }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

b {
  display: inline-block;
  vertical-align: middle;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left; }

.uskin-sprite, .uskin-AM-inline, .uskin-externlink-healthcare, .uskin-externlink-public, .uskin-externlink-veterinary, .uskin-info-healthcare, .uskin-info-public, .uskin-info-veterinary, .uskin-logo, .external-link, p span.am, #stock-inventory-container .pre-package-list .info-icon, .info {
  background: url("../images/uskin.png") no-repeat; }

.uskin-AM-inline {
  background-position: 0 0;
  height: 18px;
  width: 20px; }

.uskin-externlink-healthcare {
  background-position: -30px 0;
  height: 30px;
  width: 30px; }

.uskin-externlink-public {
  background-position: -70px 0;
  height: 30px;
  width: 30px; }

.uskin-externlink-veterinary {
  background-position: -110px 0;
  height: 30px;
  width: 30px; }

.uskin-info-healthcare {
  background-position: -150px 0;
  height: 26px;
  width: 26px; }

.uskin-info-public {
  background-position: -186px 0;
  height: 26px;
  width: 26px; }

.uskin-info-veterinary {
  background-position: -222px 0;
  height: 26px;
  width: 26px; }

.uskin-logo {
  background-position: -258px 0;
  height: 42px;
  width: 166px; }

.symbol-sprite, .symbol-A, .symbol-AD, .symbol-AM, .symbol-APL, .symbol-ATL, .symbol-EF, .symbol-F, .symbol-Ff, .symbol-Fp, .symbol-M, .symbol-N2, .symbol-N3, .symbol-N4, .symbol-N5, .symbol-NLM, .symbol-Obs, .symbol-R, .symbol-Receptfritt, .symbol-Rs, .symbol-Rxp, .symbol-TVBL, .symbol-VBL, #product-head #productSymbols .receptfritt {
  background: url("../images/symbol.png") no-repeat; }

.symbol-alt {
  display: inline-block;
  margin: 0 3px 0; }

.symbol-alt-N1, .symbol-alt-N2, .symbol-alt-N3, .symbol-alt-N4, .symbol-alt-N5 {
  background: url("../images/alt-symbol.png") no-repeat; }

.symbol-alt-N1 {
  background-position: 0 -0px;
  width: 33px;
  height: 31px; }

.symbol-alt-N2 {
  background-position: 0 -31px;
  width: 33px;
  height: 31px; }

.symbol-alt-N3 {
  background-position: 0 -62px;
  width: 33px;
  height: 31px; }

.symbol-alt-N4 {
  background-position: 0 -93px;
  width: 33px;
  height: 31px; }

.symbol-alt-N5 {
  background-position: 0 -124px;
  width: 33px;
  height: 31px; }

.symbol-A {
  background-position: 0 -678px;
  height: 38px;
  width: 22px; }

.symbol-AD {
  background-position: 0 -342px;
  height: 38px;
  width: 38px; }

.symbol-AM {
  background-position: 0 -54px;
  height: 38px;
  width: 35px; }

.symbol-APL {
  background-position: 0 -534px;
  height: 38px;
  width: 50px; }

.symbol-ATL {
  background-position: 0 -582px;
  height: 38px;
  width: 50px; }

.symbol-EF {
  background-position: 0 -870px;
  height: 38px;
  width: 30px; }

.symbol-F {
  background-position: 0 -726px;
  height: 38px;
  width: 17px; }

.symbol-Ff {
  background-position: 0 -822px;
  height: 38px;
  width: 20px; }

.symbol-Fp {
  background-position: 0 -390px;
  height: 38px;
  width: 33px; }

.symbol-M {
  background-position: 0 -630px;
  height: 38px;
  width: 24px; }

.symbol-N2 {
  background-position: 0 -1014px;
  height: 38px;
  width: 33px; }

.symbol-N3 {
  background-position: 0 -774px;
  height: 38px;
  width: 34px; }

.symbol-N4 {
  background-position: 0 -918px;
  height: 38px;
  width: 34px; }

.symbol-N5 {
  background-position: 0 -966px;
  height: 38px;
  width: 34px; }

.symbol-NLM {
  background-position: 0 -294px;
  height: 38px;
  width: 59px; }

.symbol-Obs {
  background-position: 0 -438px;
  height: 38px;
  width: 28px; }

.symbol-R {
  background-position: 0 -486px;
  height: 38px;
  width: 30px; }

.symbol-Receptfritt {
  background-position: 0 0;
  height: 44px;
  width: 155px; }

.symbol-Rs {
  background-position: 0 -246px;
  height: 38px;
  width: 40px; }

.symbol-Rxp {
  background-position: 0 -102px;
  height: 38px;
  width: 41px; }

.symbol-TVBL {
  background-position: 0 -150px;
  height: 38px;
  width: 65px; }

.symbol-VBL {
  background-position: 0 -198px;
  height: 38px;
  width: 51px; }

html {
  height: 100%;
  -webkit-overflow-scrolling: touch; }

body {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  background: #ECFAF8;
  overflow-x: hidden; }
  body * {
    max-height: 999999px; }

#app {
  margin: 0 auto;
  background: #ECFAF8; }

#app-header {
  position: relative;
  z-index: 10; }

#app-content {
  -webkit-transition-property: left, right;
  -moz-transition-property: left, right;
  -o-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  position: relative;
  z-index: 1; }

#main-header {
  height: 135px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
  -webkit-box-shadow: 0 0 2px rgba(221, 221, 221, 0.2);
  -moz-box-shadow: 0 0 2px rgba(221, 221, 221, 0.2);
  box-shadow: 0 0 2px rgba(221, 221, 221, 0.2); }
  #main-header > .head-branding {
    margin-top: 40px;
    cursor: pointer;
    display: table; }
  #main-header > .head-action {
    margin-top: 20px; }

section {
  background: #FFFFFF;
  margin: 20px;
  padding: 20px;
  border: 1px solid #6AA5AC; }

.section-header {
  margin: 20px;
  padding: 20px 0 0 20px; }
  .section-header + section {
    margin-top: 0; }

#start-container {
  background: #6AA5AC url("../images/content/public.jpg") no-repeat;
  background-position: right bottom;
  text-align: center;
  background-size: auto 50%; }

.cookie-info-container {
  position: fixed;
  width: 100%;
  background: white;
  bottom: 0;
  left: 0;
  z-index: 100;
  border-style: solid none none none;
  border-color: #2E6B74; }
  .cookie-info-container .accept-all-button {
    box-shadow: 0 0 2px 0 black, 0 0 0 6px white, 0 0 0 14px #6AA5AC; }
  .cookie-info-container .cookie-info-inner-container {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 5%; }
    .cookie-info-container .cookie-info-inner-container .checkbox-alignment-row {
      text-align: center; }
    .cookie-info-container .cookie-info-inner-container .checkbox-container {
      margin: 30px;
      white-space: nowrap; }
      .cookie-info-container .cookie-info-inner-container .checkbox-container input[type=checkbox] {
        transform: scale(1.5);
        margin-right: 5px; }
    .cookie-info-container .cookie-info-inner-container .btn {
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 5%; }
    .cookie-info-container .cookie-info-inner-container a {
      color: #2E6B74;
      text-decoration: underline; }
    .cookie-info-container .cookie-info-inner-container h1 {
      color: #2E6B74; }
    .cookie-info-container .cookie-info-inner-container label {
      font-size: 1.5rem;
      line-height: 2rem;
      color: #2E6B74;
      display: inline; }
    .cookie-info-container .cookie-info-inner-container .icon-cancel-circled {
      cursor: pointer;
      font-size: 41.6px;
      color: #2E6B74;
      float: right; }

.block {
  display: block; }

/* Typography =================================================== */
* html {
  font-size: 100%; }

html {
  font-size: 16px;
  line-height: 1.5rem; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  color: #3D3D3D; }

p, label {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 2.25rem; }

headings() {
  margin: 0;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: inherit; }
  headings().alt {
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: -0.05rem; }

headings(5, 6) {
  font-weight: 300; }

h1 {
  /* Sets the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2.6rem;
  line-height: 1.15385rem;
  /* Sets 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.57692rem;
  margin-bottom: 0.57692rem;
  color: #2E6B74;
  line-height: 41.6px; }

h2 {
  font-size: 2rem;
  line-height: 1.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  color: #3D3D3D;
  line-height: 32px; }

h3 {
  font-size: 1.75rem;
  line-height: 1.71429rem;
  margin-top: 0.85714rem;
  margin-bottom: 0.85714rem;
  color: #3D3D3D;
  line-height: 28px; }

h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 24px; }

h5 {
  font-size: 1.25rem;
  line-height: 1.2rem;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  line-height: 20px; }

h6 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 16px; }

a, .read_more {
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  color: #2E6B74;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  a:visited, .read_more:visited {
    color: #2E6B74; }
  a:focus, .read_more:focus {
    color: #8bb9be; }
  a:hover, .read_more:hover {
    color: #6AA5AC; }
  a:active, .read_more:active {
    color: #6AA5AC; }
  a:focus, .read_more:focus {
    outline: thin dotted #333;
    color: #20494f;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  a:hover, a:active, .read_more:hover, .read_more:active {
    outline: 0; }

.error-text {
  color: #8d2132; }

.linethrough {
  text-decoration: line-through; }

li ul,
li ol {
  margin: 0; }

.strong, .bold {
  font-weight: bold; }

#nav-panel .separator {
  font-size: 2.2rem; }

#nav-panel a, #nav-panel span {
  font-size: 2rem; }

*::-moz-selection {
  background: #6AA5AC;
  color: #FFFFFF;
  text-shadow: none; }

*::-webkit-selection {
  background: #6AA5AC;
  color: #FFFFFF;
  text-shadow: none; }

*::selection {
  background: #6AA5AC;
  color: #FFFFFF;
  text-shadow: none; }

/* ============================================================

Project:
    Title: FASS 2.0 Mobile Web
    URL: m.fass.se
    Theme: All;
    Revision: 1;
    Created: 2013-05-08
    Repo:

File:
    Filename: _vectoricons.scss
    Location: skin/sass/
    Created: 2013-06-20

Developers:
  - Name: Gustav Béen
    Contact: gustav.been@tactel.se
    Last_Edit: 2013-06-20

Contents:
  - Imports a custom compiled icon web font and enables classes for commonly used icons.
  - To remove, change or add icons, go to http://www.fontello.com and import config.json found in the skin/fonts directory.
    First, check all icons that are currently in use, matching the class names used below.
    Then add and/or change fonts by customizing their class names.
    Replace the current files in skin/fonts with the new ones and paste only the class names into the icon class section
    in this file, see below. Finally, update the GET parameters after the file names below.

============================================================ */
@font-face {
  font-family: 'fass-compiled';
  src: url("../fonts/fass-compiled.woff2") format("woff2"), url("../fonts/fass-compiled.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will not be as sharp as it could be */
/*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'fass-compiled';
      src: font-url('fass-compiled.svg?14459594#fass-compiled') format('svg');
    }
  }
  */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fass-compiled";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/* Add or replace any icons here but be mindful that they may be in use so it's preferable to simply replace the rule and keep the class name */
.icon-plus:before {
  content: '\e80d'; }

/* '' */
.icon-minus:before {
  content: '\e80e'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e808'; }

/* '' */
.icon-down-open:before {
  content: '\e800'; }

/* '' */
.icon-left-open:before {
  content: '\e801'; }

/* '' */
.icon-right-open:before {
  content: '\e802'; }

/* '' */
.icon-up-open:before {
  content: '\e803'; }

/* '' */
.icon-down-open-big:before {
  content: '\e809'; }

/* '' */
.icon-left-open-big:before {
  content: '\e80a'; }

/* '' */
.icon-right-open-big:before {
  content: '\e80b'; }

/* '' */
.icon-up-open-big:before {
  content: '\e80c'; }

/* '' */
.icon-spin4:before {
  content: '\e80f'; }

/* '' */
.icon-spin5:before {
  content: '\e811'; }

/* '' */
.icon-menu:before {
  content: '\e804'; }

/* '' */
.icon-angle-left:before {
  content: '\e806'; }

/* '' */
.icon-angle-right:before {
  content: '\e805'; }

/* '' */
.icon-angle-up:before {
  content: '\e810'; }

/* '' */
.icon-angle-down:before {
  content: '\e807'; }

/* '' */
.icon-flow-tree:before {
  content: '\e813'; }

/* '' */
.icon-sitemap:before {
  content: '\f0e8'; }

/* '' */
.icon-doc-text:before {
  content: '\f0f6'; }

/* '' */
.icon-attention-circled:before {
  content: '\e812'; }

/* '' */
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* =============================================================================
   Forms
   ========================================================================== */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 0.5em 1em;
  line-height: 1.5;
  padding: 4px 6px;
  vertical-align: middle;
  background: #FFFFFF;
  border-color: #6AA5AC;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset 3px 3px 2px #DDDDDD;
  color: #222222;
  font-size: 42px; }
  select.input-large,
  textarea.input-large,
  input[type="text"].input-large,
  input[type="password"].input-large,
  input[type="datetime"].input-large,
  input[type="datetime-local"].input-large,
  input[type="date"].input-large,
  input[type="month"].input-large,
  input[type="time"].input-large,
  input[type="week"].input-large,
  input[type="number"].input-large,
  input[type="email"].input-large,
  input[type="url"].input-large,
  input[type="search"].input-large,
  input[type="tel"].input-large,
  input[type="color"].input-large,
  .uneditable-input.input-large {
    padding: 10px 20px; }
  select.search-input,
  textarea.search-input,
  input[type="text"].search-input,
  input[type="password"].search-input,
  input[type="datetime"].search-input,
  input[type="datetime-local"].search-input,
  input[type="date"].search-input,
  input[type="month"].search-input,
  input[type="time"].search-input,
  input[type="week"].search-input,
  input[type="number"].search-input,
  input[type="email"].search-input,
  input[type="url"].search-input,
  input[type="search"].search-input,
  input[type="tel"].search-input,
  input[type="color"].search-input,
  .uneditable-input.search-input {
    padding: 10px 20px;
    font-size: 32px; }
  select.input-inverse,
  textarea.input-inverse,
  input[type="text"].input-inverse,
  input[type="password"].input-inverse,
  input[type="datetime"].input-inverse,
  input[type="datetime-local"].input-inverse,
  input[type="date"].input-inverse,
  input[type="month"].input-inverse,
  input[type="time"].input-inverse,
  input[type="week"].input-inverse,
  input[type="number"].input-inverse,
  input[type="email"].input-inverse,
  input[type="url"].input-inverse,
  input[type="search"].input-inverse,
  input[type="tel"].input-inverse,
  input[type="color"].input-inverse,
  .uneditable-input.input-inverse {
    background: #FFFFFF;
    border: transparent; }

select,
input,
textarea,
.uneditable-input {
  width: 100%; }

textarea {
  height: auto; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-transition: border linear, box-shadow linear, background linear;
  -webkit-transition-delay: 0.2s, 0.2s, 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s, background linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s, background linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, background linear 0.2s; }
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    color: #222222;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    background-color: white;
    -webkit-box-shadow: inset 3px 3px 2px #DDDDDD, inset -3px -3px 0 #FFFFFF;
    -moz-box-shadow: inset 3px 3px 2px #DDDDDD, inset -3px -3px 0 #FFFFFF;
    box-shadow: inset 3px 3px 2px #DDDDDD, inset -3px -3px 0 #FFFFFF;
    border-color: #2E6B74; }
  textarea.inverse:focus,
  input[type="text"].inverse:focus,
  input[type="password"].inverse:focus,
  input[type="datetime"].inverse:focus,
  input[type="datetime-local"].inverse:focus,
  input[type="date"].inverse:focus,
  input[type="month"].inverse:focus,
  input[type="time"].inverse:focus,
  input[type="week"].inverse:focus,
  input[type="number"].inverse:focus,
  input[type="email"].inverse:focus,
  input[type="url"].inverse:focus,
  input[type="search"].inverse:focus,
  input[type="tel"].inverse:focus,
  input[type="color"].inverse:focus,
  .uneditable-input.inverse:focus {
    background-color: #EEEEEE; }

form {
  margin: 0 0 20px; }
  form fieldset {
    margin-bottom: 24px;
    padding: 0;
    border-width: 0; }
  form legend {
    display: block;
    width: 100%;
    margin-bottom: 48px;
    padding: 0;
    border: 0;
    border-bottom: 1px none #6AA5AC;
    white-space: normal; }
  form small {
    color: #DDDDDD; }
  form p {
    margin-bottom: 12px; }
  form ul {
    list-style-type: none;
    margin: 0 0 24px 0;
    padding: 0; }
  form br {
    display: none; }

label,
input,
button,
select,
textarea {
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  color: #3D3D3D;
  vertical-align: baseline; }

input,
button,
select,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

label {
  display: block;
  cursor: pointer;
  color: #999999;
  font-size: 12px;
  font-weight: 400; }
  label input,
  label textarea,
  label select {
    display: block; }

input,
textarea,
select {
  display: inline-block;
  padding: 4px;
  margin-bottom: 6px;
  background-color: #FFFFFF;
  border: 1px none #6AA5AC; }
  input:hover,
  textarea:hover,
  select:hover {
    background: white;
    color: #222222;
    border-color: #2E6B74;
    border-width: 1px; }

.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;
  -ms-border-radius: 0;
  -o-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;
  box-sizing: border-box;
  padding: 0; }

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; }

input[type="file"] {
  height: 28px;
  line-height: 28px; }

select {
  background-color: #FFFFFF; }

select[multiple],
select[size] {
  height: auto; }

textarea {
  resize: vertical;
  height: auto;
  overflow: auto;
  vertical-align: top; }

.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] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: not-allowed; }

input:focus,
textarea:focus {
  border-color: #222222;
  outline: 0;
  outline: thin dotted \9; }

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 {
  color: #888888; }

:-moz-placeholder {
  color: #888888; }

::-moz-placeholder {
  color: #888888; }

::-ms-input-placeholder {
  color: #888888; }

.placeholder {
  color: #888888 !important;
  font-style: italic; }

.help-block,
.help-inline {
  color: #888888; }

.help-block {
  display: block;
  margin-bottom: 12px; }

.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; }

.input-medium {
  padding: 10px 20px/2;
  font-size: 21px;
  font-size: 1.3125rem;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -ms-border-radius: 2.5px;
  -o-border-radius: 2.5px;
  border-radius: 2.5px; }

/* =============================================================================
   Tables
   ========================================================================== */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #FFFFFF;
  cursor: default; }
  table th,
  table td {
    padding: 10px;
    vertical-align: top;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    font-size: 0.75rem;
    line-height: 2rem;
    text-align: left; }
  table th {
    font-weight: bold; }
  table thead th {
    vertical-align: bottom; }
  table tbody + tbody {
    border-top: 2px solid #DDDDDD; }
  table tbody tr td,
  table tbody tr th {
    -webkit-transition: background-color 0.25s 0;
    -webkit-transition-delay: linear;
    -moz-transition: background-color 0.25s 0 linear;
    -o-transition: background-color 0.25s 0 linear;
    transition: background-color 0.25s 0 linear; }
  table.table-hover tbody tr:hover td,
  table.table-hover tbody tr:hover th,
  table.table-hover tbody tr.active td,
  table.table-hover tbody tr.active th {
    background-color: #EEEEEE; }
  table.table-clickable {
    cursor: pointer; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border-left: 0;
  border-collapse: separate; }
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #DDDDDD; }
  .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: #F9F2E9; }

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #EEEEEE; }

/* =============================================================================
   Figures and images
   ========================================================================== */
figure {
  margin: 0;
  line-height: 0; }
  figure img {
    margin: 0;
    width: 100%; }
  figure figcaption {
    display: block;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.71429rem;
    color: #888888; }

/* Responsive images */
img {
  max-width: 100%;
  height: auto; }

/* Buttons =================================================== */
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 10px;
  margin-bottom: 0;
  line-height: 34px;
  color: #FFFFFF;
  font-weight: 300;
  background: -owg-linear-gradient(#6AA5AC, #2E6B74);
  background: -webkit-linear-gradient(#6AA5AC, #2E6B74);
  background: -moz-linear-gradient(#6AA5AC, #2E6B74);
  background: -o-linear-gradient(#6AA5AC, #2E6B74);
  background: linear-gradient(#6AA5AC, #2E6B74);
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #2E6B74;
  -webkit-box-shadow: inset 0 1px 0 0 #ECFAF8, 0 0 0 3px white;
  -moz-box-shadow: inset 0 1px 0 0 #ECFAF8, 0 0 0 3px white;
  box-shadow: inset 0 1px 0 0 #ECFAF8, 0 0 0 3px white;
  cursor: pointer;
  text-decoration: none !important; }
  .btn:focus, .btn:hover {
    background: -owg-linear-gradient(#2E6B74, #6AA5AC);
    background: -webkit-linear-gradient(#2E6B74, #6AA5AC);
    background: -moz-linear-gradient(#2E6B74, #6AA5AC);
    background: -o-linear-gradient(#2E6B74, #6AA5AC);
    background: linear-gradient(#2E6B74, #6AA5AC);
    color: #FFFFFF;
    text-decoration: none; }

input[type="submit"].btn:hover {
  border-color: #2E6B74; }

.btn:first-child {
  *margin-left: 0; }

.btn-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default; }

.btn-error {
  background: -owg-linear-gradient(#8d2132, #9c8611);
  background: -webkit-linear-gradient(#8d2132, #9c8611);
  background: -moz-linear-gradient(#8d2132, #9c8611);
  background: -o-linear-gradient(#8d2132, #9c8611);
  background: linear-gradient(#8d2132, #9c8611);
  border-color: #4f121c;
  border-bottom-color: #3a0e15;
  color: #FFFFFF; }
  .btn-error:visited, .btn-error:hover {
    color: #FFFFFF; }

.btn-info {
  border-color: #9acfea;
  border-bottom-color: #85c5e5;
  color: #247fad; }
  .btn-info:visited, .btn-info:hover {
    color: #247fad; }

.btn-inverse {
  border-color: #1b1b1b;
  border-bottom-color: #0e0e0e;
  color: #FFFFFF; }
  .btn-inverse:visited, .btn-inverse:hover {
    color: #FFFFFF; }

.btn-primary {
  border-color: #171717;
  border-bottom-color: #0a0a0a;
  color: #FFFFFF; }
  .btn-primary:visited, .btn-primary:hover {
    color: #FFFFFF; }

.btn-success {
  border-color: #3c893c;
  border-bottom-color: #347834; }

.btn-warning {
  border-color: #da8205;
  border-bottom-color: #c17305; }

.btn-inverse {
  color: #FFFFFF;
  background: #414141; }

.btn-extlarge {
  padding: 20px;
  font-size: 41.6px;
  font-size: 2.6rem;
  line-height: 47.84px; }

.btn-large {
  padding: 20px;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 48.3px; }

.btn-medium {
  padding: 16px;
  font-size: 32px;
  font-size: 2rem;
  line-height: 36.8px; }

.btn-small {
  padding: 6px 10px;
  font-size: 0.6875rem;
  line-height: 2.18182rem;
  line-height: 12.65px; }

.btn-mini {
  padding: 3px 5px;
  font-size: 0.6875rem;
  line-height: 2.18182rem;
  line-height: 12.65px; }

.btn-main-search {
  min-width: 90%; }

.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em; }
  .btn-group .btn {
    position: relative;
    float: left;
    margin-left: -1px; }
    .btn-group .btn:first-child {
      margin-left: 0;
      -moz-border-radius-topleft: 2px;
      -webkit-border-top-left-radius: 2px;
      border-top-left-radius: 2px;
      -moz-border-radius-bottomleft: 2px;
      -webkit-border-bottom-left-radius: 2px;
      border-bottom-left-radius: 2px; }
    .btn-group .btn:last-child {
      -moz-border-radius-topright: 2px;
      -webkit-border-top-right-radius: 2px;
      border-top-right-radius: 2px;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-bottom-right-radius: 2px;
      border-bottom-right-radius: 2px; }
    .btn-group .btn.large:first-child {
      margin-left: 0;
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      -webkit-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .btn-group .btn.large:last-child {
      -moz-border-radius-topright: 4px;
      -webkit-border-top-right-radius: 4px;
      border-top-right-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px; }

.btn-toolbar {
  clear: both;
  margin-top: 12px;
  margin-bottom: 12px; }
  .btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

.btn-container {
  height: 66vh; }

.btn-main-nav {
  width: 100%;
  background: -owg-linear-gradient(#6AA5AC, #2E6B74);
  background: -webkit-linear-gradient(#6AA5AC, #2E6B74);
  background: -moz-linear-gradient(#6AA5AC, #2E6B74);
  background: -o-linear-gradient(#6AA5AC, #2E6B74);
  background: linear-gradient(#6AA5AC, #2E6B74);
  -webkit-box-shadow: inset 0 1px 0 0 #ECFAF8, 0 0 0 1px #6AA5AC;
  -moz-box-shadow: inset 0 1px 0 0 #ECFAF8, 0 0 0 1px #6AA5AC;
  box-shadow: inset 0 1px 0 0 #ECFAF8, 0 0 0 1px #6AA5AC;
  color: #FFFFFF;
  border: 1px solid #2E6B74;
  height: auto;
  margin-bottom: 3%;
  margin-top: 3%; }
  .btn-main-nav > i {
    font-size: 1.2em; }
  .btn-main-nav:hover {
    background: -owg-linear-gradient(#2E6B74, #6AA5AC);
    background: -webkit-linear-gradient(#2E6B74, #6AA5AC);
    background: -moz-linear-gradient(#2E6B74, #6AA5AC);
    background: -o-linear-gradient(#2E6B74, #6AA5AC);
    background: linear-gradient(#2E6B74, #6AA5AC);
    color: #FFFFFF; }

#tab-container {
  margin: 20px;
  margin-bottom: 1px;
  padding-left: 20px;
  padding-right: 10px; }
  #tab-container ul.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 10;
    width: 100%;
    display: table; }
    #tab-container ul.tabs li {
      position: relative;
      display: table-cell;
      width: auto;
      text-align: center;
      font-size: 24px;
      z-index: 1; }
      #tab-container ul.tabs li.selected {
        z-index: 10; }
        #tab-container ul.tabs li.selected div a {
          color: #222222;
          z-index: 40; }
        #tab-container ul.tabs li.selected div::before {
          background-color: #FFFFFF;
          border-bottom: 2px solid #FFFFFF; }
        #tab-container ul.tabs li.selected div::after {
          background-color: #FFFFFF;
          border-bottom: 2px solid #FFFFFF; }
      #tab-container ul.tabs li div {
        background: #ECFAF8;
        padding: 18px 18px 15px;
        margin: 0 10px 0 0;
        z-index: -10; }
        #tab-container ul.tabs li div::before {
          background-color: #CBEAED;
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 70%;
          height: 100%;
          border: 1px solid #6AA5AC;
          border-right-width: 0;
          border-radius: 8px 0 0 0;
          -webkit-transform: skewX(-20deg);
          -moz-transform: skewX(-20deg);
          -o-transform: skewX(-20deg);
          transform: skewX(-20deg);
          z-index: -1; }
        #tab-container ul.tabs li div::after {
          background-color: #CBEAED;
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          width: 70%;
          height: 100%;
          border: 1px solid #6AA5AC;
          border-left-width: 0;
          border-radius: 0 8px 0 0;
          -webkit-transform: skewX(20deg);
          -moz-transform: skewX(20deg);
          -o-transform: skewX(20deg);
          transform: skewX(20deg);
          z-index: -1; }

#nav-panel {
  display: none;
  border: 3px solid #6AA5AC;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
  position: absolute;
  z-index: 101;
  right: -1px;
  top: 90px; }
  #nav-panel .menu-button {
    cursor: pointer;
    color: #2E6B74;
    text-decoration: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 2rem; }
  #nav-panel .vertical-wrapper-inner:first-child {
    width: 75%; }
  #nav-panel input {
    margin: 0; }
  #nav-panel.navpanel-visible {
    display: block; }
  #nav-panel ul {
    list-style: none;
    margin: 10px 0;
    padding: 0; }
    #nav-panel ul li {
      border-bottom: 1px solid #CBEAED; }
      #nav-panel ul li:last-child {
        border-bottom: none; }
      #nav-panel ul li.active {
        background-color: #6AA5AC; }
        #nav-panel ul li.active span {
          color: #FFFFFF; }
  #nav-panel .nav-item a, #nav-panel .nav-item span {
    font-weight: bold;
    cursor: pointer;
    color: #2E6B74;
    text-decoration: none;
    display: block;
    padding: 20px 80px 20px 20px; }
    #nav-panel .nav-item a:hover, #nav-panel .nav-item span:hover {
      text-decoration: underline; }
    #nav-panel .nav-item a > i, #nav-panel .nav-item span > i {
      margin-left: 20px; }
  #nav-panel .menu-item {
    font-weight: normal;
    color: #2E6B74;
    text-decoration: none;
    cursor: default;
    display: block;
    padding: 20px 80px 20px 20px; }

.external-link {
  background-position: -70px 0;
  height: 30px;
  width: 30px;
  margin-left: 10px;
  bottom: 5px;
  position: relative; }

.transparent-overlay {
  z-index: 9990;
  background-color: rgba(1, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute; }

.transparent-overlay-content {
  z-index: 9999;
  margin: 0;
  width: 50%;
  top: 300px;
  left: 25%;
  position: absolute; }

.prefer-mobile-fass, .continue-to-fass-web {
  margin-top: 20px;
  margin-bottom: 20px; }

.cell {
  vertical-align: middle;
  text-align: center; }

.wheatcolor {
  color: #FFFFFF; }

.cookieinfo {
  line-height: 32px;
  font-size: x-large;
  background-color: rgba(1, 0, 0, 0.5); }

.toggle-section {
  cursor: pointer;
  display: inline-block;
  margin-left: .5rem;
  color: #2E6B74;
  font-size: 2.6rem;
  line-height: 1.15385rem;
  line-height: 32px; }

.block-wrapper {
  position: relative; }

#app-container.loader:before {
  -webkit-animation: progressbar 1s linear infinite;
  -moz-animation: progressbar 1s linear infinite;
  animation: progressbar 1s linear infinite;
  background-repeat: repeat-x;
  background-size: 100%;
  z-index: 800;
  background: -owg-linear-gradient(left, #FFFFFF, #6AA5AC 25%, #FFFFFF 75%);
  background: -webkit-linear-gradient(left, #FFFFFF, #6AA5AC 25%, #FFFFFF 75%);
  background: -moz-linear-gradient(left, #FFFFFF, #6AA5AC 25%, #FFFFFF 75%);
  background: -o-linear-gradient(left, #FFFFFF, #6AA5AC 25%, #FFFFFF 75%);
  background: linear-gradient(left, #FFFFFF, #6AA5AC 25%, #FFFFFF 75%);
  content: "";
  width: 200%;
  display: block;
  position: fixed;
  right: 200%;
  top: 0;
  height: 8px; }

.ajax-spinner {
  display: none;
  font-size: 34px;
  color: #2E6B74;
  position: absolute;
  right: 10px;
  top: 20px; }
  .loader .ajax-spinner {
    display: block; }

@-webkit-keyframes progressbar {
  to {
    right: -150%; } }

@-moz-keyframes progressbar {
  to {
    right: -150%; } }

@-o-keyframes progressbar {
  to {
    right: -150%; } }

@keyframes progressbar {
  to {
    right: -150%; } }

#fallback-frame {
  display: none; }
  .lt-ie9 #fallback-frame {
    display: block;
    text-align: center; }
    .lt-ie9 #fallback-frame > h1 {
      font-size: 272px;
      font-size: 17rem;
      line-height: normal; }

html.lt-ie9 #app {
  display: none; }

.system-info-container-warn {
  background-color: #f4d12b;
  color: #222222; }
  .system-info-container-warn a {
    color: #3D3D3D; }

.system-info-container-info {
  background-color: #8D2132;
  color: #FFFFFF; }
  .system-info-container-info a {
    color: #FFFFFF; }

#system-info-container {
  margin: 0;
  border: none; }
  #system-info-container .information-container {
    display: block;
    padding: 20px;
    clear: both;
    width: 95%;
    font-size: 24px;
    margin: 0 auto; }
    #system-info-container .information-container .information-container-table {
      display: table;
      margin: 0 auto; }
      #system-info-container .information-container .information-container-table .information-text {
        display: table-cell; }
        #system-info-container .information-container .information-container-table .information-text a {
          text-decoration: underline; }
        #system-info-container .information-container .information-container-table .information-text a:hover, #system-info-container .information-container .information-container-table .information-text a:active, #system-info-container .information-container .information-container-table .information-text a:focus {
          color: #888888;
          text-decoration: none; }

#search-panel {
  border: 6px solid #6AA5AC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 130px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: -20px 20px 0;
  padding: 20px; }
  #search-panel .vertical-wrapper-inner:first-child {
    width: 75%; }
    #search-panel .vertical-wrapper-inner:first-child input {
      margin: 0; }

.string-match {
  font-weight: bold; }

.livesearch-wrapper {
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 300; }

.livesearch-results {
  list-style: none;
  padding: 0;
  margin: 0; }
  .livesearch-results > li {
    background: #2E6B74;
    background: #2e6b74; }
    .livesearch-results > li:hover {
      background: #275a62; }
    .livesearch-results > li > a {
      display: block;
      color: #FFFFFF;
      font-size: 2rem;
      line-height: 1.5rem;
      padding: 25px;
      font-weight: normal;
      line-height: 32px; }
    .livesearch-results > li + li {
      border-top: 1px solid #CBEAED; }

.search-result {
  cursor: pointer; }

.main-header, .category-header {
  font-weight: 700;
  font-size: 32px; }

.header-container, .group-member {
  position: relative; }

.group-header {
  padding: 20px 5px;
  background: #FFFFFF;
  color: #2E6B74;
  border-bottom: #6AA5AC 3px solid;
  margin-top: 0;
  margin-bottom: 0; }
  .active .group-header {
    background: #6AA5AC;
    color: #FFFFFF;
    border-bottom: #6AA5AC 3px solid; }
  .group-header .noWeight {
    font-weight: normal; }

.accent-header {
  color: #000000; }

.historical-name {
  display: block;
  font-weight: normal;
  margin-top: 5px; }

.group-member {
  padding: 20px;
  border-bottom: 2px solid #6AA5AC; }
  .atc-results .group-member {
    padding: 20px; }

.group-member-header {
  color: #2E6B74;
  margin-bottom: 6.66667px;
  word-break: normal; }

.group-member-header, .group-member-details {
  font-size: 28px; }

.group-member-symbol, .group-header-symbol,
.category-header-symbol, .group-symbol {
  position: absolute;
  font-size: 41.6px;
  right: 20px;
  top: 14px;
  z-index: 1;
  color: #2E6B74; }

.group-symbol {
  top: 0;
  bottom: 0; }

.group-header:hover, .category-header:hover, .veterinary-header:hover, .humane-header:hover, .group-member:hover {
  cursor: pointer; }

.group-container {
  margin-bottom: 10px; }
  .atc-results .group-container:first-child {
    border-top: 2px solid #6AA5AC; }

.alt-gateway {
  padding-top: 10px;
  padding-left: 20px; }

.category-header {
  position: relative;
  padding: 20px 5px 20px 5px;
  background: #FFFFFF;
  border-bottom: #6AA5AC 3px solid;
  margin-top: 0;
  margin-bottom: 0; }
  .category-header.active {
    background: #6AA5AC;
    color: #FFFFFF;
    border-bottom: #6AA5AC 3px solid; }

.group-header, .category-header, .group-member-header, .group-member-details {
  padding-right: 62px; }

.icon-minus {
  color: #FFFFFF; }

.showMoreLessSearch {
  font-size: 24px;
  cursor: pointer;
  color: #2E6B74;
  margin-left: -20px;
  padding: 20px; }

.showMore {
  padding-right: 20px; }

.overflow-container {
  font-size: 24px; }

.category-container {
  margin: 10px 0; }

#product-head {
  position: relative; }
  #product-head #hgroup h1 {
    -ms-word-break: break-all;
    word-break: normal; }
  #product-head p, #product-head h2 {
    margin: 0; }
  #product-head h2 {
    font-size: 1.5rem;
    line-height: 2rem; }
  #product-head a {
    text-decoration: underline; }
  #product-head .container {
    margin: .75rem 0; }
  #product-head .container-left {
    width: 70%; }
    #product-head .container-left p {
      padding-right: 1.5rem; }
  #product-head .container-right {
    width: 30%; }
  #product-head .specialReciepe {
    margin: .75rem 0; }
  #product-head #productSymbols {
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #2E6B74;
    margin: 0;
    padding: 0 5px;
    display: table; }
    #product-head #productSymbols .symbol {
      display: inline-block; }
    #product-head #productSymbols .symbol {
      cursor: pointer;
      margin: 5px 3px 0; }
    #product-head #productSymbols .symbolText {
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: 700;
      color: #FFFFFF; }
    #product-head #productSymbols .receptfritt {
      position: relative;
      top: 5px;
      background-position: 0 0;
      height: 44px;
      width: 155px; }
  #product-head .plusToggleContainer, #product-head #atcCode {
    line-height: 54px; }
  #product-head .icon-minus {
    color: #2E6B74; }

#product-body {
  padding: 0;
  margin-top: 0;
  margin-bottom: 40px; }
  #product-body .product-body-container {
    margin-top: 0;
    overflow: hidden; }
    #product-body .product-body-container > p, #product-body .product-body-container > table {
      margin: 20px; }
  #product-body p {
    padding: 0;
    margin: 0; }
  #product-body a {
    text-decoration: underline; }
  #product-body table {
    border-left-color: #6AA5AC;
    border-right-color: #6AA5AC;
    border-bottom-color: #6AA5AC; }
    #product-body table th {
      /* background: @dark; */
      border-color: #2E6B74; }
    #product-body table td {
      border-color: #6AA5AC; }
    #product-body table.bNone {
      border: none; }
      #product-body table.bNone th, #product-body table.bNone tr, #product-body table.bNone td, #product-body table.bNone thead, #product-body table.bNone tbody {
        border: none; }
      #product-body table.bNone td.borderOnTop {
        border-top: 1px solid #6AA5AC; }
    #product-body table.bGrid {
      border-left-width: 1px;
      border-left-style: solid;
      border-right-width: 1px;
      border-right-style: solid;
      border-top-width: 1px;
      border-top-style: solid; }
      #product-body table.bGrid th, #product-body table.bGrid td {
        border-width: 1px;
        border-style: solid; }
      #product-body table.bGrid td.borderOnTop {
        border-top: 1px solid #6AA5AC; }
    #product-body table.bStandard {
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-top-width: 1px;
      border-top-style: solid;
      border-right: none;
      border-left: none; }
      #product-body table.bStandard th, #product-body table.bStandard tr, #product-body table.bStandard td, #product-body table.bStandard thead, #product-body table.bStandard tbody {
        border: none; }
      #product-body table.bStandard td.borderOnTop {
        border-top: 1px solid #6AA5AC; }
  #product-body .headerdatapart {
    padding: 20px;
    overflow: hidden; }
    #product-body .headerdatapart .headerdatapart {
      padding: 0px;
      padding-top: 20px; }
      #product-body .headerdatapart .headerdatapart b {
        text-indent: 0px; }
  #product-body headings() {
    margin: 20px 0; }
  #product-body #additionalMonitoringInfo {
    font-style: italic; }

.tablewrapper2 {
  position: relative; }
  .tablewrapper2 .tablewrapper {
    max-width: 100%;
    overflow-x: scroll; }
    .tablewrapper2 .tablewrapper table {
      white-space: normal; }
      .tablewrapper2 .tablewrapper table th, .tablewrapper2 .tablewrapper table td {
        min-width: 5px; }
  .tablewrapper2 .scroll-icon-right, .tablewrapper2 .scroll-icon-left {
    font-size: 48px;
    opacity: 0.5;
    position: absolute;
    top: 20px;
    color: #6AA5AC; }
  .tablewrapper2 .scroll-icon-right {
    right: -38px; }
  .tablewrapper2 .scroll-icon-left {
    left: -38px; }

.narcoticClass, .specialReciepe {
  font-style: italic; }

#product-doc-container {
  font-size: 24px; }
  #product-doc-container > p, #product-doc-container > div > p {
    padding: 10px 20px 10px 20px; }
  #product-doc-container #transformed-doc-container > h2:first-of-type {
    margin-top: 20px; }
  #product-doc-container > h2, #product-doc-container > div > h2 {
    font-size: 2rem;
    line-height: 1.5rem;
    line-height: 32px;
    min-height: 32px;
    margin: 0;
    padding: 20px;
    padding-right: 62px;
    color: #2E6B74;
    border-top: 3px solid #6AA5AC;
    cursor: pointer;
    position: relative; }
    #product-doc-container > h2.active, #product-doc-container > div > h2.active {
      background: #6AA5AC;
      color: #FFFFFF;
      border: 0 none; }
      #product-doc-container > h2.active > a, #product-doc-container > div > h2.active > a {
        color: #FFFFFF; }
      #product-doc-container > h2.active:hover, #product-doc-container > div > h2.active:hover {
        background: #6AA5AC; }
      #product-doc-container > h2.active + .headerdatapart, #product-doc-container > div > h2.active + .headerdatapart {
        display: block; }
    #product-doc-container > h2.inactive + .headerdatapart, #product-doc-container > div > h2.inactive + .headerdatapart {
      display: none; }
    #product-doc-container > h2:hover, #product-doc-container > div > h2:hover {
      background: white; }
  #product-doc-container .extendsurvtop, #product-doc-container div .extendsurvtop {
    margin-top: 20px; }

.pre-doc {
  border: none;
  margin-bottom: 0;
  padding: 0; }

.product-text {
  display: inline-block;
  padding: 0 20px; }

.info-text, .product-text {
  margin-top: 10px; }

#packagelabel {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2E6B74; }

#packageoptions {
  box-shadow: none;
  border: 1px solid #6AA5AC;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 1.5rem;
  line-height: 2rem; }

#allowancepanel {
  border: 1px solid;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  white-space: normal;
  width: 70%;
  margin: 20px auto;
  padding: 10px 0;
  font-size: 1.5rem;
  line-height: 2rem; }

p span.am {
  background-position: 0 0;
  height: 18px;
  width: 20px;
  display: inline-block;
  position: relative;
  margin-right: 4px; }

#product-dhpc {
  padding-top: 5px;
  padding-bottom: 5px; }
  #product-dhpc .info-container {
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 2rem; }
    #product-dhpc .info-container .info-link {
      font-weight: bold;
      text-decoration: underline; }
    #product-dhpc .info-container .info {
      margin-left: 0;
      bottom: 5px;
      margin-right: 5px; }
  #product-dhpc .dhpc-link {
    margin-top: 24px;
    margin-bottom: 24px; }
    #product-dhpc .dhpc-link a {
      text-decoration: underline; }

#product-restnotering {
  padding-top: 5px;
  padding-bottom: 5px; }
  #product-restnotering .info-container {
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 2rem; }
    #product-restnotering .info-container .info-link {
      font-weight: bold;
      text-decoration: underline; }
    #product-restnotering .info-container .info {
      margin-left: 0;
      bottom: 5px;
      margin-right: 5px; }
  #product-restnotering .rest-text {
    margin-top: 24px;
    margin-bottom: 24px; }
  #product-restnotering .rest-text-advice {
    display: block;
    margin-top: 10px; }
    #product-restnotering .rest-text-advice .warning {
      color: #8d2132; }
  #product-restnotering .rest-text-advice-top {
    display: block;
    margin-top: 10px; }
    #product-restnotering .rest-text-advice-top .warning {
      color: #8d2132; }
  #product-restnotering .rest-text-advice-bottom {
    margin-top: 0px;
    display: block; }
    #product-restnotering .rest-text-advice-bottom .warning {
      color: #8d2132; }
  #product-restnotering .toggle-rest-text {
    cursor: pointer;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #2E6B74; }
    #product-restnotering .toggle-rest-text .icon-minus {
      color: #2E6B74; }

#stock-inventory-container {
  font-size: 24px; }
  #stock-inventory-container .pre-package-list {
    border: none;
    margin-bottom: 0;
    padding: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #2E6B74; }
    #stock-inventory-container .pre-package-list .info-icon {
      background-position: -186px 0;
      height: 26px;
      width: 26px;
      bottom: 5px;
      margin-right: 5px;
      position: relative; }
    #stock-inventory-container .pre-package-list .how-to-search-link {
      font-weight: bold;
      text-decoration: underline; }
    #stock-inventory-container .pre-package-list .choose-package-label {
      color: black; }
  #stock-inventory-container .package-list {
    margin: 20px;
    font-size: 1.5rem;
    line-height: 2rem; }
    #stock-inventory-container .package-list ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    #stock-inventory-container .package-list li {
      margin-top: 5px;
      background: #ECFAF8;
      border: 1px solid #6AA5AC;
      padding: 10px; }
      #stock-inventory-container .package-list li.selected {
        background: #2E6B74;
        color: #FFFFFF; }
        #stock-inventory-container .package-list li.selected h2, #stock-inventory-container .package-list li.selected span {
          color: #FFFFFF; }
      #stock-inventory-container .package-list li span {
        display: block; }
      #stock-inventory-container .package-list li .not-available-warning {
        color: #8d2132; }
      #stock-inventory-container .package-list li h2 {
        font-size: 1.5rem;
        line-height: 2rem;
        margin: 0; }
  #stock-inventory-container .button-bar {
    margin: 20px; }
  #stock-inventory-container .btn-search-near {
    white-space: nowrap; }
  #stock-inventory-container .btn-select-city {
    white-space: nowrap; }
  #stock-inventory-container .not-available {
    border: none;
    margin: 0; }
  #stock-inventory-container .search-result-wrapper #no-pharmacies, #stock-inventory-container .internet-pharmacies-wrapper #no-pharmacies {
    margin: 20px;
    font-size: 1.5rem;
    line-height: 2rem;
    color: black; }
  #stock-inventory-container .search-result-wrapper #show-10-more, #stock-inventory-container .internet-pharmacies-wrapper #show-10-more {
    margin: 20px; }
  #stock-inventory-container .search-result-wrapper #show-all-or-open-only, #stock-inventory-container .internet-pharmacies-wrapper #show-all-or-open-only {
    margin-top: 20px; }
  #stock-inventory-container .search-result-wrapper #show-10-more, #stock-inventory-container .search-result-wrapper #show-all-pharmacies, #stock-inventory-container .search-result-wrapper #show-all-open-pharmacies, #stock-inventory-container .internet-pharmacies-wrapper #show-10-more, #stock-inventory-container .internet-pharmacies-wrapper #show-all-pharmacies, #stock-inventory-container .internet-pharmacies-wrapper #show-all-open-pharmacies {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #2E6B74;
    font-weight: bold; }
    #stock-inventory-container .search-result-wrapper #show-10-more:hover, #stock-inventory-container .search-result-wrapper #show-all-pharmacies:hover, #stock-inventory-container .search-result-wrapper #show-all-open-pharmacies:hover, #stock-inventory-container .internet-pharmacies-wrapper #show-10-more:hover, #stock-inventory-container .internet-pharmacies-wrapper #show-all-pharmacies:hover, #stock-inventory-container .internet-pharmacies-wrapper #show-all-open-pharmacies:hover {
      text-decoration: underline; }
  #stock-inventory-container .search-result-wrapper .search-result-header, #stock-inventory-container .internet-pharmacies-wrapper .search-result-header {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #2E6B74;
    margin: 20px;
    padding: 0; }
    #stock-inventory-container .search-result-wrapper .search-result-header span, #stock-inventory-container .internet-pharmacies-wrapper .search-result-header span {
      display: inline-block; }
    #stock-inventory-container .search-result-wrapper .search-result-header .search-results-label, #stock-inventory-container .search-result-wrapper .search-result-header .search-label, #stock-inventory-container .internet-pharmacies-wrapper .search-result-header .search-results-label, #stock-inventory-container .internet-pharmacies-wrapper .search-result-header .search-label {
      color: black;
      white-space: pre-wrap; }
    #stock-inventory-container .search-result-wrapper .search-result-header .search-label-header, #stock-inventory-container .internet-pharmacies-wrapper .search-result-header .search-label-header {
      font-style: italic;
      color: black;
      margin: .75rem 0;
      white-space: pre-wrap; }
  #stock-inventory-container .select-city-or-pharmacy {
    border: none;
    padding: 0; }
    #stock-inventory-container .select-city-or-pharmacy .select-city-label {
      font-size: 1.5rem;
      line-height: 2rem;
      color: black; }
    #stock-inventory-container .select-city-or-pharmacy .dropdown-options {
      box-shadow: none;
      border: 1px solid #6AA5AC;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
      font-size: 1.5rem;
      line-height: 2rem; }
  #stock-inventory-container #pharmacyContainer .pharmacy-row, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row {
    padding: 20px;
    cursor: pointer;
    border: none;
    border-top: 3px solid #6AA5AC; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .stock-ajax-spinner, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .stock-ajax-spinner {
      display: none;
      font-size: 34px;
      color: #2E6B74; }
      #stock-inventory-container #pharmacyContainer .pharmacy-row .stock-ajax-spinner.loading, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .stock-ajax-spinner.loading {
        margin-left: 50px;
        display: block; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .exchangeable-text, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .exchangeable-text {
      white-space: nowrap; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row h3, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row h3 {
      font-size: 1.75rem;
      line-height: 1.71429rem;
      color: #2E6B74;
      margin-bottom: 6.66667px;
      word-break: normal;
      line-height: 32px;
      min-height: 32px;
      margin: 0;
      cursor: pointer;
      position: relative; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .icon-minus, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .icon-minus {
      color: #2E6B74; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .group-header-symbol, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .group-header-symbol {
      position: absolute;
      font-size: 41.6px;
      right: -20px;
      top: 24px;
      z-index: 1;
      color: #2E6B74; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .left-column, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .left-column {
      width: 55%;
      float: left; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .right-column, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .right-column {
      width: 38%;
      float: left;
      position: relative;
      margin-left: 10px; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .pharmacy-address, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .pharmacy-address {
      width: 100%; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .internet-pharmacy-url, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .internet-pharmacy-url {
      word-break: break-all; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .open-hours-paragraph, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .open-hours-paragraph {
      margin-top: 5px; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .opening-hours, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .opening-hours {
      font-style: italic;
      width: 100%;
      clear: left; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .telephone-label, #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .actor-email-label, #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .weburl-label, #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .opening-hours-label, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .telephone-label, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .actor-email-label, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .weburl-label, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .opening-hours-label {
      font-style: italic; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .stock-status, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .stock-status {
      float: left; }
      #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .stock-status #stock-inventory-status, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .stock-status #stock-inventory-status {
        font-size: 1.5rem;
        line-height: 2rem;
        color: #2E6B74; }
        #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .stock-status #stock-inventory-status .stock-inventory-status-text, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .stock-status #stock-inventory-status .stock-inventory-status-text {
          font-weight: bold; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy span, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy span {
      font-size: 1.5rem;
      line-height: 2rem; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .showless-container, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .showless-container {
      margin-top: 5px;
      clear: both; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .map-container, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .map-container {
      float: left;
      width: 55%; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .stock-date-container, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .stock-date-container {
      width: 40%;
      float: left;
      position: relative;
      margin-left: 10px;
      min-height: 200px; }
      #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy .stock-date-container .stock-date, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy .stock-date-container .stock-date {
        white-space: nowrap;
        position: absolute;
        bottom: 0;
        left: 0; }
    #stock-inventory-container #pharmacyContainer .pharmacy-row .pharmacy.showless .showless-container, #stock-inventory-container .internet-pharmacies-wrapper .pharmacy-row .pharmacy.showless .showless-container {
      display: none;
      clear: both; }

#portal-doc-container {
  font-size: 24px; }
  #portal-doc-container > p, #portal-doc-container div > p, #portal-doc-container h4, #portal-doc-container div > h4, #portal-doc-container h5, #portal-doc-container div > h5 {
    padding: 5px 20px;
    margin: 10px auto; }
  #portal-doc-container h3:first-of-type, #portal-doc-container div h3:first-of-type {
    margin-top: 20px; }
  #portal-doc-container > h3, #portal-doc-container div > h3 {
    font-size: 1.75rem;
    line-height: 1.71429rem;
    line-height: 28px;
    min-height: 28px;
    margin: 0;
    padding: 20px;
    padding-right: 58px;
    color: #2E6B74;
    border-top: 3px solid #6AA5AC;
    cursor: pointer;
    position: relative; }
    #portal-doc-container > h3.active, #portal-doc-container div > h3.active {
      background: #6AA5AC;
      color: #FFFFFF;
      border: 0 none; }
      #portal-doc-container > h3.active > a, #portal-doc-container div > h3.active > a {
        color: #FFFFFF; }
      #portal-doc-container > h3.active:hover, #portal-doc-container div > h3.active:hover {
        background: #6AA5AC; }
      #portal-doc-container > h3.active + .headerdatapart, #portal-doc-container div > h3.active + .headerdatapart {
        display: block; }
    #portal-doc-container > h3.inactive + .headerdatapart, #portal-doc-container div > h3.inactive + .headerdatapart {
      display: none; }
    #portal-doc-container > h3:hover, #portal-doc-container div > h3:hover {
      background: white; }
  #portal-doc-container a {
    text-decoration: underline; }
  #portal-doc-container .extendsurvtop, #portal-doc-container div .extendsurvtop {
    margin-top: 20px; }

#company-container {
  padding-bottom: 24px; }
  #company-container h1 {
    -ms-word-break: break-all;
    word-break: normal; }
  #company-container h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 1rem;
    margin-bottom: 0; }
  #company-container a {
    text-decoration: underline; }
  #company-container .container {
    margin: .75rem 0; }
  #company-container .container-left {
    width: 70%; }
    #company-container .container-left p {
      padding-right: 1.5rem; }
  #company-container .container-right {
    width: 30%; }
  #company-container .icon-minus {
    color: #2E6B74; }
  #company-container p {
    padding: 0 0 6px 0;
    margin: 0; }
  #company-container ul.no-bullets {
    margin-top: 0;
    padding-left: 0; }
    #company-container ul.no-bullets li {
      list-style: none;
      margin-left: 0;
      font-size: 1.5rem;
      line-height: 2rem;
      margin-top: 0.1875rem; }
  #company-container table {
    border-left-color: #6AA5AC;
    border-right-color: #6AA5AC;
    border-bottom-color: #6AA5AC; }
    #company-container table th {
      /* background: @dark; */
      border-color: #2E6B74; }
    #company-container table td {
      border-color: #6AA5AC; }
    #company-container table.bNone {
      border: none; }
      #company-container table.bNone th, #company-container table.bNone tr, #company-container table.bNone td, #company-container table.bNone thead, #company-container table.bNone tbody {
        border: none; }
      #company-container table.bNone td.borderOnTop {
        border-top: 1px solid #6AA5AC; }
    #company-container table.bGrid {
      border-left-width: 1px;
      border-left-style: solid;
      border-right-width: 1px;
      border-right-style: solid;
      border-top-width: 1px;
      border-top-style: solid; }
      #company-container table.bGrid th, #company-container table.bGrid td {
        border-width: 1px;
        border-style: solid; }
      #company-container table.bGrid td.borderOnTop {
        border-top: 1px solid #6AA5AC; }
    #company-container table.bStandard {
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-top-width: 1px;
      border-top-style: solid;
      border-right: none;
      border-left: none; }
      #company-container table.bStandard th, #company-container table.bStandard tr, #company-container table.bStandard td, #company-container table.bStandard thead, #company-container table.bStandard tbody {
        border: none; }
      #company-container table.bStandard td.borderOnTop {
        border-top: 1px solid #6AA5AC; }
  #company-container .tablewrapper2 {
    position: relative; }
    #company-container .tablewrapper2 .tablewrapper {
      max-width: 100%;
      overflow-x: scroll; }
      #company-container .tablewrapper2 .tablewrapper table {
        white-space: nowrap; }
        #company-container .tablewrapper2 .tablewrapper table th, #company-container .tablewrapper2 .tablewrapper table td {
          min-width: 5px; }
    #company-container .tablewrapper2 .scroll-icon-right, #company-container .tablewrapper2 .scroll-icon-left {
      font-size: 48px;
      opacity: 0.5;
      position: absolute;
      bottom: 20px;
      color: #6AA5AC; }
    #company-container .tablewrapper2 .scroll-icon-right {
      right: -38px; }
    #company-container .tablewrapper2 .scroll-icon-left {
      left: -38px; }
  #company-container headings() {
    margin: 20px 0; }
  #company-container #additionalMonitoringInfo {
    font-style: italic; }

#atc-tree-container #atc-tree-body h1 {
  padding-bottom: 20px; }

#atc-tree-container #atc-tree-body h3 {
  color: #2E6B74; }

#atc-tree-container #atc-tree-body .atc-top-level:first-child {
  padding-top: 20px; }
  #atc-tree-container #atc-tree-body .atc-top-level:first-child h2.atc-group-header {
    border-top: 3px solid #6AA5AC; }

#atc-tree-container #atc-tree-body h2.atc-group-header {
  font-weight: normal; }
  #atc-tree-container #atc-tree-body h2.atc-group-header.inactive {
    font-style: italic;
    color: #6AA5AC;
    cursor: default; }

#atc-tree-container #atc-tree-body label {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2E6B74;
  display: inline; }

#atc-tree-container #atc-tree-body #animal {
  display: inline;
  width: 40%; }

#atc-tree-container #atc-tree-body .dropdown-options {
  box-shadow: none;
  border: 1px solid #6AA5AC;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 1.5rem;
  line-height: 2rem; }

.info {
  background-position: -186px 0;
  height: 26px;
  width: 26px;
  display: inline-block;
  position: relative;
  margin-left: 2px; }
