@charset "UTF-8";
/*------------------------------------*    SETTING THE THEME VARIABLES
\*------------------------------------*/
/*------------------------------------*    COLOUR PALETTE
\*------------------------------------*/
/*------------------------------------*    HEADERS
\*------------------------------------*/
/*------------------------------------*    BUTTONS
\*------------------------------------*/
/*------------------------------------*    NAVBAR
\*------------------------------------*/
/*------------------------------------*    BLOCK CONTAINER
\*------------------------------------*/
/*------------------------------------*    TABLE
\*------------------------------------*/
/*------------------------------------*    NOTIFICATIONS
\*------------------------------------*/
/*------------------------------------*    LABELS
\*------------------------------------*/
/*------------------------------------*    PROGRESS BAR
\*------------------------------------*/
/*------------------------------------*    SNACKBAR
\*------------------------------------*/
/*                                                                                                                                         
                                                ,,            ,,                          ,,                                             
 .M"""bgd mm                                    db          `7MM        mm         mm   `7MM                                    OO OO OO 
,MI    "Y MM                                                  MM        MM         MM     MM                                    88 88 88 
`MMb.   mmMMmm ,pW"Wq.`7MMpdMAo.     `7Mb,od8 `7MM  .P"Ybmmm  MMpMMMb.mmMMmm     mmMMmm   MMpMMMb.  .gP"Ya `7Mb,od8 .gP"Ya      || || || 
  `YMMNq. MM  6W'   `Wb MM   `Wb       MM' "'   MM :MI  I8    MM    MM  MM         MM     MM    MM ,M'   Yb  MM' "',M'   Yb     || || || 
.     `MM MM  8M     M8 MM    M8       MM       MM  WmmmP"    MM    MM  MM         MM     MM    MM 8M""""""  MM    8M""""""     `' `' `' 
Mb     dM MM  YA.   ,A9 MM   ,AP       MM       MM 8M         MM    MM  MM         MM     MM    MM YM.    ,  MM    YM.    ,     ,, ,, ,, 
P"Ybmmd"  `Mbmo`Ybmd9'  MMbmmd'      .JMML.   .JMML.YMMMMMb .JMML  JMML.`Mbmo      `Mbmo.JMML  JMML.`Mbmmd'.JMML.   `Mbmmd'     db db db 
                        MM                         6'     dP                                                                             
                      .JMML.                       Ybmmmd'                                                                               

Atomic design is philosophically complimentary with these CSS approaches:

* SMACSS by Jonathan Snook http://smacss.com/
* OOCSS by Nicole Sullivan http://oocss.org/
* BEM CSS Methology : http://bem.info/method/
* CSS Guidelines by Harry Roberts : https://github.com/csswizardry/CSS-Guidelines
* How to structure a SASS project : http://thesassway.com/beginner/how-to-structure-a-sass-project

this file structure has been adapted for this projects, making it more scalable and granular:
- Modules: code that doesn't cause Sass to actually output CSS (mixing declarations, functions, variables)
- Base: basic Sass for base elements and normalize (text, links, lists and main classes)
- Generic: global and generic classes
- Objects: all the components, atoms, molecules, etc (buttons, cards, ...)

*/
/*------------------------------------*    THIRD PARTY LIB
\*------------------------------------*/
/*------------------------------------*    STYLING SETUP
\*------------------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes topToZero {
  0% {
    -webkit-transform: translate(0, -500%);
    -moz-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    -o-transform: translate(0, -500%);
    transform: translate(0, -500%); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes topToZero {
  0% {
    -webkit-transform: translate(0, -500%);
    -moz-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    -o-transform: translate(0, -500%);
    transform: translate(0, -500%); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes zeroToTop {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -500%);
    -moz-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    -o-transform: translate(0, -500%);
    transform: translate(0, -500%); } }

@keyframes zeroToTop {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -500%);
    -moz-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    -o-transform: translate(0, -500%);
    transform: translate(0, -500%); } }

@-webkit-keyframes leftToZero {
  0% {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes leftToZero {
  0% {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes rightToZero {
  0% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes rightToZero {
  0% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-webkit-keyframes zeroToRight {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); } }

@keyframes zeroToRight {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); } }

@-webkit-keyframes zeroToLeft {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0); } }

@keyframes zeroToLeft {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0); } }

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

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

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

[hidden], template {
  display: none; }

a {
  background: transparent; }

a:hover, a:active {
  outline: 0; }

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

dfn {
  font-style: italic; }

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

pre {
  overflow: auto; }

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

iframe {
  display: block;
  max-width: 100%; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

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

input[type="search"] {
  -webkit-appearance: textfield; }

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

legend {
  border: 0; }

textarea {
  overflow: auto; }

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

td {
  vertical-align: top; }

label {
  cursor: pointer; }

/*------------------------------------*    ICONS SETUP
\*------------------------------------*/
/*------------------------------------*    FONT SETUP
\*------------------------------------*/
@font-face {
  font-family: 'Work Sans', sans-serif;
  
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Work Sans', sans-serif;
  
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Work Sans', sans-serif;
  
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Work Sans', sans-serif;
  
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Work Sans', sans-serif;
  
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Work Sans', sans-serif;
  
  font-weight: 300;
  font-style: italic; }

/*------------------------------------*    BASE STYLE
\*------------------------------------*/
* {
  margin: 0;
  padding: 0;
  font-family: 'Work Sans', sans-serif; }

html, body, main {
  height: 100%;
  margin: 0; }

html {
  background-color: #f2f2f2; }

body {
  font-family: 'Work Sans', sans-serif;
  line-height: 1.2;
  letter-spacing: 1px;
  color: #242424;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  overflow: hidden;
  margin: 0 0 1em; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0;
  margin-bottom: 1em; }

a {
  color: #00aeef;
  text-decoration: none;
  -webkit-text-decoration-color: #00aeef;
  -moz-text-decoration-color: #00aeef;
  text-decoration-color: #00aeef;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in, background-color 0.15s ease-in, opacity 0.15s ease-in, border 0.15s ease-in;
  -moz-transition: color 0.15s ease-in, background-color 0.15s ease-in, opacity 0.15s ease-in, border 0.15s ease-in;
  -ms-transition: color 0.15s ease-in, background-color 0.15s ease-in, opacity 0.15s ease-in, border 0.15s ease-in;
  transition: color 0.15s ease-in, background-color 0.15s ease-in, opacity 0.15s ease-in, border 0.15s ease-in; }
  a:hover {
    color: #3dcaff; }
  a:focus {
    color: #3dcaff;
    outline: thin dotted; }
  a:active {
    color: #003f56; }
  a:visited {
    color: #009bd6; }
  a img {
    border: 0; }
  a.negative {
    color: #db4a32; }
  a.link-white {
    color: #000000; }
    a.link-white:hover {
      color: black; }
    a.link-white:focus {
      color: black;
      outline: thin dotted; }
    a.link-white:active {
      color: #00aeef; }
    a.link-white:visited {
      color: #000000; }
    a.link-white.active {
      color: #00aeef; }

p {
  margin: 0 0 0.5em 0;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  margin: 0.5em 0 0.5em 0; }

.centered {
  text-align: center; }

::selection {
  background: #0a003c;
  color: #FFFFFF; }

::-moz-selection {
  background: #0a003c;
  color: #FFFFFF; }

blockquote {
  font-size: 1.25em;
  color: #222222;
  margin: 0 0 1em;
  padding: 1em 1.5em 1em;
  border-left: 1px solid #00aeef; }
  blockquote p {
    font-weight: 400;
    font-style: italic;
    font-family: 'Work Sans', sans-serif;
    margin-bottom: 0; }
    blockquote p::before {
      content: '\201C'; }
    blockquote p::after {
      content: '\201D'; }

cite {
  display: block;
  font-size: 0.75em;
  color: #9f5ba2;
  font-style: normal;
  margin: 1em 0 0 0; }

cite:before {
  content: "- "; }

cite a {
  font-weight: normal;
  display: inline-block;
  line-height: 1; }

hr {
  border: 0;
  height: 1px;
  background: #242424;
  margin: 1em 0; }

abbr {
  border-bottom: 1px dotted inherit;
  cursor: help; }

address {
  font-style: normal; }

time {
  margin: 0; }

del {
  text-decoration: line-through; }

mark,
.highlight {
  color: #242424;
  background: yellow;
  display: inline;
  padding: 0.15em 0.25em 0.2em; }

.tri-state-label {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 0.5rem 1rem 0.5rem 3rem;
  color: #242424;
  font-size: 18px;
  font-size: 1.125rem; }

.tri-state-label [type=checkbox] {
  display: none; }

.tri-state {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  background: #FFFFFF;
  border: 1px solid #d1d0d0;
  height: 38px;
  height: 2.375rem;
  width: 38px;
  width: 2.375rem;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .tri-state:before {
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    display: block;
    text-align: center;
    line-height: 38px;
    color: #6ca021; }
  .tri-state.is-checked:before {
    content: "\f00c"; }
  .tri-state.is-indeterminate:before {
    content: "\f111";
    color: #242424; }
  .tri-state-label.small {
    padding: 0.275rem 1rem 0.25rem 2.5rem;
    font-size: 18px;
    font-size: 1.125rem; }
    .tri-state-label.small .tri-state {
      height: 29px;
      height: 1.78125rem;
      width: 29px;
      width: 1.78125rem; }
      .tri-state-label.small .tri-state:before {
        line-height: 28px; }
  .tri-state-label.smaller {
    padding: 0.175rem 1rem 0.25rem 2.5rem;
    font-size: 16px;
    font-size: 1rem; }
    .tri-state-label.smaller .tri-state {
      height: 22px;
      height: 1.375rem;
      width: 22px;
      width: 1.375rem; }
      .tri-state-label.smaller .tri-state:before {
        line-height: 22px; }
  .tri-state-label.is-disabled, .tri-state-label.disabled {
    color: black;
    cursor: default; }
    .tri-state-label.is-disabled .tri-state, .tri-state-label.disabled .tri-state {
      background-color: #ededed;
      cursor: default; }
      .tri-state-label.is-disabled .tri-state.is-checked:before, .tri-state-label.disabled .tri-state.is-checked:before {
        color: #334b10; }
      .tri-state-label.is-disabled .tri-state.is-indeterminate:before, .tri-state-label.disabled .tri-state.is-indeterminate:before {
        color: black; }

.dropdown-checkbox-label {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 0.5rem 1rem 0.5rem 3rem;
  color: #242424;
  font-size: 18px;
  font-size: 1.125rem; }

.dropdown-checkbox-label [type=checkbox] {
  display: none; }

.dropdown-checkbox {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  background: #FFFFFF;
  border: 1px solid #d1d0d0;
  height: 38px;
  height: 2.375rem;
  width: 38px;
  width: 2.375rem;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .dropdown-checkbox:before {
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    display: block;
    text-align: center;
    line-height: 38px;
    color: #6ca021; }
  .dropdown-checkbox.is-checked:before {
    content: "\f00c"; }
  .dropdown-checkbox.is-indeterminate:before {
    content: "\f111";
    color: #242424; }
  .dropdown-checkbox-label.small {
    padding: 0.275rem 1rem 0.25rem 2.5rem;
    font-size: 18px;
    font-size: 1.125rem; }
    .dropdown-checkbox-label.small .dropdown-checkbox {
      height: 29px;
      height: 1.78125rem;
      width: 29px;
      width: 1.78125rem; }
      .dropdown-checkbox-label.small .dropdown-checkbox:before {
        line-height: 28px; }
  .dropdown-checkbox-label.smaller {
    padding: 0.175rem 1rem 0.25rem 2.5rem;
    font-size: 16px;
    font-size: 1rem; }
    .dropdown-checkbox-label.smaller .dropdown-checkbox {
      height: 22px;
      height: 1.375rem;
      width: 22px;
      width: 1.375rem; }
      .dropdown-checkbox-label.smaller .dropdown-checkbox:before {
        line-height: 22px; }
  .dropdown-checkbox-label.is-disabled, .dropdown-checkbox-label.disabled {
    color: black;
    cursor: default; }
    .dropdown-checkbox-label.is-disabled .dropdown-checkbox, .dropdown-checkbox-label.disabled .dropdown-checkbox {
      background-color: #ededed;
      cursor: default; }
      .dropdown-checkbox-label.is-disabled .dropdown-checkbox.is-checked:before, .dropdown-checkbox-label.disabled .dropdown-checkbox.is-checked:before {
        color: #334b10; }
      .dropdown-checkbox-label.is-disabled .dropdown-checkbox.is-indeterminate:before, .dropdown-checkbox-label.disabled .dropdown-checkbox.is-indeterminate:before {
        color: black; }

input, select, textarea, .btn-dropdown {
  border: 1px solid #d1d0d0;
  line-height: inherit;
  color: #8a8a8a;
  background-color: #FFFFFF;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 12px 12px;
  padding: 0.75rem 0.75rem; }
  input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .btn-dropdown::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #242424; }
  input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder, .btn-dropdown:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #242424;
    opacity: 1; }
  input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, .btn-dropdown::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #242424;
    opacity: 1; }
  input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, .btn-dropdown:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #242424; }
  input a, select a, textarea a, .btn-dropdown a {
    color: #242424; }
  input:focus, select:focus, textarea:focus, .btn-dropdown:focus {
    border-color: white;
    background-color: white;
    border: 1px solid #d1d0d0; }
  input.input-validation-error, select.input-validation-error, textarea.input-validation-error, .btn-dropdown.input-validation-error {
    border-color: #db4a32; }
  input:disabled, input.disabled, input.is-disabled, select:disabled, select.disabled, select.is-disabled, textarea:disabled, textarea.disabled, textarea.is-disabled, .btn-dropdown:disabled, .btn-dropdown.disabled, .btn-dropdown.is-disabled {
    color: black;
    background-color: #cccaca;
    cursor: default;
    pointer-events: none; }
    input:disabled::-webkit-input-placeholder, input.disabled::-webkit-input-placeholder, input.is-disabled::-webkit-input-placeholder, select:disabled::-webkit-input-placeholder, select.disabled::-webkit-input-placeholder, select.is-disabled::-webkit-input-placeholder, textarea:disabled::-webkit-input-placeholder, textarea.disabled::-webkit-input-placeholder, textarea.is-disabled::-webkit-input-placeholder, .btn-dropdown:disabled::-webkit-input-placeholder, .btn-dropdown.disabled::-webkit-input-placeholder, .btn-dropdown.is-disabled::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: black; }
    input:disabled:-moz-placeholder, input.disabled:-moz-placeholder, input.is-disabled:-moz-placeholder, select:disabled:-moz-placeholder, select.disabled:-moz-placeholder, select.is-disabled:-moz-placeholder, textarea:disabled:-moz-placeholder, textarea.disabled:-moz-placeholder, textarea.is-disabled:-moz-placeholder, .btn-dropdown:disabled:-moz-placeholder, .btn-dropdown.disabled:-moz-placeholder, .btn-dropdown.is-disabled:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: black;
      opacity: 1; }
    input:disabled::-moz-placeholder, input.disabled::-moz-placeholder, input.is-disabled::-moz-placeholder, select:disabled::-moz-placeholder, select.disabled::-moz-placeholder, select.is-disabled::-moz-placeholder, textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder, textarea.is-disabled::-moz-placeholder, .btn-dropdown:disabled::-moz-placeholder, .btn-dropdown.disabled::-moz-placeholder, .btn-dropdown.is-disabled::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: black;
      opacity: 1; }
    input:disabled:-ms-input-placeholder, input.disabled:-ms-input-placeholder, input.is-disabled:-ms-input-placeholder, select:disabled:-ms-input-placeholder, select.disabled:-ms-input-placeholder, select.is-disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder, textarea.disabled:-ms-input-placeholder, textarea.is-disabled:-ms-input-placeholder, .btn-dropdown:disabled:-ms-input-placeholder, .btn-dropdown.disabled:-ms-input-placeholder, .btn-dropdown.is-disabled:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: black; }

input, select, textarea {
  font-weight: 300; }

select {
  padding: 12px 12px;
  padding: 0.75rem 0.75rem; }
  select.select-primary {
    color: #8a8a8a;
    background-color: #FFFFFF;
    font-weight: 400; }
  select.select-secondary {
    color: #8a8a8a;
    background-color: #FFFFFF; }

textarea {
  padding: 1.5em;
  padding: 1.5em; }

.input-search {
  width: auto; }
  .input-search::before {
    content: "";
    font-size: 1.12rem;
    color: #8a8a8a;
    position: absolute;
    margin-top: 0.5em;
    margin-left: 0.275em; }
  .input-search input {
    min-width: 12rem;
    color: #8a8a8a;
    padding-left: 1.5em; }

.input-add {
  background-color: #FFFFFF;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d1d0d0;
  display: inline-block;
  padding: 0.273em; }
  .input-add input {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    padding: 0.35rem 1rem; }
  .input-add .btn {
    padding: 0.425rem 1rem;
    margin-right: 0.15em; }

.chart-range {
  display: inline-block;
  cursor: pointer; }
  .chart-range input {
    width: 80px;
    cursor: pointer; }
  .chart-range label {
    padding-right: 13px; }
  .chart-range-area {
    padding: 10px 0; }

/*------------------------------------*    GENERIC ELEMENTS
\*------------------------------------*/
.cf,
.clearfix,
.lc,
.row {
  *zoom: 1; }

.cf:before, .cf:after,
.clearfix:before,
.lc:before,
.row:before, .clearfix:after, .lc:after, .row:after {
  content: " ";
  display: table; }

.cf,
.clearfix:after,
.lc:after,
.row:after {
  clear: both; }

.is-hidden {
  display: none !important;
  visibility: hidden !important; }

.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px); }

.is-content-hidden {
  visibility: hidden; }

.is-display-hidden {
  display: none; }

.ir {
  display: block;
  border: 0;
  direction: ltr;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left; }

.ir br {
  display: none; }

.zebra > div {
  text-align: center;
  background: #dddddd;
  color: gray; }

.zebra > div:nth-of-type(2n) {
  background: gray;
  color: #dddddd; }

.right {
  float: right !important; }

.left {
  float: left; }

.clear {
  clear: both;
  overflow: auto; }

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

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

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

.align-v-top {
  vertical-align: text-top; }

.text-uppercase {
  text-transform: uppercase; }

.text-transform-reset {
  text-transform: none !important; }

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

.text-light {
  font-weight: 300 !important;
  font-style: normal;
  font-family: 'Work Sans', sans-serif; }

.text-regular {
  font-weight: 400 !important;
  font-style: normal;
  font-family: 'Work Sans', sans-serif; }

.text-bold {
  font-weight: 700 !important;
  font-style: normal;
  font-family: 'Work Sans', sans-serif; }

.text-break-all {
  word-break: break-all; }

.text-break-word {
  word-break: break-word; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.multi-truncate {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  /* HEIGHT AND MAX WIDTH TO BE SET ON ELEMENT */
  margin: 0 auto;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.wrap {
  white-space: normal !important; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.v-centered-parent {
  text-align: center;
  overflow: hidden; }

.v-centered-parent:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

.font-awesome-base, .input-search::before, .font-awesome-ico-right, .btn-dropdown.datepicker .time-label.select::after {
  font-family: fontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.font-awesome-ico-right, .btn-dropdown.datepicker .time-label.select::after {
  font-size: 1.3rem;
  pointer-events: none;
  position: absolute;
  right: 0; }

.input-label {
  font-size: 1em;
  font-weight: 400;
  color: #242424;
  margin: 0;
  height: 2.25em; }

.maxheight {
  height: 100%; }

.text-valid {
  color: #6fb54b !important; }

.text-valid-light {
  color: #8cc46f !important; }

.text-valid-dark {
  color: #5f9c40 !important; }

.text-error {
  color: #db4a32 !important; }

.text-error-light {
  color: #ea9789 !important; }

.text-error-dark {
  color: #b93621 !important; }

.text-warning {
  color: yellow !important; }

.text-warning-light {
  color: #ffff33 !important; }

.text-warning-dark {
  color: #cccc00 !important; }

.text-information {
  color: #00aeef !important; }

.text-information-light {
  color: #56d1ff !important; }

.text-information-dark {
  color: #007ead !important; }

.text-information-2 {
  color: #2e2d36 !important; }

.text-information-2-light {
  color: #5d5b6e !important; }

.text-information-2-dark {
  color: #16161a !important; }

.overflow-hidden {
  overflow: hidden; }

.noselect {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.area-clickable {
  cursor: pointer; }

.loader {
  margin: 30em auto 1em auto;
  font-size: 10px;
  overflow: hidden;
  position: relative;
  text-indent: -9999em;
  border-style: solid;
  border-width: 0.75em;
  border-color: rgba(0, 153, 51, 0.25);
  border-left-color: #009933;
  -webkit-animation: loader-rotate 1.1s infinite linear;
  animation: loader-rotate 1.1s infinite linear; }
  .loader.is-white {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.25);
    border-left-color: white; }

.lh .loader {
  border-color: rgba(0, 153, 51, 0.25);
  border-left-color: #009933; }

.cl .loader {
  border-color: rgba(0, 153, 51, 0.25);
  border-left-color: #009933; }

.li .loader {
  border-color: rgba(0, 153, 51, 0.25);
  border-left-color: #009933; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 6em;
  height: 6em; }
  .loader.is-small,
  .loader:after.is-small {
    width: 3em;
    height: 3em;
    border-width: 0.25em; }

.loader.is-small,
.loader.is-small:after {
  width: 3em;
  height: 3em;
  border-width: 0.25em; }

@-webkit-keyframes loader-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loader-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.form-field {
  padding-top: 2em; }

.form fieldset {
  border: none; }

.form label {
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.75em; }

.form input[type="text"], .form input[type="password"], .form input[type="number"], .form input[type="file"] {
  width: 94.75%; }

.form select {
  width: 98.5%; }

.form textarea {
  width: 92%;
  max-width: 46em;
  max-height: 30em; }

.form h1, .form h2, .form h3, .form h4, .form h5, .form h6 {
  text-transform: uppercase; }

.form p {
  font-weight: 300;
  color: #75728a; }

.form .submit-buttons .btn {
  display: block; }

.form .download {
  border: 2px dashed #75728a; }
  .form .download:hover {
    border: 2px dashed #242424; }
    .form .download:hover p {
      color: #242424; }

.form .preview-container {
  background-color: #FFFFFF;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.form .field-validation-error {
  font-size: 0.8em;
  font-weight: 300; }

.form .validation-message-wrapper {
  min-height: 1.2em; }

.flexbox-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.flexbox-container-column {
  -webkit-flex-direction: column;
  flex-direction: column; }

.flexbox-box-auto {
  -webkit-box-flex: 1 1 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 auto;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1 auto;
  /* Chrome */
  -ms-flex: 1 1 auto;
  /* IE 10 */
  flex: 1 1 auto; }

.flexbox-min-fix {
  min-height: 0;
  min-width: 0; }

.flexbox-box-1 {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1; }

.flexbox-box-2 {
  -webkit-box-flex: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 2;
  /* OLD - Firefox 19- */
  -webkit-flex: 2;
  /* Chrome */
  -ms-flex: 2;
  /* IE 10 */
  flex: 2; }

.flexbox-box-3 {
  -webkit-box-flex: 3;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 3;
  /* OLD - Firefox 19- */
  -webkit-flex: 3;
  /* Chrome */
  -ms-flex: 3;
  /* IE 10 */
  flex: 3; }

.flexbox-box-4 {
  -webkit-box-flex: 4;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 4;
  /* OLD - Firefox 19- */
  -webkit-flex: 4;
  /* Chrome */
  -ms-flex: 4;
  /* IE 10 */
  flex: 4; }

.flexbox-box-5 {
  -webkit-box-flex: 5;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 5;
  /* OLD - Firefox 19- */
  -webkit-flex: 5;
  /* Chrome */
  -ms-flex: 5;
  /* IE 10 */
  flex: 5; }

.flexbox-box-6 {
  -webkit-box-flex: 6;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 6;
  /* OLD - Firefox 19- */
  -webkit-flex: 6;
  /* Chrome */
  -ms-flex: 6;
  /* IE 10 */
  flex: 6; }

.lc {
  max-width: 65em;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-right: 0.25em; }
  .lc .lt-ie9 {
    padding-left: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-right: 1.5em; }
  @media screen and (min-width: 56.25em) {
    .lc {
      padding-left: 1.5em;
      padding-left: 1.5em;
      padding-right: 1.5em;
      padding-right: 1.5em; } }

.staticcontent .lt-ie9,
.contact .lt-ie9,
.login .lt-ie9,
.account .lt-ie9,
.subscribe .lt-ie9 {
  background-color: #F8F8F8; }

@media screen and (min-width: 56.25em) {
  .staticcontent,
  .contact,
  .login,
  .account,
  .subscribe {
    background-color: #F8F8F8; } }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.s-hide {
  display: none; }

.s-show {
  display: block; }

.s-show-inline {
  display: inline-block; }

.s-width-auto {
  width: auto; }

.s-left {
  float: left; }

.s-right {
  float: right; }

.s-none {
  float: none; }

.s-one-whole {
  width: 100%; }

.s-one-half {
  width: 50%;
  float: left; }

.s-one-third {
  width: 33.333%;
  float: left; }

.s-two-thirds {
  width: 66.666%;
  float: left; }

.s-one-quarter {
  width: 25%;
  float: left; }

.s-two-quarters {
  width: 50%;
  float: left; }

.s-three-quarters {
  width: 75%;
  float: left; }

.s-one-fifth {
  width: 20%;
  float: left; }

.s-two-fifths {
  width: 40%;
  float: left; }

.s-three-fifths {
  width: 60%;
  float: left; }

.s-four-fifths {
  width: 80%;
  float: left; }

.s-one-sixth {
  width: 16.666%;
  float: left; }

.s-two-sixths {
  width: 33.333%;
  float: left; }

.s-three-sixths {
  width: 50%;
  float: left; }

.s-four-sixths {
  width: 66.666%;
  float: left; }

.s-five-sixths {
  width: 83.333%;
  float: left; }

.s-one-seventh {
  width: 14.28571%;
  float: left; }

.s-two-sevenths {
  width: 28.57143%;
  float: left; }

.s-three-sevenths {
  width: 42.85714%;
  float: left; }

.s-four-sevenths {
  width: 57.14286%;
  float: left; }

.s-five-sevenths {
  width: 71.42857%;
  float: left; }

.s-six-sevenths {
  width: 85.71429%;
  float: left; }

.lt-ie9 .m-hide {
  display: none; }

.lt-ie9 .m-show {
  display: block; }

.lt-ie9 .m-show-inline {
  display: inline-block; }

.lt-ie9 .m-width-auto {
  width: auto; }

.lt-ie9 .m-left {
  float: left; }

.lt-ie9 .m-right {
  float: right; }

.lt-ie9 .m-none {
  float: none; }

.lt-ie9 .m-one-whole {
  width: 100%; }

.lt-ie9 .m-one-half {
  width: 50%;
  float: left; }

.lt-ie9 .m-one-third {
  width: 33.333%;
  float: left; }

.lt-ie9 .m-two-thirds {
  width: 66.666%;
  float: left; }

.lt-ie9 .m-one-quarter {
  width: 25%;
  float: left; }

.lt-ie9 .m-two-quarters {
  width: 50%;
  float: left; }

.lt-ie9 .m-three-quarters {
  width: 75%;
  float: left; }

.lt-ie9 .m-one-fifth {
  width: 20%;
  float: left; }

.lt-ie9 .m-two-fifths {
  width: 40%;
  float: left; }

.lt-ie9 .m-three-fifths {
  width: 60%;
  float: left; }

.lt-ie9 .m-four-fifths {
  width: 80%;
  float: left; }

.lt-ie9 .m-one-sixth {
  width: 16.666%;
  float: left; }

.lt-ie9 .m-two-sixths {
  width: 33.333%;
  float: left; }

.lt-ie9 .m-three-sixths {
  width: 50%;
  float: left; }

.lt-ie9 .m-four-sixths {
  width: 66.666%;
  float: left; }

.lt-ie9 .m-five-sixths {
  width: 83.333%;
  float: left; }

.lt-ie9 .m-one-seventh {
  width: 14.28571%;
  float: left; }

.lt-ie9 .m-two-sevenths {
  width: 28.57143%;
  float: left; }

.lt-ie9 .m-three-sevenths {
  width: 42.85714%;
  float: left; }

.lt-ie9 .m-four-sevenths {
  width: 57.14286%;
  float: left; }

.lt-ie9 .m-five-sevenths {
  width: 71.42857%;
  float: left; }

.lt-ie9 .m-six-sevenths {
  width: 85.71429%;
  float: left; }

@media screen and (min-width: 46.75em) {
  .m-hide {
    display: none; }
  .m-show {
    display: block; }
  .m-show-inline {
    display: inline-block; }
  .m-width-auto {
    width: auto; }
  .m-left {
    float: left; }
  .m-right {
    float: right; }
  .m-none {
    float: none; }
  .m-one-whole {
    width: 100%; }
  .m-one-half {
    width: 50%;
    float: left; }
  .m-one-third {
    width: 33.333%;
    float: left; }
  .m-two-thirds {
    width: 66.666%;
    float: left; }
  .m-one-quarter {
    width: 25%;
    float: left; }
  .m-two-quarters {
    width: 50%;
    float: left; }
  .m-three-quarters {
    width: 75%;
    float: left; }
  .m-one-fifth {
    width: 20%;
    float: left; }
  .m-two-fifths {
    width: 40%;
    float: left; }
  .m-three-fifths {
    width: 60%;
    float: left; }
  .m-four-fifths {
    width: 80%;
    float: left; }
  .m-one-sixth {
    width: 16.666%;
    float: left; }
  .m-two-sixths {
    width: 33.333%;
    float: left; }
  .m-three-sixths {
    width: 50%;
    float: left; }
  .m-four-sixths {
    width: 66.666%;
    float: left; }
  .m-five-sixths {
    width: 83.333%;
    float: left; }
  .m-one-seventh {
    width: 14.28571%;
    float: left; }
  .m-two-sevenths {
    width: 28.57143%;
    float: left; }
  .m-three-sevenths {
    width: 42.85714%;
    float: left; }
  .m-four-sevenths {
    width: 57.14286%;
    float: left; }
  .m-five-sevenths {
    width: 71.42857%;
    float: left; }
  .m-six-sevenths {
    width: 85.71429%;
    float: left; } }

.lt-ie9 .l-hide {
  display: none; }

.lt-ie9 .l-show {
  display: block; }

.lt-ie9 .l-show-inline {
  display: inline-block; }

.lt-ie9 .l-width-auto {
  width: auto; }

.lt-ie9 .l-left {
  float: left; }

.lt-ie9 .l-right {
  float: right; }

.lt-ie9 .l-none {
  float: none; }

.lt-ie9 .l-one-whole {
  width: 100%; }

.lt-ie9 .l-one-half {
  width: 50%;
  float: left; }

.lt-ie9 .l-one-third {
  width: 33.333%;
  float: left; }

.lt-ie9 .l-two-thirds {
  width: 66.666%;
  float: left; }

.lt-ie9 .l-one-quarter {
  width: 25%;
  float: left; }

.lt-ie9 .l-two-quarters {
  width: 50%;
  float: left; }

.lt-ie9 .l-three-quarters {
  width: 75%;
  float: left; }

.lt-ie9 .l-one-fifth {
  width: 20%;
  float: left; }

.lt-ie9 .l-two-fifths {
  width: 40%;
  float: left; }

.lt-ie9 .l-three-fifths {
  width: 60%;
  float: left; }

.lt-ie9 .l-four-fifths {
  width: 80%;
  float: left; }

.lt-ie9 .l-one-sixth {
  width: 16.666%;
  float: left; }

.lt-ie9 .l-two-sixths {
  width: 33.333%;
  float: left; }

.lt-ie9 .l-three-sixths {
  width: 50%;
  float: left; }

.lt-ie9 .l-four-sixths {
  width: 66.666%;
  float: left; }

.lt-ie9 .l-five-sixths {
  width: 83.333%;
  float: left; }

.lt-ie9 .l-one-seventh {
  width: 14.28571%;
  float: left; }

.lt-ie9 .l-two-sevenths {
  width: 28.57143%;
  float: left; }

.lt-ie9 .l-three-sevenths {
  width: 42.85714%;
  float: left; }

.lt-ie9 .l-four-sevenths {
  width: 57.14286%;
  float: left; }

.lt-ie9 .l-five-sevenths {
  width: 71.42857%;
  float: left; }

.lt-ie9 .l-six-sevenths {
  width: 85.71429%;
  float: left; }

@media screen and (min-width: 56.25em) {
  .l-hide {
    display: none; }
  .l-show {
    display: block; }
  .l-show-inline {
    display: inline-block; }
  .l-width-auto {
    width: auto; }
  .l-left {
    float: left; }
  .l-right {
    float: right; }
  .l-none {
    float: none; }
  .l-one-whole {
    width: 100%; }
  .l-one-half {
    width: 50%;
    float: left; }
  .l-one-third {
    width: 33.333%;
    float: left; }
  .l-two-thirds {
    width: 66.666%;
    float: left; }
  .l-one-quarter {
    width: 25%;
    float: left; }
  .l-two-quarters {
    width: 50%;
    float: left; }
  .l-three-quarters {
    width: 75%;
    float: left; }
  .l-one-fifth {
    width: 20%;
    float: left; }
  .l-two-fifths {
    width: 40%;
    float: left; }
  .l-three-fifths {
    width: 60%;
    float: left; }
  .l-four-fifths {
    width: 80%;
    float: left; }
  .l-one-sixth {
    width: 16.666%;
    float: left; }
  .l-two-sixths {
    width: 33.333%;
    float: left; }
  .l-three-sixths {
    width: 50%;
    float: left; }
  .l-four-sixths {
    width: 66.666%;
    float: left; }
  .l-five-sixths {
    width: 83.333%;
    float: left; }
  .l-one-seventh {
    width: 14.28571%;
    float: left; }
  .l-two-sevenths {
    width: 28.57143%;
    float: left; }
  .l-three-sevenths {
    width: 42.85714%;
    float: left; }
  .l-four-sevenths {
    width: 57.14286%;
    float: left; }
  .l-five-sevenths {
    width: 71.42857%;
    float: left; }
  .l-six-sevenths {
    width: 85.71429%;
    float: left; } }

@media screen and (min-width: 73em) {
  .xl-hide {
    display: none; }
  .xl-show {
    display: block; }
  .xl-show-inline {
    display: inline-block; }
  .xl-width-auto {
    width: auto; }
  .xl-left {
    float: left; }
  .xl-right {
    float: right; }
  .xl-none {
    float: none; }
  .xl-one-whole {
    width: 100%; }
  .xl-one-half {
    width: 50%;
    float: left; }
  .xl-one-third {
    width: 33.333%;
    float: left; }
  .xl-two-thirds {
    width: 66.666%;
    float: left; }
  .xl-one-quarter {
    width: 25%;
    float: left; }
  .xl-two-quarters {
    width: 50%;
    float: left; }
  .xl-three-quarters {
    width: 75%;
    float: left; }
  .xl-one-fifth {
    width: 20%;
    float: left; }
  .xl-two-fifths {
    width: 40%;
    float: left; }
  .xl-three-fifths {
    width: 60%;
    float: left; }
  .xl-four-fifths {
    width: 80%;
    float: left; }
  .xl-one-sixth {
    width: 16.666%;
    float: left; }
  .xl-two-sixths {
    width: 33.333%;
    float: left; }
  .xl-three-sixths {
    width: 50%;
    float: left; }
  .xl-four-sixths {
    width: 66.666%;
    float: left; }
  .xl-five-sixths {
    width: 83.333%;
    float: left; }
  .xl-one-seventh {
    width: 14.28571%;
    float: left; }
  .xl-two-sevenths {
    width: 28.57143%;
    float: left; }
  .xl-three-sevenths {
    width: 42.85714%;
    float: left; }
  .xl-four-sevenths {
    width: 57.14286%;
    float: left; }
  .xl-five-sevenths {
    width: 71.42857%;
    float: left; }
  .xl-six-sevenths {
    width: 85.71429%;
    float: left; } }

.page-body {
  padding-top: 13em;
  padding-bottom: 13em;
  min-width: 24em; }

.grid-centered {
  margin-left: auto;
  margin-right: auto;
  float: none; }

.s-margin-05 {
  margin: 0.5em !important; }

.s-padding-05 {
  padding: 0.5em !important; }

.s-margin-top-05 {
  margin-top: 0.5em !important; }

.s-margin-bottom-05 {
  margin-bottom: 0.5em !important; }

.s-margin-left-05 {
  margin-left: 0.5em !important; }

.s-margin-right-05 {
  margin-right: 0.5em !important; }

.s-padding-top-05 {
  padding-top: 0.5em !important; }

.s-padding-bottom-05 {
  padding-bottom: 0.5em !important; }

.s-padding-left-05 {
  padding-left: 0.5em !important; }

.s-padding-right-05 {
  padding-right: 0.5em !important; }

.s-margin-075 {
  margin: 0.75em !important; }

.s-padding-075 {
  padding: 0.75em !important; }

.s-margin-top-075 {
  margin-top: 0.75em !important; }

.s-margin-bottom-075 {
  margin-bottom: 0.75em !important; }

.s-margin-left-075 {
  margin-left: 0.75em !important; }

.s-margin-right-075 {
  margin-right: 0.75em !important; }

.s-padding-top-075 {
  padding-top: 0.75em !important; }

.s-padding-bottom-075 {
  padding-bottom: 0.75em !important; }

.s-padding-left-075 {
  padding-left: 0.75em !important; }

.s-padding-right-075 {
  padding-right: 0.75em !important; }

.s-margin-1 {
  margin: 1em !important; }

.s-padding-1 {
  padding: 1em !important; }

.s-margin-top-1 {
  margin-top: 1em !important; }

.s-margin-bottom-1 {
  margin-bottom: 1em !important; }

.s-margin-left-1 {
  margin-left: 1em !important; }

.s-margin-right-1 {
  margin-right: 1em !important; }

.s-padding-top-1 {
  padding-top: 1em !important; }

.s-padding-bottom-1 {
  padding-bottom: 1em !important; }

.s-padding-left-1 {
  padding-left: 1em !important; }

.s-padding-right-1 {
  padding-right: 1em !important; }

.s-margin-2 {
  margin: 2em !important; }

.s-padding-2 {
  padding: 2em !important; }

.s-margin-top-2 {
  margin-top: 2em !important; }

.s-margin-bottom-2 {
  margin-bottom: 2em !important; }

.s-margin-left-2 {
  margin-left: 2em !important; }

.s-margin-right-2 {
  margin-right: 2em !important; }

.s-padding-top-2 {
  padding-top: 2em !important; }

.s-padding-bottom-2 {
  padding-bottom: 2em !important; }

.s-padding-left-2 {
  padding-left: 2em !important; }

.s-padding-right-2 {
  padding-right: 2em !important; }

.lt-ie9 .m-margin-05 {
  margin: 0.5em !important; }

.lt-ie9 .m-padding-05 {
  padding: 0.5em !important; }

.lt-ie9 .m-margin-top-05 {
  margin-top: 0.5em !important; }

.lt-ie9 .m-margin-bottom-05 {
  margin-bottom: 0.5em !important; }

.lt-ie9 .m-margin-left-05 {
  margin-left: 0.5em !important; }

.lt-ie9 .m-margin-right-05 {
  margin-right: 0.5em !important; }

.lt-ie9 .m-padding-top-05 {
  padding-top: 0.5em !important; }

.lt-ie9 .m-padding-bottom-05 {
  padding-bottom: 0.5em !important; }

.lt-ie9 .m-padding-left-05 {
  padding-left: 0.5em !important; }

.lt-ie9 .m-padding-right-05 {
  padding-right: 0.5em !important; }

.lt-ie9 .m-margin-075 {
  margin: 0.75em !important; }

.lt-ie9 .m-padding-075 {
  padding: 0.75em !important; }

.lt-ie9 .m-margin-top-075 {
  margin-top: 0.75em !important; }

.lt-ie9 .m-margin-bottom-075 {
  margin-bottom: 0.75em !important; }

.lt-ie9 .m-margin-left-075 {
  margin-left: 0.75em !important; }

.lt-ie9 .m-margin-right-075 {
  margin-right: 0.75em !important; }

.lt-ie9 .m-padding-top-075 {
  padding-top: 0.75em !important; }

.lt-ie9 .m-padding-bottom-075 {
  padding-bottom: 0.75em !important; }

.lt-ie9 .m-padding-left-075 {
  padding-left: 0.75em !important; }

.lt-ie9 .m-padding-right-075 {
  padding-right: 0.75em !important; }

.lt-ie9 .m-margin-1 {
  margin: 1em !important; }

.lt-ie9 .m-padding-1 {
  padding: 1em !important; }

.lt-ie9 .m-margin-top-1 {
  margin-top: 1em !important; }

.lt-ie9 .m-margin-bottom-1 {
  margin-bottom: 1em !important; }

.lt-ie9 .m-margin-left-1 {
  margin-left: 1em !important; }

.lt-ie9 .m-margin-right-1 {
  margin-right: 1em !important; }

.lt-ie9 .m-padding-top-1 {
  padding-top: 1em !important; }

.lt-ie9 .m-padding-bottom-1 {
  padding-bottom: 1em !important; }

.lt-ie9 .m-padding-left-1 {
  padding-left: 1em !important; }

.lt-ie9 .m-padding-right-1 {
  padding-right: 1em !important; }

.lt-ie9 .m-margin-2 {
  margin: 2em !important; }

.lt-ie9 .m-padding-2 {
  padding: 2em !important; }

.lt-ie9 .m-margin-top-2 {
  margin-top: 2em !important; }

.lt-ie9 .m-margin-bottom-2 {
  margin-bottom: 2em !important; }

.lt-ie9 .m-margin-left-2 {
  margin-left: 2em !important; }

.lt-ie9 .m-margin-right-2 {
  margin-right: 2em !important; }

.lt-ie9 .m-padding-top-2 {
  padding-top: 2em !important; }

.lt-ie9 .m-padding-bottom-2 {
  padding-bottom: 2em !important; }

.lt-ie9 .m-padding-left-2 {
  padding-left: 2em !important; }

.lt-ie9 .m-padding-right-2 {
  padding-right: 2em !important; }

@media screen and (min-width: 46.75em) {
  .m-margin-05 {
    margin: 0.5em !important; }
  .m-padding-05 {
    padding: 0.5em !important; }
  .m-margin-top-05 {
    margin-top: 0.5em !important; }
  .m-margin-bottom-05 {
    margin-bottom: 0.5em !important; }
  .m-margin-left-05 {
    margin-left: 0.5em !important; }
  .m-margin-right-05 {
    margin-right: 0.5em !important; }
  .m-padding-top-05 {
    padding-top: 0.5em !important; }
  .m-padding-bottom-05 {
    padding-bottom: 0.5em !important; }
  .m-padding-left-05 {
    padding-left: 0.5em !important; }
  .m-padding-right-05 {
    padding-right: 0.5em !important; }
  .m-margin-075 {
    margin: 0.75em !important; }
  .m-padding-075 {
    padding: 0.75em !important; }
  .m-margin-top-075 {
    margin-top: 0.75em !important; }
  .m-margin-bottom-075 {
    margin-bottom: 0.75em !important; }
  .m-margin-left-075 {
    margin-left: 0.75em !important; }
  .m-margin-right-075 {
    margin-right: 0.75em !important; }
  .m-padding-top-075 {
    padding-top: 0.75em !important; }
  .m-padding-bottom-075 {
    padding-bottom: 0.75em !important; }
  .m-padding-left-075 {
    padding-left: 0.75em !important; }
  .m-padding-right-075 {
    padding-right: 0.75em !important; }
  .m-margin-1 {
    margin: 1em !important; }
  .m-padding-1 {
    padding: 1em !important; }
  .m-margin-top-1 {
    margin-top: 1em !important; }
  .m-margin-bottom-1 {
    margin-bottom: 1em !important; }
  .m-margin-left-1 {
    margin-left: 1em !important; }
  .m-margin-right-1 {
    margin-right: 1em !important; }
  .m-padding-top-1 {
    padding-top: 1em !important; }
  .m-padding-bottom-1 {
    padding-bottom: 1em !important; }
  .m-padding-left-1 {
    padding-left: 1em !important; }
  .m-padding-right-1 {
    padding-right: 1em !important; }
  .m-margin-2 {
    margin: 2em !important; }
  .m-padding-2 {
    padding: 2em !important; }
  .m-margin-top-2 {
    margin-top: 2em !important; }
  .m-margin-bottom-2 {
    margin-bottom: 2em !important; }
  .m-margin-left-2 {
    margin-left: 2em !important; }
  .m-margin-right-2 {
    margin-right: 2em !important; }
  .m-padding-top-2 {
    padding-top: 2em !important; }
  .m-padding-bottom-2 {
    padding-bottom: 2em !important; }
  .m-padding-left-2 {
    padding-left: 2em !important; }
  .m-padding-right-2 {
    padding-right: 2em !important; } }

.lt-ie9 .l-margin-05 {
  margin: 0.5em !important; }

.lt-ie9 .l-padding-05 {
  padding: 0.5em !important; }

.lt-ie9 .l-margin-top-05 {
  margin-top: 0.5em !important; }

.lt-ie9 .l-margin-bottom-05 {
  margin-bottom: 0.5em !important; }

.lt-ie9 .l-margin-left-05 {
  margin-left: 0.5em !important; }

.lt-ie9 .l-margin-right-05 {
  margin-right: 0.5em !important; }

.lt-ie9 .l-padding-top-05 {
  padding-top: 0.5em !important; }

.lt-ie9 .l-padding-bottom-05 {
  padding-bottom: 0.5em !important; }

.lt-ie9 .l-padding-left-05 {
  padding-left: 0.5em !important; }

.lt-ie9 .l-padding-right-05 {
  padding-right: 0.5em !important; }

.lt-ie9 .l-margin-075 {
  margin: 0.75em !important; }

.lt-ie9 .l-padding-075 {
  padding: 0.75em !important; }

.lt-ie9 .l-margin-top-075 {
  margin-top: 0.75em !important; }

.lt-ie9 .l-margin-bottom-075 {
  margin-bottom: 0.75em !important; }

.lt-ie9 .l-margin-left-075 {
  margin-left: 0.75em !important; }

.lt-ie9 .l-margin-right-075 {
  margin-right: 0.75em !important; }

.lt-ie9 .l-padding-top-075 {
  padding-top: 0.75em !important; }

.lt-ie9 .l-padding-bottom-075 {
  padding-bottom: 0.75em !important; }

.lt-ie9 .l-padding-left-075 {
  padding-left: 0.75em !important; }

.lt-ie9 .l-padding-right-075 {
  padding-right: 0.75em !important; }

.lt-ie9 .l-margin-1 {
  margin: 1em !important; }

.lt-ie9 .l-padding-1 {
  padding: 1em !important; }

.lt-ie9 .l-margin-top-1 {
  margin-top: 1em !important; }

.lt-ie9 .l-margin-bottom-1 {
  margin-bottom: 1em !important; }

.lt-ie9 .l-margin-left-1 {
  margin-left: 1em !important; }

.lt-ie9 .l-margin-right-1 {
  margin-right: 1em !important; }

.lt-ie9 .l-padding-top-1 {
  padding-top: 1em !important; }

.lt-ie9 .l-padding-bottom-1 {
  padding-bottom: 1em !important; }

.lt-ie9 .l-padding-left-1 {
  padding-left: 1em !important; }

.lt-ie9 .l-padding-right-1 {
  padding-right: 1em !important; }

.lt-ie9 .l-margin-2 {
  margin: 2em !important; }

.lt-ie9 .l-padding-2 {
  padding: 2em !important; }

.lt-ie9 .l-margin-top-2 {
  margin-top: 2em !important; }

.lt-ie9 .l-margin-bottom-2 {
  margin-bottom: 2em !important; }

.lt-ie9 .l-margin-left-2 {
  margin-left: 2em !important; }

.lt-ie9 .l-margin-right-2 {
  margin-right: 2em !important; }

.lt-ie9 .l-padding-top-2 {
  padding-top: 2em !important; }

.lt-ie9 .l-padding-bottom-2 {
  padding-bottom: 2em !important; }

.lt-ie9 .l-padding-left-2 {
  padding-left: 2em !important; }

.lt-ie9 .l-padding-right-2 {
  padding-right: 2em !important; }

@media screen and (min-width: 56.25em) {
  .l-margin-05 {
    margin: 0.5em !important; }
  .l-padding-05 {
    padding: 0.5em !important; }
  .l-margin-top-05 {
    margin-top: 0.5em !important; }
  .l-margin-bottom-05 {
    margin-bottom: 0.5em !important; }
  .l-margin-left-05 {
    margin-left: 0.5em !important; }
  .l-margin-right-05 {
    margin-right: 0.5em !important; }
  .l-padding-top-05 {
    padding-top: 0.5em !important; }
  .l-padding-bottom-05 {
    padding-bottom: 0.5em !important; }
  .l-padding-left-05 {
    padding-left: 0.5em !important; }
  .l-padding-right-05 {
    padding-right: 0.5em !important; }
  .l-margin-075 {
    margin: 0.75em !important; }
  .l-padding-075 {
    padding: 0.75em !important; }
  .l-margin-top-075 {
    margin-top: 0.75em !important; }
  .l-margin-bottom-075 {
    margin-bottom: 0.75em !important; }
  .l-margin-left-075 {
    margin-left: 0.75em !important; }
  .l-margin-right-075 {
    margin-right: 0.75em !important; }
  .l-padding-top-075 {
    padding-top: 0.75em !important; }
  .l-padding-bottom-075 {
    padding-bottom: 0.75em !important; }
  .l-padding-left-075 {
    padding-left: 0.75em !important; }
  .l-padding-right-075 {
    padding-right: 0.75em !important; }
  .l-margin-1 {
    margin: 1em !important; }
  .l-padding-1 {
    padding: 1em !important; }
  .l-margin-top-1 {
    margin-top: 1em !important; }
  .l-margin-bottom-1 {
    margin-bottom: 1em !important; }
  .l-margin-left-1 {
    margin-left: 1em !important; }
  .l-margin-right-1 {
    margin-right: 1em !important; }
  .l-padding-top-1 {
    padding-top: 1em !important; }
  .l-padding-bottom-1 {
    padding-bottom: 1em !important; }
  .l-padding-left-1 {
    padding-left: 1em !important; }
  .l-padding-right-1 {
    padding-right: 1em !important; }
  .l-margin-2 {
    margin: 2em !important; }
  .l-padding-2 {
    padding: 2em !important; }
  .l-margin-top-2 {
    margin-top: 2em !important; }
  .l-margin-bottom-2 {
    margin-bottom: 2em !important; }
  .l-margin-left-2 {
    margin-left: 2em !important; }
  .l-margin-right-2 {
    margin-right: 2em !important; }
  .l-padding-top-2 {
    padding-top: 2em !important; }
  .l-padding-bottom-2 {
    padding-bottom: 2em !important; }
  .l-padding-left-2 {
    padding-left: 2em !important; }
  .l-padding-right-2 {
    padding-right: 2em !important; } }

@media screen and (min-width: 73em) {
  .xl-margin-05 {
    margin: 0.5em !important; }
  .xl-padding-05 {
    padding: 0.5em !important; }
  .xl-margin-top-05 {
    margin-top: 0.5em !important; }
  .xl-margin-bottom-05 {
    margin-bottom: 0.5em !important; }
  .xl-margin-left-05 {
    margin-left: 0.5em !important; }
  .xl-margin-right-05 {
    margin-right: 0.5em !important; }
  .xl-padding-top-05 {
    padding-top: 0.5em !important; }
  .xl-padding-bottom-05 {
    padding-bottom: 0.5em !important; }
  .xl-padding-left-05 {
    padding-left: 0.5em !important; }
  .xl-padding-right-05 {
    padding-right: 0.5em !important; }
  .xl-margin-075 {
    margin: 0.75em !important; }
  .xl-padding-075 {
    padding: 0.75em !important; }
  .xl-margin-top-075 {
    margin-top: 0.75em !important; }
  .xl-margin-bottom-075 {
    margin-bottom: 0.75em !important; }
  .xl-margin-left-075 {
    margin-left: 0.75em !important; }
  .xl-margin-right-075 {
    margin-right: 0.75em !important; }
  .xl-padding-top-075 {
    padding-top: 0.75em !important; }
  .xl-padding-bottom-075 {
    padding-bottom: 0.75em !important; }
  .xl-padding-left-075 {
    padding-left: 0.75em !important; }
  .xl-padding-right-075 {
    padding-right: 0.75em !important; }
  .xl-margin-1 {
    margin: 1em !important; }
  .xl-padding-1 {
    padding: 1em !important; }
  .xl-margin-top-1 {
    margin-top: 1em !important; }
  .xl-margin-bottom-1 {
    margin-bottom: 1em !important; }
  .xl-margin-left-1 {
    margin-left: 1em !important; }
  .xl-margin-right-1 {
    margin-right: 1em !important; }
  .xl-padding-top-1 {
    padding-top: 1em !important; }
  .xl-padding-bottom-1 {
    padding-bottom: 1em !important; }
  .xl-padding-left-1 {
    padding-left: 1em !important; }
  .xl-padding-right-1 {
    padding-right: 1em !important; }
  .xl-margin-2 {
    margin: 2em !important; }
  .xl-padding-2 {
    padding: 2em !important; }
  .xl-margin-top-2 {
    margin-top: 2em !important; }
  .xl-margin-bottom-2 {
    margin-bottom: 2em !important; }
  .xl-margin-left-2 {
    margin-left: 2em !important; }
  .xl-margin-right-2 {
    margin-right: 2em !important; }
  .xl-padding-top-2 {
    padding-top: 2em !important; }
  .xl-padding-bottom-2 {
    padding-bottom: 2em !important; }
  .xl-padding-left-2 {
    padding-left: 2em !important; }
  .xl-padding-right-2 {
    padding-right: 2em !important; } }

.s-margin-0 {
  margin: 0 !important; }

.s-padding-0 {
  padding: 0 !important; }

.s-margin-top-0 {
  margin-top: 0 !important; }

.s-margin-bottom-0 {
  margin-bottom: 0 !important; }

.s-margin-left-0 {
  margin-left: 0 !important; }

.s-margin-right-0 {
  margin-right: 0 !important; }

.s-padding-top-0 {
  padding-top: 0 !important; }

.s-padding-bottom-0 {
  padding-bottom: 0 !important; }

.s-padding-left-0 {
  padding-left: 0 !important; }

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

.lt-ie9 .m-margin-0 {
  margin: 0 !important; }

.lt-ie9 .m-padding-0 {
  padding: 0 !important; }

.lt-ie9 .m-margin-top-0 {
  margin-top: 0 !important; }

.lt-ie9 .m-margin-bottom-0 {
  margin-bottom: 0 !important; }

.lt-ie9 .m-margin-left-0 {
  margin-left: 0 !important; }

.lt-ie9 .m-margin-right-0 {
  margin-right: 0 !important; }

.lt-ie9 .m-padding-top-0 {
  padding-top: 0 !important; }

.lt-ie9 .m-padding-bottom-0 {
  padding-bottom: 0 !important; }

.lt-ie9 .m-padding-left-0 {
  padding-left: 0 !important; }

.lt-ie9 .m-padding-right-0 {
  padding-right: 0 !important; }

@media screen and (min-width: 46.75em) {
  .m-margin-0 {
    margin: 0 !important; }
  .m-padding-0 {
    padding: 0 !important; }
  .m-margin-top-0 {
    margin-top: 0 !important; }
  .m-margin-bottom-0 {
    margin-bottom: 0 !important; }
  .m-margin-left-0 {
    margin-left: 0 !important; }
  .m-margin-right-0 {
    margin-right: 0 !important; }
  .m-padding-top-0 {
    padding-top: 0 !important; }
  .m-padding-bottom-0 {
    padding-bottom: 0 !important; }
  .m-padding-left-0 {
    padding-left: 0 !important; }
  .m-padding-right-0 {
    padding-right: 0 !important; } }

.lt-ie9 .l-margin-0 {
  margin: 0 !important; }

.lt-ie9 .l-padding-0 {
  padding: 0 !important; }

.lt-ie9 .l-margin-top-0 {
  margin-top: 0 !important; }

.lt-ie9 .l-margin-bottom-0 {
  margin-bottom: 0 !important; }

.lt-ie9 .l-margin-left-0 {
  margin-left: 0 !important; }

.lt-ie9 .l-margin-right-0 {
  margin-right: 0 !important; }

.lt-ie9 .l-padding-top-0 {
  padding-top: 0 !important; }

.lt-ie9 .l-padding-bottom-0 {
  padding-bottom: 0 !important; }

.lt-ie9 .l-padding-left-0 {
  padding-left: 0 !important; }

.lt-ie9 .l-padding-right-0 {
  padding-right: 0 !important; }

@media screen and (min-width: 56.25em) {
  .l-margin-0 {
    margin: 0 !important; }
  .l-padding-0 {
    padding: 0 !important; }
  .l-margin-top-0 {
    margin-top: 0 !important; }
  .l-margin-bottom-0 {
    margin-bottom: 0 !important; }
  .l-margin-left-0 {
    margin-left: 0 !important; }
  .l-margin-right-0 {
    margin-right: 0 !important; }
  .l-padding-top-0 {
    padding-top: 0 !important; }
  .l-padding-bottom-0 {
    padding-bottom: 0 !important; }
  .l-padding-left-0 {
    padding-left: 0 !important; }
  .l-padding-right-0 {
    padding-right: 0 !important; } }

.lt-ie9 .xl-margin-0 {
  margin: 0 !important; }

.lt-ie9 .xl-padding-0 {
  padding: 0 !important; }

.lt-ie9 .xl-margin-top-0 {
  margin-top: 0 !important; }

.lt-ie9 .xl-margin-bottom-0 {
  margin-bottom: 0 !important; }

.lt-ie9 .xl-margin-left-0 {
  margin-left: 0 !important; }

.lt-ie9 .xl-margin-right-0 {
  margin-right: 0 !important; }

.lt-ie9 .xl-padding-top-0 {
  padding-top: 0 !important; }

.lt-ie9 .xl-padding-bottom-0 {
  padding-bottom: 0 !important; }

.lt-ie9 .xl-padding-left-0 {
  padding-left: 0 !important; }

.lt-ie9 .xl-padding-right-0 {
  padding-right: 0 !important; }

@media screen and (min-width: 73em) {
  .xl-margin-0 {
    margin: 0 !important; }
  .xl-padding-0 {
    padding: 0 !important; }
  .xl-margin-top-0 {
    margin-top: 0 !important; }
  .xl-margin-bottom-0 {
    margin-bottom: 0 !important; }
  .xl-margin-left-0 {
    margin-left: 0 !important; }
  .xl-margin-right-0 {
    margin-right: 0 !important; }
  .xl-padding-top-0 {
    padding-top: 0 !important; }
  .xl-padding-bottom-0 {
    padding-bottom: 0 !important; }
  .xl-padding-left-0 {
    padding-left: 0 !important; }
  .xl-padding-right-0 {
    padding-right: 0 !important; } }

/*------------------------------------*    OBJECTS
\*------------------------------------*/
.btn {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #00aeef;
  display: inline-block;
  padding: 13px 20px;
  padding: 0.835rem 1.25rem;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: normal;
  -webkit-appearance: none;
  font-weight: 400; }
  .btn:hover, .btn:focus {
    background: #23c3ff;
    color: #FFFFFF;
    text-decoration: none; }
  .btn:visited, .btn:link {
    color: #FFFFFF; }
    .btn:visited:disabled, .btn:link:disabled {
      color: #cccccc; }
  .btn:active {
    background: #0089bc; }
  .btn.truncate {
    white-space: nowrap; }
  .btn.disabled, .btn:disabled, .btn.btn-disabled {
    background: #006489;
    color: #cccccc;
    cursor: default; }
  .btn.attach-right {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px; }
  .btn.attach-left {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0; }
  .btn.attach-both {
    -webkit-border-radius: 0;
    border-radius: 0; }
  .btn.btn-block {
    display: block; }
  .btn.btn-small {
    font-size: 11px;
    font-size: 0.6875rem;
    padding: 0.75rem 1.25rem; }

.btn.btn-cta-positive {
  background-color: #00aeef;
  color: #FFFFFF; }
  .btn.btn-cta-positive:hover, .btn.btn-cta-positive:focus {
    background: #23c3ff;
    color: #FFFFFF;
    text-decoration: none; }
  .btn.btn-cta-positive:focus {
    outline: 1px dotted #3A3B41; }
  .btn.btn-cta-positive:active {
    background: #0089bc; }
  .btn.btn-cta-positive.disabled, .btn.btn-cta-positive:disabled, .btn.btn-cta-positive.btn-disabled {
    background: #003f56;
    color: #a6a6a6; }

.btn.btn-cta-cancel {
  background-color: #5d5b6e;
  color: #FFFFFF; }
  .btn.btn-cta-cancel:hover, .btn.btn-cta-cancel:focus {
    background-color: #75728a;
    color: #FFFFFF;
    text-decoration: none; }
  .btn.btn-cta-cancel:focus {
    outline: 1px dotted #3A3B41; }
  .btn.btn-cta-cancel:active {
    background-color: #454452; }
  .btn.btn-cta-cancel.disabled, .btn.btn-cta-cancel:disabled, .btn.btn-cta-cancel.btn-disabled {
    background: #2e2d36;
    color: #a6a6a6; }

.btn.btn-cta-negative {
  background-color: #db4a32;
  color: #FFFFFF; }
  .btn.btn-cta-negative:hover, .btn.btn-cta-negative:focus {
    background-color: #df5d48;
    color: #FFFFFF;
    text-decoration: none; }
  .btn.btn-cta-negative:focus {
    outline: 1px dotted #3A3B41; }
  .btn.btn-cta-negative:active {
    background-color: #b93621; }
  .btn.btn-cta-negative.disabled, .btn.btn-cta-negative:disabled, .btn.btn-cta-negative.btn-disabled {
    background: #a4301d;
    color: #d9d9d9; }

.btn.btn-cta-text {
  background-color: transparent;
  color: #00aeef;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold; }
  .btn.btn-cta-text:hover, .btn.btn-cta-text:focus {
    background-color: transparent;
    color: #56d1ff;
    text-decoration: none; }
  .btn.btn-cta-text:focus {
    outline: 1px dotted #3A3B41; }
  .btn.btn-cta-text:active {
    background-color: transparent; }
  .btn.btn-cta-text.disabled, .btn.btn-cta-text:disabled, .btn.btn-cta-text.btn-disabled {
    background: transparent;
    color: #006489; }

.btn.btn-cta-bg {
  background-color: #009933;
  color: #FFFFFF; }
  .btn.btn-cta-bg:hover, .btn.btn-cta-bg:focus {
    background: #00b33c;
    color: #FFFFFF;
    text-decoration: none; }
  .btn.btn-cta-bg:focus {
    outline: 1px dotted #3A3B41; }
  .btn.btn-cta-bg:active {
    background: #006622; }
  .btn.btn-cta-bg.disabled, .btn.btn-cta-bg:disabled, .btn.btn-cta-bg.btn-disabled {
    background: #007025;
    color: #a6a6a6; }

.btn.btn-gen-1 {
  background-color: #34314f;
  color: #FFFFFF; }
  .btn.btn-gen-1:hover, .btn.btn-gen-1:focus {
    background: #49456e;
    color: #FFFFFF;
    text-decoration: none; }
  .btn.btn-gen-1:focus {
    outline: 1px dotted #3A3B41; }
  .btn.btn-gen-1:active {
    background: #1f1d30; }
  .btn.btn-gen-1.disabled, .btn.btn-gen-1:disabled, .btn.btn-gen-1.btn-disabled {
    background: #1f1d30;
    color: #a6a6a6; }

.btn-dropdown {
  position: relative;
  display: inline-block;
  width: auto;
  cursor: pointer;
  color: #242424;
  background-color: #FFFFFF;
  padding: 12px 12px;
  padding: 0.75rem 0.75rem;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .btn-dropdown a {
    color: #242424; }
  .btn-dropdown-link {
    text-decoration: none !important;
    padding: 0 !important; }
    .btn-dropdown-link .text {
      min-width: 7em;
      max-width: 7em;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 0;
      margin: 0;
      color: #242424; }
      .btn-dropdown-link .text.unselected {
        color: #1b00a2; }
    .btn-dropdown-link .arrow {
      -webkit-transition: transform 0.15s cubic-bezier(0.190, 1.000, 0.220, 1.000);
      -moz-transition: transform 0.15s cubic-bezier(0.190, 1.000, 0.220, 1.000);
      -ms-transition: transform 0.15s cubic-bezier(0.190, 1.000, 0.220, 1.000);
      transition: transform 0.15s cubic-bezier(0.190, 1.000, 0.220, 1.000);
      margin: 0;
      margin-left: 0.25em;
      padding-top: 0.1em; }
    .btn-dropdown-link .type-icon {
      margin: 0;
      margin-right: 0.75em; }
      .btn-dropdown-link .type-icon.icon-cal {
        min-width: 0.75em;
        min-height: 0.75em; }
  .btn-dropdown.datepicker > div {
    display: block; }
  .btn-dropdown.datepicker .datepicker-field {
    width: 9.5em;
    padding: 0;
    background: transparent;
    border-color: transparent; }
    .btn-dropdown.datepicker .datepicker-field::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: #242424; }
    .btn-dropdown.datepicker .datepicker-field:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #242424;
      opacity: 1; }
    .btn-dropdown.datepicker .datepicker-field::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #242424;
      opacity: 1; }
    .btn-dropdown.datepicker .datepicker-field:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #242424; }
    .btn-dropdown.datepicker .datepicker-field.short {
      width: 7em; }
  .btn-dropdown.datepicker .time-label {
    padding-left: 1rem; }
    .btn-dropdown.datepicker .time-label select, .btn-dropdown.datepicker .time-label input {
      width: auto;
      padding: 0;
      background: transparent;
      border-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .btn-dropdown.datepicker .time-label select {
      padding-right: 1.25rem; }
    .btn-dropdown.datepicker .time-label input {
      max-width: 3em; }
      .btn-dropdown.datepicker .time-label input::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #242424; }
      .btn-dropdown.datepicker .time-label input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #242424;
        opacity: 1; }
      .btn-dropdown.datepicker .time-label input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #242424;
        opacity: 1; }
      .btn-dropdown.datepicker .time-label input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #242424; }
    .btn-dropdown.datepicker .time-label.select::after {
      content: "\f0d7";
      right: 1rem;
      top: 21%; }
  .btn-dropdown.disabled {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    cursor: default; }
    .btn-dropdown.disabled .btn-dropdown-link {
      cursor: default;
      color: black; }
      .btn-dropdown.disabled .btn-dropdown-link .text {
        color: black; }
  .btn-dropdown.is-open {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; }
    .btn-dropdown.is-open .arrow {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    .btn-dropdown.is-open .dropdown-menu-wrapper {
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      transition: all 0.2s ease;
      max-height: 10em;
      max-width: 40em;
      overflow-y: auto; }
      .btn-dropdown.is-open .dropdown-menu-wrapper.w-header {
        max-height: 23em; }
  .btn-dropdown.btn-secondary {
    color: #242424;
    background-color: #FFFFFF;
    font-weight: 300; }
    .btn-dropdown.btn-secondary a {
      color: #242424; }
    .btn-dropdown.btn-secondary .text {
      color: #242424; }
    .btn-dropdown.btn-secondary .dropdown-menu-wrapper {
      background-color: #FFFFFF; }
      .btn-dropdown.btn-secondary .dropdown-menu-wrapper a {
        color: #242424; }
        .btn-dropdown.btn-secondary .dropdown-menu-wrapper a:hover {
          color: #009933; }

.dropdown-menu {
  list-style-type: none;
  margin: 0;
  padding-right: 0.5em; }
  .dropdown-menu-wrapper {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 99%;
    min-width: 100%;
    z-index: 5;
    background-color: #FFFFFF;
    -webkit-transition: max-height 0.2s ease;
    -moz-transition: max-height 0.2s ease;
    -ms-transition: max-height 0.2s ease;
    transition: max-height 0.2s ease;
    -webkit-box-shadow: 0 2px 4px #969696;
    box-shadow: 0 2px 4px #969696;
    -webkit-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px; }
  .dropdown-menu li {
    margin: 0;
    overflow-x: auto; }
    .dropdown-menu li:hover {
      background: #c7c9cb; }
      .dropdown-menu li:hover a {
        color: #009933; }
  .dropdown-menu a {
    padding: 0.6em 1em;
    display: block;
    white-space: nowrap;
    color: #242424;
    text-decoration: none; }
  .dropdown-menu-group-title {
    margin: 0;
    padding: 0.25em 0.4em;
    color: #1b00a2;
    cursor: default;
    font-weight: 600; }
  .dropdown-menu-header {
    padding: 0.125em 0.25em; }
    .dropdown-menu-header a {
      color: #00aeef; }
  .dropdown-menu.dropdown-menu-body {
    max-height: 14em;
    max-width: 15em;
    overflow-y: auto;
    padding: 0; }
    .dropdown-menu.dropdown-menu-body.multiselect li {
      padding: 0.25em 0.25em 0.25em 0.5em; }
    .dropdown-menu.dropdown-menu-body.multiselect .tri-state-label {
      font-size: 15px;
      font-size: 0.95rem;
      padding: 0.3rem 1rem 0.5rem 3rem; }
      .dropdown-menu.dropdown-menu-body.multiselect .tri-state-label.smaller {
        padding: 0.3rem 1rem 0.25rem 3rem; }
    .dropdown-menu.dropdown-menu-body.multiselect.grouped li {
      padding-left: 0.75em; }

.btn-switch {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: inline-block;
  background-color: #2a273f; }
  .btn-switch .btn {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #2a273f;
    color: #cccccc;
    font-weight: 400;
    font-size: 0.85em; }
    .btn-switch .btn.active {
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background-color: #49456e;
      color: #FFFFFF; }
    @media screen and (max-width: 73em) {
      .btn-switch .btn {
        padding: 13px 5px;
        padding: 0.835rem 0.3125rem; } }

.header-fixed {
  position: fixed;
  width: 100%;
  z-index: 700; }

.header__page {
  background: #00aeef;
  background: -moz-linear-gradient(left, #4960a4 0%, #00aeef 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #4960a4), color-stop(100%, #00aeef));
  background: -webkit-linear-gradient(left, #4960a4 0%, #00aeef 100%);
  background: -o-linear-gradient(left, #4960a4 0%, #00aeef 100%);
  background: -ms-linear-gradient(left, #4960a4 0%, #00aeef 100%);
  background: linear-gradient(to right, #4960a4 0%, #00aeef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$header-page-background-1', endColorstr='$header-page-background-2', GradientType=1 );
  text-align: center;
  text-transform: uppercase;
  min-height: 8em;
  color: #FFFFFF;
  position: relative;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  justify-content: center; }
  .header__page-title {
    font-size: 1.35em; }
  .header__page-subtitle {
    font-size: 1.05em;
    font-weight: 400; }
  .header__page-slant {
    position: absolute;
    left: 0;
    bottom: -3px;
    overflow: hidden;
    width: 80%; }
    .header__page-slant .lt-ie9 {
      width: 70%; }
    @media screen and (min-width: 46.75em) {
      .header__page-slant {
        width: 70%; } }
    .header__page-slant .lt-ie9 {
      width: 60%; }
    @media screen and (min-width: 56.25em) {
      .header__page-slant {
        width: 60%; } }
    .header__page-slant .lt-ie9 {
      width: 50%; }
    @media screen and (min-width: 66em) {
      .header__page-slant {
        width: 50%; } }
    .header__page-slant .lt-ie9 {
      width: 40%; }
    @media screen and (min-width: 73em) {
      .header__page-slant {
        width: 40%; } }
    .header__page-slant .lt-ie9 {
      width: 30%; }
    @media screen and (min-width: 89em) {
      .header__page-slant {
        width: 30%; } }
    .header__page-slant img {
      width: 100%; }

.snackbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 0;
  z-index: 9;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .snackbar .snackbar-inner {
    padding: 1em 2em; }
    .snackbar .snackbar-inner .text {
      padding: 0.2em 0; }
    .snackbar .snackbar-inner .buttons {
      text-align: left; }
      .snackbar .snackbar-inner .buttons .lt-ie9 {
        text-align: right; }
      @media screen and (min-width: 46.75em) {
        .snackbar .snackbar-inner .buttons {
          text-align: right; } }
  .snackbar.snackbar-error {
    background: #b93621;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #f0772c, #b93621);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f0772c, #b93621);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f0772c, #b93621);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f0772c, #b93621);
    /* Standard syntax */ }
  .snackbar.snackbar-information {
    background: #007ead;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #56d1ff, #007ead);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #56d1ff, #007ead);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #56d1ff, #007ead);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #56d1ff, #007ead);
    /* Standard syntax */ }
  .snackbar.open {
    max-height: 17em;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease; }

.navbar {
  background-color: #FFFFFF;
  color: #00aeef;
  padding: 0 1.5em; }
  .navbar-item {
    padding: 1.25em 0 0.1em 0em;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 400; }
  .navbar__list-item {
    position: relative;
    margin-right: 1em;
    padding-top: 0.45em;
    padding-bottom: 1em;
    border-bottom: 3px solid transparent;
    min-height: 1em; }
    .navbar__list-item .lt-ie9 {
      margin-right: 2.25em; }
    @media screen and (min-width: 89em) {
      .navbar__list-item {
        margin-right: 2.25em; } }
    .navbar__list-item:last-child {
      margin-right: 1.5em; }
    .navbar__list-item a:visited, .navbar__list-item a:link {
      color: #00aeef; }
    .navbar__list-item.active {
      font-weight: 600;
      border-bottom: 3px solid #00aeef; }
  .navbar__login-info {
    color: #00aeef; }
    .navbar__login-info-text {
      color: #0a003c; }
      .navbar__login-info-text p {
        margin: 0;
        padding-top: 0.4em;
        max-width: 11em; }
        .navbar__login-info-text p .lt-ie9 {
          max-width: 15em; }
        @media screen and (min-width: 78em) {
          .navbar__login-info-text p {
            max-width: 15em; } }
      .navbar__login-info-text .fa {
        margin-left: 0.5em; }
      .navbar__login-info-text .welcome-text {
        display: none; }
        .navbar__login-info-text .welcome-text .lt-ie9 {
          display: inline-block;
          margin-right: 0.5em; }
        @media screen and (min-width: 78em) {
          .navbar__login-info-text .welcome-text {
            display: inline-block;
            margin-right: 0.5em; } }
  .navbar__logo {
    padding-top: 0.25em;
    margin-right: 1em; }
    .navbar__logo .lt-ie9 {
      margin-right: 4em; }
    @media screen and (min-width: 89em) {
      .navbar__logo {
        margin-right: 4em; } }
    .navbar__logo img {
      width: 5em; }
  .navbar .navbar-desktop-menu {
    display: none; }
    .navbar .navbar-desktop-menu .lt-ie9 {
      display: block; }
    @media screen and (min-width: 74.75em) {
      .navbar .navbar-desktop-menu {
        display: block; } }
  .navbar .navbar-mobile-menu {
    display: block; }
    .navbar .navbar-mobile-menu .lt-ie9 {
      display: none; }
    @media screen and (min-width: 74.75em) {
      .navbar .navbar-mobile-menu {
        display: none; } }
    .navbar .navbar-mobile-menu.menu-list {
      max-height: 0;
      overflow: hidden;
      position: absolute;
      z-index: 101;
      left: 0;
      right: 0;
      top: 4em;
      background-color: #FFFFFF;
      border-bottom: 1px solid #00aeef;
      -webkit-transition: all 0.6s ease;
      -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
      transition: all 0.6s ease; }
      .navbar .navbar-mobile-menu.menu-list.is-open {
        max-height: 20em;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
        transition: all 0.8s ease;
        border-bottom: 3px solid #00aeef; }
      .navbar .navbar-mobile-menu.menu-list .navbar__list-item {
        padding-bottom: 0.25em;
        margin-bottom: 0.75em;
        font-size: 1em; }
      .navbar .navbar-mobile-menu.menu-list .navbar__list {
        padding-bottom: 2em;
        padding-left: 1.75em; }

.table-default {
  color: #242424;
  text-transform: uppercase;
  border-collapse: separate;
  border-spacing: 3px;
  text-align: center;
  font-weight: 300; }
  .table-default td, .table-default th {
    font-size: 0.8em;
    padding: 0.5em;
    background-color: #FFFFFF;
    vertical-align: middle; }
    .table-default td:first-child, .table-default th:first-child {
      text-align: left; }
    .table-default td.small-column, .table-default th.small-column {
      min-width: 6em;
      max-width: 9em; }
    .table-default td.transparent, .table-default th.transparent {
      background-color: transparent; }
    .table-default td .lt-ie9, .table-default th .lt-ie9 {
      padding: 1.5em; }
    @media screen and (min-width: 66em) {
      .table-default td, .table-default th {
        padding: 1.5em; } }
  .table-default th {
    padding: 1em 1.5em;
    font-size: 0.8em;
    font-weight: 400; }
  .table-default tr:first-child td:first-child, .table-default tr:first-child th:first-child {
    border-radius: 8px 0 0 0; }
  .table-default tr:first-child td:last-child, .table-default tr:first-child th:last-child {
    border-radius: 0 8px 0 0; }
  .table-default tr:last-child td:first-child, .table-default tr:last-child th:first-child {
    border-radius: 0 0 0 8px; }
  .table-default tr:last-child td:last-child, .table-default tr:last-child th:last-child {
    border-radius: 0 0 8px 0; }

.table-enhancements {
  color: #242424;
  text-transform: uppercase;
  font-weight: 400;
  border-collapse: separate;
  border-spacing: 3px;
  text-align: center; }
  .table-enhancements td, .table-enhancements th {
    font-size: 0.7em;
    padding: 1.5em 0.75em;
    background-color: #FFFFFF;
    vertical-align: middle;
    width: 15%; }
    .table-enhancements td:first-child, .table-enhancements th:first-child {
      width: 25%;
      font-size: 0.8em; }
    .table-enhancements td.radius-br, .table-enhancements th.radius-br {
      border-radius: 0 0 8px 0; }
    .table-enhancements td.radius-bl, .table-enhancements th.radius-bl {
      border-radius: 0 0 0 8px; }
    .table-enhancements td.radius-tr, .table-enhancements th.radius-tr {
      border-radius: 0 8px 0 0; }
    .table-enhancements td.radius-tl, .table-enhancements th.radius-tl {
      border-radius: 8px 0 0 0; }
    .table-enhancements td.transparent, .table-enhancements th.transparent {
      background-color: transparent; }
  .table-enhancements th {
    font-size: 0.8em; }

.block-container {
  background-color: #FFFFFF;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 5px 1px #e6e6e6;
  box-shadow: 0px 0px 5px 1px #e6e6e6;
  text-transform: uppercase;
  position: relative; }
  .block-container-title {
    margin-bottom: 0.75em;
    text-transform: uppercase; }
  .block-container-header {
    border-bottom: 3px solid #f2f2f2; }
  .block-container-section {
    border-top: 3px solid #f2f2f2;
    padding: 1em 1.75em;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none; }
    .block-container-section-chart-title {
      padding: 0.5em 1.75em 0.3em 1.75em !important; }
    .block-container-section:first-child {
      border-top: none; }
    .block-container-section p {
      font-size: 0.8em;
      margin-bottom: 0.125em;
      font-weight: 300; }
      .block-container-section p .link {
        font-size: 0.85em;
        text-transform: none;
        text-decoration: underline;
        margin-left: 1em; }
    .block-container-section .small-links a {
      font-weight: 300; }
    .block-container-section.my-pages-height .lt-ie9 {
      min-height: 7.25em; }
    @media screen and (min-width: 46.75em) {
      .block-container-section.my-pages-height {
        min-height: 7.25em; } }
  .block-container-list .inner-item {
    padding: 1.4em 1.75em;
    border-left: 8px solid transparent;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.85em; }
    .block-container-list .inner-item.dark-bg {
      background-color: #e6e6e6; }
    .block-container-list .inner-item a {
      color: #242424; }
    .block-container-list .inner-item:first-child {
      border-top: none; }
    .block-container-list .inner-item .fa {
      color: #0a003c; }
    .block-container-list .inner-item p {
      margin: 0; }
  .block-container-list li {
    border-top: 1px solid #f2f2f2; }
    .block-container-list li.active .inner-item {
      border-left: 8px solid #0a003c; }
  .block-container .checkbox {
    width: 12%; }
    .block-container .checkbox .lt-ie9 {
      width: 10%; }
    @media screen and (min-width: 39.5em) {
      .block-container .checkbox {
        width: 10%; } }
  .block-container .text {
    width: 88%; }
    .block-container .text .lt-ie9 {
      width: 90%; }
    @media screen and (min-width: 39.5em) {
      .block-container .text {
        width: 90%; } }
    .block-container .text h4 {
      margin-top: 0.25em; }
  .block-container-scroll {
    max-height: 18em;
    overflow-y: auto; }
    .block-container-scroll ::-webkit-scrollbar {
      width: 9px;
      height: 9px; }
    .block-container-scroll ::-webkit-scrollbar-track {
      background-color: #8E8F93;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    .block-container-scroll ::-webkit-scrollbar-thumb {
      background-color: #484950;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    .block-container-scroll ::-webkit-scrollbar-thumb:hover {
      background-color: #54555d; }
    .block-container-scroll::-webkit-scrollbar {
      width: 9px;
      height: 9px; }
    .block-container-scroll::-webkit-scrollbar-track {
      background-color: #8E8F93;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    .block-container-scroll::-webkit-scrollbar-thumb {
      background-color: #484950;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    .block-container-scroll::-webkit-scrollbar-thumb:hover {
      background-color: #54555d; }

.block-container-sub {
  display: none;
  position: absolute;
  top: 0;
  left: 2%;
  width: 98%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 2;
  -webkit-box-shadow: -5px 0px 20px 0px #e6e6e6;
  box-shadow: -5px 0px 20px 0px #e6e6e6; }
  .block-container-sub.active {
    display: block; }

.notification.notification-error {
  background-color: #db4a32; }
  .notification.notification-error h1, .notification.notification-error h2, .notification.notification-error h3, .notification.notification-error h4, .notification.notification-error h5, .notification.notification-error h6, .notification.notification-error p {
    color: #FFFFFF; }

.notification.notification-warning {
  background-color: yellow; }
  .notification.notification-warning h1, .notification.notification-warning h2, .notification.notification-warning h3, .notification.notification-warning h4, .notification.notification-warning h5, .notification.notification-warning h6, .notification.notification-warning p {
    color: #17152b; }

.notification.notification-valid {
  background-color: #6fb54b; }
  .notification.notification-valid h1, .notification.notification-valid h2, .notification.notification-valid h3, .notification.notification-valid h4, .notification.notification-valid h5, .notification.notification-valid h6, .notification.notification-valid p {
    color: #FFFFFF; }

.notification.notification-information {
  background-color: #00aeef; }
  .notification.notification-information h1, .notification.notification-information h2, .notification.notification-information h3, .notification.notification-information h4, .notification.notification-information h5, .notification.notification-information h6, .notification.notification-information p {
    color: #FFFFFF; }

.label.label-counter {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #6fb54b;
  color: #FFFFFF;
  border: 2px solid #b7daa5;
  font-size: 0.65em;
  float: left;
  text-align: center;
  font-weight: 400;
  padding: 0.125em 0.25em;
  min-width: 2.25em; }

.label.label-filter {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.775em;
  background-color: #0a003c;
  color: #FFFFFF;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #0a003c;
  padding: 0.75rem 0.75rem; }
  .label.label-filter .fa {
    color: #db4a32; }

.progress-bar {
  height: 1em;
  background-color: #e0e1e3;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  overflow: hidden; }
  .progress-bar .progress-bar-inner {
    height: 1em; }
    .progress-bar .progress-bar-inner.valid {
      background-color: #6fb54b; }
    .progress-bar .progress-bar-inner.error {
      background-color: #db4a32; }
    .progress-bar .progress-bar-inner.warning {
      background-color: #cccc00; }

/*------------------------------------*    GENERIC ELEMENTS Part 2
    to be loaded after all the objects (overriding issues)
\*------------------------------------*/
.reset-div-style {
  /*http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)*/
  /* HTML5 display-role reset for older browsers */ }
  .reset-div-style html, .reset-div-style body, .reset-div-style div, .reset-div-style span, .reset-div-style applet, .reset-div-style object, .reset-div-style iframe, .reset-div-style h1, .reset-div-style h2, .reset-div-style h3, .reset-div-style h4, .reset-div-style h5, .reset-div-style h6, .reset-div-style p, .reset-div-style blockquote, .reset-div-style pre, .reset-div-style a, .reset-div-style abbr, .reset-div-style acronym, .reset-div-style address, .reset-div-style big, .reset-div-style cite, .reset-div-style code, .reset-div-style del, .reset-div-style dfn, .reset-div-style em, .reset-div-style img, .reset-div-style ins, .reset-div-style kbd, .reset-div-style q, .reset-div-style s, .reset-div-style samp, .reset-div-style small, .reset-div-style strike, .reset-div-style strong, .reset-div-style sub, .reset-div-style sup, .reset-div-style tt, .reset-div-style var, .reset-div-style b, .reset-div-style u, .reset-div-style i, .reset-div-style center, .reset-div-style dl, .reset-div-style dt, .reset-div-style dd, .reset-div-style ol, .reset-div-style ul, .reset-div-style li, .reset-div-style fieldset, .reset-div-style form, .reset-div-style label, .reset-div-style legend, .reset-div-style table, .reset-div-style caption, .reset-div-style tbody, .reset-div-style tfoot, .reset-div-style thead, .reset-div-style tr, .reset-div-style th, .reset-div-style td, .reset-div-style article, .reset-div-style aside, .reset-div-style canvas, .reset-div-style details, .reset-div-style embed, .reset-div-style figure, .reset-div-style figcaption, .reset-div-style footer, .reset-div-style header, .reset-div-style hgroup, .reset-div-style menu, .reset-div-style nav, .reset-div-style output, .reset-div-style ruby, .reset-div-style section, .reset-div-style summary, .reset-div-style time, .reset-div-style mark, .reset-div-style audio, .reset-div-style video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    text-transform: inherit;
    color: #000;
    color: initial;
    letter-spacing: 0;
    letter-spacing: initial; }
  .reset-div-style article, .reset-div-style aside, .reset-div-style details, .reset-div-style figcaption, .reset-div-style figure, .reset-div-style footer, .reset-div-style header, .reset-div-style hgroup, .reset-div-style menu, .reset-div-style nav, .reset-div-style section {
    display: block; }
  .reset-div-style body {
    line-height: 1; }
  .reset-div-style ol, .reset-div-style ul {
    list-style: none; }
  .reset-div-style blockquote, .reset-div-style q {
    quotes: none; }
  .reset-div-style blockquote:before, .reset-div-style blockquote:after {
    content: '';
    content: none; }
  .reset-div-style q:before, .reset-div-style q:after {
    content: '';
    content: none; }
  .reset-div-style table {
    border-collapse: collapse;
    border-spacing: 0; }
  .reset-div-style input {
    background-color: white;
    color: #888;
    border-radius: initial;
    border-color: #ddd;
    width: 80% !important;
    font-style: italic;
    font-size: 16px; }

/*------------------------------------*    OBJECTS - 3rd PARTIES (overriding)
\*------------------------------------*/
div.ql-editor {
  padding: 1em;
  font-size: 17px; }

/*---tooltip----*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 800;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 4px;
    margin-left: -80px;
    padding: 6px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 0.70em;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}